47:  const BUCKETS = [
57:  const BUCKET_LABELS = {
69:  state.selectedCategory = null;
70:  state.selectedBucket = null;
72:  function phaseOfCategory(cat) {
79:  function categoriesForPhase(phaseId) {
85:      const docs = Array.isArray(cat.docs) ? cat.docs : [];
86:      const docPhaseHit = docs.some(function (doc) {
90:      const badgeHit = phaseOfCategory(cat) === key;
122:        '<div class="tree-buckets">',
123:          BUCKETS.map(function (bucket) {
125:              '<div class="tree-bucket ' + (state.selectedBucket === bucket && state.selectedCategory === catId ? 'active' : '') + '">',
126:                '<button type="button" class="tree-bucket-row" data-phase-id="' + phaseId + '" data-cat-id="' + catId + '" data-bucket="' + bucket + '">',
127:                  '<span class="tree-bucket-title">' + BUCKET_LABELS[bucket] + '</span>',
139:      const cats = categoriesForPhase(phaseId);
168:                    '<button type="button" class="tree-cat-row ' + (state.selectedCategory === catId ? 'active' : '') + '" data-phase-id="' + phaseId + '" data-cat-id="' + catId + '">',
199:              return cat && phaseOfCategory(cat) === phaseId;
204:          state.selectedCategory = null;
205:          state.selectedBucket = null;
224:        state.selectedCategory = catId;
225:        state.selectedBucket = null;
232:    document.querySelectorAll(".tree-bucket-row").forEach(function (btn) {
242:        state.selectedCategory = catId;
243:        state.selectedBucket = btn.dataset.bucket || null;
462:        '<h4>' + titleize(item.deployment_stage || "runtime") + ' / ' + titleize(item.technology || item.subcategory || "item") + '</h4>',
507:  function selectedCategoryObject() {
508:    if (!state.selectedCategory) return null;
511:      return String(c.id || "") === String(state.selectedCategory);
519:    if (els.selectedStageTotal) els.selectedStageTotal.innerHTML = ((cat.docs || []).length) + ' docs<br>in category';
522:      const docs = Array.isArray(cat.docs) ? cat.docs : [];
523:      els.selectedPipelineSteps.innerHTML = docs.length ? docs.map(function (doc) {
529:  function renderCenterBucket(ph, cat, bucket) {
530:    if (els.selectedStageName) els.selectedStageName.textContent = (cat.title || ph.name || "Category") + " / " + titleize(bucket);
532:    const docs = Array.isArray(cat.docs) ? cat.docs : [];
533:    if (els.selectedStageTotal) els.selectedStageTotal.innerHTML = docs.length + ' docs<br>in bucket view';
534:    if (els.selectedStageDonut) els.selectedStageDonut.innerHTML = donutMarkup(0, titleize(bucket));
536:      els.selectedPipelineSteps.innerHTML = docs.length ? docs.map(function (doc) {
549:    const cat = selectedCategoryObject();
553:    if (cat && state.selectedBucket) {
554:      renderCenterBucket(ph, cat, state.selectedBucket);
633:        getJsonOptional("subcategory_pipelines.json"),