npm - @brainpilot/web - Versions diffs - 0.0.7 → 0.0.9 - Mend

@brainpilot/web 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/assets/index-CJNvdeGz.js +445 -0
package/dist/index.html +1 -1
package/package.json +2 -2
package/src/__tests__/api.test.ts +41 -0
package/src/__tests__/composerSendTools.test.tsx +37 -0
package/src/__tests__/demoTruncatedExport.test.ts +104 -0
package/src/__tests__/rehydrateMerge.test.ts +40 -0
package/src/__tests__/sidebarResize.test.ts +46 -0
package/src/__tests__/timelineBounds.test.ts +51 -0
package/src/components/chat/ComposerSendTools.tsx +31 -0
package/src/components/chat/PromptComposer.tsx +91 -75
package/src/components/demo/demoBundle.ts +8 -3
package/src/components/files/FileSidebar.tsx +82 -11
package/src/components/session/AgentNetwork.tsx +1 -0
package/src/components/session/TimelineTab.tsx +39 -9
package/src/components/shell/DesktopShell.tsx +15 -8
package/src/components/shell/sidebarResize.ts +49 -0
package/src/contexts/SessionContext.tsx +31 -7
package/src/contexts/messageReducer.ts +19 -0
package/src/contracts/backend.ts +8 -1
package/src/i18n/messages/files.ts +2 -0
package/src/utils/api.ts +14 -0
package/dist/assets/index-j3rGyO6m.js +0 -445

package/dist/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="color-scheme" content="light dark" />
     <title>BrainPilot</title>
-    <script type="module" crossorigin src="/assets/index-j3rGyO6m.js"></script>
+    <script type="module" crossorigin src="/assets/index-CJNvdeGz.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DWOsU22G.css">
   </head>
   <body>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@brainpilot/web",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "engines": {
     "node": ">=22"
   },
@@ -31,7 +31,7 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@brainpilot/protocol": "^0.0.7",
+    "@brainpilot/protocol": "^0.0.9",
     "@fontsource-variable/geist": "^5.2.9",
     "@fontsource-variable/geist-mono": "^5.2.8",
     "@types/react": "^18.3.12",

package/src/__tests__/api.test.ts CHANGED Viewed

@@ -219,3 +219,44 @@ describe("api.sessions.interrupt — hits the interrupt route, not /messages (#9
     expect(url.endsWith("/messages")).toBe(false);
   });
 });
+describe("api.sandbox.uploadFile — #47 base64 upload to the workspace", () => {
+  // blobToBase64 uses the browser FileReader, absent in the node test env; stub
+  // it with a minimal readAsDataURL that emits a data: URL so the base64 path
+  // (prefix stripping) is exercised end-to-end.
+  beforeEach(() => {
+    class FakeFileReader {
+      result: string | null = null;
+      error: unknown = null;
+      onload: (() => void) | null = null;
+      onerror: (() => void) | null = null;
+      readAsDataURL(_blob: Blob) {
+        // "hi" → aGk= ; the helper must strip the "data:...;base64," prefix.
+        this.result = "data:text/plain;base64,aGk=";
+        this.onload?.();
+      }
+    }
+    vi.stubGlobal("FileReader", FakeFileReader);
+  });
+  it("POSTs { path, contentBase64 } and returns the runtime's { path, size }", async () => {
+    fetchMock.mockResolvedValueOnce(
+      makeResponse({ status: 201, contentType: "application/json", json: { path: "notes.txt", size: 2 } }),
+    );
+    const out = await api.sandbox.uploadFile("s1", "notes.txt", new Blob(["hi"]));
+    const [url, init] = fetchMock.mock.calls[0]!;
+    expect(String(url)).toMatch(/\/sandbox\/s1\/files$/);
+    expect((init as RequestInit).method).toBe("POST");
+    const body = JSON.parse(String((init as RequestInit).body));
+    expect(body).toEqual({ path: "notes.txt", contentBase64: "aGk=" });
+    expect(out).toEqual({ path: "notes.txt", size: 2 });
+  });
+  it("throws the backend error message on a non-ok response", async () => {
+    fetchMock.mockResolvedValueOnce(
+      makeResponse({ ok: false, status: 400, contentType: "application/json", json: { detail: "file too large" } }),
+    );
+    await expect(api.sandbox.uploadFile("s1", "big.bin", new Blob(["hi"]))).rejects.toThrow("file too large");
+  });
+});

package/src/__tests__/composerSendTools.test.tsx ADDED Viewed

@@ -0,0 +1,37 @@
+import { describe, it, expect } from "vitest";
+import { renderToStaticMarkup } from "react-dom/server";
+import { ComposerSendTools } from "../components/chat/ComposerSendTools";
+// No jsdom/@testing-library in the monorepo, so we render the presentational
+// send cluster to static markup and assert on the output. This guards #160:
+// the file-upload (Paperclip) button + hidden <input type="file"> were removed
+// from the composer's send cluster because upload was never a supported
+// feature. Anyone re-adding an upload control here makes this test fail.
+describe("ComposerSendTools — #160 no file-upload control", () => {
+  const markup = () =>
+    renderToStaticMarkup(
+      <ComposerSendTools
+        modelSelect={<div className="model-select">model</div>}
+        sendButton={<button type="submit">send</button>}
+      />,
+    );
+  it("renders the passed-in model picker and send button", () => {
+    const html = markup();
+    expect(html).toContain("composer__send-tools");
+    expect(html).toContain("model-select");
+    expect(html).toContain("send");
+  });
+  it("renders no file input (upload removed)", () => {
+    const html = markup();
+    expect(html).not.toContain('type="file"');
+  });
+  it("renders only the two nodes it is given — no extra upload button", () => {
+    // The cluster owns no controls of its own; it only lays out what the parent
+    // passes. A stray <input>/upload button would mean upload crept back in.
+    const html = markup();
+    expect(html).not.toContain("<input");
+  });
+});

package/src/__tests__/demoTruncatedExport.test.ts ADDED Viewed

@@ -0,0 +1,104 @@
+import { describe, expect, it } from "vitest";
+import { reduceMessagesForEvent } from "../contexts/messageReducer";
+import { normalizeAgUiEvent } from "../contracts/backend";
+import type { ChatMessage, WebSocketEvent } from "../contracts/backend";
+/**
+ * Regression coverage for demo bundles built from a *tail-sliced* history.
+ *
+ * When a long session was exported with a positive `limit`, the history
+ * endpoint returns only the tail of events.jsonl — the leading
+ * TEXT_MESSAGE_START of the earliest messages is gone, leaving orphaned
+ * CONTENT/END. The replay then dropped those opening replies silently
+ * ("开始的消息被截断"). The export now requests the full log (`limit: 0`), and
+ * the reducer additionally recovers gracefully if an orphan still slips
+ * through.
+ */
+describe("demo replay tolerates truncated/orphaned events", () => {
+  it("renders orphaned TEXT_MESSAGE_CONTENT whose START was sliced off", () => {
+    // Simulate a tail-sliced stream: CONTENT/END with no preceding START.
+    let msgs: ChatMessage[] = [];
+    msgs = reduceMessagesForEvent(msgs, {
+      type: "TEXT_MESSAGE_CONTENT",
+      messageId: "orphan-1",
+      delta: "Librarian → methodology grounding",
+      agentName: "principal",
+    } as WebSocketEvent);
+    msgs = reduceMessagesForEvent(msgs, {
+      type: "TEXT_MESSAGE_CONTENT",
+      messageId: "orphan-1",
+      delta: " against the paper",
+      agentName: "principal",
+    } as WebSocketEvent);
+    msgs = reduceMessagesForEvent(msgs, {
+      type: "TEXT_MESSAGE_END",
+      messageId: "orphan-1",
+    } as WebSocketEvent);
+    expect(msgs).toHaveLength(1);
+    expect(msgs[0].id).toBe("orphan-1");
+    expect(msgs[0].content).toBe("Librarian → methodology grounding against the paper");
+    expect(msgs[0].agent).toBe("principal");
+    expect(msgs[0].streaming).toBe(false); // END finalized it
+  });
+  it("still folds a normal START→CONTENT→END triad into one message", () => {
+    let msgs: ChatMessage[] = [];
+    msgs = reduceMessagesForEvent(msgs, {
+      type: "TEXT_MESSAGE_START",
+      messageId: "m1",
+      role: "assistant",
+      agentName: "principal",
+    } as WebSocketEvent);
+    msgs = reduceMessagesForEvent(msgs, {
+      type: "TEXT_MESSAGE_CONTENT",
+      messageId: "m1",
+      delta: "hello",
+    } as WebSocketEvent);
+    msgs = reduceMessagesForEvent(msgs, {
+      type: "TEXT_MESSAGE_CONTENT",
+      messageId: "m1",
+      delta: " world",
+    } as WebSocketEvent);
+    msgs = reduceMessagesForEvent(msgs, {
+      type: "TEXT_MESSAGE_END",
+      messageId: "m1",
+    } as WebSocketEvent);
+    expect(msgs).toHaveLength(1);
+    expect(msgs[0].content).toBe("hello world");
+  });
+  it("strips NO-RENDER wrappers even on orphaned content", () => {
+    let msgs: ChatMessage[] = [];
+    msgs = reduceMessagesForEvent(msgs, {
+      type: "TEXT_MESSAGE_CONTENT",
+      messageId: "orphan-2",
+      delta: "<!--NO-RENDER-->internal<!--/NO-RENDER-->",
+    } as WebSocketEvent);
+    // Entire delta was a NO-RENDER wrapper → nothing to render, no message created.
+    expect(msgs).toHaveLength(0);
+  });
+});
+describe("normalizeAgUiEvent preserves transport metadata keys", () => {
+  it("keeps _ts (and _seq) instead of mangling to Ts/Seq", () => {
+    const raw = {
+      type: "TEXT_MESSAGE_CONTENT",
+      _ts: "2026-06-22T08:43:24.619Z",
+      _seq: 42,
+      agent_name: "principal",
+      message_id: "m1",
+      delta: "hi",
+    };
+    const norm = normalizeAgUiEvent(raw) as Record<string, unknown>;
+    // The timestamp the demo timeline sorts on must survive normalization.
+    expect(norm._ts).toBe("2026-06-22T08:43:24.619Z");
+    expect(norm._seq).toBe(42);
+    expect(norm).not.toHaveProperty("Ts");
+    expect(norm).not.toHaveProperty("Seq");
+    // Internal snake_case still camelizes.
+    expect(norm.agentName).toBe("principal");
+    expect(norm.messageId).toBe("m1");
+  });
+});

package/src/__tests__/rehydrateMerge.test.ts ADDED Viewed

@@ -0,0 +1,40 @@
+import { describe, it, expect } from "vitest";
+import { mergeRehydratedMessages } from "../contexts/SessionContext";
+import type { ChatMessage } from "../contracts/backend";
+function msg(id: string, content = id): ChatMessage {
+  return { id, role: "assistant", content, createdAt: "2026-01-01T00:00:00.000Z" };
+}
+describe("mergeRehydratedMessages (#194-B1)", () => {
+  it("seeds the full history when nothing is live yet", () => {
+    const history = [msg("a"), msg("b"), msg("c")];
+    expect(mergeRehydratedMessages([], history).map((m) => m.id)).toEqual(["a", "b", "c"]);
+  });
+  it("does NOT drop history when SSE has already seeded a recent tail", () => {
+    // The regression: refresh → SSE ring buffer delivers only the last 2 msgs
+    // before history (the full log) lands. Old guard kept just these two.
+    const sseTail = [msg("y"), msg("z")];
+    const fullHistory = [msg("v"), msg("w"), msg("x"), msg("y"), msg("z")];
+    const merged = mergeRehydratedMessages(sseTail, fullHistory);
+    // Full history is restored, in order, with no duplicates.
+    expect(merged.map((m) => m.id)).toEqual(["v", "w", "x", "y", "z"]);
+  });
+  it("preserves live-only messages history does not contain (optimistic/newer)", () => {
+    const live = [msg("x"), msg("optimistic-1"), msg("newer-2")];
+    const history = [msg("w"), msg("x")];
+    const merged = mergeRehydratedMessages(live, history);
+    // History base first, then the live-only tail in its original order.
+    expect(merged.map((m) => m.id)).toEqual(["w", "x", "optimistic-1", "newer-2"]);
+  });
+  it("dedupes by id (history wins the shared ids)", () => {
+    const live = [msg("a", "stale"), msg("b", "live-only")];
+    const history = [msg("a", "canonical")];
+    const merged = mergeRehydratedMessages(live, history);
+    expect(merged.map((m) => m.id)).toEqual(["a", "b"]);
+    expect(merged.find((m) => m.id === "a")!.content).toBe("canonical");
+  });
+});

package/src/__tests__/sidebarResize.test.ts ADDED Viewed

@@ -0,0 +1,46 @@
+import { describe, it, expect } from "vitest";
+import {
+  resolveResize,
+  MIN_SIDEBAR_WIDTH,
+  MAX_SIDEBAR_WIDTH,
+  COLLAPSE_THRESHOLD,
+  DEFAULT_SIDEBAR_WIDTH,
+} from "../components/shell/sidebarResize";
+// #159 — drag-to-collapse geometry. The monorepo has no jsdom, so the real
+// pointer-drag is exercised by DesktopShell at runtime; here we pin the pure
+// decision: when does a drag collapse the rail, and how is width clamped.
+describe("resolveResize — #159 drag-to-collapse", () => {
+  it("collapses when dragged at/below the collapse threshold", () => {
+    expect(resolveResize(COLLAPSE_THRESHOLD).collapse).toBe(true);
+    expect(resolveResize(COLLAPSE_THRESHOLD - 1).collapse).toBe(true);
+    expect(resolveResize(0).collapse).toBe(true);
+    expect(resolveResize(-50).collapse).toBe(true); // dragged past the left edge
+  });
+  it("does NOT collapse between the threshold and the minimum (buffer zone)", () => {
+    // Sitting at the min width is a normal narrow drag, not a collapse intent.
+    expect(resolveResize(MIN_SIDEBAR_WIDTH).collapse).toBe(false);
+    expect(resolveResize(COLLAPSE_THRESHOLD + 1).collapse).toBe(false);
+    expect(resolveResize(200).collapse).toBe(false);
+  });
+  it("clamps expanded width into [MIN, MAX]", () => {
+    // Above threshold but below min → clamp up to min (still expanded).
+    expect(resolveResize(190)).toEqual({ width: MIN_SIDEBAR_WIDTH, collapse: false });
+    // In range → passthrough.
+    expect(resolveResize(300)).toEqual({ width: 300, collapse: false });
+    // Above max → clamp down.
+    expect(resolveResize(999)).toEqual({ width: MAX_SIDEBAR_WIDTH, collapse: false });
+  });
+  it("threshold sits below the minimum so a min-width drag never collapses", () => {
+    expect(COLLAPSE_THRESHOLD).toBeLessThan(MIN_SIDEBAR_WIDTH);
+  });
+  it("default restore width is a valid expanded width", () => {
+    expect(DEFAULT_SIDEBAR_WIDTH).toBeGreaterThanOrEqual(MIN_SIDEBAR_WIDTH);
+    expect(DEFAULT_SIDEBAR_WIDTH).toBeLessThanOrEqual(MAX_SIDEBAR_WIDTH);
+    expect(resolveResize(DEFAULT_SIDEBAR_WIDTH).collapse).toBe(false);
+  });
+});

package/src/__tests__/timelineBounds.test.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import { describe, it, expect } from "vitest";
+import { computeTimeBounds } from "../components/session/TimelineTab";
+describe("computeTimeBounds (#166)", () => {
+  const now = 1_000_000;
+  it("falls back to a 60s window ending at `now` when there are no dots", () => {
+    expect(computeTimeBounds([], now, false)).toEqual({ start: now - 60_000, end: now });
+    expect(computeTimeBounds([], now, true)).toEqual({ start: now - 60_000, end: now });
+  });
+  it("ends at the last message for a finished (not running) session", () => {
+    const first = 100_000;
+    const last = 200_000;
+    // `now` is far in the future, but the axis must NOT stretch to it.
+    const bounds = computeTimeBounds([first, last], now, false);
+    expect(bounds).toEqual({ start: first, end: last });
+  });
+  it("does not grow the axis as wall-clock `now` advances when idle", () => {
+    const ts = [100_000, 200_000];
+    const a = computeTimeBounds(ts, 500_000, false);
+    const b = computeTimeBounds(ts, 9_000_000, false);
+    // Same dots, later `now` → identical bounds (no creeping right edge).
+    expect(a).toEqual(b);
+    expect(b.end).toBe(200_000);
+  });
+  it("extends to `now` while the session is actively running", () => {
+    const ts = [100_000, 200_000];
+    const bounds = computeTimeBounds(ts, now, true);
+    expect(bounds).toEqual({ start: 100_000, end: now });
+  });
+  it("when running but `now` is before the last message, keeps the last message", () => {
+    const ts = [100_000, 200_000];
+    const bounds = computeTimeBounds(ts, 150_000, true);
+    expect(bounds.end).toBe(200_000);
+  });
+  it("expands a degenerate (single-dot / identical-ts) span to 60s", () => {
+    const bounds = computeTimeBounds([100_000], 100_000, false);
+    expect(bounds).toEqual({ start: 100_000, end: 160_000 });
+  });
+  it("expands a degenerate span even while running", () => {
+    // Single dot, now == that dot → end would equal start, must be padded.
+    const bounds = computeTimeBounds([100_000], 100_000, true);
+    expect(bounds).toEqual({ start: 100_000, end: 160_000 });
+  });
+});

package/src/components/chat/ComposerSendTools.tsx ADDED Viewed

@@ -0,0 +1,31 @@
+import type { ReactNode } from "react";
+/**
+ * ComposerSendTools — presentational layout for the composer's right-hand send
+ * cluster (model picker + send button). Extracted from PromptComposer so the
+ * cluster can be rendered in isolation under react-dom/server (the monorepo has
+ * no jsdom/@testing-library). The stateful pieces — the model `CustomSelect`
+ * with its async onChange, the `ComposerSendButton` — are built by the parent
+ * and passed in as nodes; this component owns only the wrapper markup.
+ *
+ * #160: the file-upload (Paperclip) button used to live here and was removed —
+ * file upload was never a supported feature (it depended on a sandbox that the
+ * local non-Docker mode never provides). ComposerSendTools.test.tsx asserts the
+ * rendered cluster contains no file input, guarding against it creeping back.
+ */
+export function ComposerSendTools({
+  modelSelect,
+  sendButton,
+}: {
+  /** The model picker node (parent builds the stateful CustomSelect). */
+  modelSelect: ReactNode;
+  /** The send button node. */
+  sendButton: ReactNode;
+}) {
+  return (
+    <div className="composer__send-tools">
+      {modelSelect}
+      {sendButton}
+    </div>
+  );
+}

package/src/components/chat/PromptComposer.tsx CHANGED Viewed

@@ -13,6 +13,7 @@ import { CustomSelect } from "../primitives/CustomSelect";
 import { IconButton } from "../primitives/IconButton";
 import { ComposerInput } from "./ComposerInput";
 import { ComposerSendButton } from "./ComposerSendButton";
+import { ComposerSendTools } from "./ComposerSendTools";
 import { MessageStream } from "./MessageStream";
 export function PromptComposer() {
@@ -34,7 +35,10 @@ export function PromptComposer() {
   const menuRef = useRef<HTMLDivElement | null>(null);
   const [menuPos, setMenuPos] = useState<{ top: number; left: number } | null>(null);
   // #47: file upload — names of files uploaded into the workspace this turn,
-  // shown as removable chips and announced to the agent on send.
+  // shown as removable chips and announced to the agent on send. (Restored: the
+  // backend upload chain — writeFile route + #60 staging/drain — was always
+  // present; only this composer UI was removed in #160. It now lives in the
+  // left tool cluster, not the send cluster guarded by composerSendTools.test.)
   const fileInputRef = useRef<HTMLInputElement | null>(null);
   const [attachments, setAttachments] = useState<string[]>([]);
   const [uploading, setUploading] = useState(false);
@@ -250,16 +254,19 @@ export function PromptComposer() {
   };
   // #47: upload the chosen files into the session workspace, then track their
-  // names as chips. Uses the current sandbox/session id (single-user: same id).
+  // names as chips. In single-user mode the sandbox id and session id are the
+  // same; a draft has no real session yet, so uploads land in the `"local"`
+  // staging area and the runtime drains them into the real workspace on send
+  // (#60 drainLocalUploads). Files are uploaded to the workspace root by name.
   const handleFilesChosen = async (files: FileList | null) => {
     if (!files || files.length === 0) return;
-    const sandboxId = currentSandbox?.id;
-    if (!sandboxId) return;
+    const uploadId = currentSession?.id ?? currentSandbox?.id;
+    if (!uploadId) return;
     setUploading(true);
     setComposerError(null);
     try {
       for (const file of Array.from(files)) {
-        await api.sandbox.uploadFile(sandboxId, file.name, file);
+        await api.sandbox.uploadFile(uploadId, file.name, file);
         setAttachments((prev) => (prev.includes(file.name) ? prev : [...prev, file.name]));
       }
     } catch (e) {
@@ -355,6 +362,27 @@ export function PromptComposer() {
                 <Plus size={18} />
               </IconButton>
               */}
+              {/*
+                #47: file upload. The button lives here in the left tool cluster
+                (not the send cluster, which composerSendTools.test.tsx guards
+                against an upload control under #160). The hidden <input> is
+                clicked programmatically; chosen files upload to the workspace
+                root and are announced to the agent on send.
+              */}
+              <input
+                ref={fileInputRef}
+                type="file"
+                multiple
+                style={{ display: "none" }}
+                onChange={(e) => void handleFilesChosen(e.target.files)}
+              />
+              <IconButton
+                label={t("chat.aria.attachFile")}
+                onClick={() => fileInputRef.current?.click()}
+                disabled={uploading || !currentSandbox}
+              >
+                <Paperclip size={17} />
+              </IconButton>
               {SHOW_SLASH_COMMANDS && slashCommands.length > 0 && (
                 <div className="command-picker" ref={commandsRef}>
                   <IconButton
@@ -389,76 +417,64 @@ export function PromptComposer() {
               )}
             </div>
-            <div className="composer__send-tools">
-              <CustomSelect
-                ariaLabel={t("chat.modelPlaceholder")}
-                className="model-select"
-                disabled={!currentSandbox || !activeProvider || activeProvider.models.length === 0}
-                onChange={async (model) => {
-                  setSelectedModel(model);
-                  setComposerError(null);
-                  try {
-                    await api.settings.update({ model });
-                  } catch (e) {
-                    const msg = e instanceof Error ? e.message : String(e);
-                    console.error("Failed to save model selection", e);
-                    setComposerError(t("chat.error.saveModel", { msg }));
-                    return;
-                  }
-                  try {
-                    await reloadConfig();
-                  } catch (e) {
-                    const msg = e instanceof Error ? e.message : String(e);
-                    console.error("Failed to reload config after model change", e);
-                    setComposerError(t("chat.error.reloadConfig", { msg }));
-                  }
-                }}
-                options={activeProvider?.models.map((model) => {
-                  const mh = activeProvider.modelHealth?.find((m) => m.model === model);
-                  const status = mh?.status ?? "unknown";
-                  return {
-                    value: model,
-                    label: model,
-                    indicator: (
-                      <span
-                        className={`model-status-dot model-status-dot--${status}`}
-                        title={mh?.error ?? status}
-                      />
-                    ),
-                  };
-                }) ?? []}
-                placeholder={t("chat.modelPlaceholder")}
-                title={activeProvider ? t("chat.providerTitle", { name: activeProvider.name }) : t("chat.noActiveProvider")}
-                value={selectedModel}
-              />
-              {/*
-                issue #47: 语音输入 (Mic) has no capture/permission flow yet —
-                hidden until implemented. The chat.aria.voice i18n key is kept.
-                Re-add the Mic lucide import when restoring this.
-              <IconButton label={t("chat.aria.voice")}>
-                <Mic size={17} />
-              </IconButton>
-              */}
-              <input
-                ref={fileInputRef}
-                type="file"
-                multiple
-                style={{ display: "none" }}
-                onChange={(e) => void handleFilesChosen(e.target.files)}
-              />
-              <IconButton
-                label={t("chat.aria.attachFile")}
-                onClick={() => fileInputRef.current?.click()}
-                disabled={uploading || !currentSandbox}
-              >
-                <Paperclip size={17} />
-              </IconButton>
-              <ComposerSendButton
-                sessionId={sessionId}
-                canSend={canSend}
-                label={t("chat.aria.send")}
-              />
-            </div>
+            {/*
+              issue #47: 语音输入 (Mic) had no capture/permission flow and was
+              never shipped; #160 removed the file-upload (Paperclip) button that
+              also lived in this cluster (upload was never a supported feature).
+              The send cluster is now just the model picker + send button.
+            */}
+            <ComposerSendTools
+              modelSelect={
+                <CustomSelect
+                  ariaLabel={t("chat.modelPlaceholder")}
+                  className="model-select"
+                  disabled={!currentSandbox || !activeProvider || activeProvider.models.length === 0}
+                  onChange={async (model) => {
+                    setSelectedModel(model);
+                    setComposerError(null);
+                    try {
+                      await api.settings.update({ model });
+                    } catch (e) {
+                      const msg = e instanceof Error ? e.message : String(e);
+                      console.error("Failed to save model selection", e);
+                      setComposerError(t("chat.error.saveModel", { msg }));
+                      return;
+                    }
+                    try {
+                      await reloadConfig();
+                    } catch (e) {
+                      const msg = e instanceof Error ? e.message : String(e);
+                      console.error("Failed to reload config after model change", e);
+                      setComposerError(t("chat.error.reloadConfig", { msg }));
+                    }
+                  }}
+                  options={activeProvider?.models.map((model) => {
+                    const mh = activeProvider.modelHealth?.find((m) => m.model === model);
+                    const status = mh?.status ?? "unknown";
+                    return {
+                      value: model,
+                      label: model,
+                      indicator: (
+                        <span
+                          className={`model-status-dot model-status-dot--${status}`}
+                          title={mh?.error ?? status}
+                        />
+                      ),
+                    };
+                  }) ?? []}
+                  placeholder={t("chat.modelPlaceholder")}
+                  title={activeProvider ? t("chat.providerTitle", { name: activeProvider.name }) : t("chat.noActiveProvider")}
+                  value={selectedModel}
+                />
+              }
+              sendButton={
+                <ComposerSendButton
+                  sessionId={sessionId}
+                  canSend={canSend}
+                  label={t("chat.aria.send")}
+                />
+              }
+            />
           </div>
         </form>

package/src/components/demo/demoBundle.ts CHANGED Viewed

@@ -159,9 +159,14 @@ export async function buildDemoBundle(opts: BuildDemoOptions): Promise<DemoBundl
   let timeline: DemoBundle["timeline"] = "timestamped";
   // Pull the persisted event timeline from the new history endpoint (the
   // legacy `/sessions/:id/events` path is an SSE alias and returns no JSON).
-  // Cap at 5000 — the endpoint enforces the same cap, but stating it here
-  // documents the bundle's max footprint.
-  const historyEnvelope = await api.sessions.getHistory(session.id, { limit: 5000 });
+  // Request the FULL log (`limit: 0`) — same as the live chat rehydrate path
+  // (HISTORY_REHYDRATE_LIMIT). A positive cap returns the *tail* of the log,
+  // which slices off the oldest events: the leading TEXT_MESSAGE_START of the
+  // earliest messages is dropped, leaving orphaned CONTENT/END that the
+  // reducer can't attach to anything, so the conversation's opening replies
+  // silently vanish from the replay. The 25 MB embed budget (MAX_TOTAL_BYTES)
+  // still bounds the bundle's real footprint via the files section.
+  const historyEnvelope = await api.sessions.getHistory(session.id, { limit: 0 });
   let events: typeof historyEnvelope.events | undefined = historyEnvelope.events;
   let messages: ChatMessage[] | undefined;
   if (!events || events.length === 0) {