ll analytics tenancy table load issue fix and quick guide overall improvements and nodoc documentation

livelabs-analytics/assets/css/dashboard.css

@@ -919,28 +919,15 @@
     .lazy-section-panel {
       display: flex;
       align-items: center;
-      justify-content: space-between;
+      justify-content: flex-start;
       gap: 16px;
       padding: 16px 18px;
       border: 1px solid var(--line-soft);
       border-radius: 10px;
       background: var(--surface);
     }
     .lazy-section-panel p { margin: 0; color: var(--muted); }
-    .lazy-section-button {
-      flex: 0 0 auto;
-      padding: 9px 14px;
-      border: 1px solid var(--accent);
-      border-radius: 6px;
-      background: var(--accent);
-      color: #fff;
-      font: inherit;
-      font-weight: 700;
-      cursor: pointer;
-    }
-    .lazy-section-button:hover,
-    .lazy-section-button:focus-visible { background: var(--oracle-red); }
-    .lazy-section[aria-busy="true"] .lazy-section-button { pointer-events: none; opacity: .7; }
+    .lazy-section-status { font-style: italic; }
     .fallback-logic-body { gap: 16px; }
     .fallback-example-card,
     .fallback-explanation-card {

livelabs-analytics/assets/js/dashboard.js

@@ -942,7 +942,7 @@
       section.dataset.lazyError = "true";
       section.setAttribute("aria-busy", "false");
       const panel = section.querySelector(".lazy-section-panel");
-      if (panel) panel.innerHTML = `<p>${escapeHtml(message)}</p><button class="lazy-section-button" type="button" data-load-lazy-section="${escapeHtml(section.dataset.lazySection || "")}">Try again</button>`;
+      if (panel) panel.innerHTML = `<p class="lazy-section-status" role="alert">${escapeHtml(message)}</p>`;
     }
     async function loadLazySection(sectionId) {
       const placeholder = lazySectionPlaceholder(sectionId);
@@ -992,13 +992,6 @@
     }
     function configureLazySections() {
       document.addEventListener("click", (event) => {
-        const loadButton = event.target.closest("[data-load-lazy-section]");
-        if (loadButton) {
-          event.preventDefault();
-          const sectionId = loadButton.dataset.loadLazySection;
-          loadLazySection(sectionId).then((section) => section?.scrollIntoView({ block: "start", behavior: "smooth" }));
-          return;
-        }
         const anchor = event.target.closest('a[href^="#"]');
         const sectionId = anchor?.getAttribute("href")?.slice(1);
         if (!sectionId || !lazySectionPlaceholder(sectionId)) return;
@@ -1008,6 +1001,10 @@
           section?.scrollIntoView({ block: "start", behavior: "smooth" });
         });
       });
+      document.querySelectorAll("[data-lazy-section]").forEach((section) => {
+        const sectionId = section.dataset.lazySection;
+        if (sectionId) void loadLazySection(sectionId);
+      });
       const initialSectionId = location.hash.slice(1);
       if (initialSectionId && lazySectionPlaceholder(initialSectionId)) {
         loadLazySection(initialSectionId).then((section) => section?.scrollIntoView({ block: "start" }));

livelabs-analytics/dev/scripts/externalize-dashboard-sections.mjs

@@ -11,27 +11,27 @@ const sections = [
   {
     id: "top-performers",
     label: "Top Performers",
-    description: "Load the scored Top 100 workshop and sprint review tables when you need them.",
+    description: "The scored Top 100 workshop and sprint review tables load automatically in the background.",
   },
   {
     id: "at-risk-content",
     label: "At-Risk Content",
-    description: "Load the at-risk review queue when you need to assess retirement signals.",
+    description: "The at-risk review queue loads automatically in the background.",
   },
   {
     id: "retire-now-content",
     label: "Retire-Now Content",
-    description: "Load the governed retirement review queue when you need it.",
+    description: "The governed retirement review queue loads automatically in the background.",
   },
   {
     id: "replacement-suggestions",
     label: "Replacement Suggestions",
-    description: "Load the algorithmic successor review queue when you need it.",
+    description: "The algorithmic successor review queue loads automatically in the background.",
   },
   {
     id: "disabled-content",
     label: "Disabled Content",
-    description: "Load the disabled-content audit tables when you need them.",
+    description: "The disabled-content audit tables load automatically in the background.",
   },
 ];
 
@@ -53,7 +53,7 @@ function sectionBounds(html, id) {
 }
 
 function placeholder(section) {
-  return `<section class="section lazy-section" id="${section.id}" data-lazy-section="${section.id}" data-lazy-src="./assets/fragments/${section.id}.html" aria-busy="false"><div class="section-head"><div class="section-head-top"><h2>${section.label}</h2></div><p>${section.description}</p></div><div class="lazy-section-panel"><p>This large review queue is loaded on demand so the dashboard opens quickly.</p><button class="lazy-section-button" type="button" data-load-lazy-section="${section.id}">Load ${section.label}</button></div></section>`;
+  return `<section class="section lazy-section" id="${section.id}" data-lazy-section="${section.id}" data-lazy-src="./assets/fragments/${section.id}.html" aria-busy="true"><div class="section-head"><div class="section-head-top"><h2>${section.label}</h2></div><p>${section.description}</p></div><div class="lazy-section-panel"><p class="lazy-section-status" role="status">Loading review queue in the background...</p></div></section>`;
 }
 
 let html = fs.readFileSync(htmlPath, "utf8");

livelabs-analytics/dev/tests/static-dashboard.spec.cjs

@@ -15,7 +15,12 @@ test("approved dashboard shell and Inventory dimensions remain stable", async ({
     "Retirement"
   ]);
   await expect(page.locator("h3", { hasText: /^Top (10|50|100)$/ })).toHaveCount(0);
-  await page.locator('[data-load-lazy-section="replacement-suggestions"]').click();
+  await expect(page.locator(".lazy-section-button")).toHaveCount(0);
+  await expect(page.locator('#top-performers [data-filter-table="top-performer-top-100-workshops"]')).toHaveCount(1);
+  await expect(page.locator('#at-risk-content [data-filter-table="at-risk-top-100-workshops"]')).toHaveCount(1);
+  await expect(page.locator('#retire-now-content [data-filter-table="retire-now-top-100-workshops"]')).toHaveCount(1);
+  await expect(page.locator('#replacement-suggestions [data-filter-table="replacement-recommendations"]')).toHaveCount(1);
+  await expect(page.locator('#disabled-content [data-filter-table="disabled-workshops"]')).toHaveCount(1);
   await expect(page.locator('#replacement-recommendations tbody > tr.expandable-row[data-filter-row="true"]')).toHaveCount(100);
   const dashboardHeader = await page.locator("main > .page-header").boundingBox();
 
@@ -81,7 +86,6 @@ test("search selection and both Back to Dashboard controls reset the search UI",
 
 test("rank column stays clickable while hidden from the sort dropdown", async ({ page }) => {
   await page.goto("/", { waitUntil: "networkidle" });
-  await page.locator('[data-load-lazy-section="top-performers"]').click();
   const table = page.locator('[data-filter-table="top-performer-top-100-workshops"]');
   const tableDisclosure = page.locator("details.ranked-table-disclosure").filter({ has: table }).first();
   if (!(await tableDisclosure.getAttribute("open"))) await tableDisclosure.locator(":scope > summary").click();

new-author-guide/assets/css/author-guide-improvements.css

@@ -4388,9 +4388,14 @@ body.author-nav-closed #app[data-redwood-creator-pass="2026-05-25"] .app-shell {
 
 /* Recording components stay in the source for the next release, but are not shown in this functionality-and-content release. */
 #app[data-redwood-creator-pass="2026-05-25"] [data-video-card],
+#app[data-redwood-creator-pass="2026-05-25"] [data-video-status="preview"],
+#app[data-redwood-creator-pass="2026-05-25"] [data-video-status="future"],
+#app[data-redwood-creator-pass="2026-05-25"] [data-video-availability="future"],
 #app[data-redwood-creator-pass="2026-05-25"] .media-player-card,
+#app[data-redwood-creator-pass="2026-05-25"] .video-placeholder-card,
 #app[data-redwood-creator-pass="2026-05-25"] .nodoc-task-media,
-#app[data-redwood-creator-pass="2026-05-25"] video {
+#app[data-redwood-creator-pass="2026-05-25"] video,
+#app[data-redwood-creator-pass="2026-05-25"] audio {
   display: none !important;
 }
 
@@ -5410,6 +5415,46 @@ body.home-no-scroll #app .hub-hero {
   margin-bottom: 0;
 }
 
+#nodocMode .nodoc-vibe-introduction {
+  margin: .9rem 0 .25rem;
+  padding: .85rem 1rem;
+  border-left: 3px solid rgba(199, 70, 52, .35);
+  border-radius: 8px;
+  background: rgba(246, 248, 250, .68);
+}
+
+#nodocMode .nodoc-vibe-introduction h5 {
+  margin: 0 0 .45rem;
+  color: #172b4d;
+  font-size: 1rem;
+}
+
+#nodocMode .nodoc-architecture-scope-detail {
+  display: grid;
+  gap: .45rem;
+  margin: -.15rem 0 .15rem;
+  padding: .75rem .85rem;
+  border-left: 3px solid rgba(67, 124, 148, .32);
+  border-radius: 7px;
+  background: rgba(246, 248, 250, .72);
+}
+
+#nodocMode .nodoc-architecture-scope-detail[hidden] {
+  display: none;
+}
+
+#nodocMode .nodoc-architecture-scope-detail > label {
+  margin: 0;
+  color: #172b4d;
+  font-size: .88rem;
+  font-weight: 700;
+}
+
+#nodocMode .nodoc-architecture-scope-detail > .nodoc-codex-prompt-meta {
+  display: block;
+  margin: 0;
+}
+
 #nodocMode .nodoc-codex-prompt-builder {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
@@ -5547,7 +5592,9 @@ body.home-no-scroll #app .hub-hero {
 #nodocMode .nodoc-codex-prompt-scope,
 #nodocMode .nodoc-codex-prompt-sources,
 #nodocMode .nodoc-codex-prompt-constraints,
-#nodocMode .nodoc-codex-skill-resource-input {
+#nodocMode .nodoc-codex-skill-resource-input,
+#nodocMode .nodoc-custom-prompt-instruction,
+#nodocMode .nodoc-custom-prompt-complexity {
   width: auto;
   max-width: 100%;
   min-width: 0;
@@ -5573,7 +5620,9 @@ body.home-no-scroll #app .hub-hero {
 #nodocMode .nodoc-codex-prompt-scope:focus,
 #nodocMode .nodoc-codex-prompt-sources:focus,
 #nodocMode .nodoc-codex-prompt-constraints:focus,
-#nodocMode .nodoc-codex-skill-resource-input:focus {
+#nodocMode .nodoc-codex-skill-resource-input:focus,
+#nodocMode .nodoc-custom-prompt-instruction:focus,
+#nodocMode .nodoc-custom-prompt-complexity:focus {
   border-color: #c74634;
   box-shadow: 0 0 0 .18rem rgba(199, 70, 52, .14);
 }
@@ -5975,6 +6024,40 @@ body.home-no-scroll #app .hub-hero {
   object-fit: contain;
 }
 
+#nodocMode .nodoc-availability-badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.6em;
+  padding: .2em .5em;
+  border: 1px solid rgba(22, 21, 19, .18);
+  border-radius: 999px;
+  color: #6b7280;
+  background: #f4f4f2;
+  font-family: "Oracle Sans", "Segoe UI", Arial, sans-serif;
+  font-size: .3em;
+  font-weight: 700;
+  line-height: 1;
+  letter-spacing: .02em;
+  white-space: nowrap;
+}
+
+#nodocMode .nodoc-participation-note {
+  max-width: 72ch;
+  margin: .9rem 0 0;
+  color: #161513;
+  font-family: Georgia, "Times New Roman", serif;
+  font-size: clamp(1.08rem, 1.55vw, 1.28rem);
+  font-weight: 500;
+  line-height: 1.45;
+}
+
+#nodocMode .nodoc-participation-note a {
+  color: #8f2f20;
+  font-weight: 600;
+  text-underline-offset: .12em;
+  text-decoration-thickness: 1px;
+}
+
 #nodocMode .nodoc-title-link:hover,
 #nodocMode .nodoc-title-link:focus-visible {
   opacity: .82;
@@ -6045,6 +6128,15 @@ body.home-no-scroll #app .hub-hero {
     padding: 28px 22px 24px !important;
   }
 
+  #app[data-redwood-creator-pass="2026-05-25"] #nodocMode .nodoc-page-hero .mode-title {
+    flex-wrap: wrap;
+    white-space: normal;
+  }
+
+  #nodocMode .nodoc-availability-badge {
+    font-size: .31em;
+  }
+
   #nodocMode .nodoc-tree-group > summary {
     display: block;
   }

new-author-guide/assets/js/author-guide-app.js

@@ -2905,24 +2905,48 @@
   }
 
   function hydrateVideoCards(root) {
+    var scope = root || document;
+
     if (window.RedwoodVideoPlayer && typeof window.RedwoodVideoPlayer.hydrate === "function") {
-      window.RedwoodVideoPlayer.hydrate(root || document);
+      window.RedwoodVideoPlayer.hydrate(scope);
     }
+
+    hidePreviewVideoComponents(scope);
+  }
+
+  function hidePreviewVideoComponents(root) {
+    var scope = root || document;
+
+    scope.querySelectorAll(
+      '[data-video-card], [data-video-status="preview"], [data-video-availability="future"], .media-player-card, .video-placeholder-card, video, audio'
+    ).forEach(function (node) {
+      node.hidden = true;
+      node.setAttribute("aria-hidden", "true");
+      if (node.matches('[data-video-card], [data-video-status="preview"], .media-player-card, .video-placeholder-card')) {
+        node.setAttribute("data-video-availability", "future");
+      }
+    });
   }
 
   function renderVideoCardMount(config) {
+    var options = Object.assign({}, config || {});
+
+    // Preview/template recordings are intentionally disabled. Re-enable this
+    // path only when an approved product recording is supplied explicitly.
+    if (!options.src || options.approvedRecording !== true) {
+      return "";
+    }
+
     if (!window.RedwoodVideoPlayer || typeof window.RedwoodVideoPlayer.createMountMarkup !== "function") {
       return "";
     }
 
+    delete options.approvedRecording;
     return window.RedwoodVideoPlayer.createMountMarkup(Object.assign({
-      src: "../assets/media/guide/author-guide-template.mp4",
-      captions: "../assets/media/guide/author-guide-template.vtt",
-      status: "preview",
-      sourceNote: "Preview asset only. Use the written steps and transcript until the approved walkthrough is supplied.",
-      autoplay: true,
-      loop: true
-    }, config || {}));
+      status: "approved",
+      autoplay: false,
+      loop: false
+    }, options));
   }
 
   function openBubble(id) {