@openpalm/ui 0.12.51 → 0.13.0-beta.1

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

@@ -0,0 +1,530 @@
+import { F as head, s as escape_html, e as attr_class, d as attr, q as ensure_array_like, G as html, f as attr_style, p as derived, g as bind_props, a9 as stringify } from './dev-D85DamNs.js';
+import 'node:module';
+import { v as voiceState, t as themeService, g as stopConversation, e as startConversation, f as startListening, h as stopListening } from './voice-state.svelte-bOoc1Vo0.js';
+import { I as IconDone } from './IconDone-CHBJ36xT.js';
+import { h as endpointsService, b as IconThemeLight, a as IconThemeDark, c as IconThemeSystem, I as IconClose, N as toolIconType, D as relativeTimeLabel, L as toolAriaLabel, K as timelineTitle, g as displayTitle, O as toolStatusLabel, M as toolDetailRows } from './format-date-gcou_Av8.js';
+import { r as resolve } from './paths-lkOb-n87.js';
+import './client-utk4T8Jl.js';
+import { i as chat, e as advancedModeService, I as IconAdvanced, c as IconSoundOn, b as IconSoundOff, a as IconConversations, k as isLocalAssistantUrl, S as SessionList, d as IconStop } from './IconStop-DFbhUtaJ.js';
+import { I as IconMic } from './IconMic-BbjkE_nG.js';
+import { I as IconActivity, C as ChatMessage, r as renderMarkdown, b as IconDoneCircle, f as IconRefresh, h as IconTerminal, g as IconSearch, d as IconFile, c as IconEdit, e as IconLink, a as IconClock } from './IconActivity-BVrMC8FH.js';
+import { a as IconAlert, I as IconAgent } from './IconAgent-DeBWj6Gr.js';
+import './speakable-text-BflxDDdY.js';
+import './internal-CVxYC2gp.js';
+import './environment-BYp8JQYM.js';
+import './exports2-BjzhbhYA.js';
+import './utils-OXHIhUb5.js';
+import './chunk-CLZ62Ad-.js';
+
+//#region ../ui-kit/src/lib/components/icons/IconSend.svelte
+function IconSend($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M21 4L3 11l7 3 3 7z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M21 4L10 14"></path></svg>`);
+}
+//#endregion
+//#region ../ui-kit/src/lib/components/icons/IconWaves.svelte
+function IconWaves($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"${attr_class(`s-icon ${stringify(className)}`)}><circle cx="12" cy="12" r="1" fill="currentColor"></circle><path d="M8.5 8.5a5 5 0 0 0 0 7"></path><path d="M15.5 8.5a5 5 0 0 1 0 7"></path><path d="M5.6 5.6a9 9 0 0 0 0 12.8"></path><path d="M18.4 5.6a9 9 0 0 1 0 12.8"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/chat/ChatInput.svelte
+function ChatInput($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** Composer text — bindable so dictation can insert into the draft. */
+		let { sending, questionPending = false, onSend, onStop, voiceEnabled = false, voiceActive = false, onMicToggle, draft = "", conversationEnabled = false, conversationActive = false, onConversationToggle } = $$props;
+		const submitBlocked = derived(() => sending && !questionPending);
+		const isActive = derived(() => draft.trim().length > 0);
+		const showStop = derived(() => submitBlocked() && !!onStop);
+		$$renderer.push(`<form${attr_class("s-composer svelte-j7h4bp", void 0, {
+			"active": isActive(),
+			"sending": sending
+		})}><textarea placeholder="Write a message..." rows="1" aria-label="Message input" autocomplete="off" spellcheck="false" class="svelte-j7h4bp">`);
+		const $$body = escape_html(draft);
+		if ($$body) $$renderer.push(`${$$body}`);
+		$$renderer.push(`</textarea> <div class="s-footer svelte-j7h4bp"><div class="s-rule svelte-j7h4bp"></div> `);
+		if (voiceEnabled) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<button${attr_class("s-mic-btn svelte-j7h4bp", void 0, { "active": voiceActive })} type="button"${attr("aria-label", voiceActive ? "Stop listening" : "Start listening")}${attr("aria-pressed", voiceActive)}>`);
+			IconMic($$renderer, { size: 16 });
+			$$renderer.push(`<!----></button>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (conversationEnabled) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<button${attr_class("s-mic-btn svelte-j7h4bp", void 0, { "active": conversationActive })} type="button"${attr("aria-label", conversationActive ? "End conversation mode" : "Start conversation mode")}${attr("aria-pressed", conversationActive)}>`);
+			IconWaves($$renderer, { size: 16 });
+			$$renderer.push(`<!----></button>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (showStop()) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<button class="s-send-btn svelte-j7h4bp" type="button" aria-label="Stop generating">`);
+			IconStop($$renderer, { size: 16 });
+			$$renderer.push(`<!----></button>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<button class="s-send-btn svelte-j7h4bp" type="submit" aria-label="Send message"${attr("disabled", !isActive() || submitBlocked(), true)}>`);
+			IconSend($$renderer, { size: 16 });
+			$$renderer.push(`<!----></button>`);
+		}
+		$$renderer.push(`<!--]--></div></form>`);
+		bind_props($$props, { draft });
+	});
+}
+//#endregion
+//#region src/lib/components/chat/VoiceStatusStrip.svelte
+function VoiceStatusStrip($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** True while the assistant is composing a reply (chat.sending). */
+		let { thinking = false } = $$props;
+		let showInterim = derived(() => voiceState.status === "recording" && voiceState.interimTranscript.length > 0);
+		let showTranscribing = derived(() => voiceState.status === "transcribing");
+		let showAutoplayBlocked = derived(() => voiceState.autoplayBlocked);
+		let conversation = derived(() => voiceState.conversationActive);
+		let conversationLabel = derived(() => voiceState.status === "speaking" ? "speaking…" : voiceState.status === "transcribing" || thinking ? "thinking…" : "listening…");
+		let visible = derived(() => conversation() || showInterim() || showTranscribing() || showAutoplayBlocked());
+		let srMessage = derived(() => [conversation() ? `Conversation: ${voiceState.interimTranscript || conversationLabel()}` : showInterim() ? `Recording: ${voiceState.interimTranscript}` : showTranscribing() ? "Transcribing" : "", showAutoplayBlocked() ? "Audio paused — click to resume" : ""].filter(Boolean).join(". "));
+		if (visible()) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="voice-status-strip svelte-1ceij29">`);
+			if (conversation()) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="voice-status-interim svelte-1ceij29">${escape_html(voiceState.interimTranscript || conversationLabel())}</span> <button type="button" class="voice-status-end svelte-1ceij29" aria-label="End conversation mode">End</button>`);
+			} else if (showInterim()) {
+				$$renderer.push("<!--[1-->");
+				$$renderer.push(`<span class="voice-status-interim svelte-1ceij29">${escape_html(voiceState.interimTranscript)}</span>`);
+			} else if (showTranscribing()) {
+				$$renderer.push("<!--[2-->");
+				$$renderer.push(`<span class="voice-status-transcribing svelte-1ceij29">transcribing…</span>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			if (showAutoplayBlocked()) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button type="button" class="voice-status-autoplay svelte-1ceij29" aria-label="Resume paused audio" title="Audio was blocked by the browser. Click to resume.">`);
+				IconSoundOff($$renderer, { size: 14 });
+				$$renderer.push(`<!----> <span>Audio paused — click to resume</span></button>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <span class="sr-only svelte-1ceij29" aria-live="polite">${escape_html(srMessage())}</span>`);
+	});
+}
+//#endregion
+//#region src/lib/components/chat/ToolLog.svelte
+var uid = 0;
+function ToolLog($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { items } = $$props;
+		uid += 1;
+		const headingId = `tool-log-heading-${uid}`;
+		let expanded = {};
+		function isRunning(status) {
+			return status !== "completed" && status !== "error" && status !== "failed";
+		}
+		function isFailed(status) {
+			return status === "error" || status === "failed";
+		}
+		function startsNewTurn(index) {
+			if (index <= 0) return false;
+			const current = items[index].turnKey;
+			const previous = items[index - 1].turnKey;
+			if (current === void 0 || previous === void 0) return false;
+			return current !== previous;
+		}
+		const failedAnnouncement = derived(() => items.filter((t) => isFailed(t.status)).map((t) => `${displayTitle(t)} failed`).join(", "));
+		if (items.length > 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<section class="tool-log svelte-1wgps4r"${attr("aria-labelledby", headingId)}><h2 class="tool-log-heading svelte-1wgps4r"${attr("id", headingId)}>activity</h2> <div class="tool-log-live svelte-1wgps4r" aria-live="polite" aria-atomic="true">${escape_html(failedAnnouncement())}</div> <ul class="tool-log-list svelte-1wgps4r"><!--[-->`);
+			const each_array = ensure_array_like(items);
+			for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+				let tool = each_array[i];
+				const iconType = toolIconType(tool.tool, tool.status);
+				const open = !!expanded[tool.id];
+				const running = isRunning(tool.status);
+				const failed = isFailed(tool.status);
+				const when = relativeTimeLabel(tool.updatedAt);
+				$$renderer.push(`<li${attr_class("tool-log-item svelte-1wgps4r", void 0, {
+					"running": running,
+					"failed": failed,
+					"new-turn": startsNewTurn(i)
+				})}><button class="tool-log-summary svelte-1wgps4r" type="button"${attr("aria-expanded", open)}${attr("aria-label", toolAriaLabel(tool))}${attr("title", timelineTitle(tool))}><span class="tool-log-icon svelte-1wgps4r" aria-hidden="true">`);
+				if (iconType === "alert") {
+					$$renderer.push("<!--[0-->");
+					IconAlert($$renderer, { size: 15 });
+				} else if (iconType === "done-circle") {
+					$$renderer.push("<!--[1-->");
+					IconDoneCircle($$renderer, { size: 15 });
+				} else if (iconType === "refresh") {
+					$$renderer.push("<!--[2-->");
+					IconRefresh($$renderer, { size: 15 });
+				} else if (iconType === "terminal") {
+					$$renderer.push("<!--[3-->");
+					IconTerminal($$renderer, { size: 15 });
+				} else if (iconType === "search") {
+					$$renderer.push("<!--[4-->");
+					IconSearch($$renderer, { size: 15 });
+				} else if (iconType === "file") {
+					$$renderer.push("<!--[5-->");
+					IconFile($$renderer, { size: 15 });
+				} else if (iconType === "edit") {
+					$$renderer.push("<!--[6-->");
+					IconEdit($$renderer, { size: 15 });
+				} else if (iconType === "link") {
+					$$renderer.push("<!--[7-->");
+					IconLink($$renderer, { size: 15 });
+				} else if (iconType === "agent") {
+					$$renderer.push("<!--[8-->");
+					IconAgent($$renderer, { size: 15 });
+				} else if (iconType === "done") {
+					$$renderer.push("<!--[9-->");
+					IconDone($$renderer, { size: 15 });
+				} else {
+					$$renderer.push("<!--[-1-->");
+					IconClock($$renderer, { size: 15 });
+				}
+				$$renderer.push(`<!--]--></span> <span class="tool-log-main svelte-1wgps4r"><span class="tool-log-title svelte-1wgps4r">${escape_html(displayTitle(tool))}</span> `);
+				if (when) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<span class="tool-log-time svelte-1wgps4r">${escape_html(when)}</span>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></span> `);
+				if (running || failed) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<span class="tool-log-status svelte-1wgps4r">${escape_html(toolStatusLabel(tool.status))}</span>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> <span${attr_class("tool-log-chevron svelte-1wgps4r", void 0, { "open": open })} aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none" class="svelte-1wgps4r"><path d="M3 4.5 6 7.5 9 4.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="svelte-1wgps4r"></path></svg></span></button> `);
+				if (open) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<div class="tool-log-details svelte-1wgps4r"><!--[-->`);
+					const each_array_1 = ensure_array_like(toolDetailRows(tool));
+					for (let $$index = 0, $$length = each_array_1.length; $$index < $$length; $$index++) {
+						let row = each_array_1[$$index];
+						$$renderer.push(`<div class="tool-log-row svelte-1wgps4r"><div class="tool-log-label svelte-1wgps4r">${escape_html(row.label)}</div> <div class="tool-log-value svelte-1wgps4r">`);
+						if (row.value.includes("\n") || row.value.length > 80) {
+							$$renderer.push("<!--[0-->");
+							$$renderer.push(`<pre${attr_class("svelte-1wgps4r", void 0, { "tool-log-error": row.tone === "error" })}>${escape_html(row.value)}</pre>`);
+						} else {
+							$$renderer.push("<!--[-1-->");
+							$$renderer.push(`<div${attr_class("svelte-1wgps4r", void 0, { "tool-log-error": row.tone === "error" })}>${escape_html(row.value)}</div>`);
+						}
+						$$renderer.push(`<!--]--></div></div>`);
+					}
+					$$renderer.push(`<!--]--></div>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></li>`);
+			}
+			$$renderer.push(`<!--]--></ul></section>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/components/chat/Presence.svelte
+function Presence($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const { voiceEnabled, sending, voiceStatus, height } = $$props;
+		const breathing = derived(() => !sending && voiceStatus !== "speaking");
+		$$renderer.push(`<svg width="0" height="0" style="position:absolute" aria-hidden="true" class="svelte-3vj2oe"><defs class="svelte-3vj2oe"><filter id="s-brush" x="-20%" y="-20%" width="140%" height="140%" class="svelte-3vj2oe"><feTurbulence type="fractalNoise" baseFrequency="0.018 0.026" numOctaves="2" seed="7" result="t" class="svelte-3vj2oe"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="3.4" xChannelSelector="R" yChannelSelector="G" class="svelte-3vj2oe"></feDisplacementMap></filter><filter id="s-wave-brush" filterUnits="userSpaceOnUse" x="-10" y="-10" width="120" height="120" class="svelte-3vj2oe"><feTurbulence type="fractalNoise" baseFrequency="0.026 0.032" numOctaves="1" seed="3" result="nA" class="svelte-3vj2oe"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="nA" scale="2.4" xChannelSelector="R" yChannelSelector="G" result="dA" class="svelte-3vj2oe"></feDisplacementMap><feTurbulence type="fractalNoise" baseFrequency="0.034 0.028" numOctaves="1" seed="17" result="nB" class="svelte-3vj2oe"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="nB" scale="3.0" xChannelSelector="R" yChannelSelector="G" result="dB" class="svelte-3vj2oe"></feDisplacementMap><feMerge result="strokes" class="svelte-3vj2oe"><feMergeNode in="dA" class="svelte-3vj2oe"></feMergeNode><feMergeNode in="dB" class="svelte-3vj2oe"></feMergeNode></feMerge><feTurbulence type="turbulence" baseFrequency="0.7 0.7" numOctaves="2" seed="7" result="g" class="svelte-3vj2oe"></feTurbulence><feComponentTransfer in="g" result="gm" class="svelte-3vj2oe"><feFuncA type="linear" slope="0.55" intercept="0.52" class="svelte-3vj2oe"></feFuncA></feComponentTransfer><feComposite in="strokes" in2="gm" operator="in" class="svelte-3vj2oe"></feComposite></filter><filter id="s-bloom" x="-40%" y="-40%" width="180%" height="180%" class="svelte-3vj2oe"><feGaussianBlur stdDeviation="2.4" class="svelte-3vj2oe"></feGaussianBlur></filter></defs></svg> <div${attr_class("s-presence svelte-3vj2oe", void 0, {
+			"breathing": breathing(),
+			"listening": voiceStatus === "recording",
+			"speaking": voiceStatus === "speaking",
+			"s-presence--mic": voiceEnabled,
+			"processing": sending
+		})} id="s-presence"${attr_style(height != null ? `--s-enso-size: ${height}px` : void 0)}${attr("role", voiceEnabled ? "button" : void 0)}${attr("tabindex", voiceEnabled ? 0 : void 0)}${attr("aria-label", voiceEnabled ? voiceStatus === "recording" ? "Stop listening" : "Speak to the agent" : void 0)}${attr("aria-pressed", voiceEnabled ? voiceStatus === "recording" : void 0)}><svg class="s-enso svelte-3vj2oe" viewBox="0 0 100 100" aria-hidden="true"><path class="s-echo svelte-3vj2oe"></path><path class="s-ripple s-ripple-listen s-l1 svelte-3vj2oe"></path><path class="s-ripple s-ripple-listen s-l2 svelte-3vj2oe"></path><path class="s-wet svelte-3vj2oe"></path><path class="s-draw svelte-3vj2oe"></path><path class="s-dry svelte-3vj2oe"></path><g class="s-waveform svelte-3vj2oe" aria-hidden="true"><line class="s-waveform-bar s-wb1 svelte-3vj2oe" x1="18" y1="38" x2="18" y2="62"></line><line class="s-waveform-bar s-wb2 svelte-3vj2oe" x1="32" y1="24" x2="32" y2="76"></line><line class="s-waveform-bar s-wb3 svelte-3vj2oe" x1="46" y1="12" x2="46" y2="88"></line><line class="s-waveform-bar s-wb4 svelte-3vj2oe" x1="60" y1="18" x2="60" y2="82"></line><line class="s-waveform-bar s-wb5 svelte-3vj2oe" x1="74" y1="32" x2="74" y2="68"></line></g></svg></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/chat/PermissionCard.svelte
+function PermissionCard($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** Which decision is currently being submitted, for the "sending…" label. */
+		let { permission} = $$props;
+		const locked = derived(() => permission.status === "submitting" || permission.status === "resolved");
+		function clamp(text, max = 160) {
+			return text.length > max ? `${text.slice(0, max - 1)}…` : text;
+		}
+		$$renderer.push(`<div class="s-action-card svelte-141raqu" role="group" aria-label="Permission request"><div class="s-action-kicker svelte-141raqu">permission request</div> <div class="s-action-title svelte-141raqu">${escape_html(permission.permission)}</div> `);
+		if (permission.detail) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<p class="s-action-body svelte-141raqu">${escape_html(clamp(permission.detail))}</p>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (permission.patterns.length > 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<code class="s-action-code svelte-141raqu">${escape_html(permission.patterns.join(", "))}</code>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (permission.always.length > 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<code class="s-action-code svelte-141raqu">${escape_html(permission.always.join(", "))}</code>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (permission.message) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<p class="s-action-body svelte-141raqu">${escape_html(permission.message)}</p>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <div class="s-action-btns svelte-141raqu"><button class="s-action-btn s-action-btn-primary svelte-141raqu" type="button"${attr("disabled", locked(), true)}>${escape_html("allow this once")}</button> <button class="s-action-btn svelte-141raqu" type="button"${attr("disabled", locked(), true)}>${escape_html("always allow")}</button> <button class="s-action-btn s-action-btn-danger svelte-141raqu" type="button"${attr("disabled", locked(), true)}>${escape_html("deny")}</button></div></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/chat/QuestionCard.svelte
+function QuestionCard($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** Single-question quick-answer (option click submits directly). */
+		/** Multi-question option select (records the answer at `index`). */
+		/** Free-text answer drafted at `index`. */
+		let { question} = $$props;
+		const locked = derived(() => question.status === "submitting" || question.status === "answered" || question.status === "rejected");
+		$$renderer.push(`<div class="s-action-card svelte-11d88fd" role="group" aria-label="Assistant question"><div class="s-action-kicker svelte-11d88fd">a question for you</div> `);
+		if (question.questions.length === 1 && question.questions[0]) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<p class="s-action-question svelte-11d88fd">${escape_html(question.questions[0].question)}</p> `);
+			if (question.questions[0].options.length > 0) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="s-action-options svelte-11d88fd"><!--[-->`);
+				const each_array = ensure_array_like(question.questions[0].options);
+				for (let index = 0, $$length = each_array.length; index < $$length; index++) {
+					let option = each_array[index];
+					$$renderer.push(`<button class="s-action-btn svelte-11d88fd" type="button"${attr("disabled", locked(), true)}>${escape_html(option.label)}</button>`);
+				}
+				$$renderer.push(`<!--]--></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <p class="s-action-hint svelte-11d88fd">or write your answer below</p>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<div class="s-multi-questions svelte-11d88fd"><!--[-->`);
+			const each_array_1 = ensure_array_like(question.questions);
+			for (let index = 0, $$length = each_array_1.length; index < $$length; index++) {
+				let item = each_array_1[index];
+				$$renderer.push(`<div class="s-question-item svelte-11d88fd">`);
+				if (item.header) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<div class="s-action-kicker svelte-11d88fd">${escape_html(item.header)}</div>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> <p class="s-action-question svelte-11d88fd">${escape_html(item.question)}</p> `);
+				if (item.options.length > 0) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<div class="s-action-options svelte-11d88fd"><!--[-->`);
+					const each_array_2 = ensure_array_like(item.options);
+					for (let optionIndex = 0, $$length = each_array_2.length; optionIndex < $$length; optionIndex++) {
+						let option = each_array_2[optionIndex];
+						$$renderer.push(`<button${attr_class("s-action-btn svelte-11d88fd", void 0, { "selected": question.answers[index] === option.label })} type="button"${attr("disabled", locked(), true)}>${escape_html(option.label)}</button>`);
+					}
+					$$renderer.push(`<!--]--></div>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> <input class="s-question-input svelte-11d88fd" type="text"${attr("value", question.answers[index])} placeholder="Type an answer"${attr("disabled", locked(), true)}/></div>`);
+			}
+			$$renderer.push(`<!--]--></div> <div class="s-action-btns svelte-11d88fd"><button class="s-action-btn s-action-btn-primary svelte-11d88fd" type="button"${attr("disabled", locked(), true)}>submit answers</button> <button class="s-action-btn svelte-11d88fd" type="button"${attr("disabled", locked(), true)}>can't answer</button></div>`);
+		}
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/routes/chat/+page.svelte
+function _page($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const entriesLoading = derived(() => chat.entriesLoading);
+		const sessionsLoading = derived(() => chat.byEndpoint.get(chat.activeEndpointId)?.sessionsLoading ?? false);
+		let gardenOpen = false;
+		function closeGarden() {
+			gardenOpen = false;
+		}
+		let toolDrawerOpen = false;
+		async function handleSend(text) {
+			await chat.send(text);
+		}
+		const voiceActive = derived(() => !voiceState.conversationActive && (voiceState.status === "recording" || voiceState.status === "transcribing"));
+		const ttsEnabled = derived(() => voiceState.ttsAutoEnabled);
+		const voiceEnabled = derived(() => voiceState.sttEngine !== "disabled" && voiceState.sttSupported);
+		const ttsAvailable = derived(() => voiceState.ttsSupported);
+		let draft = "";
+		function toggleVoice() {
+			if (voiceState.conversationActive) {
+				stopConversation();
+				return;
+			}
+			if (voiceActive()) stopListening();
+			else startListening((transcript) => {
+				const trimmed = transcript.trim();
+				if (!trimmed) return;
+				draft = draft.trim().length > 0 ? `${draft.trimEnd()} ${trimmed}` : trimmed;
+			});
+		}
+		function toggleConversation() {
+			if (voiceState.conversationActive) stopConversation();
+			else startConversation((text) => {
+				chat.sendUtterance(text);
+			});
+		}
+		let endpointSwitching = false;
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			head("23dtxz", $$renderer, ($$renderer) => {
+				$$renderer.title(($$renderer) => {
+					$$renderer.push(`<title>${escape_html(endpointsService.active?.label ?? "OpenPalm")}</title>`);
+				});
+			});
+			$$renderer.push(`<h1 class="sr-only svelte-23dtxz">Chat</h1> <div class="s-field svelte-23dtxz"></div> <div class="s-moon svelte-23dtxz"></div> <div class="s-grain svelte-23dtxz"></div>  <div class="s-corner s-corner-left svelte-23dtxz">`);
+			Presence($$renderer, {
+				height: 32,
+				voiceEnabled: voiceEnabled(),
+				sending: chat.sending,
+				voiceStatus: voiceState.status});
+			$$renderer.push(`<!----></div> <div${attr_class("s-corner s-corner-right svelte-23dtxz", void 0, { "drawer-hidden": toolDrawerOpen })}><div class="s-glyph-cell svelte-23dtxz"><button class="s-glyph-btn svelte-23dtxz" type="button" aria-label="Advanced mode"${attr("aria-pressed", advancedModeService.enabled)}>`);
+			IconAdvanced($$renderer, { size: 20 });
+			$$renderer.push(`<!----></button> <span class="s-glyph-label svelte-23dtxz">advanced</span></div></div> <div class="s-corner s-corner-bottom-left svelte-23dtxz">`);
+			if (ttsAvailable() && voiceEnabled()) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="s-glyph-cell svelte-23dtxz"><span class="s-glyph-label svelte-23dtxz">voice</span> <button class="s-glyph-btn svelte-23dtxz" type="button"${attr("aria-label", ttsEnabled() ? "Turn off spoken responses" : "Turn on spoken responses")}${attr("aria-pressed", ttsEnabled())}>`);
+				if (ttsEnabled()) {
+					$$renderer.push("<!--[0-->");
+					IconSoundOn($$renderer, { size: 20 });
+				} else {
+					$$renderer.push("<!--[-1-->");
+					IconSoundOff($$renderer, { size: 20 });
+				}
+				$$renderer.push(`<!--]--></button></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div class="s-glyph-cell svelte-23dtxz"><span class="s-glyph-label svelte-23dtxz">theme</span> <button class="s-glyph-btn s-orb-btn svelte-23dtxz" type="button"${attr("aria-label", themeService.preference === "system" ? "Switch to light theme" : themeService.preference === "light" ? "Switch to dark theme" : "Switch to system theme")}>`);
+			if (themeService.preference === "light") {
+				$$renderer.push("<!--[0-->");
+				IconThemeLight($$renderer, { size: 20 });
+			} else if (themeService.preference === "dark") {
+				$$renderer.push("<!--[1-->");
+				IconThemeDark($$renderer, { size: 20 });
+			} else {
+				$$renderer.push("<!--[-1-->");
+				IconThemeSystem($$renderer, { size: 20 });
+			}
+			$$renderer.push(`<!--]--></button></div></div>  <div${attr_class("s-corner s-corner-bottom-right svelte-23dtxz", void 0, { "drawer-hidden": toolDrawerOpen })}><div class="s-glyph-cell s-tool-toggle-cell svelte-23dtxz"><span class="s-glyph-label svelte-23dtxz">activity</span> <button class="s-glyph-btn svelte-23dtxz" type="button" aria-haspopup="dialog"${attr("aria-expanded", toolDrawerOpen)} aria-controls="s-tool-drawer" aria-label="Activity">`);
+			IconActivity($$renderer, { size: 20 });
+			$$renderer.push(`<!----></button></div> <div class="s-glyph-cell svelte-23dtxz"><span class="s-glyph-label svelte-23dtxz">${escape_html(gardenOpen ? "close" : "conversations")}</span> <button class="s-glyph-btn svelte-23dtxz" type="button" aria-haspopup="dialog"${attr("aria-expanded", gardenOpen)} aria-controls="s-garden-veil"${attr("aria-label", gardenOpen ? "Return to the conversation" : "Conversations")}>`);
+			if (gardenOpen) {
+				$$renderer.push("<!--[0-->");
+				IconClose($$renderer, { size: 20 });
+			} else {
+				$$renderer.push("<!--[-1-->");
+				IconConversations($$renderer, { size: 22 });
+			}
+			$$renderer.push(`<!--]--></button></div></div> <aside${attr_class("s-tool-rail svelte-23dtxz", void 0, { "has-items": chat.toolLog.length > 0 })} aria-label="Assistant activity">`);
+			ToolLog($$renderer, { items: chat.toolLog });
+			$$renderer.push(`<!----></aside> <main class="s-scroll svelte-23dtxz" id="s-scroll" aria-label="Chat history"${attr("inert", gardenOpen, true)}><div class="s-thread svelte-23dtxz" id="s-thread">`);
+			if (sessionsLoading() || entriesLoading()) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="s-loading svelte-23dtxz" aria-live="polite"><span class="s-loading-text svelte-23dtxz">loading…</span></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <!--[-->`);
+			const each_array = ensure_array_like(chat.entries);
+			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+				let entry = each_array[$$index];
+				ChatMessage($$renderer, { entry });
+			}
+			$$renderer.push(`<!--]--> `);
+			if (chat.sending) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="s-pending svelte-23dtxz" aria-live="polite">`);
+				if (chat.pendingAssistantText) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<div class="turn master"><div class="master-words settled s-streaming svelte-23dtxz"><div class="markdown-body">${html(renderMarkdown(chat.pendingAssistantText))}</div></div></div>`);
+				} else if (!chat.pendingPermission && !chat.pendingQuestion) {
+					$$renderer.push("<!--[1-->");
+					$$renderer.push(`<div class="s-thinking svelte-23dtxz"><span class="s-thinking-text svelte-23dtxz">thinking…</span></div>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> `);
+				if (chat.pendingPermission) {
+					$$renderer.push("<!--[0-->");
+					PermissionCard($$renderer, {
+						permission: chat.pendingPermission});
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> `);
+				if (chat.pendingQuestion) {
+					$$renderer.push("<!--[0-->");
+					QuestionCard($$renderer, {
+						question: chat.pendingQuestion});
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div aria-hidden="true" style="height:1px"></div></div></main> `);
+			if (chat.error) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="s-error-banner svelte-23dtxz" role="alert"><span class="s-error-msg svelte-23dtxz">${escape_html(chat.error)}</span> `);
+				if (chat.lastFailedText) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<button class="s-error-reconnect svelte-23dtxz" type="button">retry</button>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> <button class="s-error-reconnect svelte-23dtxz" type="button">reconnect</button> <button class="s-error-dismiss svelte-23dtxz" type="button" aria-label="Dismiss">×</button></div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div class="s-base svelte-23dtxz"${attr("inert", gardenOpen, true)}>`);
+			VoiceStatusStrip($$renderer, { thinking: chat.sending });
+			$$renderer.push(`<!----> `);
+			ChatInput($$renderer, {
+				sending: chat.sending,
+				questionPending: !!chat.pendingQuestion && chat.pendingQuestion.questions.length === 1,
+				onSend: handleSend,
+				onStop: () => void chat.stopTurn(),
+				voiceEnabled: voiceEnabled(),
+				voiceActive: voiceActive(),
+				onMicToggle: toggleVoice,
+				conversationEnabled: voiceEnabled(),
+				conversationActive: voiceState.conversationActive,
+				onConversationToggle: toggleConversation,
+				get draft() {
+					return draft;
+				},
+				set draft($$value) {
+					draft = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!----></div> <div id="s-garden-veil"${attr_class("s-veil svelte-23dtxz", void 0, { "open": gardenOpen })}${attr("inert", !gardenOpen, true)}${attr("aria-hidden", !gardenOpen)} role="dialog" aria-modal="true" aria-label="Conversations and assistant"><div class="s-veil-head svelte-23dtxz"><div><div class="s-veil-title svelte-23dtxz">Conversations</div> `);
+			if (endpointsService.active) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="s-veil-sub svelte-23dtxz">${escape_html(endpointsService.active.label)}</div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div> <button class="s-head-close svelte-23dtxz" type="button" aria-label="Close conversations">`);
+			IconClose($$renderer, { size: 20 });
+			$$renderer.push(`<!----></button></div> <div class="s-veil-body svelte-23dtxz"><section class="s-veil-section svelte-23dtxz"><div class="s-section-head svelte-23dtxz"><div class="s-veil-section-label svelte-23dtxz">assistant</div> <a class="s-new-convo svelte-23dtxz"${attr("href", resolve("/connections"))}><span class="s-new-mark svelte-23dtxz" aria-hidden="true"><svg width="11" height="11" viewBox="0 0 12 12" fill="none"><circle cx="6" cy="6" r="2.4" stroke="currentColor" stroke-width="1.1"></circle><line x1="4.5" y1="3.6" x2="4.5" y2="1.5" stroke="currentColor" stroke-width="1.1" stroke-linecap="round"></line><line x1="7.5" y1="3.6" x2="7.5" y2="1.5" stroke="currentColor" stroke-width="1.1" stroke-linecap="round"></line><line x1="6" y1="8.4" x2="6" y2="10.5" stroke="currentColor" stroke-width="1.1" stroke-linecap="round"></line></svg></span> manage connections</a></div> <div class="s-endpoint-list svelte-23dtxz" role="group" aria-label="Assistant endpoints"><!--[-->`);
+			const each_array_1 = ensure_array_like(endpointsService.endpoints);
+			for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+				let ep = each_array_1[$$index_1];
+				$$renderer.push(`<div class="s-endpoint-item svelte-23dtxz"><button type="button"${attr_class("s-endpoint svelte-23dtxz", void 0, { "active": ep.id === endpointsService.active?.id })}${attr("aria-current", ep.id === endpointsService.active?.id ? "true" : void 0)}${attr("disabled", endpointSwitching, true)}><div class="s-endpoint-label svelte-23dtxz">${escape_html(ep.label)}</div> <div class="s-endpoint-url svelte-23dtxz">${escape_html(ep.url)}</div></button> `);
+				if (ep.url && isLocalAssistantUrl(ep.url)) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<a class="s-endpoint-manage svelte-23dtxz"${attr("href", resolve("/host"))}>manage this assistant</a>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div>`);
+			}
+			$$renderer.push(`<!--]--></div></section> <section class="s-veil-section svelte-23dtxz"><div class="s-section-head svelte-23dtxz"><div class="s-veil-section-label svelte-23dtxz">conversations</div> <button class="s-new-convo svelte-23dtxz" type="button"><span class="s-new-mark svelte-23dtxz" aria-hidden="true">+</span> begin anew</button></div> `);
+			SessionList($$renderer, {
+				onChosen: closeGarden,
+				hideNewBtn: true
+			});
+			$$renderer.push(`<!----></section></div></div> `);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div id="s-tool-drawer"${attr_class("s-tool-drawer svelte-23dtxz", void 0, { "open": toolDrawerOpen })}${attr("inert", true, true)}${attr("aria-hidden", true)} role="dialog" aria-modal="true" aria-label="Assistant activity"><div class="s-tool-drawer-head svelte-23dtxz"><button class="s-head-close svelte-23dtxz" type="button" aria-label="Close activity">`);
+			IconClose($$renderer, { size: 20 });
+			$$renderer.push(`<!----></button></div> <div class="s-tool-drawer-body svelte-23dtxz">`);
+			if (chat.toolLog.length > 0) {
+				$$renderer.push("<!--[0-->");
+				ToolLog($$renderer, { items: chat.toolLog });
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<p class="s-tool-drawer-empty svelte-23dtxz">Steps the assistant takes — searches, edits, commands — will show up here as it works.</p>`);
+			}
+			$$renderer.push(`<!--]--></div></div>`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+	});
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-CKJNzmVG.js.map