@morlay/ui-conversation-message-actions 0.0.11 → 0.0.13

package/dist/client.js

@@ -0,0 +1,831 @@
+window.__ModuleLoader__.load({
+	id: "@morlay/ui-conversation-message-actions",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+		require("@deepseek-ai/dsh-client-ui-conversation/client");
+		require("@deepseek-ai/dsh-client-ui-chat/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
+		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) {
+			return [
+				snapshot.openState,
+				snapshot.removed,
+				snapshot.hasMore
+			].join("|");
+		}
+		var SessionEditorController = class {
+			sessionId;
+			store = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({
+				status: "idle",
+				error: null,
+				pending: null,
+				timeline: null
+			});
+			face;
+			ctx;
+			sessions;
+			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
+					}),
+					importSession: (file) => this.importSession(file),
+					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.sessionSourceDispose = source?.subscribe(() => {
+					this.invalidate();
+				});
+			}
+			invalidate() {
+				if (this.disposed || this.store.getSnapshot().status === "idle") return;
+				this.load();
+			}
+			release() {
+				this.users -= 1;
+				if (this.users <= 0) this.dispose();
+			}
+			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				this.sessionSourceDispose?.();
+				this.sessionSourceDispose = void 0;
+				this.sessionSource = void 0;
+				this.sessionRevision = void 0;
+			}
+			revive() {
+				this.disposed = false;
+				this.observe();
+				this.load();
+			}
+			async load() {
+				if (this.disposed) return;
+				this.store.update((state) => {
+					state.status = "loading";
+					state.error = null;
+				});
+				try {
+					const response = await fetch(`${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;
+				}
+			}
+			async importSession(file) {
+				if (this.store.getSnapshot().pending !== null) return false;
+				this.store.update((state) => {
+					state.pending = "import";
+					state.error = null;
+				});
+				try {
+					const zip = await new Promise((resolve, reject) => {
+						const reader = new FileReader();
+						reader.onload = () => {
+							const dataUrl = typeof reader.result === "string" ? reader.result : "";
+							const comma = dataUrl.indexOf(",");
+							resolve(comma < 0 ? dataUrl : dataUrl.slice(comma + 1));
+						};
+						reader.onerror = () => reject(reader.error ?? /* @__PURE__ */ new Error("failed to read the selected file"));
+						reader.readAsDataURL(file);
+					});
+					const response = await fetch("/api/session.import", {
+						method: "POST",
+						headers: {
+							accept: "application/json",
+							"content-type": "application/json"
+						},
+						body: JSON.stringify({
+							zip,
+							sessionId: this.sessionId
+						})
+					});
+					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;
+					});
+					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/message-chrome.ts
+		function pad2(n) {
+			return String(n).padStart(2, "0");
+		}
+		function startOfLocalDay(ms) {
+			const d = new Date(ms);
+			d.setHours(0, 0, 0, 0);
+			return d.getTime();
+		}
+		function msUntilNextLocalMidnight(ms) {
+			const next = new Date(ms);
+			next.setHours(24, 0, 0, 0);
+			return Math.max(next.getTime() - ms, 1);
+		}
+		function formatRunDuration(ms, t) {
+			const total = Math.max(0, Math.floor(ms / 1e3));
+			const minutes = Math.floor(total / 60);
+			const seconds = total % 60;
+			return minutes > 0 ? t("duration.minutes", {
+				minutes,
+				seconds: String(seconds).padStart(2, "0")
+			}) : t("duration.seconds", { seconds });
+		}
+		function formatLatencySeconds(ms) {
+			const s = Math.max(0, ms) / 1e3;
+			return s < 10 ? String(Math.round(s * 10) / 10) : String(Math.round(s));
+		}
+		function formatTokensPerSecond(tps) {
+			const clamped = Math.max(0, tps);
+			return clamped >= 10 ? String(Math.round(clamped)) : String(Math.round(clamped * 10) / 10);
+		}
+		function formatMessageClock(time, t, now = Date.now()) {
+			const d = new Date(time);
+			const n = new Date(now);
+			const clock = `${pad2(d.getHours())}:${pad2(d.getMinutes())}`;
+			if (d.getFullYear() === n.getFullYear() && d.getMonth() === n.getMonth() && d.getDate() === n.getDate()) return clock;
+			const params = {
+				y: d.getFullYear(),
+				m: d.getMonth() + 1,
+				d: d.getDate()
+			};
+			return `${d.getFullYear() === n.getFullYear() ? t("clock.md", params) : t("clock.ymd", params)} ${clock}`;
+		}
+		//#endregion
+		//#region src/client/chat-node/use-calendar-day.ts
+		function useCalendarDay() {
+			const [day, setDay] = (0, react.useState)(() => startOfLocalDay(Date.now()));
+			(0, react.useEffect)(() => {
+				let timer;
+				const arm = () => {
+					const now = Date.now();
+					setDay(startOfLocalDay(now));
+					timer = setTimeout(arm, msUntilNextLocalMidnight(now));
+				};
+				timer = setTimeout(arm, msUntilNextLocalMidnight(Date.now()));
+				return () => {
+					clearTimeout(timer);
+				};
+			}, []);
+			return day;
+		}
+		//#endregion
+		//#region \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 = {
+			"timeStart": "lKOSUG_timeStart",
+			"action": "lKOSUG_action",
+			"timeEnd": "lKOSUG_timeEnd",
+			"actions": "lKOSUG_actions",
+			"runTimeDot": "lKOSUG_runTimeDot",
+			"visuallyHidden": "lKOSUG_visuallyHidden"
+		};
+		//#endregion
+		//#region src/client/chat-node/MessageIconActions.tsx
+		function MessageIconActions({ text, time, runMs, ttftMs, tokensPerSecond, clock, onBranch, branchUnavailable = false, className, extraActions, onEdit, onRetry, t }) {
+			const day = useCalendarDay();
+			const reasonId = (0, react.useId)();
+			const [copied, setCopied] = (0, react.useState)(false);
+			const copyPending = (0, react.useRef)(false);
+			const copyTimer = (0, react.useRef)(null);
+			const copyEpoch = (0, react.useRef)(0);
+			(0, react.useEffect)(() => () => {
+				copyEpoch.current += 1;
+				copyPending.current = false;
+				if (copyTimer.current !== null) clearTimeout(copyTimer.current);
+			}, []);
+			const onCopy = (0, react.useCallback)(() => {
+				if (copied || copyPending.current) return;
+				const epoch = copyEpoch.current;
+				copyPending.current = true;
+				(0, _deepseek_ai_dsh_client_ui_primitives.writeClipboard)(text).then((ok) => {
+					if (epoch !== copyEpoch.current) return;
+					copyPending.current = false;
+					if (!ok) return;
+					setCopied(true);
+					copyTimer.current = window.setTimeout(() => {
+						copyTimer.current = null;
+						setCopied(false);
+					}, 1e3);
+				});
+			}, [copied, text]);
+			const clockEl = time === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				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("stats.ttftAverage", { duration: 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 = {
+			"input": "_7VqDXa_input",
+			"actions": "_7VqDXa_actions"
+		};
+		//#endregion
+		//#region src/client/chat-node/MessageEditDialog.tsx
+		const BLOCK_TITLE = {
+			user: "编辑用户消息",
+			"assistant.reasoning": "编辑助手思考",
+			"assistant.response": "编辑助手回复"
+		};
+		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);
+			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 \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 = ".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 = "@morlay/ui-conversation-message-actions/MessageItem.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 MessageItem_module_css_default = {
+			"compactionBody": "okW0Ua_compactionBody",
+			"userRow": "okW0Ua_userRow",
+			"turnErrorCode": "okW0Ua_turnErrorCode",
+			"compactionLeading": "okW0Ua_compactionLeading",
+			"bubble": "okW0Ua_bubble",
+			"retryText": "okW0Ua_retryText",
+			"compactionButton": "okW0Ua_compactionButton",
+			"retrySummary": "okW0Ua_retrySummary",
+			"compactionDisclosureIcon": "okW0Ua_compactionDisclosureIcon",
+			"compactionSummary": "okW0Ua_compactionSummary",
+			"retryDetailLabel": "okW0Ua_retryDetailLabel",
+			"retryDetails": "okW0Ua_retryDetails",
+			"turnErrorRow": "okW0Ua_turnErrorRow",
+			"compactionContextIcon": "okW0Ua_compactionContextIcon",
+			"turnErrorCopy": "okW0Ua_turnErrorCopy",
+			"turnErrorMessage": "okW0Ua_turnErrorMessage",
+			"maxTokensTitle": "okW0Ua_maxTokensTitle",
+			"compactionRow": "okW0Ua_compactionRow",
+			"retry-shimmer": "okW0Ua_retry-shimmer",
+			"refChip": "okW0Ua_refChip",
+			"turnErrorDot": "okW0Ua_turnErrorDot",
+			"confirmActions": "okW0Ua_confirmActions",
+			"compactionSep": "okW0Ua_compactionSep",
+			"compactionTitle": "okW0Ua_compactionTitle",
+			"userStack": "okW0Ua_userStack",
+			"contextRow": "okW0Ua_contextRow",
+			"retryRow": "okW0Ua_retryRow",
+			"turnErrorTitle": "okW0Ua_turnErrorTitle"
+		};
+		//#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 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 });
+		}
+		function UserStyleBubble({ content, renderMessageImages, actions, 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-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)]
+			});
+		}
+		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
+					})
+				})
+			] });
+		});
+		//#endregion
+		//#region src/client/chat-node/register.ts
+		const NS = "conversation";
+		function registerChatNodeRenderers(ctx, controllerFor) {
+			const injectFace = (sessionId) => controllerFor(sessionId).face;
+			for (const key of ["user", "steering"]) ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
+				name: "conversation.chat.node",
+				key,
+				locale: NS,
+				priority: -1,
+				inject: injectFace
+			}, UserMessageNodeView));
+		}
+		//#endregion
+		//#region src/client/import-action.tsx
+		const IconUpload = ({ size = 14, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			width: size,
+			height: size,
+			className,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 3v12" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m17 8-5-5-5 5" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
+			]
+		});
+		function SessionImportAction({ useSessionEditor, importSession }) {
+			const inputRef = (0, react.useRef)(null);
+			const importing = useSessionEditor((s) => s.pending === "import");
+			const error = useSessionEditor((s) => s.error);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const onPick = (0, react.useCallback)((file) => {
+				if (file === void 0) return;
+				setBusy(true);
+				importSession(file).finally(() => setBusy(false));
+			}, [importSession]);
+			const working = busy || importing;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				size: "sm",
+				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconUpload, {}),
+				disabled: working,
+				"aria-busy": working,
+				"aria-label": working ? "导入中…" : "导入会话",
+				title: error ?? "导入会话：用导出的 zip 覆盖当前会话内容",
+				onClick: () => inputRef.current?.click(),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					ref: inputRef,
+					type: "file",
+					accept: ".zip,application/zip",
+					style: { display: "none" },
+					onChange: (e) => {
+						const file = e.target.files?.[0];
+						e.target.value = "";
+						onPick(file);
+					}
+				})
+			}) });
+		}
+		//#endregion
+		//#region src/client/index.ts
+		const inject = [
+			"slots",
+			"conversation",
+			"connection",
+			"sessions"
+		];
+		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.inject("conversation.session.header.utilities", () => ctx.slots.register({
+				name: "conversation.session.header.utilities",
+				id: "session-editor.import",
+				inject: (sessionId) => {
+					const face = controllerFor(sessionId).face;
+					return {
+						hooks: face.hooks,
+						importSession: (file) => face.importSession(file)
+					};
+				}
+			}, SessionImportAction));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});