@flamingo-stack/openframe-frontend-core 0.0.587-1973.5528.1 → 0.0.587-2000.5532.1

package/dist/components/chat/utils/chat-source-metadata.d.ts

@@ -1,5 +0,0 @@
-import type { ChatRef } from '../chat-ref.types';
-import type { ChatSource } from '../types/message.types';
-export declare function mergeChatSources(current: ChatSource[] | undefined, incoming: ChatSource[]): ChatSource[];
-export declare function mergeChatRefs(current: ChatRef[] | undefined, incoming: ChatRef[]): ChatRef[];
-//# sourceMappingURL=chat-source-metadata.d.ts.map

package/dist/components/chat/utils/chat-source-metadata.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-source-metadata.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/utils/chat-source-metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAMxG;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAO5F"}

package/src/chat-protocol/__tests__/source-metadata.test.ts

@@ -1,74 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-import { isSourceMetadataCardRef, sourceMetadataEvent } from '../source-metadata';
-
-describe('source metadata card provenance', () => {
-  it('is recognized by a separate package entrypoint module instance', async () => {
-    const event = sourceMetadataEvent({
-      sources: [
-        {
-          index: 1,
-          id: 'install-agent',
-          name: 'Install the OpenFrame agent on Windows',
-          path: 'getting-started/install-agent.md',
-          documentType: 'markdown',
-        },
-      ],
-      cards: [
-        {
-          ref: '[card://markdown:install-agent]',
-          entityType: 'markdown',
-          entityId: 'install-agent',
-        },
-      ],
-    });
-    const ref = event?.refs?.[0];
-    if (!ref) throw new Error('Expected matching source metadata card ref');
-
-    vi.resetModules();
-    const { isSourceMetadataCardRef: isSourceMetadataCardRefFromSecondEntrypoint } = await import('../source-metadata');
-
-    expect(isSourceMetadataCardRefFromSecondEntrypoint(ref)).toBe(true);
-  });
-
-  it('keeps source provenance after a serializing host boundary', () => {
-    const event = sourceMetadataEvent({
-      sources: [
-        {
-          index: 1,
-          id: 'install-agent',
-          name: 'Install the OpenFrame agent on Windows',
-          path: 'getting-started/install-agent.md',
-          documentType: 'markdown',
-        },
-      ],
-      cards: [
-        {
-          ref: '[card://markdown:install-agent]',
-          entityType: 'markdown',
-          entityId: 'install-agent',
-        },
-      ],
-    });
-    const ref = event?.refs?.[0];
-    if (!ref) throw new Error('Expected matching source metadata card ref');
-
-    const restoredRef = structuredClone(ref);
-
-    expect(isSourceMetadataCardRef(restoredRef)).toBe(true);
-  });
-
-  it('does not recognize an arbitrary enriched card ref', async () => {
-    vi.resetModules();
-    const { isSourceMetadataCardRef: isSourceMetadataCardRefFromSecondEntrypoint } = await import('../source-metadata');
-
-    expect(
-      isSourceMetadataCardRefFromSecondEntrypoint({
-        type: 'markdown',
-        id: 'unmatched-doc',
-        title: 'Plausible but unmatched document',
-        url: null,
-        metadata: { path: 'docs/unmatched.md' },
-      }),
-    ).toBe(false);
-  });
-});

package/src/chat-protocol/source-metadata.ts

@@ -1,202 +0,0 @@
-import type { ChatRef } from '../components/chat/chat-ref.types';
-import type { ChatSource } from '../components/chat/types/message.types';
-import type { SourcesEvent } from './events';
-
-const CARD_REFERENCE = /^\[card:\/\/([a-zA-Z0-9_-]+):([a-zA-Z0-9_-]+)\]$/;
-const SOURCE_METADATA_MATCHED = 'sourceMetadataMatched';
-
-export function isSourceMetadataCardRef(ref: ChatRef): boolean {
-  return ref.metadata?.[SOURCE_METADATA_MATCHED] === true;
-}
-
-function requiredString(value: unknown): string | null {
-  if (typeof value !== 'string') return null;
-  const normalized = value.trim();
-  return normalized ? normalized : null;
-}
-
-function optionalString(value: unknown): string | undefined {
-  return requiredString(value) ?? undefined;
-}
-
-function httpsUrl(value: unknown): string | undefined {
-  const candidate = optionalString(value);
-  if (!candidate) return undefined;
-  try {
-    return new URL(candidate).protocol === 'https:' ? candidate : undefined;
-  } catch {
-    return undefined;
-  }
-}
-
-function youtubeId(value: unknown): string | undefined {
-  const candidate = optionalString(value);
-  if (!candidate) return undefined;
-  if (/^[A-Za-z0-9_-]{11}$/.test(candidate)) return candidate;
-  const url = httpsUrl(candidate);
-  if (!url) return undefined;
-  const parsed = new URL(url);
-  const hostname = parsed.hostname.toLowerCase();
-  const youtubeHost = hostname === 'youtu.be' || hostname === 'youtube.com' || hostname.endsWith('.youtube.com');
-  if (!youtubeHost) return undefined;
-  const pathId =
-    hostname === 'youtu.be'
-      ? parsed.pathname.split('/').filter(Boolean)[0]
-      : parsed.pathname.match(/^\/(?:embed|v|shorts)\/([A-Za-z0-9_-]{11})(?:\/|$)/)?.[1];
-  const id = pathId ?? parsed.searchParams.get('v') ?? undefined;
-  return id && /^[A-Za-z0-9_-]{11}$/.test(id) ? id : undefined;
-}
-
-function nullableString(value: unknown): string | null | undefined {
-  return value === null ? null : optionalString(value);
-}
-
-function normalizeSourceItems(value: unknown): NonNullable<ChatSource['items']> | undefined {
-  if (!Array.isArray(value)) return undefined;
-  const items = value.flatMap(candidate => {
-    if (!candidate || typeof candidate !== 'object' || Array.isArray(candidate)) return [];
-    const item = candidate as Record<string, unknown>;
-    const id = requiredString(item.id);
-    const documentType = requiredString(item.documentType);
-    const name = requiredString(item.name);
-    if (!id || !documentType || !name) return [];
-    const externalUrl = httpsUrl(item.externalUrl);
-    const targetPlatform = nullableString(item.targetPlatform);
-    const path = nullableString(item.path);
-    return [
-      {
-        id,
-        documentType,
-        name,
-        ...(externalUrl ? { externalUrl } : {}),
-        ...(targetPlatform !== undefined ? { targetPlatform } : {}),
-        ...(path !== undefined ? { path } : {}),
-      },
-    ];
-  });
-  return items.length > 0 ? items : undefined;
-}
-
-function normalizeSources(value: unknown): ChatSource[] {
-  if (!Array.isArray(value)) return [];
-  const seen = new Set<number>();
-  const sources: ChatSource[] = [];
-  for (const candidate of value) {
-    if (!candidate || typeof candidate !== 'object' || Array.isArray(candidate)) continue;
-    const source = candidate as Record<string, unknown>;
-    const index = source.index;
-    const name = requiredString(source.name);
-    const path = requiredString(source.path);
-    const documentType = requiredString(source.documentType);
-    const validIndex =
-      typeof index === 'number' && Number.isFinite(index) && Number.isInteger(index) && index > 0 && !seen.has(index);
-    if (!validIndex || !name || !path || !documentType) continue;
-    seen.add(index);
-    const externalUrl = httpsUrl(source.externalUrl);
-    const targetPlatform = nullableString(source.targetPlatform);
-    const id = optionalString(source.id);
-    const sourceRepo = optionalString(source.sourceRepo);
-    const label = optionalString(source.label);
-    const items = normalizeSourceItems(source.items);
-    sources.push({
-      index,
-      name,
-      path,
-      documentType,
-      ...(externalUrl ? { externalUrl } : {}),
-      ...(targetPlatform !== undefined ? { targetPlatform } : {}),
-      ...(id ? { id } : {}),
-      ...(sourceRepo ? { sourceRepo } : {}),
-      ...(label ? { label } : {}),
-      ...(items ? { items } : {}),
-    });
-  }
-  return sources;
-}
-
-function normalizeVideoMetadata(value: unknown): Record<string, string> {
-  if (!value || typeof value !== 'object' || Array.isArray(value)) return {};
-  const input = value as Record<string, unknown>;
-  const metadata: Record<string, string> = {};
-  for (const key of ['videoUrl', 'highlightVideoUrl', 'videoPoster', 'highlightVideoPoster'] as const) {
-    const url = httpsUrl(input[key]);
-    if (url) metadata[key] = url;
-  }
-  const id = youtubeId(input.youtubeUrl);
-  if (id) metadata.youtubeUrl = id;
-  return metadata;
-}
-
-function normalizeVideos(value: unknown): ChatRef[] {
-  if (!Array.isArray(value)) return [];
-  return value.flatMap(candidate => {
-    if (!candidate || typeof candidate !== 'object' || Array.isArray(candidate)) return [];
-    const video = candidate as Record<string, unknown>;
-    const match = typeof video.ref === 'string' ? CARD_REFERENCE.exec(video.ref) : null;
-    if (!match || match[1] !== 'video') return [];
-    const id = match[2];
-    const title = optionalString(video.title) ?? id;
-    const url = httpsUrl(video.url) ?? null;
-    const sourceRepo = optionalString(video.sourceRepo);
-    const metadata = normalizeVideoMetadata(video.metadata);
-    if (url) {
-      const idFromUrl = youtubeId(url);
-      if (idFromUrl) {
-        metadata.youtubeUrl = idFromUrl;
-        delete metadata.videoUrl;
-      } else {
-        metadata.videoUrl = url;
-        delete metadata.youtubeUrl;
-      }
-    }
-    return [
-      {
-        type: 'video',
-        id,
-        title,
-        url,
-        ...(sourceRepo ? { sourceRepo } : {}),
-        ...(Object.keys(metadata).length > 0 ? { metadata } : {}),
-      },
-    ];
-  });
-}
-
-function normalizeCards(value: unknown, sources: ChatSource[]): ChatRef[] {
-  if (!Array.isArray(value)) return [];
-  return value.flatMap(candidate => {
-    if (!candidate || typeof candidate !== 'object' || Array.isArray(candidate)) return [];
-    const card = candidate as Record<string, unknown>;
-    const match = typeof card.ref === 'string' ? CARD_REFERENCE.exec(card.ref) : null;
-    if (!match || match[1] === 'video') return [];
-    const type = requiredString(card.entityType);
-    const id = requiredString(card.entityId);
-    if (!type || !id || type !== match[1] || id !== match[2]) return [];
-    const source = sources.find(item => item.id === id && item.documentType === type);
-    const ref: ChatRef = {
-      type,
-      id,
-      title: source?.name ?? id,
-      url: source?.externalUrl ?? null,
-      ...(source?.sourceRepo ? { sourceRepo: source.sourceRepo } : {}),
-      ...(source?.targetPlatform !== undefined ? { targetPlatform: source.targetPlatform } : {}),
-      ...(source?.path ? { metadata: { path: source.path, [SOURCE_METADATA_MATCHED]: true } } : {}),
-    };
-    return [ref];
-  });
-}
-
-export function sourceMetadataEvent(payload: unknown): SourcesEvent | null {
-  if (!payload || typeof payload !== 'object' || Array.isArray(payload)) return null;
-  const metadata = payload as Record<string, unknown>;
-  const sources = normalizeSources(metadata.sources);
-  const refs = [...normalizeVideos(metadata.videos), ...normalizeCards(metadata.cards, sources)];
-  const refsByIdentity = new Map<string, ChatRef>();
-  refs.forEach(ref => {
-    const identity = `${ref.type}:${ref.id}`;
-    if (!refsByIdentity.has(identity)) refsByIdentity.set(identity, ref);
-  });
-  const uniqueRefs = Array.from(refsByIdentity.values());
-  if (sources.length === 0 && uniqueRefs.length === 0) return null;
-  return { type: 'sources', sources, ...(uniqueRefs.length > 0 ? { refs: uniqueRefs } : {}) };
-}

package/src/components/chat/__tests__/embeddable-chat-sources.test.tsx

@@ -1,411 +0,0 @@
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { fireEvent, render, screen } from '@testing-library/react';
-import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';
-import { decodeNatsChunk } from '../../../chat-protocol/nats-decoder';
-import { type ChatRuntime, ChatRuntimeContext } from '../../../contexts/chat-runtime-context';
-import { EmbeddableChat } from '../embeddable-chat';
-import { createChatStreamReducer } from '../stream/chat-stream-reducer';
-import type { UnifiedChatMessage, UnifiedChatState } from '../types/unified-chat-state.types';
-
-vi.mock('@mux/mux-player-react', () => ({
-  default: ({ src }: { src?: string }) => <div data-testid="mux-player" data-src={src} />,
-}));
-
-const runtime: ChatRuntime = {
-  endpoints: {
-    chatStreamUrl: '/test/chat',
-    approvalToolUrl: '/test/approve',
-    commandsUrl: '/test/commands',
-    buildListUrl: () => null,
-    attachmentUploadUrl: '/test/upload',
-    attachmentViewUrlPrefix: '/test/view/',
-    identityUrl: '/test/identity',
-  },
-  navigation: { mode: 'host' },
-  source: 'openframe',
-};
-
-function stateFor(messages: UnifiedChatMessage[]): UnifiedChatState {
-  const noop = () => {};
-  const asyncNoop = async () => {};
-  return {
-    messages,
-    isLoading: false,
-    streamingPhase: 'idle',
-    sendMessage: asyncNoop,
-    stopMessage: noop,
-    clearMessages: noop,
-    discussRef: noop,
-    displayRef: noop,
-    currentProvider: null,
-    currentModelLabel: null,
-    currentContextWindowMaxTokens: null,
-    currentInputTokens: null,
-    currentOutputTokens: null,
-    currentCacheHitRatePct: null,
-    currentUsageBreakdown: null,
-    dialogs: [{ id: 'dialog-1', title: 'Sources' }],
-    activeDialogId: 'dialog-1',
-    selectDialog: noop,
-    startNewDialog: () => Promise.resolve(null),
-    deleteDialog: asyncNoop,
-    renameDialog: asyncNoop,
-    archiveDialog: asyncNoop,
-    isDialogsLoading: false,
-    dialogsError: false,
-    reloadDialogs: noop,
-    isMessagesLoading: false,
-    hasMoreDialogs: false,
-    loadMoreDialogs: asyncNoop,
-    hasMoreMessages: false,
-    loadMoreMessages: asyncNoop,
-    approveRequest: asyncNoop,
-    rejectRequest: asyncNoop,
-    dialogTokenUsage: null,
-    connectionState: 'connected',
-  };
-}
-
-function renderChat(messages: UnifiedChatMessage[]) {
-  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
-  return render(
-    <QueryClientProvider client={queryClient}>
-      <ChatRuntimeContext.Provider value={runtime}>
-        <DialogPrimitive.Root open>
-          <EmbeddableChat
-            shell="none"
-            defaultOpen
-            defaultActiveMode="mingo"
-            showInternalTrigger={false}
-            previewMode
-            mingoState={stateFor(messages)}
-          />
-        </DialogPrimitive.Root>
-      </ChatRuntimeContext.Provider>
-    </QueryClientProvider>,
-  );
-}
-
-beforeAll(() => {
-  vi.stubGlobal('matchMedia', () => ({
-    matches: false,
-    addEventListener: vi.fn(),
-    removeEventListener: vi.fn(),
-  }));
-  vi.stubGlobal(
-    'ResizeObserver',
-    class {
-      observe(): void {}
-      disconnect(): void {}
-      unobserve(): void {}
-    },
-  );
-  vi.spyOn(globalThis, 'fetch').mockResolvedValue(
-    new Response(JSON.stringify({ commands: [] }), {
-      status: 200,
-      headers: { 'Content-Type': 'application/json' },
-    }),
-  );
-});
-
-afterAll(() => {
-  vi.restoreAllMocks();
-  vi.unstubAllGlobals();
-});
-
-describe('EmbeddableChat source strip', () => {
-  it('keeps sources attached to their assistant turn after later messages', () => {
-    renderChat([
-      {
-        id: 'assistant-1',
-        role: 'assistant',
-        content: 'Use the first guide [1].',
-        sources: [
-          {
-            index: 1,
-            name: 'First turn source',
-            path: 'docs/first',
-            documentType: 'docs',
-          },
-        ],
-      },
-      {
-        id: 'assistant-2',
-        role: 'assistant',
-        content: 'Use the second guide [1].',
-        sources: [
-          {
-            index: 1,
-            name: 'Second turn source',
-            path: 'docs/second',
-            documentType: 'docs',
-          },
-        ],
-      },
-      {
-        id: 'assistant-3',
-        role: 'assistant',
-        content: 'Here is a plain follow-up answer.',
-      },
-    ]);
-
-    expect(screen.getByText('[1] First turn source')).toBeInTheDocument();
-    expect(screen.getByText('[1] Second turn source')).toBeInTheDocument();
-  });
-
-  it('renders live SOURCES metadata in citation order with uncited overflow', () => {
-    const reducer = createChatStreamReducer({ transport: 'nats' });
-    for (const chunk of [
-      { type: 'MESSAGE_START', streamSeq: 1 },
-      {
-        type: 'SOURCES',
-        payload: {
-          sources: [
-            { index: 1, name: 'First source', path: 'first', documentType: 'docs' },
-            { index: 2, name: 'Second source', path: 'second', documentType: 'docs' },
-            { index: 3, name: 'Third source', path: 'third', documentType: 'docs' },
-            { index: 4, name: 'Fourth source', path: 'fourth', documentType: 'docs' },
-          ],
-          videos: [
-            {
-              ref: '[card://video:mux-9b6586b494]',
-              title: 'Product overview',
-              url: 'https://stream.mux.com/product-overview.m3u8',
-            },
-          ],
-        },
-        streamSeq: 2,
-      },
-      {
-        type: 'TEXT',
-        text:
-          'Compare the third source [3] with the first [1] and cite [3] once. ' +
-          'Watch [card://video:mux-9b6586b494].',
-        streamSeq: 3,
-      },
-      { type: 'MESSAGE_END', streamSeq: 4 },
-    ]) {
-      const event = decodeNatsChunk(chunk);
-      if (event) reducer.apply(event);
-    }
-
-    renderChat(reducer.state.messages);
-
-    const chips = screen.getAllByTitle(/source$/i);
-    expect(chips.map(chip => chip.textContent)).toEqual(['[3] Third source', '[1] First source']);
-    expect(screen.queryByText('[2] Second source')).not.toBeInTheDocument();
-    const expander = screen.getByRole('button', { name: 'Show 2 additional retrieved sources' });
-    expect(expander).toHaveTextContent('+2 more retrieved sources');
-
-    fireEvent.click(expander);
-
-    expect(screen.getByText('[2] Second source')).toBeInTheDocument();
-    expect(screen.getByText('[4] Fourth source')).toBeInTheDocument();
-    expect(screen.getByTestId('mux-player')).toHaveAttribute(
-      'data-src',
-      'https://stream.mux.com/product-overview.m3u8',
-    );
-  });
-
-  it('keeps every uncited source accessible behind the top-three fallback', () => {
-    const reducer = createChatStreamReducer({ transport: 'nats' });
-    for (const chunk of [
-      { type: 'MESSAGE_START', streamSeq: 1 },
-      {
-        type: 'SOURCES',
-        payload: {
-          sources: Array.from({ length: 5 }, (_, index) => ({
-            index: index + 1,
-            name: `Source ${index + 1}`,
-            path: `source-${index + 1}`,
-            documentType: 'docs',
-          })),
-        },
-        streamSeq: 2,
-      },
-      { type: 'TEXT', text: 'Here are the relevant materials.', streamSeq: 3 },
-      { type: 'MESSAGE_END', streamSeq: 4 },
-    ]) {
-      const event = decodeNatsChunk(chunk);
-      if (event) reducer.apply(event);
-    }
-
-    renderChat(reducer.state.messages);
-
-    expect(screen.getByText('[1] Source 1')).toBeInTheDocument();
-    expect(screen.getByText('[3] Source 3')).toBeInTheDocument();
-    expect(screen.queryByText('[4] Source 4')).not.toBeInTheDocument();
-
-    const expander = screen.getByRole('button', { name: 'Show 2 additional retrieved sources' });
-    fireEvent.click(expander);
-
-    expect(screen.getByText('[4] Source 4')).toBeInTheDocument();
-    expect(screen.getByText('[5] Source 5')).toBeInTheDocument();
-  });
-
-  it('renders a markdown card from matching source metadata when hydration is unavailable', () => {
-    const reducer = createChatStreamReducer({ transport: 'nats' });
-    for (const chunk of [
-      { type: 'MESSAGE_START', streamSeq: 1 },
-      {
-        type: 'SOURCES',
-        payload: {
-          sources: [
-            {
-              index: 1,
-              id: 'install-agent',
-              name: 'Install the OpenFrame agent on Windows',
-              path: 'getting-started/install-agent.md',
-              documentType: 'markdown',
-              sourceRepo: 'openframe-docs',
-            },
-          ],
-          cards: [
-            {
-              ref: '[card://markdown:install-agent]',
-              entityType: 'markdown',
-              entityId: 'install-agent',
-            },
-          ],
-        },
-        streamSeq: 2,
-      },
-      {
-        type: 'TEXT',
-        text: 'Follow [card://markdown:install-agent].',
-        streamSeq: 3,
-      },
-      { type: 'MESSAGE_END', streamSeq: 4 },
-    ]) {
-      const event = decodeNatsChunk(chunk);
-      if (event) reducer.apply(event);
-    }
-
-    renderChat(reducer.state.messages);
-
-    expect(screen.getByText('Install the OpenFrame agent on Windows')).toBeInTheDocument();
-    expect(screen.queryByText('FAILED')).not.toBeInTheDocument();
-  });
-
-  it('renders a matched source card when its display name equals its id', () => {
-    const reducer = createChatStreamReducer({ transport: 'nats' });
-    for (const chunk of [
-      { type: 'MESSAGE_START', streamSeq: 1 },
-      {
-        type: 'SOURCES',
-        payload: {
-          sources: [
-            {
-              index: 1,
-              id: 'install-agent',
-              name: 'install-agent',
-              path: 'getting-started/install-agent.md',
-              documentType: 'markdown',
-            },
-          ],
-          cards: [
-            {
-              ref: '[card://markdown:install-agent]',
-              entityType: 'markdown',
-              entityId: 'install-agent',
-            },
-          ],
-        },
-        streamSeq: 2,
-      },
-      { type: 'TEXT', text: 'Follow [card://markdown:install-agent].', streamSeq: 3 },
-      { type: 'MESSAGE_END', streamSeq: 4 },
-    ]) {
-      const event = decodeNatsChunk(chunk);
-      if (event) reducer.apply(event);
-    }
-
-    renderChat(reducer.state.messages);
-
-    expect(screen.getAllByText('install-agent').length).toBeGreaterThan(0);
-    expect(screen.queryByText('FAILED')).not.toBeInTheDocument();
-  });
-
-  it('does not treat an arbitrary enriched ref as matched source metadata', () => {
-    renderChat([
-      {
-        id: 'assistant-1',
-        role: 'assistant',
-        content: 'Follow [card://markdown:unmatched-doc].',
-        refs: [
-          {
-            type: 'markdown',
-            id: 'unmatched-doc',
-            title: 'Plausible but unmatched document',
-            url: null,
-            metadata: { path: 'docs/unmatched.md' },
-          },
-        ],
-      },
-    ]);
-
-    expect(screen.getByText('FAILED')).toBeInTheDocument();
-    expect(screen.queryByText('Plausible but unmatched document')).not.toBeInTheDocument();
-  });
-
-  it('opens every item carried by a grouped source', () => {
-    const reducer = createChatStreamReducer({ transport: 'nats' });
-    for (const chunk of [
-      { type: 'MESSAGE_START', streamSeq: 1 },
-      {
-        type: 'SOURCES',
-        payload: {
-          sources: [
-            {
-              index: 1,
-              name: 'Case Studies (3 records)',
-              path: 'case-studies',
-              documentType: 'case-study',
-              items: [
-                {
-                  id: 'case-study-1',
-                  name: 'Northstar MSP',
-                  path: 'case-studies/northstar',
-                  documentType: 'case-study',
-                },
-                {
-                  id: 'case-study-2',
-                  name: 'Blue Harbor IT',
-                  path: 'case-studies/blue-harbor',
-                  documentType: 'case-study',
-                },
-                {
-                  id: 'case-study-3',
-                  name: 'Summit Technology',
-                  path: 'case-studies/summit',
-                  documentType: 'case-study',
-                },
-              ],
-            },
-          ],
-        },
-        streamSeq: 2,
-      },
-      { type: 'TEXT', text: 'Here are three customer stories [1].', streamSeq: 3 },
-      { type: 'MESSAGE_END', streamSeq: 4 },
-    ]) {
-      const event = decodeNatsChunk(chunk);
-      if (event) reducer.apply(event);
-    }
-
-    renderChat(reducer.state.messages);
-
-    const groupedSource = screen.getByText('[1] Case Studies (3 records)');
-    fireEvent.mouseEnter(groupedSource);
-    fireEvent.click(groupedSource);
-
-    expect(screen.getByText('Northstar MSP')).toBeInTheDocument();
-    expect(screen.getByText('Blue Harbor IT')).toBeInTheDocument();
-    expect(screen.getByText('Summit Technology')).toBeInTheDocument();
-
-    fireEvent.click(groupedSource);
-
-    expect(screen.queryByText('Northstar MSP')).not.toBeInTheDocument();
-  });
-});