@theoremjs/web 0.3.4-next.389.gecc7333 → 0.3.4-next.401.gec4c582

package/client/chat.d.ts

@@ -2,7 +2,7 @@ import { type AttachmentValidationIssue, type ComposerMenuAction, type ComposerP
 import { type ClientFailure } from './failure.ts';
 import { type PageTools } from './live/live-page-tool.ts';
 import type { AnsweringGate, ToolDecisionAction } from './tool-resume.ts';
-import type { ConversationView, TheoremTransport, TurnEventSink } from './transport.ts';
+import { type ConversationView, type TheoremTransport, type TurnEventSink } from './transport.ts';
 export type ChatOptions = {
     transport: TheoremTransport;
     /** The profile's composer interface, as `transport.describe()` returns it. `null` while it loads. */
@@ -23,9 +23,10 @@ export type ChatOptions = {
     initialText?: string;
     /**
      * Each new ref the host issues for the conversation: once the message posts, and again as the
-     * reply's runs are saved. Keep the latest to resume the chat later.
+     * reply's runs are saved. Keep the latest to resume the chat later. `undefined` when the host
+     * can no longer open the ref the chat resumed: the chat starts a new one, so forget it.
      */
-    onConversationChange?: (ref: string) => void;
+    onConversationChange?: (ref: string | undefined) => void;
     /**
      * The value chosen for each of the profile's `inputs.slots`. Sent with every turn. A slot you
      * name here is fixed to that value; one you leave out is the visitor's to pick (the chat's

package/client/chat.js

@@ -9,6 +9,7 @@ import { warnPageToolMismatch } from "./live/live-page-tool.js";
 import { withPageToolDispatch } from "./page-dispatch.js";
 import { sessionAfter, stampWorked } from "./run-commit.js";
 import { keepsConversation, resumeInterfaceTool, streamInterfaceDraftTurn, streamInterfaceTurn, } from "./run-session.js";
+import { isUnknownConversation, } from "./transport.js";
 import { foldAssistantTurn, issuedOperationId } from "./turn-client.js";
 const DELIVERY_ORDER = ['sending', 'sent', 'delivered', 'read'];
 /** The server's own reports (bookkeeping, a failure, the end), which say nothing of the model having the message. */
@@ -29,6 +30,16 @@ function deliveryOf(line) {
     return SERVER_EVENTS.has(line.type) ? 'sent' : 'delivered';
 }
 /** The streamed blocks, ending on the turn's error unless the stream already carried it. */
+/**
+ * `next` with the ids `shown` gave the blocks in the same places. The host mints its own ids, so a
+ * redraw from it would otherwise remount every message on screen, and cut short what eases there.
+ */
+function keepIds(shown, next) {
+    return next.map((block, index) => {
+        const was = shown[index];
+        return was && was.kind === block.kind && was.id !== block.id ? { ...block, id: was.id } : block;
+    });
+}
 function withTurnError(blocks, error) {
     if (blocks.some((block) => block.kind === 'error'))
         return blocks;
@@ -359,9 +370,11 @@ class Chat {
     }
     /** Draws the conversation as the host shows it: its transcript, and the reply that waits on gates. */
     #draw(view, session, events) {
+        const shown = [...this.#state.blocks, ...this.#state.streamBlocks];
+        const blocks = keepIds(shown, view.transcript);
         this.#set({
-            blocks: view.transcript,
-            streamBlocks: view.paused?.blocks ?? [],
+            blocks,
+            streamBlocks: keepIds(shown.slice(blocks.length), view.paused?.blocks ?? []),
             // why: A reply at rest leaves the run's own events (tokens, an ask); a paused one, the host's.
             session: sessionAfter(session, view.paused?.events ?? events),
             chatStarted: view.transcript.length > 0 || view.paused !== undefined,
@@ -400,7 +413,15 @@ class Chat {
             if (this.#state.blocks !== before || this.#busy)
                 return;
             this.#draw(view, this.#state.session, []);
-        }, (err) => this.#showFailure(turnFailure(err, iface.labels)));
+        }, (err) => {
+            // why: Nobody asked for the lost conversation by hand; the chat just starts a new one.
+            if (!isUnknownConversation(err))
+                return this.#showFailure(turnFailure(err, iface.labels));
+            if (this.#conversation !== ref)
+                return;
+            this.#conversation = undefined;
+            this.#options.onConversationChange?.(undefined);
+        });
     }
     /**
      * Settles a restored page gate as unanswered.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theoremjs/web",
-  "version": "0.3.4-next.389.gecc7333",
+  "version": "0.3.4-next.401.gec4c582",
   "description": "Theorem on the web platform, with no UI framework: Web-standard server handlers that serve a profile, and the browser client that talks to them.",
   "license": "MIT",
   "type": "module",
@@ -25,6 +25,6 @@
   },
   "peerDependencies": {
     "zod": "^4.6.5",
-    "@theoremjs/agents": "^0.3.4-next.389.gecc7333"
+    "@theoremjs/agents": "^0.3.4-next.401.gec4c582"
   }
 }