@openpalm/ui 0.11.0-rc.9 → 0.11.0

package/build/server/chunks/{_page.svelte-24A1xNrb.js → _page.svelte-CqEu-vpE.js}

@@ -1,11 +1,13 @@
 import { a as __exportAll } from './chunk-CLZ62Ad-.js';
-import { B as head, n as ensure_array_like, p as escape_html, m as derived, d as attr, e as attr_class, C as html } from './dev-DjANv7AF.js';
-import { A as AuthGate, e as endpointsService, c as chat, N as Navbar } from './AuthGate-DL3Htqtl.js';
+import { E as head, p as ensure_array_like, r as escape_html, o as derived, d as attr, e as attr_class, F as html } from './dev-B6xUe35c.js';
+import { g as goto } from './client-D0taHWmu.js';
+import { p as page } from './state-CO78UOQH.js';
+import { N as Navbar, c as chat, E as EndpointList, S as SessionList, f as formatTime, I as IconButton } from './Navbar-F9NE4GcT.js';
+import { S as Spinner } from './Spinner-Bk6e83RX.js';
 import 'node:module';
-import './state-D0tEXcn4.js';
-import './internal-DRqRyEjV.js';
+import './internal-ClL4rso0.js';
 import './utils-BSRjJDrZ.js';
-import './theme-state.svelte-PtPMmKGN.js';
+import './theme-state.svelte-CE13yM0n.js';
 
 //#region ../../node_modules/.bun/mdurl@2.0.0/node_modules/mdurl/lib/decode.mjs
 var decodeCache = {};
@@ -5397,46 +5399,76 @@ function renderMarkdown(text) {
 	return md.render(text);
 }
 //#endregion
-//#region src/lib/components/ChatMessage.svelte
+//#region src/lib/components/chat/ChatMessage.svelte
 function ChatMessage($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { entry } = $$props;
 		const renderedHtml = derived(() => entry.type !== "divider" && entry.role === "assistant" ? renderMarkdown(entry.text) : null);
 		if (entry.type === "divider") {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="thread-divider svelte-1ebqwt"${attr("aria-label", entry.label)}><span class="divider-line svelte-1ebqwt"></span> <span class="divider-label svelte-1ebqwt">${escape_html(entry.label)}</span> <span class="divider-line svelte-1ebqwt"></span></div>`);
+			$$renderer.push(`<div class="thread-divider svelte-h4cdis"${attr("aria-label", entry.label)}><span class="divider-line svelte-h4cdis"></span> <span class="divider-label svelte-h4cdis">${escape_html(entry.label)}</span> <span class="divider-line svelte-h4cdis"></span></div>`);
 		} else {
 			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<div${attr_class("message svelte-1ebqwt", void 0, {
+			$$renderer.push(`<div${attr_class("message svelte-h4cdis", void 0, {
 				"message-user": entry.role === "user",
 				"message-assistant": entry.role === "assistant"
-			})}><div class="message-bubble svelte-1ebqwt">`);
+			})}><div class="message-bubble svelte-h4cdis">`);
 			if (renderedHtml() !== null) {
 				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<div class="message-text markdown-body svelte-1ebqwt">${html(renderedHtml())}</div>`);
+				$$renderer.push(`<div class="message-text markdown-body svelte-h4cdis">${html(renderedHtml())}</div>`);
 			} else {
 				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`<p class="message-text svelte-1ebqwt">${escape_html(entry.text)}</p>`);
+				$$renderer.push(`<p class="message-text svelte-h4cdis">${escape_html(entry.text)}</p>`);
 			}
-			$$renderer.push(`<!--]--></div> <span class="message-meta svelte-1ebqwt">${escape_html(entry.role === "user" ? "You" : "Assistant")}
-      · ${escape_html(new Date(entry.timestamp).toLocaleTimeString())}</span></div>`);
+			$$renderer.push(`<!--]--></div> <span class="message-meta svelte-h4cdis">${escape_html(entry.role === "user" ? "You" : "Assistant")}
+      · ${escape_html(formatTime(entry.timestamp))}</span></div>`);
 		}
 		$$renderer.push(`<!--]-->`);
 	});
 }
 //#endregion
-//#region src/lib/components/ChatInput.svelte
+//#region src/lib/components/chat/NewChatButton.svelte
+function plus($$renderer) {
+	$$renderer.push(`<svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"></path><path d="M5 12h14"></path></svg>`);
+}
+function NewChatButton($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const onChat = derived(() => (page.url?.pathname ?? "") === "/chat" || (page.url?.pathname ?? "").startsWith("/chat/"));
+		let starting = false;
+		async function newChat() {
+			if (starting) return;
+			starting = true;
+			try {
+				if (onChat()) await chat.startNewSession();
+				else await goto("/chat?new=1");
+			} finally {
+				starting = false;
+			}
+		}
+		IconButton($$renderer, {
+			icon: plus,
+			ariaLabel: "Start a new chat",
+			title: "New chat",
+			disabled: starting,
+			onclick: newChat
+		});
+	});
+}
+//#endregion
+//#region src/lib/components/chat/ChatInput.svelte
 function ChatInput($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { sending} = $$props;
 		let inputText = "";
-		$$renderer.push(`<div class="chat-input-row svelte-5wsbgm"><div class="input-area svelte-5wsbgm"><textarea id="chat-input" placeholder="Send a message… (Enter to send, Shift+Enter for newline)" rows="1"${attr("disabled", sending, true)} aria-label="Message input" class="svelte-5wsbgm">`);
+		$$renderer.push(`<div class="chat-input-row svelte-j7h4bp"><div class="input-area svelte-j7h4bp">`);
+		NewChatButton($$renderer);
+		$$renderer.push(`<!----> <textarea id="chat-input" placeholder="Send a message… (Enter to send, Shift+Enter for newline)" rows="1"${attr("disabled", sending, true)} aria-label="Message input" class="svelte-j7h4bp">`);
 		const $$body = escape_html(inputText);
 		if ($$body) $$renderer.push(`${$$body}`);
-		$$renderer.push(`</textarea> <button class="send-btn svelte-5wsbgm" type="button"${attr("disabled", sending || !inputText.trim(), true)} aria-label="Send message">`);
+		$$renderer.push(`</textarea> <button class="send-btn svelte-j7h4bp" type="button"${attr("disabled", sending || !inputText.trim(), true)} aria-label="Send message">`);
 		if (sending) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<span class="spinner svelte-5wsbgm" aria-hidden="true"></span>`);
+			Spinner($$renderer, {});
 		} else {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>`);
@@ -5448,80 +5480,45 @@ function ChatInput($$renderer, $$props) {
 //#region src/routes/chat/+page.svelte
 function _page($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let authLocked = true;
-		let authLoading = false;
-		let authError = "";
 		const entriesLoading = derived(() => chat.entriesLoading);
 		const sessionsLoading = derived(() => chat.byEndpoint.get(chat.activeEndpointId)?.sessionsLoading ?? false);
-		async function handleAuthSuccess(token) {
-			if (authLoading) return false;
-			authLoading = true;
-			authError = "";
-			try {
-				if (!(await fetch("/admin/auth/login", {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ password: token }),
-					credentials: "include"
-				})).ok) {
-					authLocked = true;
-					authError = "Invalid password.";
-					return false;
-				}
-				authLocked = false;
-				authError = "";
-				await endpointsService.load();
-				await chat.onEndpointChanged(endpointsService.activeId);
-				return true;
-			} catch {
-				authError = "Unable to reach admin API.";
-				return false;
-			} finally {
-				authLoading = false;
-			}
-		}
 		head("23dtxz", $$renderer, ($$renderer) => {
 			$$renderer.title(($$renderer) => {
 				$$renderer.push(`<title>Chat — OpenPalm</title>`);
 			});
 		});
-		if (authLocked) {
+		Navbar($$renderer);
+		$$renderer.push(`<!----> <div class="chat-shell svelte-23dtxz"><div class="chat-layout svelte-23dtxz"><section class="messages-area svelte-23dtxz" aria-label="Chat history" aria-live="polite">`);
+		if (sessionsLoading() || entriesLoading()) {
 			$$renderer.push("<!--[0-->");
-			AuthGate($$renderer, {
-				onSuccess: handleAuthSuccess,
-				loading: authLoading,
-				error: authError
-			});
-		} else {
-			$$renderer.push("<!--[-1-->");
-			Navbar($$renderer);
-			$$renderer.push(`<!----> <div class="chat-layout svelte-23dtxz"><section class="messages-area svelte-23dtxz" aria-label="Chat history" aria-live="polite">`);
-			if (sessionsLoading() || entriesLoading()) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<div class="session-loading svelte-23dtxz" aria-live="polite"><span class="spinner svelte-23dtxz" aria-hidden="true"></span> <span>Loading messages…</span></div>`);
-			} else if (chat.entries.length === 0) {
-				$$renderer.push("<!--[1-->");
-				$$renderer.push(`<div class="empty-state svelte-23dtxz"><p>No messages yet. Send something to begin.</p></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(`<!--]--> <div aria-hidden="true"></div></section> `);
-			if (chat.error) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<div class="chat-error-banner svelte-23dtxz" role="alert"><span class="svelte-23dtxz">${escape_html(chat.error)}</span> <button class="reconnect-btn svelte-23dtxz" type="button">Reconnect</button> <button class="dismiss-btn svelte-23dtxz" type="button" aria-label="Dismiss error">×</button></div>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> `);
-			ChatInput($$renderer, {
-				sending: chat.sending});
-			$$renderer.push(`<!----></div>`);
+			$$renderer.push(`<div class="session-loading svelte-23dtxz" aria-live="polite">`);
+			Spinner($$renderer, {});
+			$$renderer.push(`<!----> <span>Loading messages…</span></div>`);
+		} else if (chat.entries.length === 0) {
+			$$renderer.push("<!--[1-->");
+			$$renderer.push(`<div class="empty-state svelte-23dtxz"><p>No messages yet. Send something to begin.</p></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(`<!--]-->`);
+		$$renderer.push(`<!--]--> <div aria-hidden="true"></div></section> `);
+		if (chat.error) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="chat-error-banner svelte-23dtxz" role="alert"><span class="svelte-23dtxz">${escape_html(chat.error)}</span> <button class="reconnect-btn svelte-23dtxz" type="button">Reconnect</button> <button class="dismiss-btn svelte-23dtxz" type="button" aria-label="Dismiss error">×</button></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		ChatInput($$renderer, {
+			sending: chat.sending});
+		$$renderer.push(`<!----></div> <aside class="chat-side svelte-23dtxz" aria-label="Assistant and sessions"><section class="side-section svelte-23dtxz"><h2 class="side-heading svelte-23dtxz">Assistant</h2> `);
+		EndpointList($$renderer, {});
+		$$renderer.push(`<!----></section> <section class="side-section side-sessions svelte-23dtxz"><h2 class="side-heading svelte-23dtxz">Sessions</h2> `);
+		SessionList($$renderer, {});
+		$$renderer.push(`<!----></section></aside></div>`);
 	});
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-24A1xNrb.js.map
+//# sourceMappingURL=_page.svelte-CqEu-vpE.js.map