@grackle-ai/web-components 0.118.0 → 0.119.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grackle-ai/web-components",
-  "version": "0.118.0",
+  "version": "0.119.0",
   "description": "Presentational React component library for the Grackle web UI",
   "license": "MIT",
   "sideEffects": [
@@ -47,7 +47,7 @@
     "remark-gfm": "^4.0.0",
     "lucide-react": "~0.474.0",
     "react-router": "^7.0.0",
-    "@grackle-ai/common": "0.118.0"
+    "@grackle-ai/common": "0.119.0"
   },
   "devDependencies": {
     "@rushstack/heft": "1.2.7",

package/rush-logs/web-components._phase_build.cache.log

@@ -1,4 +1,4 @@
 Build cache hit.
-Cache key: 54cccf3e758698925ef11c80c60777421e1be435
+Cache key: 9e64c83035307e17fee515015bb370270d4cf3c8
 Clearing cached folders: dist, storybook-static, mcp-app-runtime, .rush/temp/operation/_phase_build
 Successfully restored output from the build cache.

package/rush-logs/web-components._phase_build.log

@@ -7,20 +7,20 @@ Invoking: heft run --only build -- --clean
 [build:lint] Using ESLint version 9.39.4
 vite v6.4.2 building for production...
 transforming...
-✓ 2712 modules transformed.
+✓ 2714 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.css                   155.14 kB │ gzip:  20.34 kB
+dist/index.css                   155.86 kB │ gzip:  20.51 kB
 dist/McpAppWidget-CSX2W2Vb.js    205.28 kB │ gzip:  47.19 kB
-dist/index.js                  1,375.56 kB │ gzip: 353.02 kB
-✓ built in 5.83s
+dist/index.js                  1,377.57 kB │ gzip: 353.56 kB
+✓ built in 5.62s
 vite v6.4.2 building for production...
 transforming...
-✓ 2870 modules transformed.
+✓ 2872 modules transformed.
 rendering chunks...
 computing gzip size...
 mcp-app-runtime/runtime.js  1,243.84 kB │ gzip: 267.73 kB
-✓ built in 4.99s
+✓ built in 4.81s
 [build:vite-build] Vite build completed.
- ---- build finished (85.920s) ---- 
--------------------- Finished (85.925s) --------------------
+ ---- build finished (83.403s) ---- 
+-------------------- Finished (83.407s) --------------------

package/rush-logs/web-components._phase_test.cache.log

@@ -1,4 +1,4 @@
 Build cache hit.
-Cache key: e5461b19665f030d269f07cf8797f2bcfeac1bf7
+Cache key: 5029e8eb2a183283a13abb63c8b98671df398046
 Clearing cached folders: .rush/temp/operation/_phase_test
 Successfully restored output from the build cache.

package/rush-logs/web-components._phase_test.log

@@ -5,31 +5,32 @@ The provided list of phases does not contain all phase dependencies. You may nee
 
  RUN  v3.2.4 /home/runner/work/grackle/grackle/packages/web-components
 
- ✓ src/utils/sessionEvents.test.ts (14 tests) 46ms
- ✓ src/utils/eventContent.test.ts (38 tests) 65ms
- ✓ src/utils/dashboard.test.ts (4 tests) 14ms
- ✓ src/utils/streamCoordination.test.ts (10 tests) 34ms
- ✓ src/utils/route-config.test.ts (16 tests) 38ms
- ✓ src/utils/breadcrumbs.test.ts (15 tests) 90ms
- ✓ src/utils/scrollUtils.test.ts (11 tests) 31ms
- ✓ src/components/tools/classifyTool.test.ts (6 tests) 15ms
- ✓ src/utils/assetUrl.test.ts (3 tests) 27ms
- ✓ src/components/tools/toolCardHelpers.test.ts (10 tests) 19ms
- ✓ src/components/display/extractText.test.tsx (8 tests) 12ms
- ✓ src/components/editable/useEditableField.test.tsx (17 tests) 159ms
- ✓ src/hooks/useEventSelection.test.ts (13 tests) 271ms
- ✓ src/components/display/McpAppWidget.test.tsx (3 tests) 312ms
- ✓ src/components/notifications/UpdateBanner.test.tsx (4 tests) 217ms
- ✓ src/utils/grackleHostStyleVariables.test.ts (2 tests) 337ms
-   ✓ grackleHostStyleVariables > always returns the MCP-standard fallback variables  327ms
+ ✓ src/utils/eventContent.test.ts (38 tests) 61ms
+ ✓ src/utils/sessionEvents.test.ts (14 tests) 23ms
+ ✓ src/utils/streamCoordination.test.ts (10 tests) 19ms
+ ✓ src/utils/dashboard.test.ts (4 tests) 33ms
+ ✓ src/utils/breadcrumbs.test.ts (15 tests) 59ms
+ ✓ src/utils/route-config.test.ts (16 tests) 73ms
+ ✓ src/utils/scrollUtils.test.ts (11 tests) 48ms
+ ✓ src/components/tools/classifyTool.test.ts (6 tests) 17ms
+ ✓ src/utils/assetUrl.test.ts (3 tests) 6ms
+ ✓ src/components/tools/toolCardHelpers.test.ts (10 tests) 18ms
+ ✓ src/components/display/extractText.test.tsx (8 tests) 11ms
+ ✓ src/components/editable/useEditableField.test.tsx (17 tests) 202ms
+ ✓ src/hooks/useEventSelection.test.ts (13 tests) 200ms
+ ✓ src/components/notifications/UpdateBanner.test.tsx (4 tests) 123ms
+ ✓ src/utils/grackleHostStyleVariables.test.ts (2 tests) 395ms
+   ✓ grackleHostStyleVariables > always returns the MCP-standard fallback variables  375ms
+ ✓ src/components/display/McpAppWidget.test.tsx (3 tests) 371ms
+   ✓ McpAppWidget > mounts an iframe host for the widget  300ms
 
  Test Files  16 passed (16)
       Tests  174 passed (174)
-   Start at  14:54:51
-   Duration  15.79s (transform 2.65s, setup 0ms, collect 17.82s, tests 1.69s, environment 12.03s, prepare 5.23s)
+   Start at  18:20:37
+   Duration  16.15s (transform 2.75s, setup 0ms, collect 16.48s, tests 1.66s, environment 13.02s, prepare 5.17s)
 
 [test:vitest] Vitest completed.
-[test:storybook-test] Starting Storybook static server on port 46639...
+[test:storybook-test] Starting Storybook static server on port 38031...
 [test:storybook-test] Storybook server ready. Running interaction tests...
 jest-haste-map: duplicate manual mock found: adapter-manager
   The following files share their name; please delete one of them:
@@ -122,5 +123,5 @@ jest-haste-map: duplicate manual mock found: utils/network
     * <rootDir>/packages/server/src/__mocks__/utils/network.ts
 
 [test:storybook-test] Storybook interaction tests completed.
- ---- test finished (114.090s) ---- 
--------------------- Finished (114.096s) --------------------
+ ---- test finished (110.698s) ---- 
+-------------------- Finished (110.709s) --------------------

package/src/components/streams/StreamDetailPanel.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { expect, fn } from "@storybook/test";
-import type { StreamData } from "../../hooks/types.js";
+import type { StreamData, StreamMessageData } from "../../hooks/types.js";
 import { withMockGrackleRoute } from "../../test-utils/storybook-helpers.js";
 import { StreamDetailPanel } from "./StreamDetailPanel.js";
 
@@ -125,6 +125,21 @@ export const AllPermissionModes: Story = {
   },
 };
 
+const sampleMessages: StreamMessageData[] = [
+  { streamId: "stream-abc123", seq: "01A", senderId: "session-aabbccdd-eeff-0011", content: "Proposing JWT with RS256.", timestamp: "2026-05-24T18:00:01.000Z" },
+  { streamId: "stream-abc123", seq: "01B", senderId: "session-11223344-5566-7788", content: "Agreed; rotate refresh tokens on use.", timestamp: "2026-05-24T18:00:07.000Z" },
+];
+
+/** Stream with a populated conversation transcript. */
+export const WithTranscript: Story = {
+  args: {
+    messages: sampleMessages,
+  },
+  play: async ({ canvas }) => {
+    await expect(canvas.getAllByTestId("stream-transcript-message")).toHaveLength(2);
+  },
+};
+
 /** Close button calls onClose. */
 export const CloseButton: Story = {
   play: async ({ canvas, args }) => {

package/src/components/streams/StreamDetailPanel.tsx

@@ -6,21 +6,26 @@
  *
  * Read-only: participants link to their sessions; low-level wiring (fds, full
  * GUIDs, permission/delivery mode) is tucked behind an "Advanced" disclosure.
- * Live conversation content arrives in V2 (#1230).
+ * The Conversation section shows the durable room transcript (RFC #1264 Phase 2).
  *
  * @module
  */
 
 import { useEffect, type JSX } from "react";
-import type { StreamData } from "../../hooks/types.js";
+import type { StreamData, StreamMessageData } from "../../hooks/types.js";
 import { useAppNavigate, sessionUrl } from "../../utils/navigation.js";
 import { streamKind, type StreamKind } from "../../utils/streamCoordination.js";
+import { StreamTranscript } from "./StreamTranscript.js";
 import styles from "./StreamDetailPanel.module.scss";
 
 /** Props for the StreamDetailPanel component. */
 export interface StreamDetailPanelProps {
   /** The stream to display details for. */
   stream: StreamData;
+  /** The stream's transcript messages, oldest first (scrollback + live merged). */
+  messages?: StreamMessageData[];
+  /** Whether the transcript is currently loading. */
+  transcriptLoading?: boolean;
   /** Called when the user requests to close the panel. */
   onClose: () => void;
 }
@@ -56,7 +61,7 @@ function DeliveryModeBadge({ mode }: { mode: string }): JSX.Element {
  * Pull-out right drawer showing stream metadata: overview, participants, and an
  * Advanced disclosure with low-level wiring. Conversation content is V2.
  */
-export function StreamDetailPanel({ stream, onClose }: StreamDetailPanelProps): JSX.Element {
+export function StreamDetailPanel({ stream, messages, transcriptLoading, onClose }: StreamDetailPanelProps): JSX.Element {
   const navigate = useAppNavigate();
 
   // Close on Escape key
@@ -119,12 +124,10 @@ export function StreamDetailPanel({ stream, onClose }: StreamDetailPanelProps):
           )}
         </div>
 
-        {/* Live conversation — V2 */}
+        {/* Live conversation transcript (RFC #1264 Phase 2) */}
         <div className={styles.section}>
           <div className={styles.sectionLabel}>Conversation</div>
-          <div className={styles.placeholder} data-testid="stream-conversation-placeholder">
-            Live conversation view — coming in V2.
-          </div>
+          <StreamTranscript messages={messages ?? []} loading={transcriptLoading ?? false} />
         </div>
 
         {/* Advanced wiring */}

package/src/components/streams/StreamTranscript.module.scss

@@ -0,0 +1,47 @@
+.transcript {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  max-height: 320px;
+  overflow-y: auto;
+  padding: 4px 2px;
+}
+
+.message {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 8px;
+  font-size: 11px;
+}
+
+.sender {
+  font-family: var(--font-mono, monospace);
+  color: var(--color-text-secondary, #8b949e);
+}
+
+.time {
+  color: var(--color-text-tertiary, #6e7681);
+  font-variant-numeric: tabular-nums;
+}
+
+.content {
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-size: 13px;
+  line-height: 1.45;
+  color: var(--color-text-primary, #e6edf3);
+}
+
+.state {
+  padding: 16px 8px;
+  font-size: 13px;
+  font-style: italic;
+  color: var(--color-text-secondary, #8b949e);
+}

package/src/components/streams/StreamTranscript.stories.tsx

@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { expect } from "@storybook/test";
+import type { StreamMessageData } from "../../hooks/types.js";
+import { StreamTranscript } from "./StreamTranscript.js";
+
+const messages: StreamMessageData[] = [
+  { streamId: "s1", seq: "01A", senderId: "session-aabbccdd-eeff", content: "Proposing JWT with RS256.", timestamp: "2026-05-24T18:00:01.000Z" },
+  { streamId: "s1", seq: "01B", senderId: "session-11223344-5566", content: "Agreed; rotate refresh tokens on use.", timestamp: "2026-05-24T18:00:07.000Z" },
+  { streamId: "s1", seq: "01C", senderId: "session-aabbccdd-eeff", content: "Ship it.", timestamp: "2026-05-24T18:00:14.000Z" },
+];
+
+const meta: Meta<typeof StreamTranscript> = {
+  title: "Grackle/Streams/StreamTranscript",
+  component: StreamTranscript,
+  args: { messages },
+};
+
+export default meta;
+type Story = StoryObj<typeof StreamTranscript>;
+
+/** Populated transcript renders one row per message. */
+export const Populated: Story = {
+  play: async ({ canvas }) => {
+    await expect(canvas.getAllByTestId("stream-transcript-message")).toHaveLength(3);
+  },
+};
+
+/** Empty transcript shows the empty state. */
+export const Empty: Story = {
+  args: { messages: [] },
+  play: async ({ canvas }) => {
+    await expect(canvas.getByTestId("stream-transcript-empty")).toBeInTheDocument();
+  },
+};
+
+/** Loading state while scrollback is being fetched. */
+export const Loading: Story = {
+  args: { messages: [], loading: true },
+  play: async ({ canvas }) => {
+    await expect(canvas.getByTestId("stream-transcript-loading")).toBeInTheDocument();
+  },
+};

package/src/components/streams/StreamTranscript.tsx

@@ -0,0 +1,58 @@
+/**
+ * StreamTranscript — read-only transcript of an IPC stream room (RFC #1264 Phase 2).
+ *
+ * Pure presentational: renders an ordered (oldest-first) list of stream messages
+ * with sender + timestamp. Fed by the durable transcript (scrollback) merged with
+ * the live message feed; the owning page supplies the data and loading state.
+ *
+ * @module
+ */
+
+import { type JSX } from "react";
+import type { StreamMessageData } from "../../hooks/types.js";
+import styles from "./StreamTranscript.module.scss";
+
+/** Props for the StreamTranscript component. */
+export interface StreamTranscriptProps {
+  /** Messages to render, oldest first. */
+  messages: StreamMessageData[];
+  /** Whether the transcript is currently loading (scrollback fetch in flight). */
+  loading?: boolean;
+}
+
+/** Format an ISO 8601 timestamp as a short local time. */
+function formatTime(iso: string): string {
+  const date = new Date(iso);
+  return Number.isNaN(date.getTime()) ? iso : date.toLocaleTimeString();
+}
+
+/** Read-only, ordered transcript of an IPC stream room's messages. */
+export function StreamTranscript({ messages, loading = false }: StreamTranscriptProps): JSX.Element {
+  if (loading) {
+    return (
+      <div className={styles.state} data-testid="stream-transcript-loading">
+        Loading transcript…
+      </div>
+    );
+  }
+  if (messages.length === 0) {
+    return (
+      <div className={styles.state} data-testid="stream-transcript-empty">
+        No messages yet.
+      </div>
+    );
+  }
+  return (
+    <div className={styles.transcript} data-testid="stream-transcript">
+      {messages.map((m) => (
+        <div key={m.seq} className={styles.message} data-testid="stream-transcript-message">
+          <div className={styles.meta}>
+            <span className={styles.sender} title={m.senderId}>{m.senderId.slice(0, 12)}</span>
+            <span className={styles.time}>{formatTime(m.timestamp)}</span>
+          </div>
+          <div className={styles.content}>{m.content}</div>
+        </div>
+      ))}
+    </div>
+  );
+}

package/src/components/streams/index.ts

@@ -8,3 +8,5 @@ export { CoordinationList } from "./CoordinationList.js";
 export type { CoordinationListProps } from "./CoordinationList.js";
 export { StreamDetailPanel } from "./StreamDetailPanel.js";
 export type { StreamDetailPanelProps } from "./StreamDetailPanel.js";
+export { StreamTranscript } from "./StreamTranscript.js";
+export type { StreamTranscriptProps } from "./StreamTranscript.js";

package/src/hooks/types.ts

@@ -604,6 +604,20 @@ export interface StreamData {
   selfEcho: boolean;
 }
 
+/** A single message in an IPC stream room transcript (RFC #1264 Phase 2). */
+export interface StreamMessageData {
+  /** The stream (room) this message belongs to. */
+  streamId: string;
+  /** ULID transcript sequence key (monotonic per stream, ascending = chronological). */
+  seq: string;
+  /** Session id of the sender. */
+  senderId: string;
+  /** Message content. */
+  content: string;
+  /** ISO 8601 timestamp. */
+  timestamp: string;
+}
+
 /** Values returned by the streams domain hook. */
 export interface UseStreamsResult {
   /** All known IPC streams. */
@@ -619,6 +633,12 @@ export interface UseStreamsResult {
    * to surface internal IPC plumbing (lifecycle/pipe/stdin); defaults to false.
    */
   loadStreams: (includeInternal?: boolean) => Promise<void>;
+  /** Transcript buffer keyed by stream id (scrollback + live, deduped by seq, ascending). */
+  liveMessages: Record<string, StreamMessageData[]>;
+  /** Fetch a stream's durable transcript (scrollback) and merge it into the buffer. */
+  loadTranscript: (streamId: string, beforeSeq?: string) => Promise<void>;
+  /** Append a live stream message to the per-stream buffer. */
+  handleStreamMessage: (message: StreamMessageData) => void;
   /** Handle a domain event from the event bus. Returns `true` if handled. */
   handleEvent: (event: GrackleEvent) => boolean;
   /** Lifecycle hook for connect/disconnect/event routing. */

package/src/index.ts

@@ -87,8 +87,8 @@ export type { ScheduleManagerProps } from "./components/schedules/ScheduleManage
 export { SettingsNav } from "./components/settings/SettingsNav.js";
 
 // Streams (Coordination tab)
-export { CoordinationList, StreamDetailPanel } from "./components/streams/index.js";
-export type { CoordinationListProps, StreamDetailPanelProps } from "./components/streams/index.js";
+export { CoordinationList, StreamDetailPanel, StreamTranscript } from "./components/streams/index.js";
+export type { CoordinationListProps, StreamDetailPanelProps, StreamTranscriptProps } from "./components/streams/index.js";
 
 // Tools
 export { ToolCard } from "./components/tools/ToolCard.js";
@@ -135,7 +135,7 @@ export type {
   UseTasksResult, UseTokensResult,
   UseCredentialsResult, UseCodespacesResult, UseDockerContainersResult, UsePersonasResult,
   UsePluginsResult, PluginData,
-  StreamData, StreamSubscriberData, UseStreamsResult,
+  StreamData, StreamSubscriberData, StreamMessageData, UseStreamsResult,
   UseGitHubAccountsResult, GitHubAccountData,
   DomainHook,
   ConnectionStatus,

package/src/mocks/MockGrackleProvider.tsx

@@ -44,6 +44,7 @@ import {
   MOCK_ENVIRONMENTS,
   MOCK_SESSIONS,
   MOCK_STREAMS,
+  MOCK_STREAM_MESSAGES,
   MOCK_EVENTS,
   MOCK_WORKSPACES,
   MOCK_TASKS,
@@ -1123,6 +1124,9 @@ export function MockGrackleProvider({ children }: MockGrackleProviderProps): JSX
         streamsLoadedOnce: true,
         streamsLoadError: false,
         loadStreams: async (includeInternal = false) => { setStreams(filterMockStreams(includeInternal)); },
+        liveMessages: MOCK_STREAM_MESSAGES,
+        loadTranscript: async () => { /* mock transcripts are static */ },
+        handleStreamMessage: () => { /* no-op in mock */ },
         domainHook: NOOP_DOMAIN_HOOK,
       },
 

package/src/mocks/mockData.ts

@@ -16,7 +16,7 @@ import type {
   PersonaData,
 } from "../hooks/types.js";
 export { MOCK_KNOWLEDGE_NODES, MOCK_KNOWLEDGE_LINKS, MOCK_KNOWLEDGE_DETAILS } from "./mockKnowledgeData.js";
-export { MOCK_STREAMS } from "./mockStreamsData.js";
+export { MOCK_STREAMS, MOCK_STREAM_MESSAGES } from "./mockStreamsData.js";
 
 // ─── Environments ───────────────────────────────────
 

package/src/mocks/mockStreamsData.ts

@@ -9,7 +9,7 @@
  * @module
  */
 
-import type { StreamData } from "../hooks/types.js";
+import type { StreamData, StreamMessageData } from "../hooks/types.js";
 
 /** Sample IPC streams: a chatroom + channel attributed to tasks, an unattached
  * stream, and internal plumbing streams. */
@@ -78,3 +78,12 @@ export const MOCK_STREAMS: StreamData[] = [
     ],
   },
 ];
+
+/** Sample transcript messages for the planning room, keyed by stream id (RFC #1264 Phase 2). */
+export const MOCK_STREAM_MESSAGES: Record<string, StreamMessageData[]> = {
+  "stream-planning": [
+    { streamId: "stream-planning", seq: "01J0000000000000000000MSG1", senderId: "sess-001", content: "Proposing JWT with RS256 + 15-min access tokens.", timestamp: "2026-05-24T18:00:01.000Z" },
+    { streamId: "stream-planning", seq: "01J0000000000000000000MSG2", senderId: "sess-002", content: "Agreed. Refresh tokens rotate on use; store the jti denylist in Redis.", timestamp: "2026-05-24T18:00:07.000Z" },
+    { streamId: "stream-planning", seq: "01J0000000000000000000MSG3", senderId: "sess-001", content: "Ship it. I'll wire the middleware; you take the refresh endpoint.", timestamp: "2026-05-24T18:00:14.000Z" },
+  ],
+};

package/temp/build/lint/_eslint-5eVG3S6w.json

@@ -7,7 +7,7 @@
     ],
     [
       "hooks/types.ts",
-      "m51Zk1lQIpucGwfVy6FR3h3fgY0=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "6r0o+OaciGsZexJET91xeVksGXI=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/chat/ChatInput.tsx",
@@ -405,13 +405,17 @@
       "components/streams/CoordinationList.tsx",
       "xDBNKE1Nr/O3BrdHcyQlPea6MtM=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
+    [
+      "components/streams/StreamTranscript.tsx",
+      "do8OXELxLObi1qnOSEyGglfwrY8=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+    ],
     [
       "components/streams/StreamDetailPanel.tsx",
-      "OnOHSENhCoxiHgkVDZM3a06WeO4=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "aeawtCjddBuXTyEKaxOyJvCZIAA=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/streams/index.ts",
-      "6ayws8aPUPY31xaNAyWGY2MkjFY=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "0chJAM7tVb+DCTTPCPOs4k2KfD4=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "utils/boardColumns.ts",
@@ -455,15 +459,15 @@
     ],
     [
       "mocks/mockStreamsData.ts",
-      "sV8iV8PeiQ+2LXWFB7zKll/xSIs=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "XXQoCU5/w8kXwVBl8S8i/5vMg1Q=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "mocks/mockData.ts",
-      "kbhREjA6iPR+RFsk6TyHECbjFN8=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "LHqkwplEmqmBdfMiMvyPWZAaI+Y=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "mocks/MockGrackleProvider.tsx",
-      "to2SSz5PviiRBVcdKxmv/VGf45g=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "5Fo6VDfUkysHIFcc2CV/yWKhFw8=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "test-utils/storybook-decorators.tsx",
@@ -475,7 +479,7 @@
     ],
     [
       "index.ts",
-      "UyNF82ITEot6wdXX5ij47791vLU=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "0HAGVKwcQlcxpA1aUtgUrMWpu98=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/index.ts",
@@ -707,7 +711,11 @@
     ],
     [
       "components/streams/StreamDetailPanel.stories.tsx",
-      "wXCDWxvXnuORr2+5yl/rwfioFFE=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "j2qugPMk7KA5jov7N6kNpUxenqw=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+    ],
+    [
+      "components/streams/StreamTranscript.stories.tsx",
+      "/AkYRGxhKte2p1+RLA17HPgJulU=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/tools/AgentToolCard.stories.tsx",
@@ -826,5 +834,5 @@
       "tcFLEiIFvYYLO/1jT41tcJ4CIX4=_orHdc0vDZqoYfD6TIDl1Za3EAL4="
     ]
   ],
-  "filesHash": "DNaGWodZdPGqzAPxzYjKFQ"
+  "filesHash": "u_c8NEn8Xzoz1UbJZkZoyg"
 }