@gatanot/qualia_web 0.1.0

package/build/server/chunks/_page.svelte-DEDJBB4D.js

@@ -0,0 +1,602 @@
+import { c as attr_class, f as ensure_array_like, e as escape_html, m as html, i as attr, k as derived, d as store_get, u as unsubscribe_stores } from './index.js-N7Sh42pC.js';
+import { g as goto } from './client-BoLIct8q.js';
+import { p as page } from './stores-D_6JNTkz.js';
+import { a as activeWorkspace, d as bumpSession } from './session-store-B1Aop0Qn.js';
+import { E as EmptyState, C as ChatInput } from './ChatInput-GWTgCE1t.js';
+import { r as renderMarkdown } from './markdown-BYqQ8bKF.js';
+import 'node:module';
+
+//#region src/lib/components/ToolCallCard.svelte
+function ToolCallCard($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { name, args, result = void 0 } = $$props;
+		let expanded = false;
+		let done = derived(() => !!result);
+		let errored = derived(() => result ? !result.success : false);
+		let summary = derived(() => {
+			const command = args.command;
+			if (command) return command.length > 60 ? command.slice(0, 60) + "…" : command;
+			const keys = Object.keys(args);
+			if (keys.length === 1) {
+				const v = String(args[keys[0]]);
+				return v.length > 60 ? v.slice(0, 60) + "…" : v;
+			}
+			return "";
+		});
+		$$renderer.push(`<div${attr_class("tool-call svelte-87mzaw", void 0, {
+			"tool-done": done(),
+			"expanded": expanded
+		})}><div class="tool-header svelte-87mzaw"><span class="material-symbols-rounded tool-icon svelte-87mzaw">${escape_html(errored() ? "warning" : done() ? "check_circle" : "pending")}</span> <div class="tool-summary svelte-87mzaw"><span class="tool-name svelte-87mzaw">${escape_html(name)}</span> `);
+		if (summary() && true) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="tool-command svelte-87mzaw">${escape_html(summary())}</span>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> <span class="material-symbols-rounded expand-icon svelte-87mzaw">${escape_html("expand_more")}</span></div> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/ConfirmInline.svelte
+function ConfirmInline($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { message} = $$props;
+		$$renderer.push(`<div class="confirm-inline svelte-ovag81"><div class="confirm-header svelte-ovag81"><span class="material-symbols-rounded confirm-icon svelte-ovag81">gavel</span> <span class="confirm-label svelte-ovag81">需要确认操作</span></div> <p class="confirm-message svelte-ovag81">${escape_html(message)}</p> <div class="confirm-actions svelte-ovag81"><button class="btn btn-outline svelte-ovag81">拒绝</button> <button class="btn btn-primary svelte-ovag81">允许</button></div></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/ReasoningBlock.svelte
+function ReasoningBlock($$renderer, $$props) {
+	let { done = false } = $$props;
+	$$renderer.push(`<div${attr_class("reasoning svelte-1okjtiv", void 0, {
+		"expanded": false,
+		"done": done
+	})}><div class="reasoning-header svelte-1okjtiv"><span class="reasoning-label svelte-1okjtiv">Thought</span> `);
+	if (!done) {
+		$$renderer.push("<!--[0-->");
+		$$renderer.push(`<span class="reasoning-dot svelte-1okjtiv">●</span>`);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--> <span class="material-symbols-rounded expand-icon svelte-1okjtiv">${escape_html("expand_more")}</span></div> `);
+	$$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--></div>`);
+}
+//#endregion
+//#region src/lib/components/MessageBubble.svelte
+function MessageBubble($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { message} = $$props;
+		let roleLabel = derived(() => message.role === "error" ? "错误" : "Qualia");
+		const htmlCache = /* @__PURE__ */ new Map();
+		let rollbackConfirm = false;
+		function getBlockHtml(content) {
+			const cached = htmlCache.get(content);
+			if (cached) return cached;
+			const html = renderMarkdown(content);
+			htmlCache.set(content, html);
+			return html;
+		}
+		function isLiveBlock(block, i) {
+			if (block.type !== "text") return false;
+			if (message.done) return false;
+			return i === message.blocks.length - 1;
+		}
+		$$renderer.push(`<div${attr_class("message-row svelte-1e5n1dp", void 0, {
+			"user": message.role === "user",
+			"error": message.role === "error"
+		})}><div class="message-body svelte-1e5n1dp">`);
+		if (message.role !== "user") {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="message-role svelte-1e5n1dp">${escape_html(roleLabel())}</div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <!--[-->`);
+		const each_array = ensure_array_like(message.blocks);
+		for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+			let block = each_array[i];
+			if (block.type === "text") {
+				$$renderer.push("<!--[0-->");
+				if (isLiveBlock(block, i)) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<div class="message-content svelte-1e5n1dp">${escape_html(block.content)}</div>`);
+				} else {
+					$$renderer.push("<!--[-1-->");
+					$$renderer.push(`<div class="message-content markdown-body svelte-1e5n1dp">${html(getBlockHtml(block.content))}</div>`);
+				}
+				$$renderer.push(`<!--]-->`);
+			} else if (block.type === "image") {
+				$$renderer.push("<!--[1-->");
+				$$renderer.push(`<div class="image-block svelte-1e5n1dp"><img${attr("src", block.url)} alt="上传图片" class="svelte-1e5n1dp"/></div>`);
+			} else if (block.type === "reasoning") {
+				$$renderer.push("<!--[2-->");
+				ReasoningBlock($$renderer, {
+					content: block.content,
+					done: message.done
+				});
+			} else if (block.type === "tool") {
+				$$renderer.push("<!--[3-->");
+				ToolCallCard($$renderer, {
+					name: block.name,
+					args: block.args,
+					result: block.result
+				});
+			} else if (block.type === "confirm") {
+				$$renderer.push("<!--[4-->");
+				ConfirmInline($$renderer, {
+					confirmId: block.confirmId,
+					message: block.message});
+			} else if (block.type === "error_recovery") {
+				$$renderer.push("<!--[5-->");
+				$$renderer.push(`<div class="error-recovery svelte-1e5n1dp"><p class="recovery-msg svelte-1e5n1dp">${escape_html(block.message)}</p> <div class="recovery-actions svelte-1e5n1dp"><button class="btn-recovery svelte-1e5n1dp"><span class="material-symbols-rounded svelte-1e5n1dp">refresh</span> 重试</button> <button class="btn-recovery btn-recovery-secondary svelte-1e5n1dp"><span class="material-symbols-rounded svelte-1e5n1dp">undo</span> 回退</button></div></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
+		$$renderer.push(`<!--]--> `);
+		if (!message.done) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="cursor svelte-1e5n1dp">|</span>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (message.role === "user" && message.done) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="msg-actions svelte-1e5n1dp"><button class="action-btn svelte-1e5n1dp" title="复制"><span class="material-symbols-rounded svelte-1e5n1dp">content_copy</span></button> <button class="action-btn svelte-1e5n1dp" title="分叉"><span class="material-symbols-rounded svelte-1e5n1dp">call_split</span></button> <button${attr_class("action-btn svelte-1e5n1dp", void 0, { "confirm": rollbackConfirm })} title="回退到此"><span class="material-symbols-rounded svelte-1e5n1dp">undo</span> `);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></button></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div></div>`);
+	});
+}
+//#endregion
+//#region src/routes/chat/[sessionId]/+page.svelte
+function _page($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		var $$store_subs;
+		let sessionId = derived(() => store_get($$store_subs ??= {}, "$page", page).params.sessionId);
+		let messages = [];
+		let input = "";
+		let streaming = false;
+		let currentAssistant = null;
+		let frontendConfirms = /* @__PURE__ */ new Map();
+		let focusTrigger = 0;
+		let inputQueue = [];
+		let abortController = null;
+		let streamReader = null;
+		let nearBottom = true;
+		let contextWindow = void 0;
+		let customIcon = false;
+		const cumulativeUsage = derived(() => {
+			let total = 0;
+			for (let i = messages.length - 1; i >= 0; i--) {
+				const msg = messages[i];
+				if (msg.role === "assistant" && msg.usage) {
+					total = msg.usage.total_tokens;
+					break;
+				}
+			}
+			const pct = contextWindow && total > 0 ? (total / contextWindow * 100).toFixed(1) : null;
+			return {
+				total,
+				pct
+			};
+		});
+		function scrollToBottom() {
+			requestAnimationFrame(() => {});
+		}
+		function forceScrollToBottom() {
+			nearBottom = true;
+			requestAnimationFrame(() => {});
+		}
+		function finishStreaming() {
+			if (currentAssistant) {
+				currentAssistant.done = true;
+				currentAssistant = null;
+			}
+			abortController = null;
+			streamReader = null;
+			streaming = false;
+			focusTrigger++;
+			scrollToBottom();
+			if (inputQueue.length > 0) sendMessage(inputQueue.shift());
+		}
+		function stopAI() {
+			abortController?.abort();
+			streamReader?.cancel().catch(() => {});
+			streamReader = null;
+		}
+		async function sendMessage(queued, skipUserMsg = false) {
+			const text = queued?.text?.trim();
+			const msgImages = queued?.images ?? [];
+			if (!text || !queued) return;
+			const userMsgId = queued.id;
+			if (streaming) {
+				if (!skipUserMsg) {
+					inputQueue.push({
+						id: userMsgId,
+						text,
+						images: [...msgImages]
+					});
+					fetch("/api/steer", {
+						method: "POST",
+						headers: { "Content-Type": "application/json" },
+						body: JSON.stringify({
+							sessionId: sessionId(),
+							messageId: userMsgId,
+							message: text
+						})
+					}).catch(() => {});
+				}
+				return;
+			}
+			[...msgImages];
+			if (!skipUserMsg) {
+				const blocks = [];
+				for (const img of msgImages) blocks.push({
+					type: "image",
+					url: img.url,
+					detail: img.detail
+				});
+				blocks.push({
+					type: "text",
+					content: text
+				});
+				messages.push({
+					id: userMsgId,
+					role: "user",
+					blocks,
+					done: true
+				});
+				forceScrollToBottom();
+			}
+			streaming = true;
+			const controller = new AbortController();
+			abortController = controller;
+			streamReader = null;
+			try {
+				const body = {
+					sessionId: sessionId(),
+					message: text,
+					workspace: store_get($$store_subs ??= {}, "$activeWorkspace", activeWorkspace)
+				};
+				if (!skipUserMsg) body.clientMessageId = userMsgId;
+				if (msgImages.length > 0) body.images = msgImages.map((img) => ({
+					url: img.url,
+					detail: img.detail || "auto"
+				}));
+				const res = await fetch("/api/chat", {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify(body),
+					signal: controller.signal
+				});
+				if (!res.ok) {
+					const err = await res.json().catch(() => ({ error: "请求失败" }));
+					messages.push({
+						id: crypto.randomUUID(),
+						role: "error",
+						blocks: [{
+							type: "text",
+							content: err.error || "请求失败"
+						}],
+						done: true
+					});
+					finishStreaming();
+					return;
+				}
+				const newSid = res.headers.get("X-Session-Id");
+				if (newSid && newSid !== sessionId()) {
+					bumpSession(newSid);
+					goto("/chat/" + newSid, { replaceState: true });
+					return;
+				} else if (newSid) bumpSession(newSid);
+				const reader = res.body.getReader();
+				streamReader = reader;
+				const decoder = new TextDecoder();
+				let buffer = "";
+				while (true) {
+					const { done, value } = await reader.read();
+					if (done) break;
+					buffer += decoder.decode(value, { stream: true });
+					const lines = buffer.split("\n");
+					buffer = lines.pop() || "";
+					for (const line of lines) {
+						const trimmed = line.trim();
+						if (!trimmed || !trimmed.startsWith("data:")) continue;
+						const data = trimmed.slice(5).trim();
+						try {
+							await handleSSEEvent(JSON.parse(data));
+						} catch {}
+					}
+				}
+				finishStreaming();
+			} catch (e) {
+				if (e.name === "AbortError") {
+					if (currentAssistant) {
+						currentAssistant.done = true;
+						currentAssistant = null;
+					}
+					abortController = null;
+					streamReader = null;
+					streaming = false;
+					focusTrigger++;
+					if (inputQueue.length > 0) sendMessage(inputQueue.shift());
+					return;
+				}
+				messages.push({
+					id: crypto.randomUUID(),
+					role: "error",
+					blocks: [{
+						type: "text",
+						content: e.message || "连接失败"
+					}],
+					done: true
+				});
+				finishStreaming();
+			}
+		}
+		async function handleSSEEvent(event) {
+			switch (event.type) {
+				case "content": {
+					const text = event.text;
+					if (!currentAssistant) {
+						currentAssistant = {
+							id: crypto.randomUUID(),
+							role: "assistant",
+							blocks: [{
+								type: "text",
+								content: text
+							}],
+							done: false
+						};
+						messages.push(currentAssistant);
+					} else {
+						const blocks = currentAssistant.blocks;
+						const lastBlock = blocks[blocks.length - 1];
+						if (lastBlock && lastBlock.type === "text") lastBlock.content += text;
+						else blocks.push({
+							type: "text",
+							content: text
+						});
+					}
+					scrollToBottom();
+					break;
+				}
+				case "reasoning": {
+					const text = event.text;
+					if (!currentAssistant) {
+						currentAssistant = {
+							id: crypto.randomUUID(),
+							role: "assistant",
+							blocks: [{
+								type: "reasoning",
+								content: text
+							}],
+							done: false
+						};
+						messages.push(currentAssistant);
+					} else {
+						const blocks = currentAssistant.blocks;
+						const lastBlock = blocks[blocks.length - 1];
+						if (lastBlock && lastBlock.type === "reasoning") lastBlock.content += text;
+						else blocks.push({
+							type: "reasoning",
+							content: text
+						});
+					}
+					scrollToBottom();
+					break;
+				}
+				case "tool_call":
+					if (!currentAssistant) {
+						currentAssistant = {
+							id: crypto.randomUUID(),
+							role: "assistant",
+							blocks: [],
+							done: false
+						};
+						messages.push(currentAssistant);
+					}
+					currentAssistant.blocks.push({
+						type: "tool",
+						name: event.name,
+						args: event.args
+					});
+					break;
+				case "tool_result": {
+					if (!currentAssistant) {
+						currentAssistant = {
+							id: crypto.randomUUID(),
+							role: "assistant",
+							blocks: [],
+							done: false
+						};
+						messages.push(currentAssistant);
+					}
+					const blocks = currentAssistant.blocks;
+					for (let i = blocks.length - 1; i >= 0; i--) {
+						const block = blocks[i];
+						if (block.type === "tool" && !block.result && block.name === event.name) {
+							block.result = {
+								success: event.success,
+								output: event.output
+							};
+							break;
+						}
+					}
+					scrollToBottom();
+					break;
+				}
+				case "tool_execution_update": {
+					const toolName = event.name;
+					const updateText = event.text;
+					let found = false;
+					if (currentAssistant) {
+						for (let i = currentAssistant.blocks.length - 1; i >= 0; i--) {
+							const block = currentAssistant.blocks[i];
+							if (block.type === "tool" && block.name === toolName) {
+								if (!block.result) block.result = {
+									success: true,
+									output: ""
+								};
+								block.result = {
+									...block.result,
+									output: block.result.output + updateText
+								};
+								found = true;
+								break;
+							}
+						}
+						if (found) messages = [...messages];
+					}
+					scrollToBottom();
+					break;
+				}
+				case "confirm_required": {
+					const confirmId = event.confirmId;
+					const reason = event.confirmation?.reason || "需要确认此操作";
+					if (!currentAssistant) {
+						currentAssistant = {
+							id: crypto.randomUUID(),
+							role: "assistant",
+							blocks: [],
+							done: false
+						};
+						messages.push(currentAssistant);
+					}
+					currentAssistant.blocks.push({
+						type: "confirm",
+						confirmId,
+						message: reason
+					});
+					await new Promise((resolve) => {
+						frontendConfirms.set(confirmId, resolve);
+					});
+					break;
+				}
+				case "error":
+					messages.push({
+						id: crypto.randomUUID(),
+						role: "error",
+						blocks: [{
+							type: "text",
+							content: event.message
+						}],
+						done: true
+					});
+					scrollToBottom();
+					break;
+				case "steering_consumed": {
+					const msgId = event.messageId;
+					const idx = inputQueue.findIndex((q) => q.id === msgId);
+					if (idx !== -1) inputQueue.splice(idx, 1);
+					break;
+				}
+				case "forked":
+					if (event.newSessionId) {
+						bumpSession(event.newSessionId);
+						goto("/chat/" + event.newSessionId, { });
+					}
+					break;
+				case "retrying":
+					if (currentAssistant) {
+						const idx = messages.indexOf(currentAssistant);
+						if (idx !== -1) messages.splice(idx, 1);
+						currentAssistant = null;
+					}
+					break;
+				case "retry_exhausted":
+					if (currentAssistant) {
+						const idx = messages.indexOf(currentAssistant);
+						if (idx !== -1) messages.splice(idx, 1);
+						currentAssistant = null;
+					}
+					currentAssistant = {
+						id: crypto.randomUUID(),
+						role: "assistant",
+						blocks: [{
+							type: "error_recovery",
+							message: event.message
+						}],
+						done: true
+					};
+					messages.push(currentAssistant);
+					currentAssistant = null;
+					streaming = false;
+					focusTrigger++;
+					break;
+				case "done":
+					if (currentAssistant && event.usage) currentAssistant.usage = event.usage;
+					if (event.contextWindow) contextWindow = event.contextWindow;
+					break;
+			}
+		}
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			$$renderer.push(`<div class="chat-container svelte-1ca3w4l"><div${attr_class("messages svelte-1ca3w4l", void 0, { "welcome": messages.length === 0 })}>`);
+			if (messages.length === 0) {
+				$$renderer.push("<!--[0-->");
+				EmptyState($$renderer, { customIcon });
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <!--[-->`);
+			const each_array = ensure_array_like(messages);
+			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+				let msg = each_array[$$index];
+				MessageBubble($$renderer, {
+					message: msg});
+			}
+			$$renderer.push(`<!--]--> `);
+			if (cumulativeUsage().total > 0) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="stats-line svelte-1ca3w4l"><span class="stats-label svelte-1ca3w4l">Token</span> <span class="stats-value svelte-1ca3w4l">${escape_html(cumulativeUsage().total)}</span> `);
+				if (contextWindow) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<span class="stats-sep svelte-1ca3w4l">/</span> <span class="stats-max svelte-1ca3w4l">${escape_html(contextWindow)}</span> `);
+					if (cumulativeUsage().pct) {
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`<span class="stats-pct svelte-1ca3w4l">(${escape_html(cumulativeUsage().pct)}%)</span>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]-->`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div> `);
+			if (!nearBottom && streaming) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button class="scroll-btn svelte-1ca3w4l"><span class="material-symbols-rounded svelte-1ca3w4l">arrow_downward</span></button>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div class="input-anchor svelte-1ca3w4l">`);
+			ChatInput($$renderer, {
+				streaming,
+				queueCount: inputQueue.length,
+				onsend: (imgs) => {
+					const msg = {
+						id: crypto.randomUUID(),
+						text: input,
+						images: imgs
+					};
+					input = "";
+					focusTrigger++;
+					sendMessage(msg);
+				},
+				onstop: stopAI,
+				focusTrigger,
+				get value() {
+					return input;
+				},
+				set value($$value) {
+					input = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!----></div></div>`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		if ($$store_subs) unsubscribe_stores($$store_subs);
+	});
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-DEDJBB4D.js.map