@morlay/ui-conversation-message-actions 0.0.9

package/lib/client.js

@@ -0,0 +1,2243 @@
+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_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		require("@deepseek-ai/dsh-client-ui-conversation/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");
+		//#region src/shared.ts
+		/** 同源 HTTP 端点（host 注册、client fetch）。 */
+		const SESSION_EDITOR_PATH = "/session-editor";
+		//#endregion
+		//#region src/client/controller.ts
+		function messageOf(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		function conversationRevision(snapshot) {
+			const turnEnds = [...snapshot.turnEnds.entries()].map(([turn, seq]) => `${String(turn)}:${String(seq)}`).join(",");
+			return [
+				snapshot.openState,
+				snapshot.removed,
+				snapshot.hasMore,
+				turnEnds
+			].join("|");
+		}
+		/** 一个会话共享一个稳定 controller（header + timeline 两个入口复用）。 */
+		var SessionEditorController = class {
+			sessionId;
+			store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)({
+				status: "idle",
+				error: null,
+				pending: null,
+				timeline: null,
+				sessionOpenError: false
+			});
+			face;
+			ctx;
+			sessions;
+			sessionSource;
+			sessionSourceDispose;
+			sessionRevision;
+			disposed = false;
+			users = 0;
+			navigationWaits = /* @__PURE__ */ new Set();
+			constructor(ctx, sessionId) {
+				this.sessionId = sessionId;
+				this.ctx = ctx;
+				this.sessions = ctx.get("sessions");
+				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
+					}),
+					cleanse: () => this.mutate({
+						action: "cleanse",
+						sessionId: this.sessionId
+					}),
+					openVersion: (sessionId) => this.openWhenListed(sessionId)
+				};
+				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.store.update((state) => {
+					state.sessionOpenError = source?.getSnapshot().openState === "error";
+				});
+				this.sessionSourceDispose = source?.subscribe(() => {
+					this.store.update((state) => {
+						state.sessionOpenError = source.getSnapshot().openState === "error";
+					});
+					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(`${SESSION_EDITOR_PATH}?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) {
+				if (this.store.getSnapshot().pending !== null) return false;
+				this.store.update((state) => {
+					state.pending = operation.action;
+					state.error = null;
+				});
+				try {
+					const response = await fetch(SESSION_EDITOR_PATH, {
+						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;
+					});
+					const result = value;
+					if (String(result.sessionId) !== String(this.sessionId)) {
+						await this.openWhenListed(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);
+						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;
+				}
+			}
+			/** 会话列表发布是导航的反应式依赖：等新版本出现在列表后再打开。 */
+			openWhenListed(sessionId) {
+				if (this.sessions.list.getSnapshot().byId[sessionId] !== void 0) {
+					this.sessions.open(sessionId);
+					return Promise.resolve();
+				}
+				return new Promise((resolve) => {
+					let settled = false;
+					let dispose = () => {};
+					const finish = (open) => {
+						if (settled) return;
+						settled = true;
+						dispose();
+						this.navigationWaits.delete(cancel);
+						if (open) this.sessions.open(sessionId);
+						resolve();
+					};
+					const cancel = () => {
+						finish(false);
+					};
+					this.navigationWaits.add(cancel);
+					dispose = this.sessions.list.subscribe(() => {
+						if (this.sessions.list.getSnapshot().byId[sessionId] === void 0) return;
+						finish(true);
+					});
+					if (this.sessions.list.getSnapshot().byId[sessionId] !== void 0) finish(true);
+				});
+			}
+		};
+		//#endregion
+		//#region src/client/chat-node/use-throttled-visual-update.ts
+		/** Frame-throttled scheduling for non-essential visual alignment. */
+		const DEFAULT_INTERVAL_FRAMES = 3;
+		/**
+		* Return a stable scheduler that coalesces visual updates over a frame interval.
+		* @param update - DOM alignment to run after the throttle interval.
+		* @param intervalFrames - frames to wait before applying the latest alignment.
+		* @returns a stable function that schedules the latest update.
+		*/
+		function useThrottledVisualUpdate(update, intervalFrames = DEFAULT_INTERVAL_FRAMES) {
+			const updateRef = (0, react.useRef)(update);
+			updateRef.current = update;
+			const pendingFrameRef = (0, react.useRef)(null);
+			(0, react.useLayoutEffect)(() => () => {
+				if (pendingFrameRef.current === null) return;
+				cancelAnimationFrame(pendingFrameRef.current);
+				pendingFrameRef.current = null;
+			}, []);
+			return (0, react.useCallback)(() => {
+				if (pendingFrameRef.current !== null) return;
+				let remainingFrames = intervalFrames;
+				const advance = () => {
+					remainingFrames -= 1;
+					if (remainingFrames > 0) {
+						pendingFrameRef.current = requestAnimationFrame(advance);
+						return;
+					}
+					pendingFrameRef.current = null;
+					updateRef.current();
+				};
+				pendingFrameRef.current = requestAnimationFrame(advance);
+			}, [intervalFrames]);
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/accessibility.module.css.mjs
+		const css$10 = ".QUD6rG_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
+		const tagId$10 = "@morlay/ui-conversation-message-actions/accessibility.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$10) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$10;
+			tag.textContent = css$10;
+			document.head.appendChild(tag);
+		}
+		var accessibility_module_css_default = { "visuallyHidden": "QUD6rG_visuallyHidden" };
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/ReasoningRow.module.css.mjs
+		const css$9 = ".puL2qa_root{flex-direction:column;display:flex}.puL2qa_row{position:relative;overflow:hidden}.puL2qa_root[data-state=running] .puL2qa_row:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite puL2qa_dsh-reasoning-row-sweep;position:absolute;left:0}@keyframes puL2qa_dsh-reasoning-row-sweep{0%{left:-300px}90%,to{left:100%}}.puL2qa_leading{flex-shrink:0}.puL2qa_chevron{color:var(--dsw-alias-label-secondary)}.puL2qa_title{font-weight:400}.puL2qa_separator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.puL2qa_summary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.puL2qa_summary[data-follow-end]{text-overflow:clip}.puL2qa_thinkBody{color:var(--dsw-alias-label-tertiary);white-space:pre-wrap;word-break:break-word;padding:4px 0 4px 22px;font-size:14px;line-height:24px}@media (prefers-reduced-motion:reduce){.puL2qa_root[data-state=running] .puL2qa_row:after{animation:none}}";
+		const tagId$9 = "@morlay/ui-conversation-message-actions/ReasoningRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$9) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$9;
+			tag.textContent = css$9;
+			document.head.appendChild(tag);
+		}
+		var ReasoningRow_module_css_default = {
+			"row": "puL2qa_row",
+			"thinkBody": "puL2qa_thinkBody",
+			"chevron": "puL2qa_chevron",
+			"root": "puL2qa_root",
+			"dsh-reasoning-row-sweep": "puL2qa_dsh-reasoning-row-sweep",
+			"title": "puL2qa_title",
+			"separator": "puL2qa_separator",
+			"summary": "puL2qa_summary",
+			"leading": "puL2qa_leading"
+		};
+		//#endregion
+		//#region src/client/chat-node/ReasoningRow.tsx
+		/** Assistant reasoning disclosure, independent of Tool-call presentation. */
+		function firstLine(text) {
+			const newline = text.indexOf("\n");
+			return newline === -1 ? text : text.slice(0, newline);
+		}
+		function latestLine(text) {
+			const visible = text.trimEnd();
+			const newline = visible.lastIndexOf("\n");
+			return newline === -1 ? visible : visible.slice(newline + 1);
+		}
+		/**
+		* Render one assistant reasoning block as the Think disclosure row.
+		* @param props.text - complete or streaming reasoning text.
+		* @param props.running - whether this block is the streaming tail.
+		* @param props.t - conversation locale seat for the running status.
+		* @returns the reasoning disclosure.
+		*/
+		function ReasoningRow({ text, running, t }) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const summaryRef = (0, react.useRef)(null);
+			const summary = running ? latestLine(text) : firstLine(text);
+			const scheduleSummaryScroll = useThrottledVisualUpdate(() => {
+				const element = summaryRef.current;
+				if (element === null) return;
+				element.scrollLeft = running ? element.scrollWidth - element.clientWidth : 0;
+			});
+			(0, react.useEffect)(() => {
+				scheduleSummaryScroll();
+			}, [
+				running,
+				scheduleSummaryScroll,
+				summary
+			]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: ReasoningRow_module_css_default.root,
+				"data-variant": "think",
+				"data-state": running ? "running" : "ok",
+				children: [running && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: accessibility_module_css_default.visuallyHidden,
+					children: t("row.running")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+					rowClassName: ReasoningRow_module_css_default.row,
+					leadingClassName: ReasoningRow_module_css_default.leading,
+					titleClassName: ReasoningRow_module_css_default.title,
+					chevronClassName: ReasoningRow_module_css_default.chevron,
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconThinkOutline14, { size: 14 }),
+					title: "Think",
+					open: expanded,
+					expandable: true,
+					expandOnRowClick: true,
+					onToggle: () => {
+						setExpanded((value) => !value);
+					},
+					collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ReasoningRow_module_css_default.separator,
+						"aria-hidden": true
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						ref: summaryRef,
+						className: ReasoningRow_module_css_default.summary,
+						"data-follow-end": running || void 0,
+						children: summary
+					})] }),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: ReasoningRow_module_css_default.thinkBody,
+						children: text
+					})
+				})]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/AssistantMarkdown.module.css.mjs
+		const css$8 = ".KOyxmq_root{color:var(--dsw-alias-label-primary);flex-direction:column;font-size:16px;line-height:28px;display:flex}.KOyxmq_body{flex-direction:column;gap:16px;display:flex}.KOyxmq_stopped{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-tertiary);border-radius:6px;align-self:flex-start;padding:0 6px;font-size:11px;line-height:18px}.KOyxmq_actions{margin-top:16px;margin-left:-6px}";
+		const tagId$8 = "@morlay/ui-conversation-message-actions/AssistantMarkdown.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$8) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$8;
+			tag.textContent = css$8;
+			document.head.appendChild(tag);
+		}
+		var AssistantMarkdown_module_css_default = {
+			"body": "KOyxmq_body",
+			"stopped": "KOyxmq_stopped",
+			"actions": "KOyxmq_actions",
+			"root": "KOyxmq_root"
+		};
+		//#endregion
+		//#region src/client/chat-node/AssistantMarkdown.tsx
+		/** Reasoning block as the Think variant summary row (figma 39:28304). */
+		const AssistantMarkdown = (0, react.memo)(function AssistantMarkdown({ blocks, streaming, interrupted, renderMessageImages, mentions, t }) {
+			const codeLabels = (0, react.useMemo)(() => ({
+				copyLabel: t("copy"),
+				copiedLabel: t("copied")
+			}), [t]);
+			const last = blocks.length - 1;
+			if (!(streaming || interrupted === true || blocks.some((block) => block.kind !== "tool-call"))) return null;
+			const rendered = [];
+			for (let i = 0; i < blocks.length; i++) {
+				const block = blocks[i];
+				if (block === void 0) continue;
+				switch (block.kind) {
+					case "text":
+						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, {
+							text: block.text,
+							streaming,
+							codeLabels,
+							fileMentions: mentions
+						}, i));
+						break;
+					case "reasoning":
+						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningRow, {
+							text: block.text,
+							running: streaming && i === last,
+							t
+						}, i));
+						break;
+					case "image": {
+						const start = i;
+						const group = [block];
+						while (i + 1 < blocks.length) {
+							const next = blocks[i + 1];
+							if (next === void 0 || next.kind !== "image") break;
+							group.push(next);
+							i += 1;
+						}
+						rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderMessageImages({
+							images: group.map(({ attachment }) => ({ attachment })),
+							align: "start"
+						}) }, start));
+						break;
+					}
+					case "tool-call": break;
+					default: rendered.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+						label: t("message.unknownBlock"),
+						payload: block.block,
+						truncatedLabel: (total) => t("json.truncated", { total })
+					}, i));
+				}
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: AssistantMarkdown_module_css_default.root,
+				"data-streaming": streaming || void 0,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: AssistantMarkdown_module_css_default.body,
+					children: [rendered, interrupted && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: AssistantMarkdown_module_css_default.stopped,
+						children: t("message.stopped")
+					})]
+				})
+			});
+		});
+		//#endregion
+		//#region src/client/chat-node/AssistantNodeView.tsx
+		/** Streaming, settled, and interrupted Assistant states share one keyed renderer instance. */
+		const AssistantNodeView = (0, react.memo)(function AssistantNodeView({ node, useTurnData, openFile, renderMessageImages, fileMentions, t }) {
+			const data = node.data;
+			const turn = node.location.kind === "turn" || node.location.kind === "step" ? node.location.turn : void 0;
+			const tail = useTurnData("turn-tail");
+			const owner = (0, react.useMemo)(() => {
+				if (turn?.status !== "closed" || data.finalNode === void 0) return void 0;
+				if (tail?.closing?.finalNode.seq !== data.finalNode.seq) return void 0;
+				return {
+					turn,
+					seq: data.finalNode.seq,
+					openFile
+				};
+			}, [
+				data.finalNode,
+				openFile,
+				tail,
+				turn
+			]);
+			const mentions = (0, react.useMemo)(() => owner === void 0 ? void 0 : fileMentions(owner), [fileMentions, owner]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssistantMarkdown, {
+				blocks: data.blocks,
+				streaming: data.status === "running",
+				interrupted: data.status === "interrupted",
+				renderMessageImages,
+				mentions,
+				t
+			});
+		});
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/MessageItem.module.css.mjs
+		const css$7 = ".okW0Ua_userRow{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.okW0Ua_userStack{flex-direction:column;align-items:flex-end;gap:8px;min-width:0;max-width:min(525px,82%);display:flex}.okW0Ua_bubble{background:var(--dsw-specific-bubble);max-width:100%;color:var(--dsw-alias-label-primary);border-radius:22px;padding:10px 16px;font-size:16px;line-height:24px}.okW0Ua_contextRow,.okW0Ua_compactionRow{padding:2px 0}.okW0Ua_compactionButton{width:100%;min-width:0;height:24px;color:inherit;font:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;padding:0;display:flex}.okW0Ua_compactionButton:not(:disabled){cursor:pointer}.okW0Ua_compactionButton:not(:disabled):hover{background:var(--dsw-alias-interactive-bg-hover)}.okW0Ua_compactionLeading{width:16px;height:16px;color:var(--dsw-alias-label-secondary);flex:none;place-items:center;margin-right:6px;display:inline-grid}.okW0Ua_compactionContextIcon,.okW0Ua_compactionDisclosureIcon{grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.okW0Ua_compactionDisclosureIcon,.okW0Ua_compactionButton:not(:disabled):hover .okW0Ua_compactionContextIcon,.okW0Ua_compactionButton:not(:disabled):focus-visible .okW0Ua_compactionContextIcon{opacity:0}.okW0Ua_compactionButton:not(:disabled):hover .okW0Ua_compactionDisclosureIcon,.okW0Ua_compactionButton:not(:disabled):focus-visible .okW0Ua_compactionDisclosureIcon{opacity:1}.okW0Ua_compactionTitle{color:var(--dsw-alias-label-primary-dimmed);flex:none;font-size:14px;line-height:24px}.okW0Ua_compactionSep{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.okW0Ua_compactionSummary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.okW0Ua_compactionBody{color:var(--dsw-alias-label-tertiary);padding:4px 0 4px 22px;font-size:14px;line-height:24px}.okW0Ua_retryRow{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.okW0Ua_retrySummary{width:fit-content;color:inherit;cursor:pointer;user-select:none;border-radius:3px;align-items:center;gap:7px;padding:2px 0;list-style:none;display:inline-flex}.okW0Ua_retrySummary::-webkit-details-marker{display:none}.okW0Ua_retrySummary:after{content:\"\";opacity:.8;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .12s;transform:rotate(-45deg)}.okW0Ua_retrySummary:hover{color:var(--dsw-alias-label-secondary)}.okW0Ua_retrySummary:focus-visible{outline:1.5px solid var(--dsw-alias-button-info-fill);outline-offset:2px}.okW0Ua_retryText{color:inherit}.okW0Ua_retryRow[data-active] .okW0Ua_retryText{background:linear-gradient(90deg, var(--dsw-alias-label-tertiary) 0%, var(--dsw-alias-label-tertiary) 40%, var(--dsw-alias-label-secondary) 50%, var(--dsw-alias-label-tertiary) 60%, var(--dsw-alias-label-tertiary) 100%);color:#0000;background-position:100%;background-size:200% 100%;background-clip:text;animation:1.6s ease-in-out infinite okW0Ua_retry-shimmer}.okW0Ua_retryRow[open] .okW0Ua_retrySummary:after{transform:rotate(45deg)}.okW0Ua_retryDetails{overflow-wrap:anywhere;gap:2px;margin-top:3px;padding-left:14px;font-size:12px;line-height:18px;display:grid}.okW0Ua_retryDetailLabel{color:var(--dsw-alias-label-secondary)}.okW0Ua_turnErrorRow{grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:8px;padding:2px 0;font-size:13px;line-height:20px;display:grid}.okW0Ua_turnErrorDot{margin-top:5px}.okW0Ua_turnErrorCopy{overflow-wrap:anywhere;min-width:0}.okW0Ua_turnErrorTitle{color:var(--dsw-alias-state-error-primary);margin-right:6px;font-weight:600}.okW0Ua_turnErrorMessage{color:var(--dsw-alias-label-secondary)}.okW0Ua_turnErrorCode{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-markdown-code-block-small)}.okW0Ua_maxTokensTitle{color:var(--dsw-alias-state-warn-primary);margin-right:6px;font-weight:600}@keyframes okW0Ua_retry-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.okW0Ua_retryRow[data-active] .okW0Ua_retryText{color:inherit;background:0 0;animation:none}}.okW0Ua_refChip{color:var(--dsw-alias-label-primary);white-space:nowrap;vertical-align:baseline;background:#6187d838;border-radius:6px;margin:0 2px;padding:0 8px;font-size:.85em;line-height:1.6;display:inline-block}.okW0Ua_confirmActions{justify-content:flex-end;gap:8px;display:flex}";
+		const tagId$7 = "@morlay/ui-conversation-message-actions/MessageItem.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$7) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$7;
+			tag.textContent = css$7;
+			document.head.appendChild(tag);
+		}
+		var MessageItem_module_css_default = {
+			"turnErrorMessage": "okW0Ua_turnErrorMessage",
+			"compactionSep": "okW0Ua_compactionSep",
+			"compactionTitle": "okW0Ua_compactionTitle",
+			"compactionSummary": "okW0Ua_compactionSummary",
+			"retryText": "okW0Ua_retryText",
+			"compactionContextIcon": "okW0Ua_compactionContextIcon",
+			"retryRow": "okW0Ua_retryRow",
+			"retryDetailLabel": "okW0Ua_retryDetailLabel",
+			"maxTokensTitle": "okW0Ua_maxTokensTitle",
+			"userRow": "okW0Ua_userRow",
+			"compactionLeading": "okW0Ua_compactionLeading",
+			"refChip": "okW0Ua_refChip",
+			"confirmActions": "okW0Ua_confirmActions",
+			"bubble": "okW0Ua_bubble",
+			"turnErrorRow": "okW0Ua_turnErrorRow",
+			"turnErrorCopy": "okW0Ua_turnErrorCopy",
+			"contextRow": "okW0Ua_contextRow",
+			"userStack": "okW0Ua_userStack",
+			"turnErrorCode": "okW0Ua_turnErrorCode",
+			"retrySummary": "okW0Ua_retrySummary",
+			"retry-shimmer": "okW0Ua_retry-shimmer",
+			"compactionButton": "okW0Ua_compactionButton",
+			"turnErrorDot": "okW0Ua_turnErrorDot",
+			"compactionRow": "okW0Ua_compactionRow",
+			"compactionBody": "okW0Ua_compactionBody",
+			"compactionDisclosureIcon": "okW0Ua_compactionDisclosureIcon",
+			"retryDetails": "okW0Ua_retryDetails",
+			"turnErrorTitle": "okW0Ua_turnErrorTitle"
+		};
+		//#endregion
+		//#region src/client/chat-node/CompactionItem.tsx
+		/**
+		* The collapsed-by-default compaction marker.
+		* @param props - the marker node off the snapshot cache.
+		* @returns the marker row, with the summary disclosure when one is available.
+		*/
+		const CompactionItem = (0, react.memo)(function CompactionItem({ node, title, fallbackSummary, t }) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const expandable = node.summary !== null;
+			const open = expandable && expanded;
+			const summary = node.shadowedItemCount !== null && node.shadowedTokenCount !== null ? t("message.compaction.completed", {
+				items: node.shadowedItemCount,
+				tokens: node.shadowedTokenCount
+			}) : fallbackSummary ?? (expandable ? t("message.compaction.expand") : t("message.compaction.unavailable"));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageItem_module_css_default.compactionRow,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: MessageItem_module_css_default.compactionButton,
+					disabled: !expandable,
+					"aria-expanded": expandable ? open : void 0,
+					onClick: () => {
+						setExpanded((value) => !value);
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: MessageItem_module_css_default.compactionLeading,
+							"aria-hidden": true,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MessageItem_module_css_default.compactionContextIcon,
+								"data-compaction-icon": "context",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconApiOutline14, {})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: MessageItem_module_css_default.compactionDisclosureIcon,
+								"data-compaction-disclosure": open ? "expanded" : "collapsed",
+								children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {})
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MessageItem_module_css_default.compactionTitle,
+							children: title ?? t("message.compaction")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MessageItem_module_css_default.compactionSep,
+							"aria-hidden": true
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MessageItem_module_css_default.compactionSummary,
+							children: summary
+						})
+					]
+				}), open && node.summary !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: MessageItem_module_css_default.compactionBody,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, { text: node.summary })
+				})]
+			});
+		});
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/GenericCommandCard.module.css.mjs
+		const css$6 = ".XF94Cq_root{flex-direction:column;display:flex}.XF94Cq_row{position:relative;overflow:hidden}.XF94Cq_root[data-state=running] .XF94Cq_row:after{content:\"\";inset-block:0;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%, transparent 100%);pointer-events:none;width:300px;animation:2.6s ease-out infinite XF94Cq_dsh-command-row-sweep;position:absolute;left:0}@keyframes XF94Cq_dsh-command-row-sweep{0%{left:-300px}90%,to{left:100%}}.XF94Cq_leading{flex-shrink:0}.XF94Cq_chevron{color:var(--dsw-alias-label-secondary)}.XF94Cq_title{font-weight:400}.XF94Cq_separator{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.XF94Cq_summary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.XF94Cq_summary[data-error],.XF94Cq_body[data-error]{color:var(--dsw-alias-state-error-primary)}.XF94Cq_body{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-markdown-code-block);max-height:260px;color:var(--dsw-alias-label-primary);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap;border-radius:12px;margin:4px 0 4px 4px;padding:12px 16px;overflow:auto}@media (prefers-reduced-motion:reduce){.XF94Cq_root[data-state=running] .XF94Cq_row:after{animation:none}}";
+		const tagId$6 = "@morlay/ui-conversation-message-actions/GenericCommandCard.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$6) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$6;
+			tag.textContent = css$6;
+			document.head.appendChild(tag);
+		}
+		var GenericCommandCard_module_css_default = {
+			"title": "XF94Cq_title",
+			"chevron": "XF94Cq_chevron",
+			"dsh-command-row-sweep": "XF94Cq_dsh-command-row-sweep",
+			"separator": "XF94Cq_separator",
+			"leading": "XF94Cq_leading",
+			"row": "XF94Cq_row",
+			"root": "XF94Cq_root",
+			"summary": "XF94Cq_summary",
+			"body": "XF94Cq_body"
+		};
+		//#endregion
+		//#region src/client/chat-node/GenericCommandCard.tsx
+		/** Node state → row state semantic (running while unsettled; outcome kind after). */
+		function stateOf(outcome) {
+			if (outcome === null) return "running";
+			return outcome.kind === "error" ? "error" : "ok";
+		}
+		function leadingFor(state) {
+			return state === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: "error" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconApiOutline14, { size: 14 });
+		}
+		function GenericCommandCard({ node, t, runningSummary }) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const text = node.outcome?.text;
+			const summary = node.outcome === null ? runningSummary ?? t("command.running") : text ?? (node.outcome.kind === "error" ? t("command.failed") : t("command.done"));
+			const title = node.name ?? t("command.title");
+			const state = stateOf(node.outcome);
+			const body = text !== void 0 && text.includes("\n") ? text : null;
+			const open = expanded && body !== null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: GenericCommandCard_module_css_default.root,
+				"data-variant": "others",
+				"data-state": state,
+				children: [
+					state === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: accessibility_module_css_default.visuallyHidden,
+						children: t("row.running")
+					}),
+					state === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: accessibility_module_css_default.visuallyHidden,
+						children: t("row.failed")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+						rowClassName: GenericCommandCard_module_css_default.row,
+						leadingClassName: GenericCommandCard_module_css_default.leading,
+						titleClassName: GenericCommandCard_module_css_default.title,
+						chevronClassName: GenericCommandCard_module_css_default.chevron,
+						icon: leadingFor(state),
+						title,
+						open,
+						expandable: body !== null,
+						expandOnRowClick: true,
+						keepContentWhenOpen: true,
+						onToggle: () => {
+							setExpanded((value) => !value);
+						},
+						collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: GenericCommandCard_module_css_default.separator,
+							"aria-hidden": true
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: GenericCommandCard_module_css_default.summary,
+							"data-error": state === "error" || void 0,
+							children: summary
+						})] }),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							className: GenericCommandCard_module_css_default.body,
+							"data-error": state === "error" || void 0,
+							children: body
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/chat-node/CompactionCommandCard.tsx
+		/** Render one manual compaction lifecycle without duplicating its checkpoint marker. */
+		function CompactionCommandCard({ node, compaction, t }) {
+			if (compaction !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactionItem, {
+				node: compaction,
+				title: "compact",
+				fallbackSummary: node.outcome?.text ?? null,
+				t
+			});
+			if (node.outcome !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GenericCommandCard, {
+				node,
+				t
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GenericCommandCard, {
+				node,
+				t,
+				runningSummary: t("message.compaction.running")
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/ChatView.module.css.mjs
+		const css$5 = "._3JTwCq_callRow{border-radius:6px}";
+		const tagId$5 = "@morlay/ui-conversation-message-actions/ChatView.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$5) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$5;
+			tag.textContent = css$5;
+			document.head.appendChild(tag);
+		}
+		var ChatView_module_css_default = { "callRow": "_3JTwCq_callRow" };
+		//#endregion
+		//#region src/client/chat-node/CommandNodeView.tsx
+		/**
+		* Ordinary command lifecycle renderer. 注意：shadow 注册（priority -1）无法
+		* 声明 `conversation.chat.commandview` children（已被上游声明，重复声明会抛
+		* 「already declared」），因此这里不消费 `renderSlot` 子 slot，直接渲染通用
+		* command 卡片。
+		*/
+		const CommandNodeView = (0, react.memo)(function CommandNodeView({ node, t }) {
+			const command = node.data;
+			const owner = (0, react.useMemo)(() => ({ node: command }), [command]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ChatView_module_css_default.callRow,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GenericCommandCard, {
+					...owner,
+					t
+				})
+			});
+		});
+		/** One integrated `/compact` command and compaction transaction renderer. */
+		const ManualCompactionNodeView = (0, react.memo)(function ManualCompactionNodeView({ node, t }) {
+			const data = node.data;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: ChatView_module_css_default.callRow,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactionCommandCard, {
+					node: data.command,
+					...data.compaction === null ? {} : { compaction: data.compaction },
+					t
+				})
+			});
+		});
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/ContextBody.module.css.mjs
+		const css$4 = ".emmM3G_text{color:var(--dsw-alias-label-secondary);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.emmM3G_fields{border-top:1px solid var(--dsw-alias-line-secondary);flex-direction:column;gap:2px;margin:8px 0 0;padding-top:8px;display:flex}.emmM3G_field{gap:8px;min-width:0;display:flex}.emmM3G_fieldKey{min-width:96px;color:var(--dsw-alias-label-caption);flex:none}.emmM3G_fieldValue{min-width:0;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;flex:auto;margin:0}.emmM3G_files{flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;padding:0;list-style:none;display:flex}.emmM3G_file{align-items:baseline;gap:6px;min-width:0;display:flex}.emmM3G_filePath{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}.emmM3G_fileAction{color:var(--dsw-alias-label-caption)}.emmM3G_catalogNotice{color:var(--dsw-alias-label-caption);margin:0 0 6px}.emmM3G_entries{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.emmM3G_entry{gap:8px;min-width:0;display:flex}.emmM3G_entryName{color:var(--dsw-alias-label-secondary);flex:none}.emmM3G_entryDescription{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.emmM3G_sections{flex-direction:column;gap:8px;margin:0;display:flex}.emmM3G_section{flex-direction:column;gap:2px;min-width:0;display:flex}.emmM3G_sectionName{color:var(--dsw-alias-label-caption)}.emmM3G_sectionText{color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.emmM3G_relaySender{color:var(--dsw-alias-label-caption);overflow-wrap:anywhere;margin:0 0 6px}.emmM3G_recalls{flex-direction:column;gap:2px;margin:0 0 8px;padding:0;list-style:none;display:flex}.emmM3G_recall{gap:8px;min-width:0;display:flex}.emmM3G_recallLabel{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere}.emmM3G_recallCounts{color:var(--dsw-alias-label-caption);flex:none}";
+		const tagId$4 = "@morlay/ui-conversation-message-actions/ContextBody.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
+			document.head.appendChild(tag);
+		}
+		var ContextBody_module_css_default = {
+			"fieldValue": "emmM3G_fieldValue",
+			"fieldKey": "emmM3G_fieldKey",
+			"catalogNotice": "emmM3G_catalogNotice",
+			"files": "emmM3G_files",
+			"fileAction": "emmM3G_fileAction",
+			"text": "emmM3G_text",
+			"sectionName": "emmM3G_sectionName",
+			"file": "emmM3G_file",
+			"relaySender": "emmM3G_relaySender",
+			"recall": "emmM3G_recall",
+			"entries": "emmM3G_entries",
+			"entry": "emmM3G_entry",
+			"fields": "emmM3G_fields",
+			"filePath": "emmM3G_filePath",
+			"sections": "emmM3G_sections",
+			"recallCounts": "emmM3G_recallCounts",
+			"field": "emmM3G_field",
+			"entryName": "emmM3G_entryName",
+			"entryDescription": "emmM3G_entryDescription",
+			"sectionText": "emmM3G_sectionText",
+			"recalls": "emmM3G_recalls",
+			"recallLabel": "emmM3G_recallLabel",
+			"section": "emmM3G_section"
+		};
+		//#endregion
+		//#region src/client/chat-node/ContextBody.tsx
+		/** Model-facing text stays bounded at the disclosure, not at the producer. */
+		const MAX_CHARS = 2e4;
+		/** Rows a list body materializes before summarizing the remainder. */
+		const MAX_ENTRIES = 200;
+		/** One durable source narrowed to the readable-record shape; null for anything else. */
+		function asRecord(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+		}
+		/**
+		* The content blocks as runs, IN THE ORDER the model received them.
+		*
+		* Adjacent text blocks join with no separator, matching how provider adapters
+		* flatten them — inserting a line break would show the reader a line the model
+		* never saw. An unknown block breaks the run and keeps its own fallback rather
+		* than being hoisted past the text around it or vanishing; the block union is
+		* merge-extensible, so a foreign log may interleave shapes this build does not
+		* know.
+		*/
+		function contentRuns(content) {
+			const runs = [];
+			for (const block of content) {
+				if (block.type !== "text") {
+					runs.push({ block });
+					continue;
+				}
+				const last = runs[runs.length - 1];
+				if (last !== void 0 && "text" in last) last.text += block.text;
+				else runs.push({ text: block.text });
+			}
+			return runs;
+		}
+		/** Only the blocks this UI version does not know, for bodies that replace the text. */
+		function unknownBlocks(content) {
+			return contentRuns(content).flatMap((run) => "block" in run ? [run.block] : []);
+		}
+		/** The model-facing text, truncated to the display bound. */
+		function boundedText(text, t) {
+			return text.length > MAX_CHARS ? `${text.slice(0, MAX_CHARS)}\n${t("json.truncated", { total: text.length })}` : text;
+		}
+		/**
+		* One source field rendered as a value row; nested shapes stay compact JSON.
+		* Bounded on its own, because source fields are as unbounded as the text: an unknown
+		* producer may record an arbitrarily large string or array.
+		*/
+		function fieldValue(value, t) {
+			return boundedText(typeof value === "string" ? value : typeof value === "number" || typeof value === "boolean" ? String(value) : JSON.stringify(value), t);
+		}
+		/**
+		* Source fields as a key/value list. `kind` is always omitted because the
+		* row header already names the producer. `form` is omitted only when a
+		* dedicated body rendered for it — then the presentation the reader is looking
+		* at IS that value. On the opaque fallback the declaration is kept, because
+		* that is the one place a form this version cannot present would otherwise
+		* disappear from the UI entirely.
+		*/
+		function SourceFields({ source, formRendered, t }) {
+			const record = asRecord(source);
+			if (record === null) return null;
+			const hidden = formRendered ? ["kind", "form"] : ["kind"];
+			const rows = Object.entries(record).filter(([key]) => !hidden.includes(key));
+			if (rows.length === 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dl", {
+				className: ContextBody_module_css_default.fields,
+				"data-context-fields": true,
+				children: rows.map(([key, value]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ContextBody_module_css_default.field,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+						className: ContextBody_module_css_default.fieldKey,
+						children: key
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+						className: ContextBody_module_css_default.fieldValue,
+						children: fieldValue(value, t)
+					})]
+				}, key))
+			});
+		}
+		/**
+		* Content blocks this UI version does not know, kept visible rather than
+		* dropped: the block union is merge-extensible, so a newer or foreign log may
+		* carry a shape this build has no presentation for.
+		* @param props - The unrecognized blocks and the locale seat.
+		* @returns One generic JSON block per unknown entry.
+		*/
+		function UnknownBlocks({ blocks, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: blocks.map((block, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+				label: t("message.unknownBlock"),
+				payload: block,
+				truncatedLabel: (total) => t("json.truncated", { total })
+			}, index)) });
+		}
+		/**
+		* The model-facing content of one context, shared by every form that shows it:
+		* the text with its real line breaks, then any block this UI version does not
+		* know, which keeps its own fallback rather than vanishing.
+		* @param props - Durable content and the locale seat.
+		* @returns The content blocks as the model received them.
+		*/
+		function ModelFacingContent({ content, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: contentRuns(content).map((run, index) => "text" in run ? run.text !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+				className: ContextBody_module_css_default.text,
+				"data-context-text": true,
+				children: boundedText(run.text, t)
+			}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+				label: t("message.unknownBlock"),
+				payload: run.block,
+				truncatedLabel: (total) => t("json.truncated", { total })
+			}, index)) });
+		}
+		/**
+		* Default presentation: the model-facing text as text, with its real line
+		* breaks, and the remaining source fields beneath it. This is what every form
+		* this UI version does not recognize renders as.
+		* @param props - Durable content, its source, and the locale seat.
+		* @returns The opaque context body.
+		*/
+		function OpaqueBody({ content, source, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelFacingContent, {
+				content,
+				t
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SourceFields, {
+				source,
+				formRendered: false,
+				t
+			})] });
+		}
+		/**
+		* Instruction changes read off the source, or null when the record is not a
+		* usable instruction list.
+		*
+		* The read is all-or-nothing: silently dropping one unreadable entry would show
+		* a confident, incomplete file list for a log this version cannot fully read.
+		* Paths are deduplicated in first-seen order, matching how the header label is
+		* derived from the same array.
+		*/
+		function instructionChanges(source) {
+			const record = asRecord(source);
+			const list = record === null ? void 0 : record["changes"];
+			if (!Array.isArray(list)) return null;
+			const changes = [];
+			const seen = /* @__PURE__ */ new Set();
+			for (const entry of list) {
+				const change = asRecord(entry);
+				if (change === null) return null;
+				const path = change["path"];
+				if (typeof path !== "string" || path === "") return null;
+				const action = change["action"];
+				if (action !== "set" && action !== "replace" && action !== "remove") return null;
+				const digest = change["digest"];
+				if (seen.has(path)) continue;
+				seen.add(path);
+				changes.push({
+					action,
+					path,
+					...typeof digest === "string" ? { digest } : {}
+				});
+			}
+			return changes.length === 0 ? null : changes;
+		}
+		/**
+		* Locale key for one reconciled file. The baseline loads a file; a later delta
+		* distinguishes a newly reconciled path from a rewritten one, which `set` and
+		* `replace` already separate at the producer.
+		* @param action - the durable change action.
+		* @param baseline - whether this context is the startup/resume baseline.
+		* @returns the key naming what happened to that file.
+		*/
+		function instructionAction(action, baseline) {
+			if (action === "remove") return "message.context.instructions.removed";
+			if (baseline) return "message.context.instructions.loaded";
+			return action === "set" ? "message.context.instructions.added" : "message.context.instructions.updated";
+		}
+		/**
+		* `instructions` form: the files this context reconciled, then their text.
+		*
+		* The text keeps its `<system-reminder>` framing verbatim — the framing is part
+		* of what the model read, so hiding it would misreport the request.
+		* @param props - Durable content, its source, and the locale seat.
+		* @returns The instructions context body, or the opaque body when the change
+		* list is unreadable.
+		*/
+		function InstructionsBody({ content, source, t }) {
+			const changes = instructionChanges(source);
+			if (changes === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpaqueBody, {
+				content,
+				source,
+				t
+			});
+			const baseline = asRecord(source)?.["baseline"] === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: ContextBody_module_css_default.files,
+				"data-context-files": true,
+				children: changes.map((change) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+					className: ContextBody_module_css_default.file,
+					title: change.digest,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ContextBody_module_css_default.filePath,
+						children: change.path
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ContextBody_module_css_default.fileAction,
+						children: t(instructionAction(change.action, baseline))
+					})]
+				}, change.path))
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelFacingContent, {
+				content,
+				t
+			})] });
+		}
+		/**
+		* Catalog entries read off the source, or null when the record is not a usable
+		* catalog. All-or-nothing for the same reason as the instruction list: this body
+		* replaces the model-facing text, so a partial list would hide the only complete
+		* account of what the model read.
+		*/
+		function catalogEntries(source) {
+			const record = asRecord(source);
+			const list = record === null ? void 0 : record["entries"];
+			if (!Array.isArray(list)) return null;
+			const entries = [];
+			for (const item of list) {
+				const entry = asRecord(item);
+				if (entry === null) return null;
+				const name = entry["name"];
+				const description = entry["description"];
+				if (typeof name !== "string" || name === "" || typeof description !== "string") return null;
+				entries.push({
+					name,
+					description
+				});
+			}
+			return entries;
+		}
+		/**
+		* `catalog` form: the published entries as a list, read from the source rather
+		* than re-parsed out of the model-facing prose.
+		*
+		* A catalog whose source carries no usable entries falls through to the opaque
+		* body, so an older or hand-edited log still shows its text.
+		* @param props - Durable content, its source, and the locale seat.
+		* @returns The catalog context body, or the opaque body when the entry list is
+		* unreadable.
+		*/
+		function CatalogBody({ content, source, t }) {
+			const entries = catalogEntries(source);
+			if (entries === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpaqueBody, {
+				content,
+				source,
+				t
+			});
+			const update = asRecord(source)?.["update"] === true;
+			const shown = entries.slice(0, MAX_ENTRIES);
+			const rest = unknownBlocks(content);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				update && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: ContextBody_module_css_default.catalogNotice,
+					"data-context-catalog-update": true,
+					children: t("message.context.catalog.replaced")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+					className: ContextBody_module_css_default.entries,
+					"data-context-entries": true,
+					children: shown.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+						className: ContextBody_module_css_default.entry,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+							className: ContextBody_module_css_default.entryName,
+							children: entry.name
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: ContextBody_module_css_default.entryDescription,
+							children: entry.description
+						})]
+					}, index))
+				}),
+				shown.length < entries.length && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: ContextBody_module_css_default.catalogNotice,
+					"data-context-entries-truncated": true,
+					children: t("message.context.catalog.more", { count: entries.length - shown.length })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnknownBlocks, {
+					blocks: rest,
+					t
+				})
+			] });
+		}
+		/** Snapshot sections read off the source, or null when the record is unusable. */
+		function snapshotSections(source) {
+			const record = asRecord(source);
+			const list = record === null ? void 0 : record["sections"];
+			if (!Array.isArray(list)) return null;
+			const sections = [];
+			for (const item of list) {
+				const section = asRecord(item);
+				if (section === null) return null;
+				const name = section["name"];
+				const text = section["text"];
+				if (typeof name !== "string" || name === "" || typeof text !== "string") return null;
+				sections.push({
+					name,
+					text
+				});
+			}
+			return sections.length === 0 ? null : sections;
+		}
+		/**
+		* `snapshot` form: the named contributions this snapshot assembled, in order.
+		*
+		* The sections are the same bytes the model read, split at the boundaries the
+		* producer assembled them on, so a reader sees which subsystem contributed
+		* which state instead of one undifferentiated wall.
+		*
+		* One sentence of the model-facing text is NOT in any section: the producer's
+		* framing line declaring that this snapshot supersedes earlier ones. Unlike the
+		* `<system-reminder>` wrapper an instruction context carries — which wraps
+		* content and cannot be separated from it — that line states the form's own
+		* semantics, so the body states them as a caption instead of reprinting the
+		* joined prose beside the sections it was split from.
+		* @param props - Durable content, its source, and the locale seat.
+		* @returns The snapshot context body, or the opaque body when unreadable.
+		*/
+		function SnapshotBody({ content, source, t }) {
+			const sections = snapshotSections(source);
+			/* v8 ignore next -- contextBody reads the sections before choosing this body. */
+			if (sections === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpaqueBody, {
+				content,
+				source,
+				t
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: ContextBody_module_css_default.catalogNotice,
+				"data-context-snapshot-supersedes": true,
+				children: t("message.context.snapshot.supersedes")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dl", {
+				className: ContextBody_module_css_default.sections,
+				"data-context-sections": true,
+				children: sections.map((section, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ContextBody_module_css_default.section,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+						className: ContextBody_module_css_default.sectionName,
+						children: section.name
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+						className: ContextBody_module_css_default.sectionText,
+						children: boundedText(section.text, t)
+					})]
+				}, index))
+			})] });
+		}
+		/**
+		* `notice` form: what just happened, with the model-facing text beneath it.
+		*
+		* The one-line account also rides the collapsed row ({@link contextBody}), so a
+		* notice is usually readable without expanding at all.
+		* @param props - Durable content, its source, and the locale seat.
+		* @returns The notice context body.
+		*/
+		function NoticeBody({ content, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelFacingContent, {
+				content,
+				t
+			});
+		}
+		/**
+		* `relay` form: which agent sent this, then what it said.
+		*
+		* The sender is an opaque session id; it is shown as a field rather than a
+		* label, because this client cannot resolve it to a title.
+		* @param props - Durable content, its source, and the locale seat.
+		* @returns The relay context body.
+		*/
+		function RelayBody({ content, source, t }) {
+			const sender = relaySender(source);
+			/* v8 ignore next -- contextBody resolves the sender before choosing this body. */
+			if (sender === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpaqueBody, {
+				content,
+				source,
+				t
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: ContextBody_module_css_default.relaySender,
+				"data-context-relay-sender": true,
+				children: t("message.context.relay.from", { session: sender })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelFacingContent, {
+				content,
+				t
+			})] });
+		}
+		/** The sending agent's session id, or null when the record does not name one. */
+		function relaySender(source) {
+			const sender = asRecord(source)?.["senderSessionId"];
+			return typeof sender === "string" && sender !== "" ? sender : null;
+		}
+		/** Recalled sessions read off the source, or null when the record is unusable. */
+		function recalledSessions(source) {
+			const record = asRecord(source);
+			const list = record === null ? void 0 : record["references"];
+			if (!Array.isArray(list)) return null;
+			const sessions = [];
+			for (const item of list) {
+				const reference = asRecord(item);
+				if (reference === null) return null;
+				const label = reference["label"];
+				const retained = reference["retainedMessages"];
+				const omitted = reference["omittedMessages"];
+				const truncated = reference["truncated"];
+				if (typeof label !== "string" || label === "" || typeof retained !== "number" || typeof omitted !== "number" || typeof truncated !== "boolean") return null;
+				sessions.push({
+					label,
+					retained,
+					omitted,
+					truncated
+				});
+			}
+			return sessions.length === 0 ? null : sessions;
+		}
+		/**
+		* `recall` form: which sessions this material came from and how much of each
+		* survived the read, then the material itself.
+		*
+		* Completeness is the fact a reader needs first: recalled context is bounded on
+		* the way in, so a card that hid the omitted count would overstate what the
+		* model received.
+		* @param props - Durable content, its source, and the locale seat.
+		* @returns The recall context body, or the opaque body when unreadable.
+		*/
+		function RecallBody({ content, source, t }) {
+			const sessions = recalledSessions(source);
+			if (sessions === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpaqueBody, {
+				content,
+				source,
+				t
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: ContextBody_module_css_default.recalls,
+				"data-context-recalls": true,
+				children: sessions.map((session, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+					className: ContextBody_module_css_default.recall,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: ContextBody_module_css_default.recallLabel,
+							children: session.label
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: ContextBody_module_css_default.recallCounts,
+							children: t("message.context.recall.counts", {
+								retained: session.retained,
+								omitted: session.omitted
+							})
+						}),
+						session.truncated && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: ContextBody_module_css_default.recallCounts,
+							children: t("message.context.recall.truncated")
+						})
+					]
+				}, index))
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelFacingContent, {
+				content,
+				t
+			})] });
+		}
+		/** The one-line account a `notice` puts on its collapsed row, when it records one. */
+		function noticeSummary(source) {
+			const summary = asRecord(source)?.["summary"];
+			return typeof summary === "string" && summary !== "" ? summary : null;
+		}
+		/**
+		* Choose the body for one context node.
+		*
+		* Returns the form the body actually rendered as, which is not always the
+		* declared one: a declared form whose fields are unreadable falls back to
+		* opaque, and the caller labels the row with what it really shows.
+		* `summary` is the collapsed row's one-line account, which only a `notice`
+		* records: its whole point is being readable without expanding.
+		* @param form - the producer-declared form projected onto the node.
+		* @param props - durable content, its source, and the locale seat.
+		* @returns the rendered form (null for opaque), its collapsed summary, and its body.
+		*/
+		function contextBody(form, props) {
+			const opaque = {
+				rendered: null,
+				summary: null,
+				body: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpaqueBody, { ...props })
+			};
+			switch (form) {
+				case "instructions": return instructionChanges(props.source) === null ? opaque : {
+					rendered: "instructions",
+					summary: null,
+					body: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstructionsBody, { ...props })
+				};
+				case "catalog": return catalogEntries(props.source) === null ? opaque : {
+					rendered: "catalog",
+					summary: null,
+					body: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CatalogBody, { ...props })
+				};
+				case "snapshot": return snapshotSections(props.source) === null ? opaque : {
+					rendered: "snapshot",
+					summary: null,
+					body: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapshotBody, { ...props })
+				};
+				case "notice": {
+					const summary = noticeSummary(props.source);
+					return summary === null ? opaque : {
+						rendered: "notice",
+						summary,
+						body: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoticeBody, { ...props })
+					};
+				}
+				case "relay": return relaySender(props.source) === null ? opaque : {
+					rendered: "relay",
+					summary: null,
+					body: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RelayBody, { ...props })
+				};
+				case "recall": return recalledSessions(props.source) === null ? opaque : {
+					rendered: "recall",
+					summary: null,
+					body: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecallBody, { ...props })
+				};
+				case null: return opaque;
+				/* v8 ignore next 4 -- closed-union backstop; the compiler rejects a new
+				KnownContextForm here rather than letting it degrade to opaque silently. */
+				default: throw new Error(`unreachable context form: ${String(form)}`);
+			}
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/ContextInjectionRow.module.css.mjs
+		const css$3 = ".zwBaJG_root{min-width:0}.zwBaJG_root[data-open]{padding-bottom:4px}.zwBaJG_chevron{color:var(--dsw-alias-label-secondary)}.zwBaJG_sep{background:var(--dsw-alias-label-caption);border-radius:1px;flex:none;width:2px;height:2px;margin:0 8px}.zwBaJG_source{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:14px;line-height:24px;overflow:hidden}.zwBaJG_summary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:24px;overflow:hidden}.zwBaJG_body{box-sizing:border-box;background:var(--dsw-alias-markdown-code-block);width:calc(100% - 22px);max-height:141px;color:var(--dsw-alias-label-tertiary);font:400 11px/16px var(--ds-font-family-code);border:none;border-radius:8px;margin:4px 0 0 22px;padding:10px 16px 12px 12px;overflow:auto}";
+		const tagId$3 = "@morlay/ui-conversation-message-actions/ContextInjectionRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
+			document.head.appendChild(tag);
+		}
+		var ContextInjectionRow_module_css_default = {
+			"sep": "zwBaJG_sep",
+			"body": "zwBaJG_body",
+			"chevron": "zwBaJG_chevron",
+			"root": "zwBaJG_root",
+			"summary": "zwBaJG_summary",
+			"source": "zwBaJG_source"
+		};
+		//#endregion
+		//#region src/client/chat-node/ContextInjectionRow.tsx
+		/**
+		* Render logged context with the Tool calls disclosure chrome from Figma.
+		*
+		* The header names the role the context plays and, beside it, the producer the
+		* durable source identifies, so a reader can tell an injected skill catalog
+		* from a workspace instruction file or a recalled session without expanding.
+		* The expanded body follows the producer-declared form; an absent or unknown
+		* form renders the opaque body.
+		* @param props - Durable content, its projected producer role/name and form, and the locale seat.
+		* @returns A collapsed context row with a bounded, form-specific body.
+		*/
+		function ContextInjectionRow({ content, source, provenance, form, t }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const { rendered, summary, body } = contextBody(form, {
+				content,
+				source,
+				t
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+				className: ContextInjectionRow_module_css_default.root,
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconBrowseOutline16, { size: 14 }),
+				chevronClassName: ContextInjectionRow_module_css_default.chevron,
+				title: t(provenance.role === "recall" ? "message.contextRecall" : "message.contextInjection"),
+				collapsedContent: provenance.label === null ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ContextInjectionRow_module_css_default.sep,
+						"aria-hidden": true
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ContextInjectionRow_module_css_default.source,
+						"data-context-source": true,
+						children: provenance.label
+					}),
+					summary !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ContextInjectionRow_module_css_default.sep,
+						"aria-hidden": true
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ContextInjectionRow_module_css_default.summary,
+						"data-context-summary": true,
+						children: summary
+					})] })
+				] }),
+				keepContentWhenOpen: true,
+				open,
+				expandable: true,
+				expandOnRowClick: true,
+				onToggle: () => {
+					setOpen((value) => !value);
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: ContextInjectionRow_module_css_default.body,
+					"data-context-injection-body": true,
+					"data-context-form": rendered ?? void 0,
+					children: body
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/chat-node/message-chrome.ts
+		function pad2(n) {
+			return String(n).padStart(2, "0");
+		}
+		/**
+		* Local calendar-day epoch (ms at local midnight) for an instant.
+		* @param ms - Unix epoch ms.
+		* @returns Midnight of that local calendar day.
+		*/
+		function startOfLocalDay(ms) {
+			const d = new Date(ms);
+			d.setHours(0, 0, 0, 0);
+			return d.getTime();
+		}
+		/**
+		* Delay until the next local midnight after `ms` (at least 1ms).
+		* @param ms - Unix epoch ms.
+		* @returns Milliseconds until the following local midnight.
+		*/
+		function msUntilNextLocalMidnight(ms) {
+			const next = new Date(ms);
+			next.setHours(24, 0, 0, 0);
+			return Math.max(next.getTime() - ms, 1);
+		}
+		/**
+		* Localized elapsed-time label shared by running and settled turn chrome.
+		* @param ms - Elapsed duration in milliseconds (negatives clamp to zero).
+		* @param t - Translate seat supplying the duration templates.
+		* @returns Display string in whole seconds.
+		*/
+		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 });
+		}
+		/**
+		* Sub-turn latency figure: one decimal under ten seconds, whole seconds
+		* beyond. Unit-less so the locale template owns the second suffix.
+		* @param ms - Latency in milliseconds (negatives clamp to zero).
+		* @returns Display number in seconds without unit.
+		*/
+		function formatLatencySeconds(ms) {
+			const s = Math.max(0, ms) / 1e3;
+			return s < 10 ? String(Math.round(s * 10) / 10) : String(Math.round(s));
+		}
+		/**
+		* Decode-throughput figure: whole tokens from ten up, one decimal below.
+		* @param tps - Tokens per second.
+		* @returns Display number without unit.
+		*/
+		function formatTokensPerSecond(tps) {
+			const clamped = Math.max(0, tps);
+			return clamped >= 10 ? String(Math.round(clamped)) : String(Math.round(clamped * 10) / 10);
+		}
+		/**
+		* Compact local timestamp for message IconActions. Same calendar day →
+		* `HH:mm`; earlier this year → the `clock.md` date template + clock; other
+		* years → the `clock.ymd` template + clock. Pure: the date templates arrive
+		* through the caller's locale seat.
+		* @param time - Unix epoch ms from the source session event.
+		* @param t - translate seat supplying the `clock.md` / `clock.ymd` templates.
+		* @param now - Reference instant for the day/year cut (defaults to wall clock).
+		* @returns Date-aware clock string (24-hour, zero-padded time).
+		*/
+		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
+		/**
+		* Local calendar-day epoch that advances at each local midnight.
+		* @returns Midnight ms for the current local day; updates after the boundary.
+		*/
+		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 \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/MessageIconActions.module.css.mjs
+		const css$2 = ".lKOSUG_actions{align-items:center;gap:10px;height:28px;display:flex}.lKOSUG_timeStart{color:var(--dsw-alias-label-tertiary);white-space:nowrap;padding-right:12px;font-size:14px;line-height:24px}.lKOSUG_timeEnd{color:var(--dsw-alias-label-tertiary);white-space:nowrap;padding-left:12px;font-size:14px;line-height:24px}.lKOSUG_runTimeDot{margin:0 10px}@media (hover:hover){[data-time-hover-root] :is(.lKOSUG_timeStart,.lKOSUG_timeEnd){opacity:0;transition:opacity 80ms}[data-time-hover-root]:hover :is(.lKOSUG_timeStart,.lKOSUG_timeEnd),[data-time-hover-root]:focus-within :is(.lKOSUG_timeStart,.lKOSUG_timeEnd){opacity:1}}.lKOSUG_action{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.lKOSUG_action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.lKOSUG_action[data-unavailable]{cursor:default;opacity:.4}.lKOSUG_action[data-unavailable]:hover{color:var(--dsw-alias-label-tertiary);background:0 0}.lKOSUG_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}";
+		const tagId$2 = "@morlay/ui-conversation-message-actions/MessageIconActions.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var MessageIconActions_module_css_default = {
+			"actions": "lKOSUG_actions",
+			"action": "lKOSUG_action",
+			"timeEnd": "lKOSUG_timeEnd",
+			"timeStart": "lKOSUG_timeStart",
+			"runTimeDot": "lKOSUG_runTimeDot",
+			"visuallyHidden": "lKOSUG_visuallyHidden"
+		};
+		//#endregion
+		//#region src/client/chat-node/MessageIconActions.tsx
+		/**
+		* Copy / branch (/ clock) IconActions row shared by user and assistant chrome.
+		* @param props - Copy text, event time, clock side, branch callback, className.
+		* @returns The actions row element.
+		*/
+		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", {
+				className: clock === "start" ? MessageIconActions_module_css_default.timeStart : MessageIconActions_module_css_default.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", {
+							className: MessageIconActions_module_css_default.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", {
+							className: MessageIconActions_module_css_default.runTimeDot,
+							"aria-hidden": true,
+							children: "·"
+						}),
+						" ",
+						t("message.ttft", { seconds: formatLatencySeconds(ttftMs) })
+					] }),
+					tokensPerSecond !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MessageIconActions_module_css_default.runTimeDot,
+							"aria-hidden": true,
+							children: "·"
+						}),
+						" ",
+						t("message.tokensPerSecond", { tps: formatTokensPerSecond(tokensPerSecond) })
+					] })
+				]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: className === void 0 ? MessageIconActions_module_css_default.actions : `${MessageIconActions_module_css_default.actions} ${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",
+							className: MessageIconActions_module_css_default.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",
+							className: MessageIconActions_module_css_default.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",
+							className: MessageIconActions_module_css_default.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",
+							className: MessageIconActions_module_css_default.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,
+						className: MessageIconActions_module_css_default.visuallyHidden,
+						children: t("message.branchUnavailable")
+					}),
+					clock === "end" ? clockEl : null
+				]
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/MessageEditDialog.module.css.mjs
+		const css$1 = "._7VqDXa_input{box-sizing:border-box;width:100%;min-height:96px;font:inherit;border:1px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-specific-input-major);box-shadow:var(--dsw-shadow-lv2);color:var(--dsw-text,inherit);resize:none;border-radius:22px;padding:10px 16px;font-size:16px;line-height:24px;overflow-y:auto}._7VqDXa_actions{justify-content:flex-end;gap:8px;display:flex}";
+		const tagId$1 = "@morlay/ui-conversation-message-actions/MessageEditDialog.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var MessageEditDialog_module_css_default = {
+			"actions": "_7VqDXa_actions",
+			"input": "_7VqDXa_input"
+		};
+		//#endregion
+		//#region src/client/chat-node/MessageEditDialog.tsx
+		/**
+		* 消息编辑弹窗：与 dsh settings 同风格的 Modal（@deepseek-ai/dsh-client-ui-primitives）。
+		* 输入框复用 composer-card 的视觉（InputBar 同款 border/radius/surface/阴影
+		* token）与自动增长交互。保存成功后关闭；失败保持打开。
+		*/
+		const BLOCK_TITLE = {
+			user: "编辑用户消息",
+			"assistant.reasoning": "编辑助手思考",
+			"assistant.response": "编辑助手回复"
+		};
+		/** 编辑弹窗：调用 onSave 保存；返回 true 关闭，false 保持打开。 */
+		function MessageEditDialog({ block, onSave, onClose }) {
+			const [text, setText] = (0, react.useState)(block.text);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const inputRef = (0, react.useRef)(null);
+			/** composer-card 式自动增长：高度随内容（scrollHeight）自适应。 */
+			const autosize = () => {
+				const el = inputRef.current;
+				if (el === null) return;
+				el.style.height = "auto";
+				el.style.height = `${el.scrollHeight}px`;
+			};
+			const save = () => {
+				if (saving) return;
+				setSaving(true);
+				onSave(text).then((applied) => {
+					if (applied) onClose();
+					else setSaving(false);
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: true,
+				onClose,
+				title: BLOCK_TITLE[block.kind],
+				closeLabel: "关闭",
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MessageEditDialog_module_css_default.actions,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "outline",
+						onClick: onClose,
+						disabled: saving,
+						children: "取消"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						onClick: save,
+						disabled: saving,
+						children: saving ? "保存中…" : "保存"
+					})]
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+					ref: inputRef,
+					className: MessageEditDialog_module_css_default.input,
+					value: text,
+					onChange: (event) => {
+						setText(event.target.value);
+						autosize();
+					},
+					autoFocus: true,
+					rows: 4
+				})
+			});
+		}
+		//#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(""),
+				images,
+				rest
+			};
+		}
+		function retrySeconds(milliseconds) {
+			return Math.max(1, Math.ceil(milliseconds / 1e3));
+		}
+		function ModelRetryItem({ node, active, t }) {
+			const deadline = (0, react.useMemo)(() => Date.now() + node.delayMs, [node.delayMs, node.seq]);
+			const scheduledSeconds = retrySeconds(node.delayMs);
+			const maximum = node.mode === "normal" ? node.maxRetries : "∞";
+			const [countdown, setCountdown] = (0, react.useState)(() => ({
+				deadline,
+				seconds: retrySeconds(deadline - Date.now())
+			}));
+			const remainingSeconds = countdown.deadline === deadline ? countdown.seconds : retrySeconds(deadline - Date.now());
+			(0, react.useEffect)(() => {
+				if (!active) return;
+				const updateCountdown = () => {
+					const next = retrySeconds(deadline - Date.now());
+					setCountdown((current) => current.deadline === deadline && current.seconds === next ? current : {
+						deadline,
+						seconds: next
+					});
+					return next;
+				};
+				if (updateCountdown() === 1) return;
+				const timer = window.setInterval(() => {
+					if (updateCountdown() === 1) window.clearInterval(timer);
+				}, 250);
+				return () => {
+					window.clearInterval(timer);
+				};
+			}, [active, deadline]);
+			const label = active ? t("message.retry.active") : node.retryState === "cancelled" ? t("message.retry.cancelled") : node.retryState === "started" ? t("message.retry.started") : t("message.retry.scheduled");
+			const seconds = active ? remainingSeconds : scheduledSeconds;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+				className: MessageItem_module_css_default.retryRow,
+				"data-active": active || void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+					className: MessageItem_module_css_default.retrySummary,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: MessageItem_module_css_default.retryText,
+						role: "status",
+						children: t("message.retry.status", {
+							label,
+							retry: node.retry,
+							maximum,
+							seconds
+						})
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MessageItem_module_css_default.retryDetails,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MessageItem_module_css_default.retryDetailLabel,
+							children: t("message.retry.delay")
+						}),
+						Math.round(node.delayMs),
+						"ms"
+					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: MessageItem_module_css_default.retryDetailLabel,
+						children: t("message.retry.failure")
+					}), node.failure.message] })]
+				})]
+			});
+		}
+		/** Persistent, turn-positioned feedback for a terminal failure. */
+		function TurnErrorItem({ node, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageItem_module_css_default.turnErrorRow,
+				role: "status",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
+						state: "error",
+						className: MessageItem_module_css_default.turnErrorDot
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: MessageItem_module_css_default.turnErrorCopy,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MessageItem_module_css_default.turnErrorTitle,
+							children: t("message.turnError")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: MessageItem_module_css_default.turnErrorMessage,
+							children: node.message
+						})]
+					}),
+					node.code !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						className: MessageItem_module_css_default.turnErrorCode,
+						children: node.code
+					})
+				]
+			});
+		}
+		/** Persistent, turn-positioned notice for a turn ended at the output-token cap. */
+		function TurnMaxTokensItem({ t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageItem_module_css_default.turnErrorRow,
+				role: "status",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
+					state: "warning",
+					className: MessageItem_module_css_default.turnErrorDot
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MessageItem_module_css_default.turnErrorCopy,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: MessageItem_module_css_default.maxTokensTitle,
+						children: t("message.maxTokens")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: MessageItem_module_css_default.turnErrorMessage,
+						children: t("message.maxTokens.hint")
+					})]
+				})]
+			});
+		}
+		/**
+		* Display projection of reference forms in a user bubble (free geometry — no
+		* textarea alignment constraint here); everything else stays plain text. The
+		* logged model text remains the single truth; this is presentation only.
+		* Plain-text `/name` / `@name` word-boundary tokens decorate (the sent text
+		* IS the reference — the bubble uses the same plainest token
+		* scan as the composer, minus the lexicon: sent tokens were validated at
+		* compose time, so shape alone decorates).
+		*/
+		function projectUserText(text) {
+			const re = /(^|\s)([/@][\w-]+)(?=\s|$)/g;
+			const parts = [];
+			let cursor = 0;
+			let m;
+			while ((m = re.exec(text)) !== null) {
+				const tokenStart = m.index + (m[1]?.length ?? 0);
+				const label = m[2] ?? "";
+				if (tokenStart > cursor) parts.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MessageText, { text: text.slice(cursor, tokenStart) }, cursor));
+				parts.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: MessageItem_module_css_default.refChip,
+					"data-ref-chip": label.startsWith("@") ? "subagent" : "skill",
+					children: label
+				}, tokenStart));
+				cursor = tokenStart + label.length;
+			}
+			if (parts.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MessageText, { text });
+			if (cursor < text.length) parts.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MessageText, { text: text.slice(cursor) }, cursor));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: parts });
+		}
+		/** Right-aligned bubble shared by user and steering rows. */
+		function UserStyleBubble({ content, renderMessageImages, actions, pending = false, t }) {
+			const { text, images, rest } = contentParts(content);
+			const truncated = (total) => t("json.truncated", { total });
+			const showBubble = text !== "" || rest.length > 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: MessageItem_module_css_default.userRow,
+				"data-pending-steering": pending || void 0,
+				"data-time-hover-root": true,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: MessageItem_module_css_default.userStack,
+					children: [renderMessageImages({
+						images,
+						align: "end"
+					}), showBubble && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: MessageItem_module_css_default.bubble,
+						children: [projectUserText(text), 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)]
+			});
+		}
+		/** User and admitted-steering keyed Chat renderer. */
+		const UserMessageNodeView = (0, react.memo)(function UserMessageNodeView({ node, renderMessageImages, t, edit, retry }) {
+			const data = node.data;
+			const [editing, setEditing] = (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 || turn === void 0 ? void 0 : () => {
+				setEditing({
+					key: `${node.anchorSeq}:${String(textBlockIndex)}`,
+					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: [
+				editing !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageEditDialog, {
+					block: editing,
+					onSave: (text) => edit(editing, text, "truncate"),
+					onClose: () => setEditing(null)
+				}),
+				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", {
+						className: MessageItem_module_css_default.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,
+					t,
+					actions: (text) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageIconActions, {
+						text,
+						time: data.time,
+						clock: "start",
+						className: MessageItem_module_css_default.actions,
+						t,
+						onEdit,
+						onRetry
+					})
+				})
+			] });
+		});
+		/** Injected-context keyed Chat renderer. */
+		const ContextMessageNodeView = (0, react.memo)(function ContextMessageNodeView({ node, t }) {
+			const data = node.data;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextInjectionRow, {
+				content: data.content,
+				source: data.source,
+				provenance: data.provenance,
+				form: data.form,
+				t
+			});
+		});
+		/** Automatic compaction keyed Chat renderer. */
+		const CompactionNodeView = (0, react.memo)(function CompactionNodeView({ node, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompactionItem, {
+				node: node.data,
+				t
+			});
+		});
+		/** Correlated retry-chain keyed Chat renderer. */
+		const RetryNodeView = (0, react.memo)(function RetryNodeView({ node, t }) {
+			const data = node.data;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelRetryItem, {
+				node: data.current,
+				active: data.current.retryState === "scheduled",
+				t
+			});
+		});
+		/** Terminal turn-error keyed Chat renderer. */
+		const TurnErrorNodeView = (0, react.memo)(function TurnErrorNodeView({ node, t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TurnErrorItem, {
+				node: node.data,
+				t
+			});
+		});
+		/** Max-tokens turn-end notice keyed Chat renderer. */
+		const TurnMaxTokensNodeView = (0, react.memo)(function TurnMaxTokensNodeView({ t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TurnMaxTokensItem, { t });
+		});
+		/** Explicit unknown-surface keyed Chat renderer. */
+		const UnknownNodeView = (0, react.memo)(function UnknownNodeView({ node, t }) {
+			const data = node.data;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: MessageItem_module_css_default.contextRow,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.JsonBlock, {
+					label: t("message.unknownSurface", { type: data.type }),
+					payload: data.data,
+					truncatedLabel: (total) => t("json.truncated", { total })
+				})
+			});
+		});
+		//#endregion
+		//#region src/client/chat-node/turn-assistant.ts
+		/**
+		* Collect visible prose from one Assistant lifecycle.
+		* @param blocks - Assistant content blocks.
+		* @returns concatenated text blocks.
+		*/
+		function assistantText(blocks) {
+			return blocks.flatMap((block) => block.kind === "text" ? [block.text] : []).join("");
+		}
+		//#endregion
+		//#region \0dsh-css:/Users/morlay/src/github.com/morlay/better-session/packages/ui-conversation-message-actions/src/client/chat-node/TurnTailNodeView.module.css.mjs
+		const css = ".ua5Kda_root{flex-direction:column;gap:16px;display:flex}.ua5Kda_actions{margin-left:-6px}";
+		const tagId = "@morlay/ui-conversation-message-actions/TurnTailNodeView.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@morlay/ui-conversation-message-actions";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var TurnTailNodeView_module_css_default = {
+			"actions": "ua5Kda_actions",
+			"root": "ua5Kda_root"
+		};
+		//#endregion
+		//#region src/client/chat-node/TurnTailNodeView.tsx
+		/**
+		* Turn-local actions over the Location index, independent of Assistant
+		* placement.
+		*
+		* 注意：本 renderer 是 `conversation.chat.node` 的 shadow 注册（priority -1），
+		* 而 `renderSlotChain` / `renderSlot` 只在注册声明了对应 children 时由 slot
+		* 链传入——turnTail / assistant-actions 的 children 已被上游（ui-conversation）
+		* 声明，shadow 注册再声明会抛「already declared」，因此这里不消费子 slot。
+		*
+		* 编辑 / 重试按钮只挂在 **user 消息**（UserMessageNodeView）上，助手尾部不
+		* 提供（避免对未闭合/无 user 输入的轮次误触）。
+		*/
+		const TurnTailNodeView = (0, react.memo)(function TurnTailNodeView({ node, forkAt, t, useSession }) {
+			const data = node.data;
+			const hasLaterChatNode = useSession((snapshot) => snapshot.chat.locations.getTurn(data.turn).at(-1) !== node.key);
+			const turn = node.location.kind === "turn" || node.location.kind === "step" ? node.location.turn : void 0;
+			if (turn === void 0) return null;
+			const closing = data.closing;
+			if (closing === null) return null;
+			const runMs = turn.start === void 0 || turn.end === void 0 ? void 0 : Math.max(0, turn.end.time - turn.start.time);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: TurnTailNodeView_module_css_default.root,
+				"data-turn-tail": data.turn,
+				"data-time-hover-root": true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageIconActions, {
+					text: assistantText(closing.blocks),
+					time: closing.time,
+					runMs,
+					ttftMs: data.ttftMs,
+					tokensPerSecond: data.tokensPerSecond,
+					clock: "end",
+					onBranch: () => {
+						forkAt(closing.finalNode.seq);
+					},
+					branchUnavailable: data.branchUnavailable || hasLaterChatNode,
+					className: TurnTailNodeView_module_css_default.actions,
+					t
+				})
+			});
+		});
+		//#endregion
+		//#region src/client/chat-node/register.ts
+		/** `conversation` 字典命名空间（与上游一致）。 */
+		const NS = "conversation";
+		/** 注册全部 chat-node key；priority -1 替换上游渲染。 */
+		function registerChatNodeRenderers(ctx, controllerFor) {
+			const inject = (sessionId) => controllerFor(sessionId).face;
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "user",
+				locale: NS,
+				priority: -1,
+				inject
+			}, UserMessageNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "steering",
+				locale: NS,
+				priority: -1,
+				inject
+			}, UserMessageNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "context",
+				locale: NS,
+				priority: -1,
+				inject
+			}, ContextMessageNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "assistant-step",
+				locale: NS,
+				priority: -1,
+				inject
+			}, AssistantNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "command",
+				locale: NS,
+				priority: -1,
+				inject
+			}, CommandNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "manual-compaction",
+				locale: NS,
+				priority: -1,
+				inject
+			}, ManualCompactionNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "compaction",
+				locale: NS,
+				priority: -1,
+				inject
+			}, CompactionNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "model-retry",
+				locale: NS,
+				priority: -1,
+				inject
+			}, RetryNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "turn-error",
+				locale: NS,
+				priority: -1,
+				inject
+			}, TurnErrorNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "turn-max-tokens",
+				locale: NS,
+				priority: -1,
+				inject
+			}, TurnMaxTokensNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "turn-tail",
+				locale: NS,
+				priority: -1,
+				inject
+			}, TurnTailNodeView);
+			ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "unknown",
+				locale: NS,
+				priority: -1,
+				inject
+			}, UnknownNodeView);
+		}
+		//#endregion
+		//#region src/client/cleanse-session-action.tsx
+		/**
+		* 会话头部「清洗会话」入口。
+		*
+		* 仅当会话历史加载失败（会话 snapshot 的 `openState === "error"`）时渲染：
+		* 点击调用服务端 cleanse,把该会话的 sourceEventSeqs / surfaceOp /
+		* shadowedRange 坐标一次性重写为稠密空间,成功后客户端 resync 重新加载
+		* 历史。注入面来自 `SessionEditorFace`(hooks → `useSessionEditor`,
+		* 方法 → `cleanse`)。
+		*/
+		/**
+		* 历史加载失败时显示「清洗会话」按钮。
+		* @param props - 注入的 selector 钩子与清洗方法。
+		* @returns 按钮元素；会话未处于错误状态时返回 null。
+		*/
+		function CleanseSessionAction({ useSessionEditor, cleanse }) {
+			const openError = useSessionEditor((s) => s.sessionOpenError);
+			const cleansing = useSessionEditor((s) => s.pending === "cleanse");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const onClick = (0, react.useCallback)(() => {
+				setBusy(true);
+				cleanse().finally(() => setBusy(false));
+			}, [cleanse]);
+			if (!openError) return null;
+			const working = busy || cleansing;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				variant: "outline",
+				size: "sm",
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline16, {}),
+				onClick,
+				disabled: working,
+				title: "清洗会话：把 provenance 坐标重写为稠密空间，修复历史加载失败",
+				children: working ? "清洗中…" : "清洗会话"
+			});
+		}
+		//#endregion
+		//#region src/client/index.ts
+		const inject = [
+			"slots",
+			"conversation",
+			"connection",
+			"sessions"
+		];
+		/** 注册 UI 贡献 + chat-node renderer，共享同一 per-session controller。 */
+		function apply(ctx) {
+			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.register({
+				name: "conversation.session.header.actions",
+				id: "session-editor.cleanse",
+				priority: -1,
+				inject: (sessionId) => controllerFor(sessionId).face
+			}, CleanseSessionAction);
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map