fix(webapp): point the filtered-runs demo intent at the runs collection

Author: kathiekiwi

apps/webapp/app/components/dashboard-agent/demo/demo.test.ts

@@ -211,6 +211,15 @@ describe("intent fixtures", () => {
       expect(demoIntent.executable).toBe(demoIntent.intent.kind !== "propose_fix");
     }
   });
+
+  it("points the filtered-runs example at the runs collection, not one run", () => {
+    const target = fixtures.demoIntents.navigateToFailedRuns.intent;
+    expect(target.kind).toBe("navigate");
+    if (target.kind !== "navigate") return;
+    const parsed = safeParseTriggerUri(target.target);
+    expect(parsed.success).toBe(true);
+    if (parsed.success) expect(parsed.data.kind).toBe("runs");
+  });
 });
 
 describe("page context and prompt fixtures", () => {

apps/webapp/app/components/dashboard-agent/demo/fixtures/intents.ts

@@ -1,5 +1,5 @@
 import { isExecutableIntent, type AgentIntent } from "@internal/dashboard-agent-contracts";
-import { DEMO_WORLD, demoRunUri } from "../ids";
+import { DEMO_WORLD, demoRunUri, demoRunsUri } from "../ids";
 import { demoBacklogDrainWatch } from "./watches";
 
 export type DemoIntent = {
@@ -19,7 +19,7 @@ const demoIntent = (intent: AgentIntent, outcome: string, deepLinkLabel?: string
 export const demoNavigateToFailedRuns = demoIntent(
   {
     kind: "navigate",
-    target: demoRunUri(DEMO_WORLD.failedRunId),
+    target: demoRunsUri(),
     filters: {
       statuses: ["COMPLETED_WITH_ERROR"],
       period: "24h",

apps/webapp/app/routes/storybook.agent-ui/gallery.tsx

@@ -141,14 +141,12 @@ export function GalleryPage({
             {meta.blurb} {sections.length} states, rendered in isolation at panel width (380px) from
             the demo fixtures in{" "}
             <code className="font-mono text-xs">app/components/dashboard-agent/demo/fixtures</code>.
-            The list lives in <code className="font-mono text-xs">manifest.ts</code>, which the
-            screenshot script walks too.
+            The list lives in <code className="font-mono text-xs">manifest.ts</code>.
           </Paragraph>
           <Paragraph variant="extra-small">
             Run ids, queues, errors and reports are fabricated. Deep links resolve inside a project,
             so here they render as plain text or navigate nowhere. The theme buttons flip{" "}
-            <code className="font-mono text-xs">data-theme</code> on the root element, which is how
-            the screenshot pack captures both themes.
+            <code className="font-mono text-xs">data-theme</code> on the root element.
           </Paragraph>
         </div>
 

apps/webapp/app/routes/storybook.agent-ui/manifest.ts

@@ -1,5 +1,4 @@
-// Keep this file free of imports and JSX: the screenshot script is plain node and
-// cannot import a Remix route module.
+// Keep this file free of imports and JSX so plain node can read it.
 
 export type GalleryPageId = "chat" | "view-blocks" | "report" | "investigation" | "watch";
 
@@ -63,11 +62,11 @@ export type GalleryGroup =
   | "banner";
 
 export type GallerySection = {
-  /** DOM id, deep-link anchor and screenshot filename. Renaming breaks both. */
+  /** DOM id and deep-link anchor. Renaming breaks the link. */
   sectionId: string;
   title: string;
   group: GalleryGroup;
-  /** A state that only exists after a click. The screenshot script clicks matching text first. */
+  /** A state that only exists after a click. */
   expandText?: string;
 };