banso-dsh-ui 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 tindada
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,19 @@
-# Temporary Holding Version
+# Banso 聊天 UI
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+`banso-dsh-ui` 是 DSH 浏览器插件，配合 `banso-dsh-web` 使用，向官方 renderer 的 `root` 插槽注册 Banso 页面。
+
+## 集成要求
+
+接口对齐 DSH `0.2.0-rc.2`；需要官方 `@deepseek-ai/dsh-api-session-controller` 和 `@deepseek-ai/dsh-client-ui-renderer` 客户端服务，由 Web bundle 配置依赖。宿主入口不提供独立业务服务，无需单独启动 UI。不要同时加载其他占用根页面的聊天 UI。
+
+## 展示与限制
+
+支持单会话文字聊天、连续追问、流式回答、停止和错误提示。不显示推理或注入上下文，不提供资料面板。
+
+执行期间分别显示每次搜索、阅读的进行中、完成、失败或取消状态；可展开查看关键词、关注点、URL 和错误详情，并保留本轮先前的失败记录。仅展示整次调用，不区分下载与提取阶段。本轮完成、失败或停止后隐藏全部工具记录，服务端日志仍保留。
+
+伴随工具调用的模型文字临时显示，当前步骤结束后消失；普通回答保留。
+
+当前会话 ID 仅保留在页面内存中，没有历史列表和刷新恢复；刷新后下一次发送会创建新会话。刷新或关闭页面不保证停止服务端任务。文本由 React 转义，不解析 HTML 或 Markdown。
+
+安装和启动见 [Web 聊天使用说明](https://github.com/Tindada/banso-dsh/blob/main/README.md#web-聊天源码安装)。运行配置和存储说明见 [Web bundle](https://github.com/Tindada/banso-dsh/blob/main/packages/web/README.md)。源码构建、消息投影和测试见 [开发文档](https://github.com/Tindada/banso-dsh/blob/main/docs/development.md)。

package/lib/client.js

@@ -0,0 +1,308 @@
+window.__ModuleLoader__.load({ id: "banso-dsh-ui", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+
+// src/client/messages.ts
+var textOf = (content) => content.flatMap((block) => block.type === "text" ? [block.text] : []).join("");
+var hasToolCall = (content) => content.some((block) => block.type === "tool-call");
+function messagesOf(entries) {
+  const messages = [];
+  const live = /* @__PURE__ */ new Map();
+  const settledSteps = /* @__PURE__ */ new Map();
+  for (const { event } of entries) {
+    if (event.type === "assistant/message" && !hasToolCall(event.data.message.content)) {
+      const key = `${event.data.turn}:${event.data.step}`;
+      settledSteps.set(key, Math.max(settledSteps.get(key) ?? -1, event.seq));
+    }
+  }
+  for (const { event } of entries) {
+    if (event.type === "user/message" && event.data.source.kind === "user") {
+      messages.push({ id: `user-${event.seq}`, seq: event.seq, role: "user", text: textOf(event.data.content) });
+    } else if (event.type === "assistant/message") {
+      if (hasToolCall(event.data.message.content)) continue;
+      const text = textOf(event.data.message.content);
+      if (text) messages.push({ id: `assistant-${event.seq}`, seq: event.seq, role: "assistant", text });
+    } else if (event.type === "assistant/live-chunk" && event.data.chunk.type === "text-delta") {
+      const settledSeq = settledSteps.get(`${event.data.turn}:${event.data.step}`);
+      if (settledSeq !== void 0 && event.seq < settledSeq) continue;
+      const id = event.data.attemptId;
+      let message = live.get(id);
+      if (!message) {
+        message = { id: `live-${id}`, seq: event.seq, role: "assistant", text: "" };
+        live.set(id, message);
+        messages.push(message);
+      }
+      message.text += event.data.chunk.text;
+    }
+  }
+  return messages;
+}
+
+// src/client/activity.ts
+var object = (value) => typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
+var string = (value) => typeof value === "string" ? value : "";
+function argumentsOf(value) {
+  try {
+    return object(JSON.parse(value));
+  } catch {
+    return {};
+  }
+}
+function failureNote(error) {
+  if (error.startsWith("Extraction failed:")) {
+    return error.includes("Extraction did not complete: max-tokens") ? "\u5185\u5BB9\u63D0\u53D6\u8FBE\u5230\u8F93\u51FA\u4E0A\u9650" : "\u5185\u5BB9\u63D0\u53D6\u5931\u8D25";
+  }
+  return error.startsWith("Fetch failed:") ? "\u7F51\u9875\u6293\u53D6\u5931\u8D25" : "\u6267\u884C\u5931\u8D25";
+}
+function activitySummary(item) {
+  const status = { running: `\u6B63\u5728${item.label}`, completed: `${item.label}\u5B8C\u6210`, failed: `${item.label}\u5931\u8D25`, cancelled: `${item.label}\u5DF2\u53D6\u6D88` }[item.status];
+  return `${status}${item.target ? `\uFF1A${item.target}` : ""}${item.note ? ` \u2014 ${item.note}` : ""}`;
+}
+function timelineOf(entries) {
+  const items = messagesOf(entries).map((message) => ({ ...message, kind: "message" }));
+  const calls = /* @__PURE__ */ new Map();
+  const endedTurns = /* @__PURE__ */ new Set();
+  for (const { event } of entries) {
+    if (event.type === "tool/call") {
+      const { turn, step, callId, name } = event.data;
+      if (name !== "web_search" && name !== "web_read") continue;
+      const key = `${turn}:${step}:${callId}`;
+      if (calls.has(key)) continue;
+      const args = argumentsOf(event.data.arguments);
+      const queries = Array.isArray(args.queries) && args.queries.every((q) => typeof q === "string") ? args.queries.join("\uFF1B") : "";
+      const item = {
+        id: `tool-${event.seq}`,
+        seq: event.seq,
+        turn,
+        kind: "tool",
+        name,
+        status: "running",
+        label: name === "web_search" ? "\u641C\u7D22" : "\u9605\u8BFB",
+        target: name === "web_search" ? queries : string(args.target),
+        detail: string(args.focus),
+        note: "",
+        error: ""
+      };
+      calls.set(key, item);
+      items.push(item);
+    } else if (event.type === "tool/result") {
+      const { turn, step, message, error, meta } = event.data;
+      const item = calls.get(`${turn}:${step}:${message.toolCallId}`);
+      if (!item) continue;
+      const value = object(meta);
+      item.note = "";
+      item.error = "";
+      if (error?.code === "ABORTED" || error?.code === "ABORTED_BEFORE_DISPATCH") {
+        item.status = "cancelled";
+      } else if (message.isError || item.name === "web_read" && typeof value.error === "string") {
+        item.status = "failed";
+        item.error = message.isError ? error?.reason || message.content.flatMap((block) => block.type === "text" ? [block.text] : []).join("\n") : string(value.error);
+        item.note = failureNote(item.error);
+      } else {
+        item.status = "completed";
+        if (item.name === "web_search" && Array.isArray(value.sources)) item.note = `\u8FD4\u56DE ${value.sources.length} \u4E2A\u6765\u6E90`;
+        if (item.name === "web_read" && typeof value.evidence === "string") item.note = value.evidence === "" ? "\u672A\u627E\u5230\u76F8\u5173\u8BC1\u636E" : "\u5DF2\u63D0\u53D6\u76F8\u5173\u8BC1\u636E";
+      }
+      const details = [item.detail];
+      if (typeof value.requestUrl === "string") details.push(`URL\uFF1A${value.requestUrl}`);
+      if (value.truncated === true) details.push("\u7ED3\u679C\u5DF2\u622A\u65AD");
+      item.detail = details.filter(Boolean).join("\n");
+    } else if (event.type === "turn/end") {
+      endedTurns.add(event.data.turn);
+    }
+  }
+  return items.filter((item) => item.kind !== "tool" || !endedTurns.has(item.turn)).sort((a, b) => a.seq - b.seq);
+}
+
+// src/client/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var inject = ["slots", "sessions", "connection"];
+function Conversation({ binding }) {
+  const events = (0, import_react.useSyncExternalStore)((listener) => binding.eventSource.subscribe(listener), () => binding.eventSource.getSnapshot());
+  const state = (0, import_react.useSyncExternalStore)((listener) => binding.session.subscribe(listener), () => binding.session.getSnapshot());
+  const end = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    end.current?.scrollIntoView({ block: "end" });
+  }, [events]);
+  const messages = timelineOf(events.entries);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    messages.map((message) => message.kind === "tool" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: `banso-tool ${message.status}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: { running: "\u25CC", completed: "\u2713", failed: "\u2717", cancelled: "\u25CB" }[message.status] }),
+        " ",
+        activitySummary(message)
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        message.target && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+          message.name === "web_search" ? "\u5173\u952E\u8BCD" : "\u9605\u8BFB\u5BF9\u8C61",
+          "\uFF1A",
+          message.target
+        ] }),
+        message.detail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: message.detail }),
+        message.error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+          "\u9519\u8BEF\u8BE6\u60C5\uFF1A",
+          message.error
+        ] }),
+        !message.target && !message.detail && !message.error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u6CA1\u6709\u66F4\u591A\u8BE6\u60C5" })
+      ] })
+    ] }, message.id) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: `banso-message ${message.role}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: message.role === "user" ? "\u4F60" : "Banso" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: message.text })
+    ] }, message.id)),
+    state.pendingSubmissions.map((pending) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "banso-message user", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "\u4F60 \xB7 \u53D1\u9001\u4E2D" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: pending.text })
+    ] }, pending.requestId)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: end })
+  ] });
+}
+function App({ ctx }) {
+  const [binding, setBinding] = (0, import_react.useState)();
+  const [input, setInput] = (0, import_react.useState)("");
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [stopping, setStopping] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)("");
+  const [running, setRunning] = (0, import_react.useState)(false);
+  const reference = (0, import_react.useRef)();
+  const alive = (0, import_react.useRef)(true);
+  const inFlight = (0, import_react.useRef)(false);
+  const connection = ctx.get("connection");
+  const generation = (0, import_react.useSyncExternalStore)((listener) => connection.generation.subscribe(listener), () => connection.generation.getSnapshot());
+  (0, import_react.useEffect)(() => () => {
+    alive.current = false;
+    reference.current?.release();
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!binding) return;
+    const update = () => {
+      const state = binding.session.getSnapshot();
+      setRunning(state.running || state.pendingSubmissions.length > 0 || state.awaitingFirstTurn);
+      if (!state.running) setStopping(false);
+      const failure = state.promptError?.error.message ?? state.openError?.message ?? state.lastAgentError;
+      if (failure) setError(failure);
+    };
+    update();
+    return binding.session.subscribe(update);
+  }, [binding]);
+  async function send() {
+    const text = input.trim();
+    if (!text || inFlight.current || running || !generation) return;
+    inFlight.current = true;
+    setBusy(true);
+    setError("");
+    try {
+      let current = binding;
+      if (!current) {
+        const id = await ctx.sessions.create();
+        if (!alive.current) return;
+        const held = ctx.sessions.retain(id, { source: "bansoChat" });
+        reference.current = held;
+        try {
+          current = await held.ready;
+        } catch (error2) {
+          held.release();
+          reference.current = void 0;
+          throw error2;
+        }
+        if (!alive.current) return;
+        setBinding(current);
+      }
+      const submission = current.session.beginSubmission({ mode: "queue", text, attachments: [] });
+      const result = await current.session.prompt([{ type: "text", text }], "queue", void 0, submission.requestId);
+      if (!result.ok) throw new Error(result.error.message);
+      if (alive.current) setInput("");
+    } catch (error2) {
+      if (alive.current) setError(error2 instanceof Error ? error2.message : String(error2));
+    } finally {
+      inFlight.current = false;
+      if (alive.current) setBusy(false);
+    }
+  }
+  async function stop() {
+    if (!binding || stopping) return;
+    setStopping(true);
+    setError("");
+    try {
+      const result = await binding.session.cancel();
+      if (!result.ok) throw new Error(result.error.message);
+    } catch (error2) {
+      if (alive.current) {
+        setStopping(false);
+        setError(error2 instanceof Error ? error2.message : String(error2));
+      }
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { className: "banso-app", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "Banso" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: !generation ? "\u8FDE\u63A5\u4E2D\u2026" : stopping ? "\u6B63\u5728\u505C\u6B62\u2026" : running ? "\u6B63\u5728\u7814\u7A76\u2026" : "\u65B0\u95FB\u7814\u7A76\u52A9\u624B" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "banso-messages", "aria-label": "\u804A\u5929\u6D88\u606F", children: binding ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Conversation, { binding }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "banso-empty", children: [
+      "\u8F93\u5165\u4E00\u4E2A\u95EE\u9898\uFF0C\u5F00\u59CB\u7814\u7A76\u3002",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "\u6B64\u7248\u672C\u5237\u65B0\u540E\u4F1A\u5F00\u59CB\u65B0\u5BF9\u8BDD\u3002" })
+    ] }) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", className: "banso-error", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: (event) => {
+      event.preventDefault();
+      void send();
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "banso-input", children: "\u4F60\u7684\u95EE\u9898" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { id: "banso-input", placeholder: "\u60F3\u4E86\u89E3\u4EC0\u4E48\uFF1F", rows: 3, value: input, onChange: (event) => setInput(event.target.value), disabled: busy || running }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "banso-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: "\u7EAF\u6587\u672C\u804A\u5929" }),
+        running && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: stopping || !generation, onClick: () => void stop(), children: "\u505C\u6B62" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", disabled: !input.trim() || busy || running || !generation, children: busy ? "\u53D1\u9001\u4E2D\u2026" : "\u53D1\u9001" })
+      ] })
+    ] })
+  ] });
+}
+var css = `
+html,body,#root{height:100%;margin:0}body{background:#f7f8fa;color:#20252c;font:16px/1.65 system-ui,sans-serif}
+.banso-app{box-sizing:border-box;max-width:900px;height:100dvh;margin:auto;padding:20px 24px;display:flex;flex-direction:column}
+.banso-app header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #dfe3e8;padding-bottom:12px}.banso-app h1{font-size:24px;margin:0}.banso-app header span,.banso-app small{color:#647080;font-size:13px}
+.banso-messages{flex:1;overflow:auto;min-height:0;padding:24px 0}.banso-message{padding:14px 18px;margin:0 0 18px;border-radius:12px;background:white;overflow-wrap:anywhere}.banso-message.user{background:#e9f0fa}.banso-message strong{font-size:13px}.banso-message div{white-space:pre-wrap}.banso-empty{color:#647080;text-align:center;margin-top:15vh}.banso-empty small{display:block}
+.banso-tool{margin:0 0 12px;padding:8px 14px;border-left:3px solid #bdc7d4;font-size:14px;overflow-wrap:anywhere}.banso-tool summary{cursor:pointer}.banso-tool p{white-space:pre-wrap;margin:8px 0}.banso-tool.failed{border-color:#a52d2d}.banso-tool.running{border-color:#245ba0}.banso-tool.completed{border-color:#38714b}
+.banso-app label{display:block;font-size:13px;margin-bottom:6px}.banso-app textarea{box-sizing:border-box;width:100%;resize:vertical;max-height:30vh;border:1px solid #bdc7d4;border-radius:10px;padding:12px;font:inherit}.banso-app textarea:focus{outline:2px solid #5285c5}.banso-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.banso-actions small{flex:1}.banso-app button{border:0;border-radius:8px;background:#245ba0;color:white;padding:9px 20px;font:inherit;cursor:pointer}.banso-app button:disabled{opacity:.5;cursor:default}.banso-error{color:#9f2525;background:#ffeded;padding:10px;overflow-wrap:anywhere;margin:8px 0}@media(max-width:600px){.banso-app{padding:12px}.banso-actions small{font-size:11px}}
+`;
+function apply(ctx) {
+  ctx.effect(() => {
+    const style = document.createElement("style");
+    style.textContent = css;
+    document.head.append(style);
+    const previousTitle = document.title;
+    document.title = "Banso";
+    const dispose = ctx.slots.register({ name: "root" }, () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, { ctx }));
+    return () => {
+      dispose();
+      style.remove();
+      document.title = previousTitle;
+    };
+  });
+}
+return module.exports; } });
+//# sourceMappingURL=client.js.map

package/lib/client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/client/index.tsx", "../src/client/messages.ts", "../src/client/activity.ts"],
+  "sourcesContent": ["import type { Context } from '@deepseek-ai/cordis';\nimport type { SessionBinding, SessionReference } from '@deepseek-ai/dsh-api-session-controller/client';\nimport type {} from '@deepseek-ai/dsh-client-ui-renderer/client';\nimport type { ConnectionHandle } from '@deepseek-ai/dsh-client-connection/client';\nimport { useEffect, useRef, useState, useSyncExternalStore } from 'react';\nimport { timelineOf, activitySummary } from './activity.js';\n\n// Lifetime label for the one visible conversation; not a persisted session property.\ndeclare module '@deepseek-ai/dsh-api-session-controller/client' {\n  interface SessionReferenceSourceMap { bansoChat: unknown }\n}\nexport const inject = ['slots', 'sessions', 'connection'];\n\nfunction Conversation({ binding }: { binding: SessionBinding }) {\n  const events = useSyncExternalStore(listener => binding.eventSource.subscribe(listener), () => binding.eventSource.getSnapshot());\n  const state = useSyncExternalStore(listener => binding.session.subscribe(listener), () => binding.session.getSnapshot());\n  const end = useRef<HTMLDivElement>(null);\n  useEffect(() => { end.current?.scrollIntoView({ block: 'end' }); }, [events]);\n  const messages = timelineOf(events.entries);\n  return <>\n    {messages.map(message => message.kind === 'tool' ? <details className={`banso-tool ${message.status}`} key={message.id}>\n      <summary><span aria-hidden=\"true\">{{ running: '\u25CC', completed: '\u2713', failed: '\u2717', cancelled: '\u25CB' }[message.status]}</span> {activitySummary(message)}</summary>\n      <div>{message.target && <p>{message.name === 'web_search' ? '\u5173\u952E\u8BCD' : '\u9605\u8BFB\u5BF9\u8C61'}\uFF1A{message.target}</p>}\n        {message.detail && <p>{message.detail}</p>}{message.error && <p>\u9519\u8BEF\u8BE6\u60C5\uFF1A{message.error}</p>}\n        {!message.target && !message.detail && !message.error && <p>\u6CA1\u6709\u66F4\u591A\u8BE6\u60C5</p>}</div>\n    </details> : <article className={`banso-message ${message.role}`} key={message.id}>\n      <strong>{message.role === 'user' ? '\u4F60' : 'Banso'}</strong><div>{message.text}</div>\n    </article>)}\n    {state.pendingSubmissions.map(pending => <article className=\"banso-message user\" key={pending.requestId}><strong>\u4F60 \u00B7 \u53D1\u9001\u4E2D</strong><div>{pending.text}</div></article>)}\n    <div ref={end} />\n  </>;\n}\n\nfunction App({ ctx }: { ctx: Context }) {\n  const [binding, setBinding] = useState<SessionBinding>();\n  const [input, setInput] = useState('');\n  const [busy, setBusy] = useState(false);\n  const [stopping, setStopping] = useState(false);\n  const [error, setError] = useState('');\n  const [running, setRunning] = useState(false);\n  const reference = useRef<SessionReference>();\n  const alive = useRef(true);\n  const inFlight = useRef(false);\n  const connection = ctx.get('connection') as ConnectionHandle;\n  const generation = useSyncExternalStore(listener => connection.generation.subscribe(listener), () => connection.generation.getSnapshot());\n  useEffect(() => () => { alive.current = false; reference.current?.release(); }, []);\n  useEffect(() => {\n    if (!binding) return;\n    const update = () => {\n      const state = binding.session.getSnapshot();\n      setRunning(state.running || state.pendingSubmissions.length > 0 || state.awaitingFirstTurn);\n      if (!state.running) setStopping(false);\n      const failure = state.promptError?.error.message ?? state.openError?.message ?? state.lastAgentError;\n      if (failure) setError(failure);\n    };\n    update();\n    return binding.session.subscribe(update);\n  }, [binding]);\n  async function send() {\n    const text = input.trim();\n    if (!text || inFlight.current || running || !generation) return;\n    inFlight.current = true;\n    setBusy(true); setError('');\n    try {\n      let current = binding;\n      if (!current) {\n        const id = await ctx.sessions.create();\n        if (!alive.current) return;\n        const held = ctx.sessions.retain(id, { source: 'bansoChat' });\n        reference.current = held;\n        try { current = await held.ready; }\n        catch (error) { held.release(); reference.current = undefined; throw error; }\n        if (!alive.current) return;\n        setBinding(current);\n      }\n      const submission = current.session.beginSubmission({ mode: 'queue', text, attachments: [] });\n      const result = await current.session.prompt([{ type: 'text', text }], 'queue', undefined, submission.requestId);\n      if (!result.ok) throw new Error(result.error.message);\n      if (alive.current) setInput('');\n    } catch (error) {\n      if (alive.current) setError(error instanceof Error ? error.message : String(error));\n    } finally {\n      inFlight.current = false;\n      if (alive.current) setBusy(false);\n    }\n  }\n  async function stop() {\n    if (!binding || stopping) return;\n    setStopping(true); setError('');\n    try {\n      const result = await binding.session.cancel();\n      if (!result.ok) throw new Error(result.error.message);\n    } catch (error) {\n      if (alive.current) { setStopping(false); setError(error instanceof Error ? error.message : String(error)); }\n    }\n  }\n  return <main className=\"banso-app\">\n    <header><h1>Banso</h1><span>{!generation ? '\u8FDE\u63A5\u4E2D\u2026' : stopping ? '\u6B63\u5728\u505C\u6B62\u2026' : running ? '\u6B63\u5728\u7814\u7A76\u2026' : '\u65B0\u95FB\u7814\u7A76\u52A9\u624B'}</span></header>\n    <section className=\"banso-messages\" aria-label=\"\u804A\u5929\u6D88\u606F\">\n      {binding ? <Conversation binding={binding} /> : <p className=\"banso-empty\">\u8F93\u5165\u4E00\u4E2A\u95EE\u9898\uFF0C\u5F00\u59CB\u7814\u7A76\u3002<small>\u6B64\u7248\u672C\u5237\u65B0\u540E\u4F1A\u5F00\u59CB\u65B0\u5BF9\u8BDD\u3002</small></p>}\n    </section>\n    {error && <p role=\"alert\" className=\"banso-error\">{error}</p>}\n    <form onSubmit={event => { event.preventDefault(); void send(); }}>\n      <label htmlFor=\"banso-input\">\u4F60\u7684\u95EE\u9898</label>\n      <textarea id=\"banso-input\" placeholder=\"\u60F3\u4E86\u89E3\u4EC0\u4E48\uFF1F\" rows={3} value={input} onChange={event => setInput(event.target.value)} disabled={busy || running} />\n      <div className=\"banso-actions\"><small>\u7EAF\u6587\u672C\u804A\u5929</small>\n        {running && <button type=\"button\" disabled={stopping || !generation} onClick={() => void stop()}>\u505C\u6B62</button>}\n        <button type=\"submit\" disabled={!input.trim() || busy || running || !generation}>{busy ? '\u53D1\u9001\u4E2D\u2026' : '\u53D1\u9001'}</button>\n      </div>\n    </form>\n  </main>;\n}\n\nconst css = `\nhtml,body,#root{height:100%;margin:0}body{background:#f7f8fa;color:#20252c;font:16px/1.65 system-ui,sans-serif}\n.banso-app{box-sizing:border-box;max-width:900px;height:100dvh;margin:auto;padding:20px 24px;display:flex;flex-direction:column}\n.banso-app header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #dfe3e8;padding-bottom:12px}.banso-app h1{font-size:24px;margin:0}.banso-app header span,.banso-app small{color:#647080;font-size:13px}\n.banso-messages{flex:1;overflow:auto;min-height:0;padding:24px 0}.banso-message{padding:14px 18px;margin:0 0 18px;border-radius:12px;background:white;overflow-wrap:anywhere}.banso-message.user{background:#e9f0fa}.banso-message strong{font-size:13px}.banso-message div{white-space:pre-wrap}.banso-empty{color:#647080;text-align:center;margin-top:15vh}.banso-empty small{display:block}\n.banso-tool{margin:0 0 12px;padding:8px 14px;border-left:3px solid #bdc7d4;font-size:14px;overflow-wrap:anywhere}.banso-tool summary{cursor:pointer}.banso-tool p{white-space:pre-wrap;margin:8px 0}.banso-tool.failed{border-color:#a52d2d}.banso-tool.running{border-color:#245ba0}.banso-tool.completed{border-color:#38714b}\n.banso-app label{display:block;font-size:13px;margin-bottom:6px}.banso-app textarea{box-sizing:border-box;width:100%;resize:vertical;max-height:30vh;border:1px solid #bdc7d4;border-radius:10px;padding:12px;font:inherit}.banso-app textarea:focus{outline:2px solid #5285c5}.banso-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.banso-actions small{flex:1}.banso-app button{border:0;border-radius:8px;background:#245ba0;color:white;padding:9px 20px;font:inherit;cursor:pointer}.banso-app button:disabled{opacity:.5;cursor:default}.banso-error{color:#9f2525;background:#ffeded;padding:10px;overflow-wrap:anywhere;margin:8px 0}@media(max-width:600px){.banso-app{padding:12px}.banso-actions small{font-size:11px}}\n`;\nexport function apply(ctx: Context): void {\n  ctx.effect(() => {\n    const style = document.createElement('style'); style.textContent = css; document.head.append(style);\n    const previousTitle = document.title; document.title = 'Banso';\n    const dispose = ctx.slots.register({ name: 'root' }, () => <App ctx={ctx} />);\n    return () => { dispose(); style.remove(); document.title = previousTitle; };\n  });\n}\n", "import type { ContentBlock } from '@deepseek-ai/dsh-llm';\nimport type { SessionEventLikeEntry } from '@deepseek-ai/dsh-api-session-controller/client';\n\nexport interface ChatMessage { id: string; seq: number; role: 'user' | 'assistant'; text: string }\nconst textOf = (content: readonly ContentBlock[]) => content.flatMap(block => block.type === 'text' ? [block.text] : []).join('');\n\nconst hasToolCall = (content: readonly ContentBlock[]) => content.some(block => block.type === 'tool-call');\n\n/** Tool preambles use retained live rows until step/end; ordinary answers persist. */\nexport function messagesOf(entries: readonly SessionEventLikeEntry[]): ChatMessage[] {\n  const messages: ChatMessage[] = [];\n  const live = new Map<string, ChatMessage>();\n  const settledSteps = new Map<string, number>();\n  for (const { event } of entries) {\n    if (event.type === 'assistant/message' && !hasToolCall(event.data.message.content)) {\n      const key = `${event.data.turn}:${event.data.step}`;\n      settledSteps.set(key, Math.max(settledSteps.get(key) ?? -1, event.seq));\n    }\n  }\n  for (const { event } of entries) {\n    if (event.type === 'user/message' && event.data.source.kind === 'user') {\n      messages.push({ id: `user-${event.seq}`, seq: event.seq, role: 'user', text: textOf(event.data.content) });\n    } else if (event.type === 'assistant/message') {\n      if (hasToolCall(event.data.message.content)) continue;\n      const text = textOf(event.data.message.content);\n      if (text) messages.push({ id: `assistant-${event.seq}`, seq: event.seq, role: 'assistant', text });\n    } else if (event.type === 'assistant/live-chunk' && event.data.chunk.type === 'text-delta') {\n      const settledSeq = settledSteps.get(`${event.data.turn}:${event.data.step}`);\n      if (settledSeq !== undefined && event.seq < settledSeq) continue;\n      const id = event.data.attemptId;\n      let message = live.get(id);\n      if (!message) {\n        message = { id: `live-${id}`, seq: event.seq, role: 'assistant', text: '' };\n        live.set(id, message);\n        messages.push(message);\n      }\n      message.text += event.data.chunk.text;\n    }\n  }\n  return messages;\n}\n", "import type { SessionEventLikeEntry } from '@deepseek-ai/dsh-api-session-controller/client';\nimport { messagesOf, type ChatMessage } from './messages.js';\n\nexport interface ToolActivity {\n  id: string; seq: number; turn: number; kind: 'tool'; name: string;\n  status: 'running' | 'completed' | 'failed' | 'cancelled';\n  label: string; target: string; detail: string; note: string; error: string;\n}\nexport type TimelineItem = (ChatMessage & { kind: 'message' }) | ToolActivity;\nconst object = (value: unknown): Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value) ? value as Record<string, unknown> : {};\nconst string = (value: unknown): string => typeof value === 'string' ? value : '';\nfunction argumentsOf(value: string): Record<string, unknown> {\n  try { return object(JSON.parse(value)); } catch { return {}; }\n}\nfunction failureNote(error: string): string {\n  if (error.startsWith('Extraction failed:')) {\n    return error.includes('Extraction did not complete: max-tokens') ? '\u5185\u5BB9\u63D0\u53D6\u8FBE\u5230\u8F93\u51FA\u4E0A\u9650' : '\u5185\u5BB9\u63D0\u53D6\u5931\u8D25';\n  }\n  return error.startsWith('Fetch failed:') ? '\u7F51\u9875\u6293\u53D6\u5931\u8D25' : '\u6267\u884C\u5931\u8D25';\n}\nexport function activitySummary(item: ToolActivity): string {\n  const status = { running: `\u6B63\u5728${item.label}`, completed: `${item.label}\u5B8C\u6210`, failed: `${item.label}\u5931\u8D25`, cancelled: `${item.label}\u5DF2\u53D6\u6D88` }[item.status];\n  return `${status}${item.target ? `\uFF1A${item.target}` : ''}${item.note ? ` \u2014 ${item.note}` : ''}`;\n}\n\n/** Rebuild from the official snapshot so replay and live updates share one path. */\nexport function timelineOf(entries: readonly SessionEventLikeEntry[]): TimelineItem[] {\n  const items: TimelineItem[] = messagesOf(entries).map(message => ({ ...message, kind: 'message' }));\n  const calls = new Map<string, ToolActivity>();\n  const endedTurns = new Set<number>();\n  for (const { event } of entries) {\n    if (event.type === 'tool/call') {\n      const { turn, step, callId, name } = event.data;\n      if (name !== 'web_search' && name !== 'web_read') continue;\n      const key = `${turn}:${step}:${callId}`;\n      if (calls.has(key)) continue;\n      const args = argumentsOf(event.data.arguments);\n      const queries = Array.isArray(args.queries) && args.queries.every(q => typeof q === 'string') ? args.queries.join('\uFF1B') : '';\n      const item: ToolActivity = {\n        id: `tool-${event.seq}`, seq: event.seq, turn, kind: 'tool', name, status: 'running',\n        label: name === 'web_search' ? '\u641C\u7D22' : '\u9605\u8BFB', target: name === 'web_search' ? queries : string(args.target),\n        detail: string(args.focus), note: '', error: '',\n      };\n      calls.set(key, item); items.push(item);\n    } else if (event.type === 'tool/result') {\n      const { turn, step, message, error, meta } = event.data;\n      const item = calls.get(`${turn}:${step}:${message.toolCallId}`);\n      if (!item) continue;\n      const value = object(meta);\n      item.note = ''; item.error = '';\n      if (error?.code === 'ABORTED' || error?.code === 'ABORTED_BEFORE_DISPATCH') {\n        item.status = 'cancelled';\n      } else if (message.isError || (item.name === 'web_read' && typeof value.error === 'string')) {\n        item.status = 'failed';\n        item.error = message.isError ? error?.reason || message.content.flatMap(block => block.type === 'text' ? [block.text] : []).join('\\n') : string(value.error);\n        item.note = failureNote(item.error);\n      } else {\n        item.status = 'completed';\n        if (item.name === 'web_search' && Array.isArray(value.sources)) item.note = `\u8FD4\u56DE ${value.sources.length} \u4E2A\u6765\u6E90`;\n        if (item.name === 'web_read' && typeof value.evidence === 'string') item.note = value.evidence === '' ? '\u672A\u627E\u5230\u76F8\u5173\u8BC1\u636E' : '\u5DF2\u63D0\u53D6\u76F8\u5173\u8BC1\u636E';\n      }\n      const details = [item.detail];\n      if (typeof value.requestUrl === 'string') details.push(`URL\uFF1A${value.requestUrl}`);\n      if (value.truncated === true) details.push('\u7ED3\u679C\u5DF2\u622A\u65AD');\n      item.detail = details.filter(Boolean).join('\\n');\n    } else if (event.type === 'turn/end') {\n      endedTurns.add(event.data.turn);\n    }\n  }\n  return items.filter(item => item.kind !== 'tool' || !endedTurns.has(item.turn)).sort((a, b) => a.seq - b.seq);\n}\n"],
+  "mappings": "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",
+  "names": ["error"]
+}

package/lib/index.js

@@ -0,0 +1,2 @@
+/** Host loader entry; the interface runs in the browser. */
+export function apply() { }

package/lib/types/client/activity.d.ts

@@ -0,0 +1,21 @@
+import type { SessionEventLikeEntry } from '@deepseek-ai/dsh-api-session-controller/client';
+import { type ChatMessage } from './messages.js';
+export interface ToolActivity {
+    id: string;
+    seq: number;
+    turn: number;
+    kind: 'tool';
+    name: string;
+    status: 'running' | 'completed' | 'failed' | 'cancelled';
+    label: string;
+    target: string;
+    detail: string;
+    note: string;
+    error: string;
+}
+export type TimelineItem = (ChatMessage & {
+    kind: 'message';
+}) | ToolActivity;
+export declare function activitySummary(item: ToolActivity): string;
+/** Rebuild from the official snapshot so replay and live updates share one path. */
+export declare function timelineOf(entries: readonly SessionEventLikeEntry[]): TimelineItem[];

package/lib/types/client/activity.js

@@ -0,0 +1,80 @@
+import { messagesOf } from './messages.js';
+const object = (value) => typeof value === 'object' && value !== null && !Array.isArray(value) ? value : {};
+const string = (value) => typeof value === 'string' ? value : '';
+function argumentsOf(value) {
+    try {
+        return object(JSON.parse(value));
+    }
+    catch {
+        return {};
+    }
+}
+function failureNote(error) {
+    if (error.startsWith('Extraction failed:')) {
+        return error.includes('Extraction did not complete: max-tokens') ? '内容提取达到输出上限' : '内容提取失败';
+    }
+    return error.startsWith('Fetch failed:') ? '网页抓取失败' : '执行失败';
+}
+export function activitySummary(item) {
+    const status = { running: `正在${item.label}`, completed: `${item.label}完成`, failed: `${item.label}失败`, cancelled: `${item.label}已取消` }[item.status];
+    return `${status}${item.target ? `：${item.target}` : ''}${item.note ? ` — ${item.note}` : ''}`;
+}
+/** Rebuild from the official snapshot so replay and live updates share one path. */
+export function timelineOf(entries) {
+    const items = messagesOf(entries).map(message => ({ ...message, kind: 'message' }));
+    const calls = new Map();
+    const endedTurns = new Set();
+    for (const { event } of entries) {
+        if (event.type === 'tool/call') {
+            const { turn, step, callId, name } = event.data;
+            if (name !== 'web_search' && name !== 'web_read')
+                continue;
+            const key = `${turn}:${step}:${callId}`;
+            if (calls.has(key))
+                continue;
+            const args = argumentsOf(event.data.arguments);
+            const queries = Array.isArray(args.queries) && args.queries.every(q => typeof q === 'string') ? args.queries.join('；') : '';
+            const item = {
+                id: `tool-${event.seq}`, seq: event.seq, turn, kind: 'tool', name, status: 'running',
+                label: name === 'web_search' ? '搜索' : '阅读', target: name === 'web_search' ? queries : string(args.target),
+                detail: string(args.focus), note: '', error: '',
+            };
+            calls.set(key, item);
+            items.push(item);
+        }
+        else if (event.type === 'tool/result') {
+            const { turn, step, message, error, meta } = event.data;
+            const item = calls.get(`${turn}:${step}:${message.toolCallId}`);
+            if (!item)
+                continue;
+            const value = object(meta);
+            item.note = '';
+            item.error = '';
+            if (error?.code === 'ABORTED' || error?.code === 'ABORTED_BEFORE_DISPATCH') {
+                item.status = 'cancelled';
+            }
+            else if (message.isError || (item.name === 'web_read' && typeof value.error === 'string')) {
+                item.status = 'failed';
+                item.error = message.isError ? error?.reason || message.content.flatMap(block => block.type === 'text' ? [block.text] : []).join('\n') : string(value.error);
+                item.note = failureNote(item.error);
+            }
+            else {
+                item.status = 'completed';
+                if (item.name === 'web_search' && Array.isArray(value.sources))
+                    item.note = `返回 ${value.sources.length} 个来源`;
+                if (item.name === 'web_read' && typeof value.evidence === 'string')
+                    item.note = value.evidence === '' ? '未找到相关证据' : '已提取相关证据';
+            }
+            const details = [item.detail];
+            if (typeof value.requestUrl === 'string')
+                details.push(`URL：${value.requestUrl}`);
+            if (value.truncated === true)
+                details.push('结果已截断');
+            item.detail = details.filter(Boolean).join('\n');
+        }
+        else if (event.type === 'turn/end') {
+            endedTurns.add(event.data.turn);
+        }
+    }
+    return items.filter(item => item.kind !== 'tool' || !endedTurns.has(item.turn)).sort((a, b) => a.seq - b.seq);
+}

package/lib/types/client/index.d.ts

@@ -0,0 +1,8 @@
+import type { Context } from '@deepseek-ai/cordis';
+declare module '@deepseek-ai/dsh-api-session-controller/client' {
+    interface SessionReferenceSourceMap {
+        bansoChat: unknown;
+    }
+}
+export declare const inject: string[];
+export declare function apply(ctx: Context): void;

package/lib/types/client/index.js

@@ -0,0 +1,122 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { timelineOf, activitySummary } from './activity.js';
+export const inject = ['slots', 'sessions', 'connection'];
+function Conversation({ binding }) {
+    const events = useSyncExternalStore(listener => binding.eventSource.subscribe(listener), () => binding.eventSource.getSnapshot());
+    const state = useSyncExternalStore(listener => binding.session.subscribe(listener), () => binding.session.getSnapshot());
+    const end = useRef(null);
+    useEffect(() => { end.current?.scrollIntoView({ block: 'end' }); }, [events]);
+    const messages = timelineOf(events.entries);
+    return _jsxs(_Fragment, { children: [messages.map(message => message.kind === 'tool' ? _jsxs("details", { className: `banso-tool ${message.status}`, children: [_jsxs("summary", { children: [_jsx("span", { "aria-hidden": "true", children: { running: '◌', completed: '✓', failed: '✗', cancelled: '○' }[message.status] }), " ", activitySummary(message)] }), _jsxs("div", { children: [message.target && _jsxs("p", { children: [message.name === 'web_search' ? '关键词' : '阅读对象', "\uFF1A", message.target] }), message.detail && _jsx("p", { children: message.detail }), message.error && _jsxs("p", { children: ["\u9519\u8BEF\u8BE6\u60C5\uFF1A", message.error] }), !message.target && !message.detail && !message.error && _jsx("p", { children: "\u6CA1\u6709\u66F4\u591A\u8BE6\u60C5" })] })] }, message.id) : _jsxs("article", { className: `banso-message ${message.role}`, children: [_jsx("strong", { children: message.role === 'user' ? '你' : 'Banso' }), _jsx("div", { children: message.text })] }, message.id)), state.pendingSubmissions.map(pending => _jsxs("article", { className: "banso-message user", children: [_jsx("strong", { children: "\u4F60 \u00B7 \u53D1\u9001\u4E2D" }), _jsx("div", { children: pending.text })] }, pending.requestId)), _jsx("div", { ref: end })] });
+}
+function App({ ctx }) {
+    const [binding, setBinding] = useState();
+    const [input, setInput] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [stopping, setStopping] = useState(false);
+    const [error, setError] = useState('');
+    const [running, setRunning] = useState(false);
+    const reference = useRef();
+    const alive = useRef(true);
+    const inFlight = useRef(false);
+    const connection = ctx.get('connection');
+    const generation = useSyncExternalStore(listener => connection.generation.subscribe(listener), () => connection.generation.getSnapshot());
+    useEffect(() => () => { alive.current = false; reference.current?.release(); }, []);
+    useEffect(() => {
+        if (!binding)
+            return;
+        const update = () => {
+            const state = binding.session.getSnapshot();
+            setRunning(state.running || state.pendingSubmissions.length > 0 || state.awaitingFirstTurn);
+            if (!state.running)
+                setStopping(false);
+            const failure = state.promptError?.error.message ?? state.openError?.message ?? state.lastAgentError;
+            if (failure)
+                setError(failure);
+        };
+        update();
+        return binding.session.subscribe(update);
+    }, [binding]);
+    async function send() {
+        const text = input.trim();
+        if (!text || inFlight.current || running || !generation)
+            return;
+        inFlight.current = true;
+        setBusy(true);
+        setError('');
+        try {
+            let current = binding;
+            if (!current) {
+                const id = await ctx.sessions.create();
+                if (!alive.current)
+                    return;
+                const held = ctx.sessions.retain(id, { source: 'bansoChat' });
+                reference.current = held;
+                try {
+                    current = await held.ready;
+                }
+                catch (error) {
+                    held.release();
+                    reference.current = undefined;
+                    throw error;
+                }
+                if (!alive.current)
+                    return;
+                setBinding(current);
+            }
+            const submission = current.session.beginSubmission({ mode: 'queue', text, attachments: [] });
+            const result = await current.session.prompt([{ type: 'text', text }], 'queue', undefined, submission.requestId);
+            if (!result.ok)
+                throw new Error(result.error.message);
+            if (alive.current)
+                setInput('');
+        }
+        catch (error) {
+            if (alive.current)
+                setError(error instanceof Error ? error.message : String(error));
+        }
+        finally {
+            inFlight.current = false;
+            if (alive.current)
+                setBusy(false);
+        }
+    }
+    async function stop() {
+        if (!binding || stopping)
+            return;
+        setStopping(true);
+        setError('');
+        try {
+            const result = await binding.session.cancel();
+            if (!result.ok)
+                throw new Error(result.error.message);
+        }
+        catch (error) {
+            if (alive.current) {
+                setStopping(false);
+                setError(error instanceof Error ? error.message : String(error));
+            }
+        }
+    }
+    return _jsxs("main", { className: "banso-app", children: [_jsxs("header", { children: [_jsx("h1", { children: "Banso" }), _jsx("span", { children: !generation ? '连接中…' : stopping ? '正在停止…' : running ? '正在研究…' : '新闻研究助手' })] }), _jsx("section", { className: "banso-messages", "aria-label": "\u804A\u5929\u6D88\u606F", children: binding ? _jsx(Conversation, { binding: binding }) : _jsxs("p", { className: "banso-empty", children: ["\u8F93\u5165\u4E00\u4E2A\u95EE\u9898\uFF0C\u5F00\u59CB\u7814\u7A76\u3002", _jsx("small", { children: "\u6B64\u7248\u672C\u5237\u65B0\u540E\u4F1A\u5F00\u59CB\u65B0\u5BF9\u8BDD\u3002" })] }) }), error && _jsx("p", { role: "alert", className: "banso-error", children: error }), _jsxs("form", { onSubmit: event => { event.preventDefault(); void send(); }, children: [_jsx("label", { htmlFor: "banso-input", children: "\u4F60\u7684\u95EE\u9898" }), _jsx("textarea", { id: "banso-input", placeholder: "\u60F3\u4E86\u89E3\u4EC0\u4E48\uFF1F", rows: 3, value: input, onChange: event => setInput(event.target.value), disabled: busy || running }), _jsxs("div", { className: "banso-actions", children: [_jsx("small", { children: "\u7EAF\u6587\u672C\u804A\u5929" }), running && _jsx("button", { type: "button", disabled: stopping || !generation, onClick: () => void stop(), children: "\u505C\u6B62" }), _jsx("button", { type: "submit", disabled: !input.trim() || busy || running || !generation, children: busy ? '发送中…' : '发送' })] })] })] });
+}
+const css = `
+html,body,#root{height:100%;margin:0}body{background:#f7f8fa;color:#20252c;font:16px/1.65 system-ui,sans-serif}
+.banso-app{box-sizing:border-box;max-width:900px;height:100dvh;margin:auto;padding:20px 24px;display:flex;flex-direction:column}
+.banso-app header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #dfe3e8;padding-bottom:12px}.banso-app h1{font-size:24px;margin:0}.banso-app header span,.banso-app small{color:#647080;font-size:13px}
+.banso-messages{flex:1;overflow:auto;min-height:0;padding:24px 0}.banso-message{padding:14px 18px;margin:0 0 18px;border-radius:12px;background:white;overflow-wrap:anywhere}.banso-message.user{background:#e9f0fa}.banso-message strong{font-size:13px}.banso-message div{white-space:pre-wrap}.banso-empty{color:#647080;text-align:center;margin-top:15vh}.banso-empty small{display:block}
+.banso-tool{margin:0 0 12px;padding:8px 14px;border-left:3px solid #bdc7d4;font-size:14px;overflow-wrap:anywhere}.banso-tool summary{cursor:pointer}.banso-tool p{white-space:pre-wrap;margin:8px 0}.banso-tool.failed{border-color:#a52d2d}.banso-tool.running{border-color:#245ba0}.banso-tool.completed{border-color:#38714b}
+.banso-app label{display:block;font-size:13px;margin-bottom:6px}.banso-app textarea{box-sizing:border-box;width:100%;resize:vertical;max-height:30vh;border:1px solid #bdc7d4;border-radius:10px;padding:12px;font:inherit}.banso-app textarea:focus{outline:2px solid #5285c5}.banso-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.banso-actions small{flex:1}.banso-app button{border:0;border-radius:8px;background:#245ba0;color:white;padding:9px 20px;font:inherit;cursor:pointer}.banso-app button:disabled{opacity:.5;cursor:default}.banso-error{color:#9f2525;background:#ffeded;padding:10px;overflow-wrap:anywhere;margin:8px 0}@media(max-width:600px){.banso-app{padding:12px}.banso-actions small{font-size:11px}}
+`;
+export function apply(ctx) {
+    ctx.effect(() => {
+        const style = document.createElement('style');
+        style.textContent = css;
+        document.head.append(style);
+        const previousTitle = document.title;
+        document.title = 'Banso';
+        const dispose = ctx.slots.register({ name: 'root' }, () => _jsx(App, { ctx: ctx }));
+        return () => { dispose(); style.remove(); document.title = previousTitle; };
+    });
+}

package/lib/types/client/messages.d.ts

@@ -0,0 +1,9 @@
+import type { SessionEventLikeEntry } from '@deepseek-ai/dsh-api-session-controller/client';
+export interface ChatMessage {
+    id: string;
+    seq: number;
+    role: 'user' | 'assistant';
+    text: string;
+}
+/** Tool preambles use retained live rows until step/end; ordinary answers persist. */
+export declare function messagesOf(entries: readonly SessionEventLikeEntry[]): ChatMessage[];

package/lib/types/client/messages.js

@@ -0,0 +1,40 @@
+const textOf = (content) => content.flatMap(block => block.type === 'text' ? [block.text] : []).join('');
+const hasToolCall = (content) => content.some(block => block.type === 'tool-call');
+/** Tool preambles use retained live rows until step/end; ordinary answers persist. */
+export function messagesOf(entries) {
+    const messages = [];
+    const live = new Map();
+    const settledSteps = new Map();
+    for (const { event } of entries) {
+        if (event.type === 'assistant/message' && !hasToolCall(event.data.message.content)) {
+            const key = `${event.data.turn}:${event.data.step}`;
+            settledSteps.set(key, Math.max(settledSteps.get(key) ?? -1, event.seq));
+        }
+    }
+    for (const { event } of entries) {
+        if (event.type === 'user/message' && event.data.source.kind === 'user') {
+            messages.push({ id: `user-${event.seq}`, seq: event.seq, role: 'user', text: textOf(event.data.content) });
+        }
+        else if (event.type === 'assistant/message') {
+            if (hasToolCall(event.data.message.content))
+                continue;
+            const text = textOf(event.data.message.content);
+            if (text)
+                messages.push({ id: `assistant-${event.seq}`, seq: event.seq, role: 'assistant', text });
+        }
+        else if (event.type === 'assistant/live-chunk' && event.data.chunk.type === 'text-delta') {
+            const settledSeq = settledSteps.get(`${event.data.turn}:${event.data.step}`);
+            if (settledSeq !== undefined && event.seq < settledSeq)
+                continue;
+            const id = event.data.attemptId;
+            let message = live.get(id);
+            if (!message) {
+                message = { id: `live-${id}`, seq: event.seq, role: 'assistant', text: '' };
+                live.set(id, message);
+                messages.push(message);
+            }
+            message.text += event.data.chunk.text;
+        }
+    }
+    return messages;
+}

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+/** Host loader entry; the interface runs in the browser. */
+export declare function apply(): void;

package/lib/types/index.js

@@ -0,0 +1,2 @@
+/** Host loader entry; the interface runs in the browser. */
+export function apply() { }

package/package.json

@@ -1,6 +1,52 @@
 {
   "name": "banso-dsh-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "exports": {
+    ".": "./lib/index.js",
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib"
+  ],
+  "dsh": {
+    "client": {
+      "platform": "web",
+      "immediately": true,
+      "inject": [
+        "@deepseek-ai/dsh-api-session-controller",
+        "@deepseek-ai/dsh-client-ui-renderer"
+      ]
+    }
+  },
+  "peerDependencies": {
+    "@deepseek-ai/cordis": "^4.0.4"
+  },
+  "devDependencies": {
+    "@deepseek-ai/cordis": "^4.0.4",
+    "@deepseek-ai/dsh-api-session-controller": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-api-remotes": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-connection": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-ui-renderer": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-client-ui-slots": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-session": "0.2.0-rc.2",
+    "@deepseek-ai/dsh-llm": "0.2.0-rc.2",
+    "@types/react": "^18.3.0",
+    "@types/node": "^24.19.0",
+    "react": "^18.2.0",
+    "typescript": "^7.0.2",
+    "esbuild": "^0.25.0"
+  },
+  "description": "Banso chat frontend plugin for DeepSeek Harness",
+  "scripts": {
+    "build": "tsc -p tsconfig.json && node scripts/build.mjs",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "node --test tests/*.test.mjs",
+    "clean": "node -e \"require('node:fs').rmSync('lib', { recursive: true, force: true })\""
+  }
 }