@morlay/ui-conversation-message-actions 0.0.18 → 0.0.19-alpha.0

package/dist/client.cjs

@@ -0,0 +1,1380 @@
+window.__ModuleLoader__.load({
+	id: "@morlay/ui-conversation-message-actions",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+		require("@morlay/dsh-client-ui-conversation/client");
+		let _morlay_dsh_client_ui_primitives_client = require("@morlay/dsh-client-ui-primitives/client");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react_dom = require("react-dom");
+		//#region src/shared.ts
+		const SESSION_EDITOR_PATH = "/session-editor";
+		//#endregion
+		//#region src/client/controller.ts
+		function editorApiPath() {
+			return globalThis.__DSH_TRANSPORT__?.ownsHost === true ? `/api${SESSION_EDITOR_PATH}` : SESSION_EDITOR_PATH;
+		}
+		function messageOf(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		function conversationRevision(snapshot) {
+			return [
+				snapshot.openState,
+				snapshot.removed,
+				snapshot.hasMore
+			].join("|");
+		}
+		var SessionEditorController = class {
+			sessionId;
+			store = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({
+				status: "idle",
+				error: null,
+				pending: null,
+				timeline: null
+			});
+			face;
+			ctx;
+			sessions;
+			uiWorkspace;
+			sessionSource;
+			sessionSourceDispose;
+			sessionRevision;
+			disposed = false;
+			users = 0;
+			constructor(ctx, sessionId) {
+				this.sessionId = sessionId;
+				this.ctx = ctx;
+				this.sessions = ctx.get("sessions");
+				this.uiWorkspace = ctx.get("uiWorkspace");
+				this.face = {
+					hooks: { sessionEditor: this.store },
+					acquire: () => {
+						this.users += 1;
+						if (this.users === 1 && this.disposed) this.revive();
+						return () => this.release();
+					},
+					load: () => {
+						this.load();
+					},
+					edit: (message, text, cascade) => this.mutate({
+						action: "edit",
+						sessionId: this.sessionId,
+						eventSeq: message.eventSeq,
+						blockIndex: message.blockIndex,
+						text,
+						cascade
+					}),
+					retry: (turn, cascade) => this.mutate({
+						action: "retry",
+						sessionId: this.sessionId,
+						turn,
+						cascade
+					}),
+					reroll: () => this.mutate({
+						action: "reroll",
+						sessionId: this.sessionId
+					}),
+					rewind: (toBoundary) => this.mutate({
+						action: "rewind",
+						sessionId: this.sessionId,
+						toBoundary
+					}),
+					recall: (message) => this.mutate({
+						action: "recall",
+						sessionId: this.sessionId,
+						eventSeq: message.eventSeq
+					}, () => this.setComposerDraft(this.messageTexts(message))),
+					openVersion: (sessionId) => {
+						this.uiWorkspace.openSession(sessionId);
+						return Promise.resolve();
+					}
+				};
+				this.observe();
+			}
+			observe() {
+				this.sessionSource = void 0;
+				this.sessionSourceDispose?.();
+				this.bindSessionSource();
+				this.sessions.list.subscribe(() => this.invalidate());
+			}
+			bindSessionSource() {
+				const source = this.sessions.binding(this.sessionId)?.session;
+				if (source === this.sessionSource) return;
+				this.sessionSourceDispose?.();
+				this.sessionSource = source;
+				this.sessionRevision = source === void 0 ? void 0 : conversationRevision(source.getSnapshot());
+				this.sessionSourceDispose = source?.subscribe(() => {
+					this.invalidate();
+				});
+			}
+			invalidate() {
+				if (this.disposed || this.store.getSnapshot().status === "idle") return;
+				this.load();
+			}
+			release() {
+				this.users -= 1;
+				if (this.users <= 0) this.dispose();
+			}
+			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				this.sessionSourceDispose?.();
+				this.sessionSourceDispose = void 0;
+				this.sessionSource = void 0;
+				this.sessionRevision = void 0;
+			}
+			revive() {
+				this.disposed = false;
+				this.observe();
+				this.load();
+			}
+			async load() {
+				if (this.disposed) return;
+				this.store.update((state) => {
+					state.status = "loading";
+					state.error = null;
+				});
+				try {
+					const response = await fetch(`${editorApiPath()}?sessionId=${encodeURIComponent(this.sessionId)}`, {
+						method: "GET",
+						headers: { accept: "application/json" },
+						cache: "no-store"
+					});
+					const value = await response.json();
+					if (this.disposed) return;
+					if (response.ok) this.store.update((state) => {
+						state.status = "ready";
+						state.error = null;
+						state.timeline = value;
+					});
+					else {
+						const error = value["error"];
+						this.store.update((state) => {
+							state.status = "error";
+							state.error = typeof error === "string" ? error : `请求失败：HTTP ${String(response.status)}`;
+						});
+					}
+				} catch (error) {
+					if (this.disposed) return;
+					this.store.update((state) => {
+						state.status = "error";
+						state.error = messageOf(error);
+					});
+				}
+			}
+			async mutate(operation, onApplied) {
+				if (this.store.getSnapshot().pending !== null) return false;
+				this.store.update((state) => {
+					state.pending = operation.action;
+					state.error = null;
+				});
+				try {
+					const response = await fetch(editorApiPath(), {
+						method: "POST",
+						headers: {
+							accept: "application/json",
+							"content-type": "application/json"
+						},
+						body: JSON.stringify(operation)
+					});
+					const value = await response.json();
+					if (this.disposed) return true;
+					if (!response.ok) {
+						const error = value["error"];
+						throw new Error(typeof error === "string" ? error : `请求失败：HTTP ${String(response.status)}`);
+					}
+					this.store.update((state) => {
+						state.pending = null;
+					});
+					onApplied?.();
+					const result = value;
+					if (String(result.sessionId) !== String(this.sessionId)) {
+						this.uiWorkspace.openSession(result.sessionId);
+						return true;
+					}
+					const face = this.sessions.binding(this.sessionId)?.session;
+					const resync = face.resync;
+					if (resync !== void 0) try {
+						await resync.call(face);
+						const projections = face.projections;
+						if (typeof projections?.truncate !== "function") {
+							location.reload();
+							return true;
+						}
+						projections.truncate(-1);
+						this.load();
+						return true;
+					} catch {}
+					location.reload();
+					return true;
+				} catch (error) {
+					if (this.disposed) return false;
+					this.store.update((state) => {
+						state.pending = null;
+						state.error = messageOf(error);
+					});
+					return false;
+				}
+			}
+			messageTexts(message) {
+				const prefix = `${String(message.eventSeq)}:`;
+				const blocks = (this.store.getSnapshot().timeline?.messages ?? []).filter((row) => row.kind === "user" && row.key.startsWith(prefix)).sort((left, right) => left.blockIndex - right.blockIndex).map((row) => row.text);
+				return blocks.length === 0 ? [message.text] : blocks;
+			}
+			setComposerDraft(texts) {
+				if (this.sessions.binding(this.sessionId) === void 0) return;
+				const scoped = this.sessions.scope(this.sessionId);
+				if (scoped === void 0) return;
+				scoped.get("conversation")?.input?.for(scoped).restoreDraft(texts.join("\n\n"));
+			}
+		};
+		//#endregion
+		//#region src/client/chat-node/message-chrome.ts
+		function pad2(n) {
+			return String(n).padStart(2, "0");
+		}
+		function startOfLocalDay(ms) {
+			const d = new Date(ms);
+			d.setHours(0, 0, 0, 0);
+			return d.getTime();
+		}
+		function msUntilNextLocalMidnight(ms) {
+			const next = new Date(ms);
+			next.setHours(24, 0, 0, 0);
+			return Math.max(next.getTime() - ms, 1);
+		}
+		function formatRunDuration(ms, t) {
+			const total = Math.max(0, Math.floor(ms / 1e3));
+			const minutes = Math.floor(total / 60);
+			const seconds = total % 60;
+			return minutes > 0 ? t("duration.minutes", {
+				minutes,
+				seconds: String(seconds).padStart(2, "0")
+			}) : t("duration.seconds", { seconds });
+		}
+		function formatLatencySeconds(ms) {
+			const s = Math.max(0, ms) / 1e3;
+			return s < 10 ? String(Math.round(s * 10) / 10) : String(Math.round(s));
+		}
+		function formatTokensPerSecond(tps) {
+			const clamped = Math.max(0, tps);
+			return clamped >= 10 ? String(Math.round(clamped)) : String(Math.round(clamped * 10) / 10);
+		}
+		function formatMessageClock(time, t, now = Date.now()) {
+			const d = new Date(time);
+			const n = new Date(now);
+			const clock = `${pad2(d.getHours())}:${pad2(d.getMinutes())}`;
+			if (d.getFullYear() === n.getFullYear() && d.getMonth() === n.getMonth() && d.getDate() === n.getDate()) return clock;
+			const params = {
+				y: d.getFullYear(),
+				m: d.getMonth() + 1,
+				d: d.getDate()
+			};
+			return `${d.getFullYear() === n.getFullYear() ? t("clock.md", params) : t("clock.ymd", params)} ${clock}`;
+		}
+		//#endregion
+		//#region src/client/chat-node/use-calendar-day.ts
+		function useCalendarDay() {
+			const [day, setDay] = (0, react.useState)(() => startOfLocalDay(Date.now()));
+			(0, react.useEffect)(() => {
+				let timer;
+				const arm = () => {
+					const now = Date.now();
+					setDay(startOfLocalDay(now));
+					timer = setTimeout(arm, msUntilNextLocalMidnight(now));
+				};
+				timer = setTimeout(arm, msUntilNextLocalMidnight(Date.now()));
+				return () => {
+					clearTimeout(timer);
+				};
+			}, []);
+			return day;
+		}
+		//#endregion
+		//#region src/client/chat-node/MessageIconActions.styles.ts
+		const styles$3 = {
+			actions: {
+				display: "flex",
+				alignItems: "center",
+				gap: "10px",
+				height: "28px"
+			},
+			timeStart: {
+				paddingRight: "12px",
+				fontSize: "14px",
+				lineHeight: "24px",
+				color: "var(--dsw-alias-label-tertiary)",
+				whiteSpace: "nowrap"
+			},
+			timeEnd: {
+				paddingLeft: "12px",
+				fontSize: "14px",
+				lineHeight: "24px",
+				color: "var(--dsw-alias-label-tertiary)",
+				whiteSpace: "nowrap",
+				"&)": { "@media (hover: hover)": { opacity: "1" } }
+			},
+			runTimeDot: { margin: "0 10px" },
+			action: {
+				display: "inline-flex",
+				alignItems: "center",
+				justifyContent: "center",
+				width: "28px",
+				height: "28px",
+				padding: "6px",
+				border: "none",
+				borderRadius: "28px",
+				background: "transparent",
+				color: "var(--dsw-alias-label-tertiary)",
+				cursor: "pointer",
+				"&:hover": {
+					background: "var(--dsw-alias-interactive-bg-hover)",
+					color: "var(--dsw-alias-label-secondary)"
+				},
+				"&[data-unavailable]": {
+					cursor: "default",
+					opacity: "0.4"
+				},
+				"&[data-unavailable]:hover": {
+					background: "transparent",
+					color: "var(--dsw-alias-label-tertiary)"
+				}
+			},
+			visuallyHidden: {
+				position: "absolute",
+				width: "1px",
+				height: "1px",
+				overflow: "hidden",
+				clip: "rect(0 0 0 0)",
+				whiteSpace: "nowrap"
+			}
+		};
+		const globals = {
+			"[data-time-hover-root] [data-time-label]": {
+				opacity: "0",
+				transition: "opacity 80ms ease"
+			},
+			"[data-time-hover-root]:hover :is(.timeStart, .timeEnd),\n  [data-time-hover-root]:focus-within :is(.timeStart, .timeEnd)": { opacity: "1" }
+		};
+		//#endregion
+		//#region src/client/chat-node/MessageIconActions.tsx
+		function MessageIconActions({ text, time, runMs, ttftMs, tokensPerSecond, clock, onBranch, branchUnavailable = false, className, extraActions, onEdit, onRetry, t }) {
+			const day = useCalendarDay();
+			const reasonId = (0, react.useId)();
+			const [copied, setCopied] = (0, react.useState)(false);
+			const copyPending = (0, react.useRef)(false);
+			const copyTimer = (0, react.useRef)(null);
+			const copyEpoch = (0, react.useRef)(0);
+			(0, react.useEffect)(() => () => {
+				copyEpoch.current += 1;
+				copyPending.current = false;
+				if (copyTimer.current !== null) clearTimeout(copyTimer.current);
+			}, []);
+			const onCopy = (0, react.useCallback)(() => {
+				if (copied || copyPending.current) return;
+				const epoch = copyEpoch.current;
+				copyPending.current = true;
+				(0, _deepseek_ai_dsh_client_ui_primitives.writeClipboard)(text).then((ok) => {
+					if (epoch !== copyEpoch.current) return;
+					copyPending.current = false;
+					if (!ok) return;
+					setCopied(true);
+					copyTimer.current = window.setTimeout(() => {
+						copyTimer.current = null;
+						setCopied(false);
+					}, 1e3);
+				});
+			}, [copied, text]);
+			const clockEl = time === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				"data-time-label": "",
+				..._morlay_dsh_client_ui_primitives_client.styling.props(clock === "start" ? styles$3.timeStart : styles$3.timeEnd),
+				children: [
+					formatMessageClock(time, t, day),
+					runMs !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles$3.runTimeDot),
+							"aria-hidden": true,
+							children: "·"
+						}),
+						" ",
+						t("message.ranFor", { duration: formatRunDuration(runMs, t) })
+					] }),
+					ttftMs !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles$3.runTimeDot),
+							"aria-hidden": true,
+							children: "·"
+						}),
+						" ",
+						t("message.turnTime.ttft"),
+						" ",
+						t("duration.seconds", { seconds: formatLatencySeconds(ttftMs) })
+					] }),
+					tokensPerSecond !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles$3.runTimeDot),
+							"aria-hidden": true,
+							children: "·"
+						}),
+						" ",
+						t("message.tokensPerSecond", { tps: formatTokensPerSecond(tokensPerSecond) })
+					] })
+				]
+			});
+			const actionsClass = _morlay_dsh_client_ui_primitives_client.styling.className(styles$3.actions);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-time-hover-root": "",
+				className: className === void 0 ? actionsClass : `${actionsClass} ${className}`,
+				children: [
+					clock === "start" ? clockEl : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label: copied ? t("copied") : t("copy"),
+						side: "bottom",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles$3.action),
+							"aria-label": copied ? t("copied") : t("copy"),
+							onClick: onCopy,
+							children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, {})
+						})
+					}),
+					extraActions,
+					onEdit !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label: "编辑",
+						side: "bottom",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles$3.action),
+							"aria-label": "编辑",
+							onClick: onEdit,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {})
+						})
+					}),
+					onRetry !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label: "重试此回合",
+						side: "bottom",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles$3.action),
+							"aria-label": "重试此回合",
+							onClick: onRetry,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline16, {})
+						})
+					}),
+					onBranch !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label: branchUnavailable ? t("message.branchUnavailable") : t("message.branch"),
+						side: "bottom",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles$3.action),
+							"aria-label": t("message.branch"),
+							"aria-disabled": branchUnavailable || void 0,
+							"aria-describedby": branchUnavailable ? reasonId : void 0,
+							"data-unavailable": branchUnavailable || void 0,
+							onClick: branchUnavailable ? void 0 : onBranch,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBranchOutline16, {})
+						})
+					}),
+					onBranch !== void 0 && branchUnavailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						id: reasonId,
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles$3.visuallyHidden),
+						children: t("message.branchUnavailable")
+					}),
+					clock === "end" ? clockEl : null
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/chat-node/MessageItem.styles.ts
+		const styles$2 = {
+			userRow: {
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "flex-end",
+				gap: "6px"
+			},
+			userStack: {
+				display: "flex",
+				flexDirection: "column",
+				alignItems: "flex-end",
+				gap: "8px",
+				minWidth: "0",
+				maxWidth: "min(525px, 82%)"
+			},
+			bubble: {
+				maxWidth: "100%",
+				background: "var(--dsw-specific-bubble)",
+				borderRadius: "22px",
+				padding: "10px 16px",
+				fontSize: "16px",
+				lineHeight: "24px",
+				color: "var(--dsw-alias-label-primary)"
+			},
+			contextRow: { padding: "2px 0" },
+			compactionRow: { padding: "2px 0" },
+			compactionButton: {
+				display: "flex",
+				alignItems: "center",
+				width: "100%",
+				height: "24px",
+				minWidth: "0",
+				padding: "0",
+				border: "none",
+				borderRadius: "6px",
+				background: "none",
+				color: "inherit",
+				font: "inherit",
+				textAlign: "left",
+				"&:not(:disabled)": { cursor: "pointer" },
+				"&:not(:disabled):hover": { background: "var(--dsw-alias-interactive-bg-hover)" },
+				"&:not(:disabled):hover .compactionContextIcon": { opacity: "0" },
+				"&:not(:disabled):focus-visible .compactionContextIcon": { opacity: "0" },
+				"&:not(:disabled):hover .compactionDisclosureIcon": { opacity: "1" },
+				"&:not(:disabled):focus-visible .compactionDisclosureIcon": { opacity: "1" }
+			},
+			compactionLeading: {
+				flex: "none",
+				display: "inline-grid",
+				placeItems: "center",
+				width: "16px",
+				height: "16px",
+				marginRight: "6px",
+				color: "var(--dsw-alias-label-secondary)"
+			},
+			compactionContextIcon: {
+				display: "inline-flex",
+				gridArea: "1 / 1",
+				alignItems: "center",
+				justifyContent: "center"
+			},
+			compactionDisclosureIcon: {
+				display: "inline-flex",
+				gridArea: "1 / 1",
+				alignItems: "center",
+				justifyContent: "center",
+				opacity: "0"
+			},
+			compactionTitle: {
+				flex: "none",
+				fontSize: "14px",
+				lineHeight: "24px",
+				color: "var(--dsw-alias-label-primary-dimmed)"
+			},
+			compactionSep: {
+				flex: "none",
+				width: "2px",
+				height: "2px",
+				margin: "0 8px",
+				borderRadius: "1px",
+				background: "var(--dsw-alias-label-caption)"
+			},
+			compactionSummary: {
+				flex: "1 1 auto",
+				minWidth: "0",
+				overflow: "hidden",
+				color: "var(--dsw-alias-label-tertiary)",
+				fontSize: "14px",
+				lineHeight: "24px",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			compactionBody: {
+				padding: "4px 0 4px 22px",
+				color: "var(--dsw-alias-label-tertiary)",
+				fontSize: "14px",
+				lineHeight: "24px"
+			},
+			retryRow: {
+				color: "var(--dsw-alias-label-tertiary)",
+				fontSize: "13px",
+				lineHeight: "20px",
+				"&[data-active] .retryText": {
+					background: "linear-gradient(\n    90deg,\n    var(--dsw-alias-label-tertiary) 0%,\n    var(--dsw-alias-label-tertiary) 40%,\n    var(--dsw-alias-label-secondary) 50%,\n    var(--dsw-alias-label-tertiary) 60%,\n    var(--dsw-alias-label-tertiary) 100%\n  )",
+					backgroundPosition: "100% 50%",
+					backgroundSize: "200% 100%",
+					backgroundClip: "text",
+					color: "transparent",
+					animation: "retry-shimmer 1.6s ease-in-out infinite",
+					"@media (prefers-reduced-motion: reduce)": {
+						background: "none",
+						color: "inherit",
+						animation: "none"
+					}
+				},
+				"&[open] .retrySummary::after": { transform: "rotate(45deg)" }
+			},
+			retrySummary: {
+				display: "inline-flex",
+				alignItems: "center",
+				width: "fit-content",
+				padding: "2px 0",
+				gap: "7px",
+				borderRadius: "3px",
+				color: "inherit",
+				cursor: "pointer",
+				listStyle: "none",
+				userSelect: "none",
+				"&::-webkit-details-marker": { display: "none" },
+				"&::after": {
+					width: "6px",
+					height: "6px",
+					borderRight: "1.5px solid currentcolor",
+					borderBottom: "1.5px solid currentcolor",
+					content: "\"\"",
+					opacity: "0.8",
+					transform: "rotate(-45deg)",
+					transition: "transform 120ms ease"
+				},
+				"&:hover": { color: "var(--dsw-alias-label-secondary)" },
+				"&:focus-visible": {
+					outline: "1.5px solid var(--dsw-alias-button-info-fill)",
+					outlineOffset: "2px"
+				}
+			},
+			retryText: { color: "inherit" },
+			retryDetails: {
+				display: "grid",
+				gap: "2px",
+				marginTop: "3px",
+				paddingLeft: "14px",
+				overflowWrap: "anywhere",
+				fontSize: "12px",
+				lineHeight: "18px"
+			},
+			retryDetailLabel: { color: "var(--dsw-alias-label-secondary)" },
+			turnErrorRow: {
+				display: "grid",
+				gridTemplateColumns: "10px minmax(0, 1fr) auto",
+				gap: "8px",
+				alignItems: "start",
+				padding: "2px 0",
+				fontSize: "13px",
+				lineHeight: "20px"
+			},
+			turnErrorDot: { marginTop: "5px" },
+			turnErrorCopy: {
+				minWidth: "0",
+				overflowWrap: "anywhere"
+			},
+			turnErrorTitle: {
+				marginRight: "6px",
+				color: "var(--dsw-alias-state-error-primary)",
+				fontWeight: "600"
+			},
+			turnErrorMessage: { color: "var(--dsw-alias-label-secondary)" },
+			turnErrorCode: {
+				color: "var(--dsw-alias-label-tertiary)",
+				font: "var(--dsw-font-markdown-code-block-small)"
+			},
+			maxTokensTitle: {
+				marginRight: "6px",
+				color: "var(--dsw-alias-state-warn-primary)",
+				fontWeight: "600"
+			},
+			refChip: {
+				display: "inline-block",
+				margin: "0 2px",
+				padding: "0 8px",
+				borderRadius: "6px",
+				background: "rgba(97, 135, 216, 0.22)",
+				color: "var(--dsw-alias-label-primary)",
+				fontSize: "0.85em",
+				lineHeight: "1.6",
+				whiteSpace: "nowrap",
+				verticalAlign: "baseline"
+			},
+			confirmActions: {
+				display: "flex",
+				justifyContent: "flex-end",
+				gap: "8px"
+			}
+		};
+		//#endregion
+		//#region src/client/chat-node/MessageItem.tsx
+		function contentParts(content) {
+			const texts = [];
+			const images = [];
+			const rest = [];
+			for (const block of content) {
+				const b = block;
+				if (b.type === "text" && typeof b.text === "string") texts.push(b.text);
+				else if (b.type === "image" && b.attachment !== void 0) images.push({ attachment: b.attachment });
+				else rest.push(block);
+			}
+			return {
+				text: texts.join("\n\n"),
+				images,
+				rest
+			};
+		}
+		function UserStyleBubble({ content, renderMessageImages, actions, references, t }) {
+			const { text, images, rest } = contentParts(content);
+			const truncated = (total) => t("json.truncated", { total });
+			const labels = (0, react.useMemo)(() => (0, _morlay_dsh_client_ui_primitives_client.markdownLabels)(t), [t]);
+			const showBubble = text !== "" || rest.length > 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles$2.userRow),
+				"data-time-hover-root": true,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles$2.userStack),
+					children: [renderMessageImages({
+						images,
+						align: "end"
+					}), showBubble && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles$2.bubble),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_morlay_dsh_client_ui_primitives_client.ReferenceMarkdown, {
+							text,
+							labels,
+							actions: references
+						}), rest.map((block, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+							label: t("message.extraBlock"),
+							payload: block,
+							truncatedLabel: truncated
+						}, i))]
+					})]
+				}), actions?.(text)]
+			});
+		}
+		const UserMessageNodeView = (0, react.memo)(function UserMessageNodeView({ node, renderMessageImages, t, openFile, openSkill, recall, retry }) {
+			const data = node.data;
+			const [confirmingRecall, setConfirmingRecall] = (0, react.useState)(null);
+			const [confirmingRetry, setConfirmingRetry] = (0, react.useState)(false);
+			const turnLocation = node.location.kind === "turn" || node.location.kind === "step" ? node.location.turn : void 0;
+			const turn = turnLocation?.turn;
+			const retryable = turnLocation?.status === "closed";
+			const textBlockIndex = data.content.findIndex((block) => block.type === "text");
+			const textBlock = textBlockIndex === -1 ? void 0 : data.content[textBlockIndex];
+			const onEdit = textBlock === void 0 ? void 0 : () => {
+				setConfirmingRecall({
+					key: `${node.anchorSeq}:${String(textBlockIndex)}`,
+					...turn === void 0 ? {} : { turn },
+					eventSeq: node.anchorSeq,
+					blockIndex: textBlockIndex,
+					kind: "user",
+					text: textBlock.text ?? "",
+					time: data.time
+				});
+			};
+			const onRetry = retryable && turn !== void 0 ? () => {
+				setConfirmingRetry(true);
+			} : void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				confirmingRecall !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+					open: true,
+					onClose: () => setConfirmingRecall(null),
+					title: "编辑消息",
+					closeLabel: "关闭",
+					description: "将撤回该消息及其之后的对话内容到输入框，请修改后重新发送。",
+					footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles$2.confirmActions),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							onClick: () => setConfirmingRecall(null),
+							children: "取消"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							onClick: () => {
+								const target = confirmingRecall;
+								setConfirmingRecall(null);
+								recall(target);
+							},
+							children: "撤回并编辑"
+						})]
+					})
+				}),
+				confirmingRetry && turn !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+					open: true,
+					onClose: () => setConfirmingRetry(false),
+					title: "重试回合",
+					closeLabel: "关闭",
+					description: `将重新生成第 ${turn} 轮的回复，并抛弃该回合之后的内容。`,
+					footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles$2.confirmActions),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							onClick: () => setConfirmingRetry(false),
+							children: "取消"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							onClick: () => {
+								setConfirmingRetry(false);
+								retry(turn, "truncate");
+							},
+							children: "确认重试"
+						})]
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UserStyleBubble, {
+					content: data.content,
+					renderMessageImages,
+					references: {
+						openFile,
+						openSkill
+					},
+					t,
+					actions: (text) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageIconActions, {
+						text,
+						time: data.time,
+						clock: "start",
+						t,
+						onEdit,
+						onRetry
+					})
+				})
+			] });
+		});
+		//#endregion
+		//#region src/client/chat-node/register.ts
+		const NS$1 = "conversation";
+		function registerChatNodeRenderers(ctx, controllerFor) {
+			const injectFace = (sessionId) => controllerFor(sessionId).face;
+			for (const key of ["user", "steering"]) ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
+				name: "conversation.chat.node",
+				key,
+				locale: NS$1,
+				priority: -1,
+				inject: injectFace
+			}, UserMessageNodeView));
+		}
+		//#endregion
+		//#region src/client/composer-stats/turn-reading.ts
+		function usageOutputTokens(usage) {
+			if (typeof usage !== "object" || usage === null) return null;
+			const value = usage.outputTokens;
+			return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : null;
+		}
+		function assistantStepReading(node) {
+			const timing = node.timing;
+			return {
+				ttftMs: timing !== void 0 && timing.stepStartTime !== null && timing.firstTokenTime !== null ? Math.max(0, timing.firstTokenTime - timing.stepStartTime) : null,
+				decodeMs: timing !== void 0 && timing.firstTokenTime !== null ? Math.max(0, timing.completedTime - timing.firstTokenTime) : null,
+				outputTokens: usageOutputTokens(node.usage)
+			};
+		}
+		//#endregion
+		//#region src/client/composer-stats/token-format.ts
+		function formatTokens(value, t) {
+			const scaled = (candidate) => candidate >= 100 ? String(Math.round(candidate)) : String(Math.round(candidate * 10) / 10);
+			if (value < 1e3) return String(value);
+			if (value < 1e6) return t("number.thousand", { value: scaled(value / 1e3) });
+			return t("number.million", { value: scaled(value / 1e6) });
+		}
+		function formatExactTokens(value, t) {
+			const digits = String(value);
+			const groups = [];
+			for (let end = digits.length; end > 0; end -= 3) groups.unshift(digits.slice(Math.max(0, end - 3), end));
+			return groups.join(t("number.groupSeparator"));
+		}
+		function roundedPercentUnits(cacheReadTokens, denominator, decimalPlaces) {
+			const scale = (decimalPlaces === 0 ? 1 : 10) * 100;
+			const doubledScale = scale * 2;
+			const denominatorQuotient = Math.floor(denominator / doubledScale);
+			const denominatorRemainder = denominator % doubledScale;
+			let lower = 0;
+			let upper = scale;
+			while (lower < upper) {
+				const candidate = Math.floor((lower + upper + 1) / 2);
+				const factor = candidate * 2 - 1;
+				if (cacheReadTokens >= factor * denominatorQuotient + Math.ceil(factor * denominatorRemainder / doubledScale)) lower = candidate;
+				else upper = candidate - 1;
+			}
+			return lower;
+		}
+		function displayPercentUnits(units, decimalPlaces) {
+			if (decimalPlaces === 0) return String(units);
+			const whole = Math.floor(units / 10);
+			const tenths = units % 10;
+			return tenths === 0 ? String(whole) : `${whole}.${tenths}`;
+		}
+		function formatCacheHitPercent(cacheReadTokens, promptTokens, decimalPlaces = 0) {
+			if (promptTokens === 0) return null;
+			const missedInputTokens = promptTokens - cacheReadTokens;
+			if (missedInputTokens <= 0) return "100";
+			const roundedUnits = roundedPercentUnits(cacheReadTokens, promptTokens, decimalPlaces);
+			if (roundedUnits < (decimalPlaces === 0 ? 100 : 1e3)) return displayPercentUnits(roundedUnits, decimalPlaces);
+			let distinguishingPlaces = 1;
+			let scaledDoubleGap = missedInputTokens * 200;
+			const denominatorTens = Math.floor(promptTokens / 10);
+			while (scaledDoubleGap <= denominatorTens) {
+				scaledDoubleGap *= 10;
+				distinguishingPlaces += 1;
+			}
+			const denominatorOnes = promptTokens % 10;
+			let roundedLoss = 5;
+			for (let loss = 1; loss < 5; loss += 1) {
+				const factor = loss * 2 + 1;
+				const threshold = factor * denominatorTens + Math.floor(factor * denominatorOnes / 10);
+				if (scaledDoubleGap <= threshold) {
+					roundedLoss = loss;
+					break;
+				}
+			}
+			return `99.${"9".repeat(distinguishingPlaces - 1)}${10 - roundedLoss}`;
+		}
+		//#endregion
+		//#region src/client/composer-stats/stat-dialog.ts
+		const PANEL_MARGIN = 12;
+		const PANEL_GAP = 8;
+		const MEASURE_STYLE = {
+			visibility: "hidden",
+			left: 0,
+			top: 0
+		};
+		function useStatDialog(controlled) {
+			const [ownOpen, setOwnOpen] = (0, react.useState)(false);
+			const open = controlled?.open ?? ownOpen;
+			const setOpen = controlled?.setOpen ?? setOwnOpen;
+			const rootRef = (0, react.useRef)(null);
+			const panelRef = (0, react.useRef)(null);
+			const pos = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
+				open,
+				anchorRef: rootRef,
+				panelRef,
+				side: "top",
+				gap: PANEL_GAP,
+				margin: PANEL_MARGIN
+			});
+			(0, _deepseek_ai_dsh_client_ui_primitives.useDismissOnOutsidePointer)(rootRef, open, setOpen, panelRef);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onKeyDown = (e) => {
+					if (e.key === "Escape") setOpen(false);
+				};
+				document.addEventListener("keydown", onKeyDown);
+				return () => {
+					document.removeEventListener("keydown", onKeyDown);
+				};
+			}, [open, setOpen]);
+			return {
+				open,
+				setOpen,
+				rootRef,
+				panelRef,
+				pos
+			};
+		}
+		//#endregion
+		//#region src/client/composer-stats/StatsPills.styles.ts
+		const styles$1 = {
+			root: {
+				display: "flex",
+				justifyContent: "center",
+				gap: "12px",
+				minWidth: "0",
+				maxWidth: "100%",
+				boxSizing: "border-box",
+				fontSize: "var(--dsh-content-font-size-secondary, 13px)",
+				lineHeight: "calc(20px + var(--dsh-content-font-delta-secondary, 0px))"
+			},
+			anchor: {
+				display: "inline-flex",
+				minWidth: "0"
+			},
+			pill: {
+				cursor: "pointer",
+				"&:hover, &[aria-expanded='true']": {
+					background: "var(--dsw-alias-interactive-bg-hover)",
+					color: "var(--dsw-alias-label-secondary)"
+				},
+				display: "inline-flex",
+				alignItems: "center",
+				gap: "6px",
+				boxSizing: "border-box",
+				maxWidth: "100%",
+				padding: "1px 8px",
+				border: "none",
+				borderRadius: "24px",
+				background: "transparent",
+				color: "var(--dsw-alias-label-tertiary)",
+				font: "inherit",
+				fontVariantNumeric: "tabular-nums",
+				lineHeight: "inherit",
+				whiteSpace: "nowrap",
+				"& svg": {
+					width: "14px",
+					height: "14px",
+					flex: "none"
+				}
+			},
+			label: {
+				minWidth: "0",
+				overflow: "hidden",
+				textOverflow: "ellipsis"
+			},
+			sep: {
+				color: "var(--dsw-alias-separator-primary)",
+				margin: "0 6px"
+			}
+		};
+		//#endregion
+		//#region src/client/composer-stats/stat-dialog.styles.ts
+		const styles = {
+			panel: {
+				position: "fixed",
+				zIndex: "1100",
+				boxSizing: "border-box",
+				width: "max-content",
+				minWidth: "min(300px, calc(100vw - 24px))",
+				maxWidth: "min(440px, calc(100vw - 24px))",
+				padding: "16px",
+				border: "0",
+				borderRadius: "12px",
+				background: "var(--dsw-specific-menu)",
+				"--dsw-elevation-stroke-color": "var(--dsw-alias-border-l1)",
+				boxShadow: "var(--dsw-elevation-prominent)",
+				fontSize: "12px",
+				lineHeight: "18px",
+				color: "var(--dsw-alias-label-secondary)",
+				cursor: "default"
+			},
+			title: {
+				display: "flex",
+				justifyContent: "space-between",
+				gap: "16px",
+				marginBottom: "8px",
+				color: "var(--dsw-alias-label-primary)",
+				fontWeight: "500"
+			},
+			titleRule: {
+				marginBottom: "10px",
+				borderTop: "0.5px solid var(--dsw-alias-border-l2)"
+			},
+			titleValue: { fontVariantNumeric: "tabular-nums" },
+			titleLabel: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: "6px",
+				minWidth: "0",
+				"& svg": {
+					width: "14px",
+					height: "14px",
+					flex: "none"
+				}
+			},
+			details: {
+				display: "grid",
+				gridTemplateColumns: "minmax(76px, auto) minmax(0, 1fr)",
+				gap: "6px 16px",
+				margin: "0",
+				color: "var(--dsw-alias-label-tertiary)",
+				"& dt": {
+					minWidth: "0",
+					margin: "0"
+				},
+				"& dd": {
+					minWidth: "0",
+					margin: "0",
+					color: "var(--dsw-alias-label-secondary)",
+					fontVariantNumeric: "tabular-nums",
+					textAlign: "right"
+				}
+			},
+			reasoning: {
+				color: "var(--dsw-alias-label-tertiary)",
+				whiteSpace: "nowrap"
+			}
+		};
+		//#endregion
+		//#region src/client/composer-stats/StatsPills.tsx
+		/**
+		* Fold assistant and tool-result nodes into window-scoped display totals —
+		* the FALLBACK for assemblies without the `sessionStats` projection.
+		*
+		* Every displayed figure rides that durable whole-log projection (and token
+		* accounting rides `tokenUsage`) because the window is paged and compaction
+		* rewrites it; this fold answers "what is on screen" only when no projection
+		* value is served. Its field names deliberately mirror the projection's so
+		* the two swap wholesale.
+		* @param nodes - snapshot nodes.
+		* @returns fallback counts and summed wall times.
+		*/
+		function deriveStats(nodes) {
+			const turns = /* @__PURE__ */ new Set();
+			let steps = 0;
+			let llmMs = 0;
+			let toolMs = 0;
+			let ttftMs = 0;
+			let ttftSteps = 0;
+			let decodeMs = 0;
+			let decodeTokens = 0;
+			for (const node of nodes) {
+				if (node.kind === "tool-result") {
+					if (node.callTime !== null) toolMs += Math.max(0, node.time - node.callTime);
+					continue;
+				}
+				if (node.kind !== "assistant") continue;
+				turns.add(node.turn);
+				steps += 1;
+				if (node.timing !== void 0 && node.timing.stepStartTime !== null) llmMs += Math.max(0, node.timing.completedTime - node.timing.stepStartTime);
+				const reading = assistantStepReading(node);
+				if (reading.ttftMs !== null) {
+					ttftMs += reading.ttftMs;
+					ttftSteps += 1;
+				}
+				if (reading.decodeMs !== null && reading.outputTokens !== null) {
+					decodeMs += reading.decodeMs;
+					decodeTokens += reading.outputTokens;
+				}
+			}
+			return {
+				turns: turns.size,
+				steps,
+				llmMs,
+				toolMs,
+				ttftMs,
+				ttftSteps,
+				decodeMs,
+				decodeTokens
+			};
+		}
+		/**
+		* Compact duration: 45.2s under a minute, 2m42s from there on.
+		* @param ms - duration in milliseconds.
+		* @returns display string.
+		*/
+		function formatDuration(ms, t) {
+			const s = ms / 1e3;
+			if (s < 60) return t("duration.compactSeconds", { seconds: Math.round(s * 10) / 10 });
+			const whole = Math.round(s);
+			return t("duration.compactMinutes", {
+				minutes: Math.floor(whole / 60),
+				seconds: whole % 60
+			});
+		}
+		/**
+		* Display-ready cache-hit share of prompt-side input over the whole durable log.
+		* @param usage - the session's token-usage projection value.
+		* @returns integer text when integer rounding stays below 100, otherwise the
+		* minimum decimal precision that still rounds below 100; a full hit returns
+		* 100, and no billed input returns null.
+		*/
+		function cacheHitPercent(usage) {
+			const denominator = billedInputTokens(usage);
+			return formatCacheHitPercent(usage.cacheReadTokens, denominator);
+		}
+		/**
+		* Sum the three disjoint prompt-side billing buckets.
+		* @param usage - the session's token-usage projection value.
+		* @returns billed input tokens.
+		*/
+		function billedInputTokens(usage) {
+			return usage.uncachedInputTokens + usage.cacheReadTokens + usage.cacheWriteTokens;
+		}
+		function exactCount(value, t) {
+			return t("message.turnUsage.count", { count: formatExactTokens(value, t) });
+		}
+		function TimePill({ stats, t, dialog }) {
+			const { open, setOpen, rootRef, panelRef, pos } = useStatDialog(dialog);
+			const counts = t("stats.counts", {
+				turns: stats.turns,
+				steps: stats.steps
+			});
+			const tps = stats.decodeMs > 0 ? t("message.tokensPerSecond", { tps: formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1e3)) }) : null;
+			const label = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.label),
+				children: [counts, tps !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.sep),
+					"aria-hidden": true,
+					children: "·"
+				}), tps] })]
+			});
+			if (stats.llmMs <= 0 && stats.toolMs <= 0 && stats.ttftSteps <= 0 && stats.decodeMs <= 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.anchor),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.pill),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutline16, {}), label]
+				})
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				ref: rootRef,
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.anchor),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.pill),
+					"aria-haspopup": "dialog",
+					"aria-expanded": open,
+					"aria-label": tps === null ? counts : `${counts} · ${tps}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutline16, {}), label]
+				}), open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					ref: panelRef,
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles.panel),
+					role: "dialog",
+					"aria-label": t("stats.dialog.title"),
+					style: pos ?? MEASURE_STYLE,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.title),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.titleLabel),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGaugeOutline16, {}), t("stats.dialog.title")]
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.titleRule),
+							"aria-hidden": true
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.details),
+							"data-session-stats-details": true,
+							children: [
+								stats.llmMs > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.llmTime") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.llmMs, t) })] }),
+								stats.toolMs > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.toolTime") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.toolMs, t) })] }),
+								stats.ttftSteps > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.ttft") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: formatDuration(stats.ttftMs / stats.ttftSteps, t) })] }),
+								stats.decodeMs > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("stats.dialog.speed") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: t("message.tokensPerSecond", { tps: formatTokensPerSecond(stats.decodeTokens / (stats.decodeMs / 1e3)) }) })] })
+							]
+						})
+					]
+				}), document.body)]
+			});
+		}
+		function UsagePill({ usage, t, dialog }) {
+			const { open, setOpen, rootRef, panelRef, pos } = useStatDialog(dialog);
+			const total = billedInputTokens(usage) + usage.outputTokens;
+			const totalText = t("message.turnUsage.count", { count: formatTokens(total, t) });
+			const cacheHit = cacheHitPercent(usage);
+			const cacheHitText = cacheHit !== null ? t("stats.cacheHit", { percent: cacheHit }) : null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				ref: rootRef,
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.anchor),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.pill),
+					"aria-haspopup": "dialog",
+					"aria-expanded": open,
+					"aria-label": cacheHitText === null ? totalText : `${totalText} · ${cacheHitText}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDatabaseOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.label),
+						children: [totalText, cacheHitText !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.sep),
+							"aria-hidden": true,
+							children: "·"
+						}), cacheHitText] })]
+					})]
+				}), open && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					ref: panelRef,
+					..._morlay_dsh_client_ui_primitives_client.styling.props(styles.panel),
+					role: "dialog",
+					"aria-label": t("stats.dialog.usageTitle"),
+					style: pos ?? MEASURE_STYLE,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.title),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.titleLabel),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDatabaseOutline16, {}), t("stats.dialog.usageTitle")]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								..._morlay_dsh_client_ui_primitives_client.styling.props(styles.titleValue),
+								children: exactCount(total, t)
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.titleRule),
+							"aria-hidden": true
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+							..._morlay_dsh_client_ui_primitives_client.styling.props(styles.details),
+							"data-session-stats-usage": true,
+							children: [
+								cacheHit !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheHit") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: `${cacheHit}%` })] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.input") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.uncachedInputTokens, t) }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheRead") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.cacheReadTokens, t) }),
+								usage.cacheWriteTokens !== 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.cacheWrite") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.cacheWriteTokens, t) })] }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("message.turnUsage.output") }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: exactCount(usage.outputTokens, t) })
+							]
+						})
+					]
+				}), document.body)]
+			});
+		}
+		const StatsPills = (0, react.memo)(function StatsPills({ useChat, useProjection, t }) {
+			const settledNodes = useChat((s) => s.legacy.nodes);
+			const usage = useProjection("tokenUsage");
+			const [openPill, setOpenPill] = (0, react.useState)(null);
+			const projected = useProjection("sessionStats");
+			const stats = (0, react.useMemo)(() => projected ?? deriveStats(settledNodes), [projected, settledNodes]);
+			const hasTokens = usage !== void 0 && (billedInputTokens(usage) > 0 || usage.outputTokens > 0);
+			if (stats.steps === 0 && !hasTokens) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				..._morlay_dsh_client_ui_primitives_client.styling.props(styles$1.root),
+				"data-composer-stats": true,
+				children: [stats.steps > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimePill, {
+					stats,
+					t,
+					dialog: {
+						open: openPill === "time",
+						setOpen: (open) => {
+							setOpenPill(open ? "time" : null);
+						}
+					}
+				}), hasTokens && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsagePill, {
+					usage,
+					t,
+					dialog: {
+						open: openPill === "usage",
+						setOpen: (open) => {
+							setOpenPill(open ? "usage" : null);
+						}
+					}
+				})]
+			});
+		});
+		//#endregion
+		//#region src/client/composer-stats/register.ts
+		const NS = "chat";
+		function registerComposerStats(slots) {
+			return slots.register({
+				name: "conversation.composer.dock",
+				id: "stats",
+				order: 0,
+				priority: -1,
+				locale: NS
+			}, StatsPills);
+		}
+		//#endregion
+		//#region src/client/index.ts
+		const inject = [
+			"slots",
+			"conversation",
+			"connection",
+			"sessions",
+			"uiWorkspace"
+		];
+		function apply(ctx) {
+			_morlay_dsh_client_ui_primitives_client.styling.injectGlobals(globals);
+			const controllers = /* @__PURE__ */ new Map();
+			const controllerFor = (sessionId) => {
+				let controller = controllers.get(sessionId);
+				if (controller === void 0) {
+					controller = new SessionEditorController(ctx, sessionId);
+					controllers.set(sessionId, controller);
+				}
+				return controller;
+			};
+			ctx.on("connection/reset", () => {
+				for (const controller of controllers.values()) controller.load();
+			});
+			registerChatNodeRenderers(ctx, controllerFor);
+			ctx.slots.inject("conversation.composer.dock", () => registerComposerStats(ctx.slots));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});