hermium 0.2.0 → 0.3.0

package/dist/server/_ssr/chat._sessionId-P02iSfut.mjs

@@ -0,0 +1,477 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { R as Route, u as useChatStore, d as useSidebar, S as SidebarTrigger, c as cn } from "./router-CUAfx91O.mjs";
+import { M as MarkdownMessage } from "./MarkdownMessage-CNS7OSKN.mjs";
+import { C as ChatInputBlock } from "./ChatInputBlock-Bu2-iop_.mjs";
+import "./index-C1mT_2d8.mjs";
+import { k as IconFile, f as IconChevronRight, m as IconLoader2, d as IconCheck, i as IconCopy } from "../_libs/tabler__icons-react.mjs";
+import "../_libs/tanstack__react-router.mjs";
+import "../_libs/tanstack__router-core.mjs";
+import "../_libs/tanstack__history.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_libs/clsx.mjs";
+import "../_libs/tailwind-merge.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_libs/zustand.mjs";
+import "../_libs/base-ui__react.mjs";
+import "../_libs/base-ui__utils.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/floating-ui__utils.mjs";
+import "../_libs/floating-ui__react-dom.mjs";
+import "../_libs/floating-ui__dom.mjs";
+import "../_libs/floating-ui__core.mjs";
+import "../_libs/react-markdown.mjs";
+import "../_libs/devlop.mjs";
+import "../_libs/unified.mjs";
+import "../_libs/bail.mjs";
+import "../_libs/extend.mjs";
+import "../_libs/is-plain-obj.mjs";
+import "../_libs/trough.mjs";
+import "../_libs/vfile.mjs";
+import "../_libs/vfile-message.mjs";
+import "../_libs/unist-util-stringify-position.mjs";
+import "node:process";
+import "node:path";
+import "node:url";
+import "../_libs/remark-parse.mjs";
+import "../_libs/mdast-util-from-markdown.mjs";
+import "../_libs/micromark-util-decode-numeric-character-reference+[...].mjs";
+import "../_libs/micromark-util-decode-string.mjs";
+import "../_libs/decode-named-character-reference+[...].mjs";
+import "../_libs/character-entities.mjs";
+import "../_libs/micromark-util-normalize-identifier+[...].mjs";
+import "../_libs/micromark.mjs";
+import "../_libs/micromark-util-combine-extensions+[...].mjs";
+import "../_libs/micromark-util-chunked.mjs";
+import "../_libs/micromark-factory-space.mjs";
+import "../_libs/micromark-util-character.mjs";
+import "../_libs/micromark-core-commonmark.mjs";
+import "../_libs/micromark-util-classify-character+[...].mjs";
+import "../_libs/micromark-util-resolve-all.mjs";
+import "../_libs/micromark-util-subtokenize.mjs";
+import "../_libs/micromark-factory-destination.mjs";
+import "../_libs/micromark-factory-label.mjs";
+import "../_libs/micromark-factory-title.mjs";
+import "../_libs/micromark-factory-whitespace.mjs";
+import "../_libs/micromark-util-html-tag-name.mjs";
+import "../_libs/mdast-util-to-string.mjs";
+import "../_libs/remark-rehype.mjs";
+import "../_libs/mdast-util-to-hast.mjs";
+import "../_libs/ungap__structured-clone.mjs";
+import "../_libs/micromark-util-sanitize-uri.mjs";
+import "../_libs/unist-util-position.mjs";
+import "../_libs/trim-lines.mjs";
+import "../_libs/unist-util-visit.mjs";
+import "../_libs/unist-util-visit-parents.mjs";
+import "../_libs/unist-util-is.mjs";
+import "../_libs/hast-util-to-jsx-runtime.mjs";
+import "../_libs/comma-separated-tokens.mjs";
+import "../_libs/property-information.mjs";
+import "../_libs/space-separated-tokens.mjs";
+import "../_libs/style-to-js.mjs";
+import "../_libs/style-to-object.mjs";
+import "../_libs/inline-style-parser.mjs";
+import "../_libs/hast-util-whitespace.mjs";
+import "../_libs/estree-util-is-identifier-name.mjs";
+import "../_libs/html-url-attributes.mjs";
+import "../_libs/rehype-highlight.mjs";
+import "../_libs/lowlight.mjs";
+import "../_libs/highlight.js.mjs";
+import "../_libs/hast-util-to-text.mjs";
+import "../_libs/hast-util-is-element.mjs";
+import "../_libs/unist-util-find-after.mjs";
+import "../_libs/remark-gfm.mjs";
+import "../_libs/micromark-extension-gfm.mjs";
+import "../_libs/micromark-extension-gfm-autolink-literal+[...].mjs";
+import "../_libs/micromark-extension-gfm-footnote+[...].mjs";
+import "../_libs/micromark-extension-gfm-strikethrough+[...].mjs";
+import "../_libs/micromark-extension-gfm-table.mjs";
+import "../_libs/micromark-extension-gfm-task-list-item+[...].mjs";
+import "../_libs/mdast-util-gfm.mjs";
+import "../_libs/mdast-util-gfm-autolink-literal+[...].mjs";
+import "../_libs/ccount.mjs";
+import "../_libs/mdast-util-find-and-replace.mjs";
+import "../_libs/escape-string-regexp.mjs";
+import "../_libs/mdast-util-gfm-footnote.mjs";
+import "../_libs/mdast-util-gfm-strikethrough.mjs";
+import "../_libs/mdast-util-gfm-table.mjs";
+import "../_libs/markdown-table.mjs";
+import "../_libs/mdast-util-to-markdown.mjs";
+import "../_libs/longest-streak.mjs";
+import "../_libs/mdast-util-phrasing.mjs";
+import "../_libs/mdast-util-gfm-task-list-item.mjs";
+import "node:async_hooks";
+function BubbleCopyButton({ text }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  const handleCopy = async () => {
+    await navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      onClick: handleCopy,
+      className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] text-muted-foreground/50 hover:text-foreground hover:bg-muted transition-colors",
+      "aria-label": "Copy message",
+      children: [
+        copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheck, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconCopy, { className: "size-3" }),
+        copied ? "Copied" : "Copy"
+      ]
+    }
+  );
+}
+function formatThinkingDuration(ms) {
+  const s = Math.floor(ms / 1e3);
+  if (s < 60) return `${s}s`;
+  const m = Math.floor(s / 60);
+  const r = s % 60;
+  return r === 0 ? `${m}m` : `${m}m ${r}s`;
+}
+function ThinkingCard({
+  reasoning,
+  isStreaming,
+  startedAt,
+  endedAt
+}) {
+  const [open, setOpen] = reactExports.useState(isStreaming ?? false);
+  const [now, setNow] = reactExports.useState(Date.now());
+  const tickRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    setOpen(isStreaming ?? false);
+  }, [isStreaming]);
+  reactExports.useEffect(() => {
+    if (isStreaming && startedAt && !endedAt) {
+      tickRef.current = setInterval(() => setNow(Date.now()), 1e3);
+      return () => {
+        if (tickRef.current) clearInterval(tickRef.current);
+      };
+    }
+    if (tickRef.current) {
+      clearInterval(tickRef.current);
+      tickRef.current = null;
+    }
+  }, [isStreaming, startedAt, endedAt]);
+  if (!reasoning.trim()) return null;
+  const durationMs = startedAt ? Math.max(0, (endedAt ?? (isStreaming ? now : startedAt)) - startedAt) : null;
+  const charCount = [...reasoning].length;
+  const hasThinking = isStreaming && startedAt && !endedAt;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: cn(
+          "inline-flex items-center gap-1.5 text-[11px] transition-colors",
+          hasThinking ? "text-amber-500 dark:text-amber-400 font-medium" : "text-muted-foreground/70 hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            IconChevronRight,
+            {
+              className: cn(
+                "size-3 shrink-0 transition-transform",
+                open && "rotate-90"
+              )
+            }
+          ),
+          hasThinking ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-2.5 animate-spin" }),
+            "thinking…"
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "thought" }),
+          durationMs !== null && durationMs > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/60 tabular-nums", children: [
+            "· ",
+            formatThinkingDuration(durationMs)
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/60", children: [
+            "· ",
+            charCount.toLocaleString(),
+            " chars"
+          ] })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 rounded-md bg-amber-50 dark:bg-amber-950/20 px-2.5 py-1.5 text-[11px] text-muted-foreground leading-relaxed whitespace-pre-wrap font-mono border border-amber-200 dark:border-amber-800/30", children: reasoning })
+  ] });
+}
+function formatToolPayload(raw) {
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    return { text: JSON.stringify(parsed, null, 2), isJson: true };
+  } catch {
+    return { text: raw, isJson: false };
+  }
+}
+function ToolInvocationCard({
+  tools
+}) {
+  const [open, setOpen] = reactExports.useState(false);
+  if (!tools?.length) return null;
+  const runningCount = tools.filter((t) => t.status === "running").length;
+  const doneCount = tools.filter((t) => t.status === "done").length;
+  const errorCount = tools.filter((t) => t.status === "error").length;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: "inline-flex items-center gap-1 text-[11px] text-muted-foreground/70 hover:text-foreground transition-colors",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            IconChevronRight,
+            {
+              className: cn("size-3 shrink-0 transition-transform", open && "rotate-90")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            "used ",
+            tools.length,
+            " tool",
+            tools.length > 1 ? "s" : ""
+          ] }),
+          runningCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-0.5 text-amber-500", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-2.5 animate-spin" }),
+            runningCount
+          ] }),
+          doneCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-500", children: [
+            doneCount,
+            " done"
+          ] }),
+          errorCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-red-500", children: [
+            errorCount,
+            " error"
+          ] }),
+          tools.length > 0 && runningCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/50 truncate max-w-[200px]", children: [
+            "— ",
+            tools.map((t) => t.name).join(", ")
+          ] })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 flex flex-col gap-1.5", children: tools.map((t, i) => {
+      const formattedArgs = formatToolPayload(t.preview);
+      const formattedOutput = formatToolPayload(t.output);
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "rounded-md bg-muted/40 border border-border/50 overflow-hidden",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-2.5 py-1.5", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-semibold text-foreground/80 font-mono", children: t.name }),
+              t.status === "running" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] text-amber-500", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-2.5 animate-spin" }),
+                "running"
+              ] }),
+              t.status === "done" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-emerald-500", children: "✓ done" }),
+              t.status === "error" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-red-500", children: "✗ error" })
+            ] }),
+            formattedArgs && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-border/30", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2.5 py-0.5 text-[9px] uppercase tracking-wider text-muted-foreground/60", children: "Arguments" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2.5 pb-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "pre",
+                {
+                  className: cn(
+                    "text-[10px] leading-relaxed overflow-x-auto font-mono whitespace-pre-wrap max-h-[200px] overflow-y-auto rounded",
+                    formattedArgs.isJson ? "bg-slate-900/10 dark:bg-slate-900/40 text-foreground/80 px-2 py-1" : "text-muted-foreground/70"
+                  ),
+                  children: formattedArgs.text
+                }
+              ) })
+            ] }),
+            formattedOutput && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-border/30", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2.5 py-0.5 text-[9px] uppercase tracking-wider text-muted-foreground/60", children: "Result" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2.5 pb-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "pre",
+                {
+                  className: cn(
+                    "text-[10px] leading-relaxed overflow-x-auto font-mono whitespace-pre-wrap max-h-[200px] overflow-y-auto rounded",
+                    formattedOutput.isJson ? "bg-slate-900/10 dark:bg-slate-900/40 text-foreground/80 px-2 py-1" : "text-muted-foreground/70"
+                  ),
+                  children: formattedOutput.text
+                }
+              ) })
+            ] })
+          ]
+        },
+        t.callId || `${t.name}-${i}`
+      );
+    }) })
+  ] });
+}
+function MessageBody({
+  content,
+  isStreaming,
+  isAssistant
+}) {
+  if (isAssistant && !isStreaming && content) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownMessage, { content });
+  }
+  if (isStreaming && content) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-base leading-relaxed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownMessage, { content, isStreaming: true }) });
+  }
+  if (isStreaming && !content) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }),
+      "Thinking…"
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-base leading-relaxed whitespace-pre-wrap", children: content });
+}
+function formatTime(ts) {
+  if (!ts || isNaN(ts)) return null;
+  try {
+    return new Date(ts).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  } catch {
+    return null;
+  }
+}
+function MessageList() {
+  const messages = useChatStore((s) => s.messages);
+  if (messages.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: "Start a conversation" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: messages.map((msg) => {
+    const isUser = msg.role === "user";
+    const isSystem = msg.role === "system";
+    const isTool = msg.role === "tool";
+    const hasContent = !!msg.content?.trim();
+    const hasReasoning = !!msg.reasoning?.trim();
+    const hasToolCalls = !!msg.toolCalls?.length;
+    const timeLabel = formatTime(msg.timestamp);
+    const isMinimal = isTool || !isUser && !hasContent && (hasReasoning || hasToolCalls);
+    if (isSystem) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl rounded-lg border border-destructive/30 bg-destructive/10 px-4 py-2.5 text-sm text-destructive", children: msg.content }) }, msg.id);
+    }
+    if (isMinimal) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-3xl flex flex-col gap-1", children: [
+          hasReasoning && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ThinkingCard,
+            {
+              reasoning: msg.reasoning,
+              isStreaming: msg.isStreaming,
+              startedAt: msg.reasoningStartedAt,
+              endedAt: msg.reasoningEndedAt
+            }
+          ),
+          !isTool && hasToolCalls && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolInvocationCard, { tools: msg.toolCalls }),
+          isTool && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-muted/40 px-2.5 py-1.5 text-xs text-muted-foreground leading-relaxed whitespace-pre-wrap font-mono border border-border/50", children: msg.content })
+        ] }),
+        timeLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-0.5 text-[10px] text-muted-foreground/40", children: timeLabel }) })
+      ] }, msg.id);
+    }
+    if (isUser) {
+      const hasAttachments = !!msg.attachments?.length;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex px-4 py-2 justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col max-w-[80%] items-end gap-1.5", children: [
+        hasAttachments && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap justify-end gap-1.5", children: msg.attachments.map((att) => {
+          const isImage = att.type.startsWith("image/");
+          return isImage ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "a",
+            {
+              href: att.url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "block rounded-xl overflow-hidden border border-border/50 hover:border-border transition-colors",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "img",
+                {
+                  src: att.url,
+                  alt: att.name,
+                  className: "max-h-[200px] max-w-[260px] object-cover"
+                }
+              )
+            },
+            att.id
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "a",
+            {
+              href: att.url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "inline-flex items-center gap-1.5 rounded-lg border bg-card px-2.5 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(IconFile, { className: "size-3.5 text-muted-foreground shrink-0" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate max-w-[180px]", children: att.name })
+              ]
+            },
+            att.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-2xl px-4 py-2.5 text-sm leading-relaxed bg-primary text-primary-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "whitespace-pre-wrap", children: msg.content }) }),
+        timeLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/50 px-1", children: timeLabel })
+      ] }) }, msg.id);
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex px-4 py-4 justify-start", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col w-full max-w-3xl gap-1", children: [
+      hasReasoning && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ThinkingCard,
+        {
+          reasoning: msg.reasoning,
+          isStreaming: msg.isStreaming,
+          startedAt: msg.reasoningStartedAt,
+          endedAt: msg.reasoningEndedAt
+        }
+      ),
+      hasToolCalls && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolInvocationCard, { tools: msg.toolCalls }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MessageBody, { content: msg.content, isStreaming: msg.isStreaming, isAssistant: true }),
+      hasContent && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 flex items-center gap-2 px-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(BubbleCopyButton, { text: msg.content }) }),
+      timeLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-0.5 text-[10px] text-muted-foreground/50 px-1", children: timeLabel })
+    ] }) }, msg.id);
+  }) });
+}
+function ChatPanel() {
+  const { activeSessionId, isStreaming } = useChatStore();
+  const syncFromDb = useChatStore((s) => s.syncFromDb);
+  const { state } = useSidebar();
+  const isCollapsed = state === "collapsed";
+  reactExports.useEffect(() => {
+    if (!activeSessionId || !isStreaming) return;
+    const interval = setInterval(() => {
+      syncFromDb(activeSessionId);
+    }, 2e3);
+    return () => clearInterval(interval);
+  }, [activeSessionId, isStreaming, syncFromDb]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col ", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: "flex items-center justify-between border-b px-4 py-3 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+      isCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        SidebarTrigger,
+        {
+          className: cn(
+            "mr-1 -ml-1 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors shrink-0"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "truncate font-medium", children: activeSessionId ? `Chat ${activeSessionId.slice(0, 8)}` : "New Chat" }),
+      isStreaming && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: "Streaming…" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageList, {}) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 bg-background px-4 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChatInputBlock, {}) }) })
+  ] });
+}
+function SessionChatPage() {
+  const {
+    sessionId
+  } = Route.useParams();
+  const switchSession = useChatStore((s) => s.switchSession);
+  const loadSessions = useChatStore((s) => s.loadSessions);
+  const sessionsLoaded = useChatStore((s) => s.sessionsLoaded);
+  reactExports.useEffect(() => {
+    if (!sessionsLoaded) {
+      loadSessions();
+    }
+  }, [sessionsLoaded, loadSessions]);
+  reactExports.useEffect(() => {
+    if (!sessionId) return;
+    switchSession(sessionId);
+  }, [sessionId, switchSession]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ChatPanel, {});
+}
+export {
+  SessionChatPage as component
+};

package/dist/server/_ssr/chat.index-BYB_48NC.mjs

@@ -0,0 +1,64 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { d as useNavigate } from "../_libs/tanstack__react-router.mjs";
+import { u as useChatStore, a as createSession } from "./router-CUAfx91O.mjs";
+import "../_libs/tanstack__router-core.mjs";
+import "../_libs/tanstack__history.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_libs/clsx.mjs";
+import "../_libs/tailwind-merge.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_libs/zustand.mjs";
+import "../_libs/tabler__icons-react.mjs";
+import "../_libs/base-ui__react.mjs";
+import "../_libs/base-ui__utils.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/floating-ui__utils.mjs";
+import "../_libs/floating-ui__react-dom.mjs";
+import "../_libs/floating-ui__dom.mjs";
+import "../_libs/floating-ui__core.mjs";
+function ChatIndexPage() {
+  const navigate = useNavigate();
+  const sessionsLoaded = useChatStore((s) => s.sessionsLoaded);
+  const sessions = useChatStore((s) => s.sessions);
+  const creatingRef = reactExports.useRef(false);
+  reactExports.useEffect(() => {
+    if (!sessionsLoaded) return;
+    if (sessions.length > 0) {
+      navigate({
+        to: "/chat/$sessionId",
+        params: {
+          sessionId: sessions[0].id
+        },
+        replace: true
+      });
+    } else {
+      if (creatingRef.current) return;
+      creatingRef.current = true;
+      createSession({
+        title: "",
+        source: "api_server"
+      }).then((data) => {
+        navigate({
+          to: "/chat/$sessionId",
+          params: {
+            sessionId: data.id
+          },
+          replace: true
+        });
+      }).catch(() => {
+        creatingRef.current = false;
+      });
+    }
+  }, [sessionsLoaded, sessions, navigate]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading conversations…" }) });
+}
+export {
+  ChatIndexPage as component
+};