@classic-homes/agent-chat 0.2.0 → 0.2.1

package/dist/body-lock.d.ts

@@ -0,0 +1,2 @@
+export declare function releaseStuckBodyLock(settleMs?: number): void;
+//# sourceMappingURL=body-lock.d.ts.map

package/dist/body-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-lock.d.ts","sourceRoot":"","sources":["../src/lib/body-lock.ts"],"names":[],"mappings":"AAYA,wBAAgB,oBAAoB,CAAC,QAAQ,SAAY,GAAG,IAAI,CAY/D"}

package/dist/body-lock.js

@@ -0,0 +1,27 @@
+/**
+ * Guard for a bits-ui 1.x body-lock race (theme-svelte Sheet/Dialog): when one modal closes and
+ * another opens in the same tick, the closing one's deferred restore saves the opening one's
+ * locked style as the "original", so closing the second leaves `<body>` at
+ * `pointer-events: none; overflow: hidden` and the page stops taking clicks.
+ *
+ * Call after a sheet or dialog closes. Once the close animation is over, if no modal is open
+ * but the body is still locked, the lock is cleared. With a modal open nothing is touched.
+ */
+const SETTLE_MS = 400;
+const OPEN_MODAL = '[role="dialog"][data-state="open"], [role="alertdialog"][data-state="open"]';
+export function releaseStuckBodyLock(settleMs = SETTLE_MS) {
+    if (typeof document === 'undefined')
+        return;
+    setTimeout(() => {
+        if (document.querySelector(OPEN_MODAL))
+            return;
+        const body = document.body;
+        if (body.style.pointerEvents !== 'none')
+            return;
+        body.style.removeProperty('pointer-events');
+        body.style.removeProperty('overflow');
+        body.style.removeProperty('padding-right');
+        body.style.removeProperty('margin-right');
+        body.style.removeProperty('--scrollbar-width');
+    }, settleMs);
+}

package/dist/components/AgentChat.svelte

@@ -9,6 +9,7 @@
   import type { BackendMode } from '@classic-homes/agent-contracts';
   import { cn, ResizablePanes, Sheet } from '@classic-homes/theme-svelte';
   import { MediaQuery } from 'svelte/reactivity';
+  import { releaseStuckBodyLock } from '../body-lock.js';
   import { ChatSession } from '../session.svelte.js';
   import ArtifactPanel from './ArtifactPanel.svelte';
   import Composer from './Composer.svelte';
@@ -28,6 +29,12 @@
     getContext?: () => DocumentContext | null | undefined;
     onconversationstarted?: (conversationId: string) => void;
     ontoolresult?: (name: string, status: string) => void;
+    /** A turn finished streaming (any outcome); refresh conversation lists here. */
+    onturnend?: (info: {
+      requestId: string;
+      conversationId: string | null;
+      status: string;
+    }) => void;
     onnavigate?: (href: string) => void;
     onnotify?: (message: string) => void;
     /** A UI resource asked to run a tool; the host confirms with the user and may send a message. */
@@ -50,6 +57,7 @@
     getContext,
     onconversationstarted,
     ontoolresult,
+    onturnend,
     onnavigate,
     onnotify,
     ontoolrequest,
@@ -69,6 +77,15 @@
     getContext,
     onConversationStarted: (id) => onconversationstarted?.(id),
     onToolResult: (name, status) => ontoolresult?.(name, status),
+    onTurnEnd: (info) => onturnend?.(info),
+    // Open the pane when the runtime starts an artifact, not by watching state later: a fast
+    // stream can open and close it before any effect sees `open`.
+    onEvent: (event) => {
+      if (event.type === 'artifact' && event.op === 'open') {
+        selectedArtifact = event.artifactId;
+        artifactsOpen = true;
+      }
+    },
   });
   // The constructor already knows `conversationId`; what decides a fetch is whether the
   // transcript for it has been loaded (or started) in this session.
@@ -92,14 +109,6 @@
   const artifacts = $derived(
     session.messages.flatMap((m) => (m.role === 'assistant' ? m.artifacts : [])),
   );
-  $effect(() => {
-    // A newly opened artifact pops the panel.
-    const last = artifacts[artifacts.length - 1];
-    if (last && last.open && selectedArtifact !== last.artifactId) {
-      selectedArtifact = last.artifactId;
-      artifactsOpen = true;
-    }
-  });
 
   // The page shows artifacts beside the chat on wide screens; narrow screens and the panel use a
   // sheet so the transcript keeps its width.
@@ -196,7 +205,10 @@
     {@render chat()}
     <Sheet
       open={showArtifacts}
-      onOpenChange={(open) => (artifactsOpen = open)}
+      onOpenChange={(open) => {
+        artifactsOpen = open;
+        if (!open) releaseStuckBodyLock();
+      }}
       side="right"
       size="lg"
       title={selectedTitle}

package/dist/components/AgentChat.svelte.d.ts

@@ -14,6 +14,12 @@ interface Props {
     getContext?: () => DocumentContext | null | undefined;
     onconversationstarted?: (conversationId: string) => void;
     ontoolresult?: (name: string, status: string) => void;
+    /** A turn finished streaming (any outcome); refresh conversation lists here. */
+    onturnend?: (info: {
+        requestId: string;
+        conversationId: string | null;
+        status: string;
+    }) => void;
     onnavigate?: (href: string) => void;
     onnotify?: (message: string) => void;
     /** A UI resource asked to run a tool; the host confirms with the user and may send a message. */

package/dist/components/AgentChat.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentChat.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AgentChat.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EACR,QAAQ,EACR,UAAU,EACV,eAAe,EAEhB,MAAM,gCAAgC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAUhE,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC;IACvB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuIH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AgentChat.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AgentChat.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EACR,QAAQ,EACR,UAAU,EACV,eAAe,EAEhB,MAAM,gCAAgC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAWhE,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC;IACvB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,gFAAgF;IAChF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6IH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/ConversationDialogs.svelte

@@ -16,6 +16,8 @@
 
 <script lang="ts">
   import { AlertDialog, Button, Dialog, Input } from '@classic-homes/theme-svelte';
+  import { tick } from 'svelte';
+  import { releaseStuckBodyLock } from '../body-lock.js';
 
   interface Props {
     renaming?: ConversationRef | null;
@@ -75,6 +77,17 @@
     }
   }
 
+  let renameForm = $state<HTMLFormElement | null>(null);
+  /** Start in the title field with the text selected, not on the dialog's close button. */
+  function focusTitle(event: Event): void {
+    const field = renameForm?.querySelector('input');
+    if (!field) return;
+    event.preventDefault();
+    field.focus();
+    // The title is written into the field by an effect after this runs; select once it's there.
+    void tick().then(() => field.select());
+  }
+
   function restoreFocus(event: Event): void {
     if (!returnFocus?.isConnected) return;
     event.preventDefault();
@@ -100,9 +113,13 @@
   }}
   title="Rename conversation"
   size="sm"
-  onCloseAutoFocus={restoreFocus}
+  onOpenAutoFocus={focusTitle}
+  onCloseAutoFocus={(event) => {
+    restoreFocus(event);
+    releaseStuckBodyLock();
+  }}
 >
-  <form id={formId} class="grid gap-2" onsubmit={saveRename}>
+  <form bind:this={renameForm} id={formId} class="grid gap-2" onsubmit={saveRename}>
     <Input
       bind:value={draft}
       aria-label="Conversation title"
@@ -130,5 +147,8 @@
   confirmText="Delete"
   confirmVariant="destructive"
   onConfirm={() => void confirmDelete()}
-  onCloseAutoFocus={restoreFocus}
+  onCloseAutoFocus={(event) => {
+    restoreFocus(event);
+    releaseStuckBodyLock();
+  }}
 />

package/dist/components/ConversationDialogs.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationDialogs.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ConversationDialogs.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAMD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,mFAAmF;IACnF,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC;AA+FH;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,gEAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ConversationDialogs.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ConversationDialogs.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAQD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,mFAAmF;IACnF,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAClC;AAkHH;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,gEAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/components/Markdown.svelte

@@ -3,7 +3,8 @@
   Renders sanitized markdown HTML from `parseMarkdown`, with the chat prose rules. The rules are
   Tailwind arbitrary variants on the container rather than a stylesheet: the Classic App's
   cascade-layers polyfill raises the specificity of its base styles above any plain component
-  CSS, while utilities still win. Values follow theme-docs `.markdown-content`, sized for chat.
+  CSS, while utilities still win. Values follow theme-docs `.markdown-content`, sized for chat. Tables don't break words (the
+  column would squeeze "$1,075,000" to two lines); they scroll sideways instead.
 -->
 <script lang="ts" module>
   const PROSE = [
@@ -23,7 +24,7 @@
     '[&_pre_code]:rounded-none [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-[length:inherit]',
     '[&_blockquote]:mb-3 [&_blockquote]:border-l-4 [&_blockquote]:border-primary [&_blockquote]:bg-muted/50 [&_blockquote]:px-4 [&_blockquote]:py-2 [&_blockquote]:text-muted-foreground',
     '[&_hr]:my-5 [&_hr]:border-border',
-    '[&_table]:mb-3 [&_table]:block [&_table]:max-w-full [&_table]:border-collapse [&_table]:overflow-x-auto [&_table]:text-[0.875em]',
+    '[&_table]:mb-3 [&_table]:block [&_table]:max-w-full [&_table]:border-collapse [&_table]:overflow-x-auto [&_table]:text-[0.875em] [&_table]:[overflow-wrap:normal]',
     '[&_th]:border [&_th]:border-border [&_th]:px-3 [&_th]:py-1.5 [&_th]:text-left [&_th]:align-top',
     '[&_td]:border [&_td]:border-border [&_td]:px-3 [&_td]:py-1.5 [&_td]:text-left [&_td]:align-top',
     '[&_th]:bg-muted [&_th]:font-semibold',

package/dist/components/Markdown.svelte.d.ts

@@ -8,7 +8,8 @@ interface Props {
  * Renders sanitized markdown HTML from `parseMarkdown`, with the chat prose rules. The rules are
  * Tailwind arbitrary variants on the container rather than a stylesheet: the Classic App's
  * cascade-layers polyfill raises the specificity of its base styles above any plain component
- * CSS, while utilities still win. Values follow theme-docs `.markdown-content`, sized for chat.
+ * CSS, while utilities still win. Values follow theme-docs `.markdown-content`, sized for chat. Tables don't break words (the
+ * column would squeeze "$1,075,000" to two lines); they scroll sideways instead.
  */
 declare const Markdown: import("svelte").Component<Props, {}, "">;
 type Markdown = ReturnType<typeof Markdown>;

package/dist/components/Markdown.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Markdown.svelte.ts"],"names":[],"mappings":"AA+BE,UAAU,KAAK;IACb,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAgBH;;;;;GAKG;AACH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Markdown.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Markdown.svelte.ts"],"names":[],"mappings":"AA+BE,UAAU,KAAK;IACb,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAgBH;;;;;;GAMG;AACH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/live-fixes.svelte.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=live-fixes.svelte.test.d.ts.map

package/dist/components/live-fixes.svelte.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-fixes.svelte.test.d.ts","sourceRoot":"","sources":["../../src/lib/components/live-fixes.svelte.test.ts"],"names":[],"mappings":""}

package/dist/components/live-fixes.svelte.test.js

@@ -0,0 +1,127 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { cleanup, render, screen, waitFor } from '@testing-library/svelte';
+import userEvent from '@testing-library/user-event';
+import TwoSheets from '../../test-fixtures/TwoSheets.svelte';
+import { releaseStuckBodyLock } from '../body-lock.js';
+import { parseMarkdown } from '../markdown.js';
+import { ChatSession } from '../session.svelte.js';
+import AgentChat from './AgentChat.svelte';
+import ConversationSidebar from './ConversationSidebar.svelte';
+import Markdown from './Markdown.svelte';
+const wait = (ms) => new Promise((r) => setTimeout(r, ms));
+afterEach(() => {
+    cleanup();
+    document.body.removeAttribute('style');
+});
+/** A client whose streamChat replays `events` (all in one tick) and reports done. */
+function fakeClient(events) {
+    return {
+        fileUrl: (id) => `#${id}`,
+        uploadFile: vi.fn(),
+        cancel: vi.fn(),
+        getConversation: vi.fn(),
+        resumeTurn: vi.fn(),
+        streamChat: vi.fn(async (req, opts) => {
+            events(req.requestId).forEach((e, seq) => opts.onEvent({ requestId: req.requestId, seq, ...e }));
+            return { kind: 'done' };
+        }),
+    };
+}
+const scope = { agent: 'classic-agent', runId: 'run-1' };
+const turn = (requestId) => [
+    { type: 'start', conversationId: 'c-1', mode: 'live' },
+    { type: 'delta', text: 'Here it is.' },
+    {
+        type: 'artifact',
+        ...scope,
+        artifactId: 'a1',
+        op: 'open',
+        mediaType: 'text/markdown',
+        title: 'Memo',
+    },
+    { type: 'artifact', ...scope, artifactId: 'a1', op: 'delta', text: '# Memo' },
+    { type: 'artifact', ...scope, artifactId: 'a1', op: 'close' },
+    { type: 'done', finishReason: 'stop' },
+].map((e) => ({ ...e, requestId }));
+describe('body lock guard', () => {
+    it('clears the lock the bits-ui race leaves behind once no modal is open', async () => {
+        // Reproduces the race: A closes and B opens in the same tick, then B closes.
+        const { rerender } = render(TwoSheets, { props: { a: true, b: false } });
+        await wait(100);
+        await rerender({ a: false, b: false });
+        await wait(0);
+        await rerender({ a: false, b: true });
+        await wait(300);
+        await rerender({ a: false, b: false });
+        await wait(600);
+        expect(document.body.style.pointerEvents).toBe('none');
+        releaseStuckBodyLock(0);
+        await wait(10);
+        expect(document.body.style.pointerEvents).toBe('');
+        expect(document.body.style.overflow).toBe('');
+    });
+    it('leaves the lock alone while a modal is open', async () => {
+        render(TwoSheets, { props: { a: true } });
+        await wait(300);
+        releaseStuckBodyLock(0);
+        await wait(10);
+        expect(document.body.style.pointerEvents).toBe('none');
+    });
+});
+describe('ChatSession onTurnEnd', () => {
+    it('reports the finished turn with its conversation and status', async () => {
+        const onTurnEnd = vi.fn();
+        const client = fakeClient(turn);
+        const session = new ChatSession({ client: client, onTurnEnd });
+        await session.send('hi');
+        expect(onTurnEnd).toHaveBeenCalledOnce();
+        expect(onTurnEnd.mock.calls[0][0]).toMatchObject({ conversationId: 'c-1', status: 'done' });
+    });
+});
+describe('AgentChat artifacts', () => {
+    it('opens an artifact that starts and finishes within one tick', async () => {
+        const user = userEvent.setup();
+        const onturnend = vi.fn();
+        render(AgentChat, {
+            props: { client: fakeClient(turn), sandboxOrigin: 'https://frame.test', onturnend },
+        });
+        await user.type(screen.getByRole('textbox', { name: 'Message' }), 'memo{Enter}');
+        // jsdom has no wide viewport, so the artifact opens in the sheet.
+        expect(await screen.findByRole('dialog', { name: 'Memo' })).toBeTruthy();
+        await waitFor(() => expect(onturnend).toHaveBeenCalledOnce());
+    });
+});
+describe('rename dialog', () => {
+    it('starts in the title field with the title selected', async () => {
+        const user = userEvent.setup();
+        const now = new Date().toISOString();
+        render(ConversationSidebar, {
+            props: {
+                conversations: [
+                    {
+                        conversationId: 'c1',
+                        agent: 'classic-agent',
+                        title: 'Lot 12',
+                        createdAt: now,
+                        updatedAt: now,
+                    },
+                ],
+                onrename: vi.fn(),
+            },
+        });
+        await user.click(screen.getByRole('button', { name: 'Options for Lot 12' }));
+        await user.click(await screen.findByRole('menuitem', { name: /Rename/ }));
+        const field = await screen.findByRole('textbox', { name: 'Conversation title' });
+        await waitFor(() => expect(document.activeElement).toBe(field));
+        const input = field;
+        expect([input.selectionStart, input.selectionEnd]).toEqual([0, 'Lot 12'.length]);
+    });
+});
+describe('Markdown tables', () => {
+    it('keep words whole so wide tables scroll instead of breaking numbers', () => {
+        const { container } = render(Markdown, {
+            props: { html: parseMarkdown('| a | b |\n| - | - |\n| $1,075,000 | x |') },
+        });
+        expect(container.firstElementChild.className).toContain('[&_table]:[overflow-wrap:normal]');
+    });
+});

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './body-lock.js';
 export * from './composer-keys.js';
 export * from './markdown.js';
 export * from './reducer.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from './body-lock.js';
 export * from './composer-keys.js';
 export * from './markdown.js';
 export * from './reducer.js';

package/dist/session.svelte.d.ts

@@ -13,6 +13,15 @@ export interface ChatSessionOptions {
     onConversationStarted?: (conversationId: string) => void;
     onToolResult?: (name: string, status: string) => void;
     onEvent?: (event: ChatEvent) => void;
+    /**
+     * A turn stopped streaming (done, error, cancelled or cut short), with its final status.
+     * Hosts refresh what the turn may have changed, e.g. the conversation list's running flag.
+     */
+    onTurnEnd?: (info: {
+        requestId: string;
+        conversationId: string | null;
+        status: string;
+    }) => void;
 }
 export type SessionStatus = 'idle' | 'loading' | 'streaming';
 /**

package/dist/session.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"session.svelte.d.ts","sourceRoot":"","sources":["../src/lib/session.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,KAAK,EACV,QAAQ,EACR,WAAW,EACX,SAAS,EAET,UAAU,EACV,eAAe,EACf,OAAO,EACR,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAKL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mGAAmG;IACnG,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;AAE7D;;;GAGG;AACH,qBAAa,WAAW;IACtB,QAAQ,gBAA6B;IACrC,MAAM,gBAAiC;IACvC,cAAc,gBAA+B;IAC7C,gGAAgG;IAChG,oBAAoB,gBAA+B;IACnD,IAAI,8BAA8C;IAClD,SAAS,qBAAyC;IAClD,YAAY;;;;;;QAAyB;IAErC,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAqB;gBAEjC,OAAO,EAAE,kBAAkB;IAMvC,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,OAAO,IAAI,gBAAgB,GAAG,SAAS,CAG1C;IAED,yFAAyF;IACnF,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA+B3C,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE;QAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;KAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA0B5E;;;;OAIG;IACG,KAAK,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7C,+FAA+F;IACzF,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAa9C,MAAM,IAAI,IAAI;YAOA,GAAG;IAmDjB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,MAAM;CAKf;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE1E"}
+{"version":3,"file":"session.svelte.d.ts","sourceRoot":"","sources":["../src/lib/session.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,KAAK,EACV,QAAQ,EACR,WAAW,EACX,SAAS,EAET,UAAU,EACV,eAAe,EACf,OAAO,EACR,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAKL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mGAAmG;IACnG,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAClG;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;AAE7D;;;GAGG;AACH,qBAAa,WAAW;IACtB,QAAQ,gBAA6B;IACrC,MAAM,gBAAiC;IACvC,cAAc,gBAA+B;IAC7C,gGAAgG;IAChG,oBAAoB,gBAA+B;IACnD,IAAI,8BAA8C;IAClD,SAAS,qBAAyC;IAClD,YAAY;;;;;;QAAyB;IAErC,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAqB;gBAEjC,OAAO,EAAE,kBAAkB;IAMvC,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,OAAO,IAAI,gBAAgB,GAAG,SAAS,CAG1C;IAED,yFAAyF;IACnF,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA+B3C,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE;QAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;KAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA0B5E;;;;OAIG;IACG,KAAK,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ7C,+FAA+F;IACzF,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAa9C,MAAM,IAAI,IAAI;YAOA,GAAG;IA2DjB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,MAAM;CAKf;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE1E"}

package/dist/session.svelte.js

@@ -156,6 +156,12 @@ export class ChatSession {
         finally {
             this.controller = undefined;
             this.status = 'idle';
+            const final = this.messages.find((m) => m.role === 'assistant' && m.requestId === requestId);
+            this.options.onTurnEnd?.({
+                requestId,
+                conversationId: this.conversationId,
+                status: final?.status ?? 'done',
+            });
         }
     }
     toolName(requestId, callId) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/agent-chat",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": false,
   "type": "module",
   "description": "Svelte 5 chat UI for Classic Agent: session state, message list, composer, tool timeline, artifacts and MCP-UI sandbox frames. Consumed by the Classic App.",
@@ -17,8 +17,8 @@
     "dist"
   ],
   "dependencies": {
-    "@classic-homes/agent-client": "0.2.0",
-    "@classic-homes/agent-contracts": "0.2.0",
+    "@classic-homes/agent-client": "0.2.1",
+    "@classic-homes/agent-contracts": "0.2.1",
     "dompurify": "3.4.17"
   },
   "peerDependencies": {