hermium 0.1.9 → 0.2.0

package/dist/web-server/_ssr/index-BQE3bF14.mjs

@@ -1,1870 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useShallow } from "../_libs/zustand.mjs";
-import { n as Route, h as useChatStore, c as createSession, D as DropdownMenu, b as DropdownMenuTrigger, d as DropdownMenuContent, e as DropdownMenuItem, r as renameSession, B as Button, u as updateModelConfig, a as cn, l as deleteSessionApi, m as respondApproval } from "./router-sbsNus0Y.mjs";
-import { T as Textarea } from "./textarea-DfRheWY0.mjs";
-import { u as useModels } from "./queries-3H_19mUt.mjs";
-import { d as useNavigate } from "../_libs/tanstack__react-router.mjs";
-import { T as IconPlus, v as IconTrash, r as IconDots, s as IconPencil, I as IconSearch, Z as IconBell, _ as IconMail, z as IconCode, U as IconClock, $ as IconChartLine, a0 as IconShieldCheck, R as IconAlertTriangle, O as IconCheck, a as IconX, a1 as IconCommand, a2 as IconPaperclip, B as IconCloud, C as IconLoader2, a3 as IconPlayerStop, D as IconArrowUp, a4 as IconPhoto, a5 as IconFile, Y as IconChevronRight, u as IconCopy } from "../_libs/tabler__icons-react.mjs";
-import { M as Markdown } from "../_libs/react-markdown.mjs";
-import { r as remarkGfm } from "../_libs/remark-gfm.mjs";
-import "../_libs/tanstack__query-core.mjs";
-import "../_libs/tanstack__react-query.mjs";
-import "../_libs/clsx.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/base-ui__react.mjs";
-import "../_libs/base-ui__utils.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/react-dom.mjs";
-import "util";
-import "crypto";
-import "async_hooks";
-import "stream";
-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/zod.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/tanstack__history.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream/web";
-import "node:stream";
-import "../_libs/isbot.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/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";
-function isImeComposing(e) {
-  return e.nativeEvent?.isComposing === true;
-}
-const SLASH_COMMANDS = [
-  // Chat control (local)
-  { name: "/new", description: "Start a new chat", category: "chat", local: true },
-  { name: "/clear", description: "Clear conversation history", category: "chat", local: true },
-  // Agent commands (sent to backend)
-  { name: "/btw", description: "Ask a side question without affecting context", category: "agent" },
-  { name: "/approve", description: "Approve a pending action", category: "agent" },
-  { name: "/deny", description: "Deny a pending action", category: "agent" },
-  { name: "/status", description: "Show current agent status", category: "agent" },
-  { name: "/reset", description: "Reset conversation context", category: "agent" },
-  { name: "/compact", description: "Compact and summarize the conversation", category: "agent" },
-  { name: "/undo", description: "Undo the last action", category: "agent" },
-  { name: "/retry", description: "Retry the last failed action", category: "agent" },
-  { name: "/compress", description: "Compress conversation with optional focus topic", category: "agent" },
-  { name: "/debug", description: "Show diagnostics and debug info", category: "agent" },
-  { name: "/goal", description: "Lock the agent onto a persistent cross-turn goal", category: "agent" },
-  { name: "/steer", description: "Steer the in-flight agent without interrupting it", category: "agent" },
-  { name: "/queue", description: "Queue a follow-up to run after the current turn", category: "agent" },
-  // Tools
-  { name: "/web", description: "Search the web", category: "tools" },
-  { name: "/image", description: "Generate an image", category: "tools" },
-  { name: "/browse", description: "Browse a URL", category: "tools" },
-  { name: "/code", description: "Write or execute code", category: "tools" },
-  { name: "/file", description: "Read or write files", category: "tools" },
-  { name: "/shell", description: "Run a shell command", category: "tools" },
-  // Info (local)
-  { name: "/help", description: "Show available commands and help", category: "info", local: true },
-  { name: "/model", description: "Show or switch the current model", category: "info", local: true },
-  { name: "/memory", description: "Show agent memory", category: "info", local: true },
-  { name: "/persona", description: "Show current persona", category: "info", local: true },
-  { name: "/version", description: "Show Hermes version", category: "info", local: true },
-  { name: "/usage", description: "Show token usage and cost", category: "info", local: true },
-  { name: "/tools", description: "List available tools", category: "info", local: true },
-  { name: "/skills", description: "List installed skills", category: "info", local: true }
-];
-function isLocalCommand(text) {
-  if (!text.startsWith("/")) return false;
-  const cmd = text.split(/\s+/)[0].toLowerCase();
-  return SLASH_COMMANDS.some((c) => c.name === cmd && c.local);
-}
-function useInputHistory({
-  currentInput,
-  applyText
-}) {
-  const [history, setHistory] = reactExports.useState([]);
-  const indexRef = reactExports.useRef(-1);
-  const draftRef = reactExports.useRef("");
-  const push = reactExports.useCallback((text) => {
-    setHistory((prev) => [...prev, text]);
-    indexRef.current = -1;
-    draftRef.current = "";
-  }, []);
-  const recallPrev = reactExports.useCallback(() => {
-    if (history.length === 0) return false;
-    const cur = indexRef.current;
-    const next = cur === -1 ? history.length - 1 : Math.max(0, cur - 1);
-    if (cur === -1) draftRef.current = currentInput;
-    indexRef.current = next;
-    applyText(history[next]);
-    return true;
-  }, [history, currentInput, applyText]);
-  const recallNext = reactExports.useCallback(() => {
-    const cur = indexRef.current;
-    if (cur === -1) return false;
-    if (cur < history.length - 1) {
-      indexRef.current = cur + 1;
-      applyText(history[cur + 1]);
-    } else {
-      indexRef.current = -1;
-      applyText(draftRef.current);
-    }
-    return true;
-  }, [history, applyText]);
-  const isNavigating = reactExports.useCallback(() => indexRef.current !== -1, []);
-  const size = reactExports.useCallback(() => history.length, [history.length]);
-  return { push, recallPrev, recallNext, isNavigating, size };
-}
-function formatSize(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-function AttachmentThumb({ attachment, onRemove }) {
-  const isImage = attachment.type.startsWith("image/");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group relative flex shrink-0 items-center gap-2 rounded-lg border border-border bg-muted/40 px-2 py-1.5 text-xs", children: [
-    isImage && attachment.previewUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "img",
-      {
-        src: attachment.previewUrl,
-        alt: attachment.name,
-        className: "h-10 w-10 rounded object-cover"
-      }
-    ) : isImage ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconPhoto, { className: "size-5 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconFile, { className: "size-5 text-muted-foreground" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col min-w-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate max-w-[120px] font-medium text-foreground", children: attachment.name }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatSize(attachment.size) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        onClick: (e) => {
-          e.stopPropagation();
-          onRemove();
-        },
-        className: "absolute -top-1.5 -right-1.5 flex size-4 items-center justify-center rounded-full bg-muted-foreground/20 text-muted-foreground opacity-0 group-hover:opacity-100 hover:bg-destructive hover:text-destructive-foreground transition-all",
-        "aria-label": `Remove ${attachment.name}`,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconX, { className: "size-2.5" })
-      }
-    )
-  ] });
-}
-function AttachmentPreview({ attachments, onRemove, compact = false }) {
-  if (attachments.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: cn(
-        "flex gap-2 overflow-x-auto",
-        compact ? "px-3 pt-3" : "px-3 pt-3"
-      ),
-      children: attachments.map((a) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-        AttachmentThumb,
-        {
-          attachment: a,
-          onRemove: () => onRemove(a.id)
-        },
-        a.id
-      ))
-    }
-  );
-}
-function displayName(model) {
-  if (model.name && model.name !== model.id) return model.name;
-  const short = model.id.split("/").pop() || model.id;
-  return short.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-}
-function uid() {
-  return Date.now().toString(36) + Math.random().toString(36).slice(2, 8);
-}
-const ChatInput = reactExports.forwardRef(
-  function ChatInput2({ sessionId, model, isLoading, onSubmit, onAbort }, ref) {
-    const [input, setInput] = reactExports.useState("");
-    const [isComposing, setIsComposing] = reactExports.useState(false);
-    const [slashMenuOpen, setSlashMenuOpen] = reactExports.useState(false);
-    const [slashFilter, setSlashFilter] = reactExports.useState("");
-    const [slashSelectedIndex, setSlashSelectedIndex] = reactExports.useState(0);
-    const [attachments, setAttachments] = reactExports.useState([]);
-    const [isDragOver, setIsDragOver] = reactExports.useState(false);
-    const inputRef = reactExports.useRef(null);
-    const slashMenuRef = reactExports.useRef(null);
-    const fileInputRef = reactExports.useRef(null);
-    const { data: modelsData, isLoading: modelsLoading } = useModels();
-    const models = modelsData?.models ?? [];
-    const [selectedModelId, setSelectedModelId] = reactExports.useState("");
-    reactExports.useEffect(() => {
-      if (!models.length) return;
-      const sessionModelValid = model && models.some((m) => m.id === model);
-      const selectedValid = selectedModelId && models.some((m) => m.id === selectedModelId);
-      if (sessionModelValid) {
-        if (selectedModelId !== model) {
-          setSelectedModelId(model);
-        }
-        return;
-      }
-      if (!selectedValid) {
-        const target = modelsData?.default_model || models[0]?.id;
-        if (target) setSelectedModelId(target);
-      }
-    }, [models, modelsData?.default_model, model]);
-    const selectedModel = models.find((m) => m.id === selectedModelId);
-    const handleModelChange = reactExports.useCallback(
-      async (nextModelId) => {
-        setSelectedModelId(nextModelId);
-        try {
-          await updateModelConfig({ model: nextModelId, session_id: sessionId });
-        } catch {
-        }
-      },
-      [sessionId]
-    );
-    const autoResize = reactExports.useCallback(() => {
-      const el = inputRef.current;
-      if (!el) return;
-      el.style.height = "auto";
-      el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
-    }, []);
-    const applyHistoryText = reactExports.useCallback(
-      (text) => {
-        setInput(text);
-        requestAnimationFrame(() => {
-          autoResize();
-          inputRef.current?.setSelectionRange(text.length, text.length);
-        });
-      },
-      [autoResize]
-    );
-    const history = useInputHistory({ currentInput: input, applyText: applyHistoryText });
-    reactExports.useImperativeHandle(
-      ref,
-      () => ({
-        setText(text) {
-          setInput(text);
-          requestAnimationFrame(() => {
-            autoResize();
-            inputRef.current?.focus();
-          });
-        },
-        clear() {
-          setInput("");
-          if (inputRef.current) inputRef.current.style.height = "auto";
-        },
-        focus() {
-          inputRef.current?.focus();
-        }
-      }),
-      [autoResize]
-    );
-    reactExports.useEffect(() => {
-      if (!isLoading) inputRef.current?.focus();
-    }, [isLoading]);
-    reactExports.useEffect(() => {
-      if (!slashMenuOpen) return;
-      function handleClick(e) {
-        if (slashMenuRef.current && !slashMenuRef.current.contains(e.target)) {
-          setSlashMenuOpen(false);
-        }
-      }
-      document.addEventListener("mousedown", handleClick);
-      return () => document.removeEventListener("mousedown", handleClick);
-    }, [slashMenuOpen]);
-    reactExports.useEffect(() => {
-      if (!slashMenuOpen) return;
-      const active = slashMenuRef.current?.querySelector(".slash-item-active");
-      active?.scrollIntoView({ block: "nearest" });
-    }, [slashSelectedIndex, slashMenuOpen]);
-    const filteredCommands = reactExports.useMemo(
-      () => slashMenuOpen ? SLASH_COMMANDS.filter(
-        (cmd) => cmd.name.toLowerCase().startsWith(slashFilter.toLowerCase())
-      ) : [],
-      [slashMenuOpen, slashFilter]
-    );
-    const addFiles = reactExports.useCallback((files) => {
-      const newAttachments = Array.from(files).map((file) => ({
-        id: uid(),
-        name: file.name,
-        type: file.type || "application/octet-stream",
-        size: file.size,
-        file,
-        previewUrl: file.type.startsWith("image/") ? URL.createObjectURL(file) : void 0
-      }));
-      setAttachments((prev) => [...prev, ...newAttachments]);
-    }, []);
-    const removeAttachment = reactExports.useCallback((id) => {
-      setAttachments((prev) => {
-        const removed = prev.find((a) => a.id === id);
-        if (removed?.previewUrl) URL.revokeObjectURL(removed.previewUrl);
-        return prev.filter((a) => a.id !== id);
-      });
-    }, []);
-    reactExports.useEffect(() => {
-      return () => {
-        attachments.forEach((a) => {
-          if (a.previewUrl) URL.revokeObjectURL(a.previewUrl);
-        });
-      };
-    }, []);
-    const handleDragOver = reactExports.useCallback((e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setIsDragOver(true);
-    }, []);
-    const handleDragLeave = reactExports.useCallback((e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (e.currentTarget === e.target || !e.currentTarget.contains(e.relatedTarget)) {
-        setIsDragOver(false);
-      }
-    }, []);
-    const handleDrop = reactExports.useCallback(
-      (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        setIsDragOver(false);
-        if (e.dataTransfer.files.length > 0) addFiles(e.dataTransfer.files);
-      },
-      [addFiles]
-    );
-    const handlePaste = reactExports.useCallback(
-      (e) => {
-        const items = e.clipboardData?.items;
-        if (!items) return;
-        const imageFiles = [];
-        for (let i = 0; i < items.length; i++) {
-          const item = items[i];
-          if (item.type.startsWith("image/")) {
-            const file = item.getAsFile();
-            if (file) {
-              const ext = item.type.split("/")[1] || "png";
-              const renamed = new File([file], `pasted-image-${Date.now()}.${ext}`, {
-                type: item.type
-              });
-              imageFiles.push(renamed);
-            }
-          }
-        }
-        if (imageFiles.length > 0) {
-          e.preventDefault();
-          addFiles(imageFiles);
-        }
-      },
-      [addFiles]
-    );
-    function clearAfterSend(text) {
-      history.push(text);
-      setInput("");
-      if (inputRef.current) inputRef.current.style.height = "auto";
-    }
-    function handleSend() {
-      const text = input.trim();
-      if (!text || isLoading) return;
-      setSlashMenuOpen(false);
-      clearAfterSend(text);
-      onSubmit(text, selectedModelId, attachments);
-      setAttachments([]);
-    }
-    function handleSlashSelect(cmd) {
-      setSlashMenuOpen(false);
-      if (cmd.local || cmd.category === "info") {
-        setInput("");
-        if (inputRef.current) inputRef.current.style.height = "auto";
-        onSubmit(cmd.name, selectedModelId);
-        return;
-      }
-      setInput(cmd.name + " ");
-      inputRef.current?.focus();
-    }
-    function handleInputChange(e) {
-      const value = e.target.value;
-      setInput(value);
-      autoResize();
-      if (value.startsWith("/") && !value.includes(" ")) {
-        setSlashMenuOpen(true);
-        setSlashFilter(value);
-        setSlashSelectedIndex(0);
-      } else if (slashMenuOpen) {
-        setSlashMenuOpen(false);
-      }
-    }
-    function handleKeyDown(e) {
-      if (isImeComposing(e)) return;
-      if (slashMenuOpen && filteredCommands.length > 0) {
-        if (e.key === "ArrowDown") {
-          e.preventDefault();
-          setSlashSelectedIndex(
-            (i) => i < filteredCommands.length - 1 ? i + 1 : 0
-          );
-          return;
-        }
-        if (e.key === "ArrowUp") {
-          e.preventDefault();
-          setSlashSelectedIndex(
-            (i) => i > 0 ? i - 1 : filteredCommands.length - 1
-          );
-          return;
-        }
-        if (e.key === "Enter" || e.key === "Tab") {
-          e.preventDefault();
-          handleSlashSelect(filteredCommands[slashSelectedIndex]);
-          return;
-        }
-        if (e.key === "Escape") {
-          e.preventDefault();
-          setSlashMenuOpen(false);
-          return;
-        }
-      }
-      if (!slashMenuOpen && (history.isNavigating() || !input.includes("\n"))) {
-        if (e.key === "ArrowUp" && history.size() > 0) {
-          if (history.recallPrev()) {
-            e.preventDefault();
-            return;
-          }
-        }
-        if (e.key === "ArrowDown" && history.isNavigating()) {
-          if (history.recallNext()) {
-            e.preventDefault();
-            return;
-          }
-        }
-      }
-      if (e.key === "Enter" && !e.shiftKey) {
-        e.preventDefault();
-        handleSend();
-      }
-    }
-    const canSend = input.trim().length > 0;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full max-w-3xl mx-auto flex flex-col gap-2 relative", children: [
-      slashMenuOpen && filteredCommands.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          ref: slashMenuRef,
-          className: "absolute bottom-full left-0 right-0 mb-1 rounded-xl border border-border bg-card shadow-lg z-50 overflow-hidden",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 px-3 py-2 text-[11px] font-medium text-muted-foreground border-b border-border/60 bg-muted/30", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(IconCommand, { className: "size-3" }),
-              "Commands"
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-[240px] overflow-y-auto py-1", children: filteredCommands.map((cmd, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "button",
-              {
-                className: cn(
-                  "w-full flex items-center gap-2 px-3 py-2 text-sm transition-colors text-left",
-                  i === slashSelectedIndex ? "bg-accent text-accent-foreground slash-item-active" : "hover:bg-accent/50"
-                ),
-                onMouseEnter: () => setSlashSelectedIndex(i),
-                onClick: () => handleSlashSelect(cmd),
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-xs text-primary", children: cmd.name }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-xs", children: cmd.description })
-                ]
-              },
-              cmd.name
-            )) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: cn(
-            "flex min-h-[80px] flex-col rounded-2xl cursor-text bg-card border shadow-lg transition-colors",
-            isDragOver ? "border-primary border-dashed" : "border-border"
-          ),
-          onDragOver: handleDragOver,
-          onDragLeave: handleDragLeave,
-          onDrop: handleDrop,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              AttachmentPreview,
-              {
-                attachments,
-                onRemove: removeAttachment,
-                compact: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 relative overflow-y-auto max-h-[200px]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Textarea,
-              {
-                ref: inputRef,
-                value: input,
-                onChange: handleInputChange,
-                onKeyDown: handleKeyDown,
-                onPaste: handlePaste,
-                onCompositionStart: () => setIsComposing(true),
-                onCompositionEnd: () => setIsComposing(false),
-                placeholder: "Ask anything…",
-                rows: 1,
-                className: cn(
-                  "w-full !rounded-none border-0 p-3 outline-none text-[15px] text-foreground resize-none shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:border-transparent bg-transparent whitespace-pre-wrap break-words",
-                  "min-h-[48px] max-h-[200px]"
-                )
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-[40px] items-center gap-2 p-2 pb-1", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon-sm",
-                  className: "text-muted-foreground hover:text-foreground transition-colors",
-                  title: "Attach images",
-                  onClick: () => fileInputRef.current?.click(),
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPaperclip, { className: "h-5 w-5" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuTrigger, { className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground transition-colors cursor-pointer outline-none ml-1", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(IconCloud, { className: "h-4 w-4 shrink-0" }),
-                  modelsLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin shrink-0" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn(modelsLoading && "opacity-60"), children: modelsLoading ? "Loading…" : selectedModel ? displayName(selectedModel) : "Select model" })
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "start", className: "max-h-[300px] overflow-y-auto min-w-48", children: models.map((model2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  DropdownMenuItem,
-                  {
-                    onClick: () => handleModelChange(model2.id),
-                    className: cn(
-                      "flex-col items-start py-2",
-                      model2.id === selectedModelId && "bg-muted"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: displayName(model2) }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-xs", children: model2.provider_name })
-                    ]
-                  },
-                  model2.id
-                )) })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-auto flex items-center gap-2", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon-sm",
-                  className: "rounded-full bg-destructive hover:bg-destructive/90 text-destructive-foreground transition-colors cursor-pointer",
-                  onClick: onAbort,
-                  title: "Stop generating",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPlayerStop, { className: "h-4 w-4" })
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon-sm",
-                  className: cn(
-                    "rounded-full transition-colors cursor-pointer",
-                    canSend ? "bg-primary hover:bg-primary/90 text-primary-foreground" : "bg-primary text-primary-foreground opacity-40"
-                  ),
-                  disabled: !canSend,
-                  onClick: handleSend,
-                  title: "Send message",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowUp, { className: "h-4 w-4" })
-                }
-              ) })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          ref: fileInputRef,
-          type: "file",
-          multiple: true,
-          accept: "image/*",
-          className: "hidden",
-          onChange: (e) => {
-            if (e.target.files?.length) {
-              addFiles(e.target.files);
-              e.target.value = "";
-            }
-          }
-        }
-      )
-    ] });
-  }
-);
-const ChatHeader = reactExports.memo(function ChatHeader2({
-  sessionId,
-  title,
-  hasMessages,
-  onNewChat,
-  onClear
-}) {
-  const navigate = useNavigate();
-  const deleteStoreSession = useChatStore((s) => s.deleteSession);
-  const handleDelete = async () => {
-    try {
-      await deleteSessionApi(sessionId);
-      deleteStoreSession(sessionId);
-      navigate({ to: "/chat" });
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group/header shrink-0 px-2 py-1 flex items-center gap-1.5 min-w-0", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-muted-foreground truncate flex-1 select-none", children: title || "Conversation" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 opacity-0 group-hover/header:opacity-100 transition-opacity", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: onNewChat,
-          className: "flex items-center justify-center rounded-lg p-1 text-muted-foreground hover:bg-sidebar-muted hover:text-foreground transition-colors",
-          title: "New chat",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPlus, { className: "size-3.5" })
-        }
-      ),
-      hasMessages && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: onClear,
-          className: "flex items-center justify-center rounded-lg p-1 text-muted-foreground hover:bg-sidebar-muted hover:text-foreground transition-colors",
-          title: "Clear chat",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconTrash, { className: "size-3.5" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "flex items-center justify-center rounded-lg p-1 text-muted-foreground hover:bg-sidebar-muted hover:text-foreground transition-colors", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconDots, { className: "size-3.5" }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "end", side: "bottom", sideOffset: 4, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            DropdownMenuItem,
-            {
-              className: "gap-2 text-xs",
-              onClick: () => {
-                const newTitle = prompt("Rename conversation", title || "");
-                if (newTitle?.trim()) {
-                  renameSession(sessionId, newTitle.trim());
-                  useChatStore.getState().updateSession(sessionId, { title: newTitle.trim() });
-                }
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(IconPencil, { className: "size-3" }),
-                "Rename"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            DropdownMenuItem,
-            {
-              className: "gap-2 text-xs text-destructive",
-              onClick: handleDelete,
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(IconTrash, { className: "size-3" }),
-                "Delete"
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-});
-const SUGGESTIONS = [
-  {
-    label: "Search the web",
-    text: "Search the web for today's top tech news",
-    Icon: IconSearch
-  },
-  {
-    label: "Set a reminder",
-    text: "Set a reminder to check emails every day at 9 AM",
-    Icon: IconBell
-  },
-  {
-    label: "Read emails",
-    text: "Read my latest emails and summarize them",
-    Icon: IconMail
-  },
-  {
-    label: "Write a script",
-    text: "Write a Python script to rename all files in a folder",
-    Icon: IconCode
-  },
-  {
-    label: "Schedule a job",
-    text: "Schedule a cron job to back up my database every night",
-    Icon: IconClock
-  },
-  {
-    label: "Analyze data",
-    text: "Analyze this CSV file and show key insights",
-    Icon: IconChartLine
-  }
-];
-const ChatEmptyState = reactExports.memo(function ChatEmptyState2({
-  onSelectSuggestion
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full px-6 py-12", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-6 flex items-center justify-center w-16 h-16 rounded-2xl bg-gradient-to-br from-primary/20 to-primary/5 text-primary", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, { className: "w-8 h-8", strokeWidth: 1.5 }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xl font-semibold text-foreground mb-2", children: "How can I help?" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mb-8 max-w-sm text-center", children: "Ask anything or pick a suggestion to get started." }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2 w-full max-w-lg", children: SUGGESTIONS.map(({ text, label, Icon }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        className: "flex items-center gap-3 rounded-xl border border-border/60 bg-card px-4 py-3 text-left text-sm text-foreground hover:bg-accent hover:border-accent transition-colors group",
-        onClick: () => onSelectSuggestion(text),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { className: "w-4 h-4 shrink-0 text-muted-foreground group-hover:text-foreground transition-colors" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: label })
-        ]
-      },
-      text
-    )) })
-  ] });
-});
-const SyncHighlighter = reactExports.lazy(() => import("./syntax-highlighter-5vezNTce.mjs").then((m) => ({ default: m.SyncHighlighter })));
-function CopyButton({ text }) {
-  const [copied, setCopied] = reactExports.useState(false);
-  const handleCopy = async () => {
-    await navigator.clipboard.writeText(text);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "button",
-    {
-      onClick: handleCopy,
-      className: "absolute right-2 top-2 flex items-center gap-1 rounded px-1.5 py-1 text-xs text-muted-foreground/60 hover:text-foreground hover:bg-muted transition-colors",
-      "aria-label": "Copy code",
-      children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheck, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconCopy, { className: "size-3" })
-    }
-  );
-}
-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);
-  reactExports.useEffect(() => {
-    setOpen(isStreaming ?? false);
-  }, [isStreaming]);
-  const [now, setNow] = reactExports.useState(Date.now());
-  const tickRef = reactExports.useRef(null);
-  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;
-    }
-    return void 0;
-  }, [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 ToolCard({ name, content }) {
-  const [open, setOpen] = reactExports.useState(false);
-  const preview = content.length > 60 ? content.slice(0, 60) + "..." : content;
-  if (!content) return null;
-  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 truncate max-w-full",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronRight, { className: cn("size-3 shrink-0 transition-transform", open && "rotate-90") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate", children: [
-            name || "tool",
-            ': "',
-            preview,
-            '"'
-          ] })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 rounded-md bg-muted/40 px-2.5 py-1.5 text-[11px] text-muted-foreground leading-relaxed whitespace-pre-wrap font-mono border border-border/50 max-h-[300px] overflow-auto", children: content })
-  ] });
-}
-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.jsxs("div", { className: "flex items-center justify-between px-2.5 py-0.5", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] uppercase tracking-wider text-muted-foreground/60", children: "Arguments" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { text: formattedArgs.text })
-              ] }),
-              /* @__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.jsxs("div", { className: "flex items-center justify-between px-2.5 py-0.5", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] uppercase tracking-wider text-muted-foreground/60", children: "Result" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { text: formattedOutput.text })
-              ] }),
-              /* @__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 CodeBlock({ language, value }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group/code my-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between rounded-t-lg bg-muted/80 px-3 py-1.5 border border-border border-b-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide", children: language || "text" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { text: value })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      reactExports.Suspense,
-      {
-        fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-[#282c34] text-gray-300 rounded-b-lg px-4 py-3 text-[13px] leading-relaxed overflow-x-auto font-mono", children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: value }) }),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncHighlighter, { language, value })
-      }
-    )
-  ] });
-}
-const markdownComponents = {
-  pre({ children }) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto max-w-full", children });
-  },
-  code({ className, children, ...props }) {
-    const match = /language-(\w+)/.exec(className || "");
-    const value = String(children).replace(/\n$/, "");
-    if (!match) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-muted px-1 py-0.5 text-[13px] font-mono text-foreground/90", ...props, children });
-    }
-    if (match[1] === "plaintext") {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "rounded-lg bg-muted/50 border border-border/50 px-4 py-3 text-[13px] leading-relaxed overflow-x-auto font-mono whitespace-pre-wrap", children: value });
-    }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeBlock, { language: match[1], value });
-  },
-  a({ href, children }) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 dark:text-blue-400 underline underline-offset-2", children });
-  },
-  img({ src, alt }) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src, alt, className: "rounded-lg max-w-full my-2", loading: "lazy" });
-  },
-  table({ children }) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto my-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "w-full text-sm border-collapse border border-border rounded-lg overflow-hidden", children }) });
-  },
-  th({ children }) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "border border-border bg-muted px-3 py-1.5 text-left font-medium", children });
-  },
-  td({ children }) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "border border-border px-3 py-1.5", children });
-  },
-  blockquote({ children }) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("blockquote", { className: "border-l-2 border-amber-400 dark:border-amber-600 pl-3 my-2 text-muted-foreground italic", children });
-  }
-};
-const BOX_DRAWING_RE = /[\u2500-\u257F]/;
-function hasBoxDrawing(text) {
-  return BOX_DRAWING_RE.test(text);
-}
-function wrapAsciiArtCodeBlocks(content) {
-  const lines = content.split("\n");
-  const result = [];
-  let inArt = false;
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    const isArtLine = hasBoxDrawing(line);
-    if (isArtLine && !inArt) {
-      if (result.length > 0 && result[result.length - 1] !== "") {
-        result.push("");
-      }
-      result.push("```plaintext");
-      inArt = true;
-    } else if (!isArtLine && inArt) {
-      result.push("```");
-      if (line !== "") {
-        result.push("");
-      }
-      inArt = false;
-    }
-    result.push(line);
-  }
-  if (inArt) {
-    result.push("```");
-  }
-  return result.join("\n");
-}
-function MessageBody({
-  content,
-  isStreaming
-}) {
-  const processed = wrapAsciiArtCodeBlocks(content);
-  if (isStreaming && content) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-none leading-relaxed", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "whitespace-pre-wrap text-base leading-relaxed", children: [
-      content,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-block w-0.5 h-4 bg-foreground/70 ml-0.5 align-text-bottom animate-pulse" })
-    ] }) });
-  }
-  if (isStreaming && !content) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-block w-0.5 h-4 bg-foreground/70 ml-0.5 align-text-bottom animate-pulse" });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-none leading-relaxed [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_p]:my-3 [&_p]:leading-relaxed [&_ul]:my-3 [&_ul]:pl-5 [&_ul]:list-disc [&_ol]:my-3 [&_ol]:pl-5 [&_ol]:list-decimal [&_li]:my-1 [&_li]:leading-relaxed [&_h1]:mt-6 [&_h1]:mb-3 [&_h2]:mt-5 [&_h2]:mb-2 [&_h3]:mt-4 [&_h3]:mb-1.5 [&_h4]:mt-3 [&_h4]:mb-1 [&_blockquote]:my-3 [&_hr]:my-6 [&_table]:my-4 [&_pre]:my-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: processed }) });
-}
-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 ChatMessageRaw({ message }) {
-  const isUser = message.role === "user";
-  const isTool = message.role === "tool";
-  const hasContent = !!message.content?.trim();
-  const hasReasoning = !!message.reasoning?.trim();
-  const hasToolCalls = !!message.toolCalls?.length;
-  const timeLabel = formatTime(message.timestamp);
-  const isMinimal = isTool || !isUser && !hasContent && (hasReasoning || hasToolCalls);
-  if (isMinimal) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
-        hasReasoning && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingCard, { reasoning: message.reasoning, isStreaming: message.isStreaming, startedAt: message.reasoningStartedAt, endedAt: message.reasoningEndedAt }),
-        !isTool && hasToolCalls && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolInvocationCard, { tools: message.toolCalls }),
-        isTool && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolCard, { name: message.toolName || "", content: message.content })
-      ] }),
-      timeLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-0.5 text-[10px] text-muted-foreground/40", children: timeLabel })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex px-4", isUser ? "py-2 justify-end" : "py-4 justify-start"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex min-w-0 flex-col", isUser ? "max-w-[85%] items-end" : "w-full"), children: [
-    message.isStreaming && !hasContent && !hasReasoning ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm text-muted-foreground py-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }),
-      "Thinking..."
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 w-full", children: [
-      hasReasoning && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingCard, { reasoning: message.reasoning, isStreaming: message.isStreaming, startedAt: message.reasoningStartedAt, endedAt: message.reasoningEndedAt }),
-      !isTool && !isUser && hasToolCalls && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolInvocationCard, { tools: message.toolCalls }),
-      hasContent && (isUser ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-2xl px-4 py-2.5 text-sm leading-relaxed overflow-x-auto bg-primary text-primary-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        MessageBody,
-        {
-          content: message.content,
-          isStreaming: message.isStreaming
-        }
-      ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-base leading-relaxed", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        MessageBody,
-        {
-          content: message.content,
-          isStreaming: message.isStreaming
-        }
-      ) }))
-    ] }),
-    hasContent && !isUser && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 flex items-center gap-2 px-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(BubbleCopyButton, { text: message.content }) }),
-    timeLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mt-1 text-[10px] text-muted-foreground/50 px-1", children: timeLabel })
-  ] }) });
-}
-const ChatMessage = reactExports.memo(ChatMessageRaw);
-const MessageList = reactExports.memo(function MessageList2({
-  messages,
-  isLoading
-}) {
-  const mapped = reactExports.useMemo(
-    () => messages.map(
-      (msg) => ({
-        id: msg.id,
-        role: msg.role === "user" ? "user" : msg.role === "tool" ? "tool" : "assistant",
-        content: msg.content,
-        timestamp: msg.timestamp,
-        isStreaming: msg.isStreaming,
-        reasoning: msg.reasoning,
-        reasoningStartedAt: msg.reasoningStartedAt,
-        reasoningEndedAt: msg.reasoningEndedAt,
-        toolCalls: msg.toolCalls
-      })
-    ),
-    [messages]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: mapped.map((msg) => /* @__PURE__ */ jsxRuntimeExports.jsx(ChatMessage, { message: msg }, msg.id)) });
-});
-function useChatScroll(messages) {
-  const containerRef = reactExports.useRef(null);
-  const bottomRef = reactExports.useRef(null);
-  const userScrolledUpRef = reactExports.useRef(false);
-  const prevCountRef = reactExports.useRef(messages.length);
-  const scrollToBottom = reactExports.useCallback((force) => {
-    if (!force && userScrolledUpRef.current) return;
-    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, []);
-  const onScroll = reactExports.useCallback(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 80;
-    userScrolledUpRef.current = !atBottom;
-  }, []);
-  reactExports.useEffect(() => {
-    const prevCount = prevCountRef.current;
-    prevCountRef.current = messages.length;
-    const userJustSent = messages.length > prevCount && messages[messages.length - 1]?.role === "user";
-    if (userJustSent) {
-      userScrolledUpRef.current = false;
-      scrollToBottom(true);
-    } else {
-      scrollToBottom();
-    }
-  }, [messages, scrollToBottom]);
-  return { containerRef, bottomRef, onScroll };
-}
-const BASE_URL = "http://localhost:47474";
-async function* postChatStream(options) {
-  const { input, conversation, model, signal } = options;
-  const body = { input };
-  if (conversation) body.conversation = conversation;
-  if (model) body.model = model;
-  if (options.messages && options.messages.length > 0) {
-    body.messages = options.messages;
-  }
-  if (options.attachments && options.attachments.length > 0) {
-    body.attachments = options.attachments;
-  }
-  const res = await fetch(`${BASE_URL}/api/chat/stream`, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(body),
-    signal
-  });
-  if (!res.ok) {
-    const text = await res.text().catch(() => "Stream request failed");
-    throw new Error(text);
-  }
-  if (!res.body) {
-    throw new Error("No response body");
-  }
-  const reader = res.body.getReader();
-  const decoder = new TextDecoder();
-  let buffer = "";
-  try {
-    while (true) {
-      const { done, value } = await reader.read();
-      if (done) break;
-      buffer += decoder.decode(value, { stream: true });
-      let boundary = buffer.indexOf("\n\n");
-      while (boundary >= 0) {
-        const frame = buffer.slice(0, boundary);
-        buffer = buffer.slice(boundary + 2);
-        let eventType = "";
-        let dataStr = "";
-        for (const line of frame.split("\n")) {
-          if (line.startsWith("event: ")) eventType = line.slice(7).trim();
-          else if (line.startsWith("data: ")) {
-            dataStr += (dataStr ? "\n" : "") + line.slice(6);
-          }
-        }
-        if (dataStr) {
-          let parsed = {};
-          try {
-            parsed = JSON.parse(dataStr);
-          } catch {
-            parsed = { raw: dataStr };
-          }
-          yield { type: eventType || "unknown", data: parsed };
-        }
-        boundary = buffer.indexOf("\n\n");
-      }
-    }
-  } finally {
-    reader.releaseLock();
-  }
-}
-let msgCounter = 0;
-function nextMsgId() {
-  return `msg-${++msgCounter}-${Math.random().toString(36).slice(2, 6)}`;
-}
-function useChatStream() {
-  const abortRef = reactExports.useRef(null);
-  const setStreaming = reactExports.useCallback((sessionId, loading) => {
-    useChatStore.setState((s) => ({
-      streamingSessions: loading ? /* @__PURE__ */ new Set([...s.streamingSessions, sessionId]) : new Set([...s.streamingSessions].filter((id) => id !== sessionId))
-    }));
-  }, []);
-  const abortChat = reactExports.useCallback(() => {
-    if (abortRef.current) {
-      abortRef.current.abort();
-      abortRef.current = null;
-    }
-  }, []);
-  const sendMessage = reactExports.useCallback(
-    async (text, sessionId, model, options) => {
-      if (useChatStore.getState().streamingSessions.has(sessionId)) return;
-      const userMsg = {
-        id: nextMsgId(),
-        role: "user",
-        content: text,
-        timestamp: Date.now()
-      };
-      useChatStore.setState((s) => {
-        const existing = s.sessions.find((sx) => sx.id === sessionId);
-        if (!existing) {
-          const now = Date.now();
-          const seeded = {
-            id: sessionId,
-            title: text.slice(0, 64),
-            model: model || "",
-            messages: [userMsg],
-            createdAt: now,
-            updatedAt: now
-          };
-          return { sessions: [seeded, ...s.sessions] };
-        }
-        return {
-          sessions: s.sessions.map(
-            (sx) => sx.id === sessionId ? {
-              ...sx,
-              messages: [...sx.messages, userMsg],
-              model: model || sx.model || "",
-              title: !sx.title || sx.title === "New Conversation" || sx.title === "Untitled" ? text.slice(0, 64) : sx.title
-            } : sx
-          )
-        };
-      });
-      const history = useChatStore.getState().sessions.find((sx) => sx.id === sessionId)?.messages.slice(0, -1).filter((m) => !m.isStreaming && m.content).map((m) => ({ role: m.role, content: m.content })) || [];
-      const asstId = nextMsgId();
-      const placeholder = {
-        id: asstId,
-        role: "assistant",
-        content: "",
-        timestamp: Date.now(),
-        isStreaming: true
-      };
-      useChatStore.setState((s) => ({
-        sessions: s.sessions.map(
-          (sx) => sx.id === sessionId ? { ...sx, messages: [...sx.messages, placeholder] } : sx
-        )
-      }));
-      setStreaming(sessionId, true);
-      const abortController = new AbortController();
-      abortRef.current = abortController;
-      let lastEventMs = Date.now();
-      const hangTimeout = setInterval(() => {
-        if (Date.now() - lastEventMs > 3e5) {
-          console.warn("[stream] hang timeout — aborting", sessionId);
-          abortController.abort();
-        }
-      }, 3e4);
-      try {
-        const stream = postChatStream({
-          input: text,
-          conversation: sessionId,
-          model,
-          signal: abortController.signal,
-          messages: history,
-          attachments: options?.attachments?.map((a) => ({
-            id: a.id,
-            name: a.name,
-            type: a.type,
-            size: a.size
-          }))
-        });
-        for await (const ev of stream) {
-          lastEventMs = Date.now();
-          switch (ev.type) {
-            case "token": {
-              const delta = ev.data.delta || "";
-              if (!delta) continue;
-              useChatStore.setState((s) => ({
-                sessions: s.sessions.map((sx) => {
-                  if (sx.id !== sessionId) return sx;
-                  const msgs = sx.messages.slice();
-                  const last = msgs[msgs.length - 1];
-                  if (last && last.role === "assistant" && last.isStreaming) {
-                    msgs[msgs.length - 1] = { ...last, content: last.content + delta };
-                  }
-                  return { ...sx, messages: msgs };
-                })
-              }));
-              break;
-            }
-            case "reasoning": {
-              const text2 = ev.data.text || "";
-              if (!text2) continue;
-              useChatStore.setState((s) => ({
-                sessions: s.sessions.map((sx) => {
-                  if (sx.id !== sessionId) return sx;
-                  const msgs = sx.messages.slice();
-                  const last = msgs[msgs.length - 1];
-                  if (last && last.role === "assistant" && last.isStreaming) {
-                    const prevReasoning = last.reasoning || "";
-                    msgs[msgs.length - 1] = {
-                      ...last,
-                      reasoning: prevReasoning + text2,
-                      reasoningStartedAt: last.reasoningStartedAt || Date.now()
-                    };
-                  }
-                  return { ...sx, messages: msgs };
-                })
-              }));
-              break;
-            }
-            case "tool_start": {
-              const name = ev.data.name || "tool";
-              const preview = ev.data.preview || "";
-              const callId = ev.data.tool_call_id || void 0;
-              useChatStore.setState((s) => ({
-                sessions: s.sessions.map((sx) => {
-                  if (sx.id !== sessionId) return sx;
-                  const msgs = sx.messages.slice();
-                  const last = msgs[msgs.length - 1];
-                  if (last && last.role === "assistant" && last.isStreaming) {
-                    const calls = [
-                      ...last.toolCalls || [],
-                      { name, preview, callId, status: "running" }
-                    ];
-                    msgs[msgs.length - 1] = { ...last, toolCalls: calls };
-                  }
-                  return { ...sx, messages: msgs };
-                })
-              }));
-              break;
-            }
-            case "tool_end": {
-              const callId = ev.data.tool_call_id;
-              const toolName = ev.data.tool;
-              const output = ev.data.output;
-              useChatStore.setState((s) => ({
-                sessions: s.sessions.map((sx) => {
-                  if (sx.id !== sessionId) return sx;
-                  const msgs = sx.messages.slice();
-                  const last = msgs[msgs.length - 1];
-                  if (!last?.toolCalls) return sx;
-                  const calls = last.toolCalls.map((tc) => {
-                    if (callId && tc.callId === callId) {
-                      return { ...tc, status: "done", output: output || tc.output };
-                    }
-                    if (!callId && tc.name === toolName && tc.status === "running") {
-                      return { ...tc, status: "done", output: output || tc.output };
-                    }
-                    return tc;
-                  });
-                  msgs[msgs.length - 1] = { ...last, toolCalls: calls };
-                  return { ...sx, messages: msgs };
-                })
-              }));
-              break;
-            }
-            case "done": {
-              useChatStore.setState((s) => ({
-                sessions: s.sessions.map((sx) => {
-                  if (sx.id !== sessionId) return sx;
-                  const msgs = sx.messages.map(
-                    (m) => m.role === "assistant" && m.isStreaming ? { ...m, isStreaming: false, reasoningEndedAt: m.reasoning ? Date.now() : void 0 } : m
-                  );
-                  return { ...sx, messages: msgs };
-                })
-              }));
-              setStreaming(sessionId, false);
-              break;
-            }
-            case "error": {
-              const err = ev.data.error;
-              useChatStore.setState((s) => ({
-                sessions: s.sessions.map((sx) => {
-                  if (sx.id !== sessionId) return sx;
-                  const msgs = sx.messages.map(
-                    (m) => m.role === "assistant" && m.isStreaming ? { ...m, isStreaming: false, content: m.content || `**Error:** ${err || "Run failed"}` } : m
-                  );
-                  return { ...sx, messages: msgs };
-                })
-              }));
-              setStreaming(sessionId, false);
-              break;
-            }
-            case "approval": {
-              useChatStore.setState((s) => ({
-                sessions: s.sessions.map(
-                  (sx) => sx.id === sessionId ? { ...sx, pendingApproval: ev.data } : sx
-                )
-              }));
-              break;
-            }
-            case "title": {
-              const newTitle = ev.data.title;
-              if (newTitle) {
-                useChatStore.setState((s) => ({
-                  sessions: s.sessions.map(
-                    (sx) => sx.id === sessionId ? { ...sx, title: newTitle } : sx
-                  )
-                }));
-              }
-              break;
-            }
-          }
-        }
-      } catch (err) {
-        const errMsg = err instanceof Error ? err.message : "Connection error";
-        useChatStore.setState((s) => ({
-          sessions: s.sessions.map((sx) => {
-            if (sx.id !== sessionId) return sx;
-            const msgs = sx.messages.map(
-              (m) => m.role === "assistant" && m.isStreaming ? { ...m, isStreaming: false, content: m.content || `**Error:** ${errMsg}` } : m
-            );
-            return { ...sx, messages: msgs };
-          })
-        }));
-        setStreaming(sessionId, false);
-      } finally {
-        clearInterval(hangTimeout);
-        abortRef.current = null;
-        setStreaming(sessionId, false);
-        useChatStore.setState((s) => ({
-          sessions: s.sessions.map((sx) => {
-            if (sx.id !== sessionId) return sx;
-            const hasStreaming = sx.messages.some((m) => m.role === "assistant" && m.isStreaming);
-            if (!hasStreaming) return sx;
-            return {
-              ...sx,
-              messages: sx.messages.map(
-                (m) => m.role === "assistant" && m.isStreaming ? { ...m, isStreaming: false } : m
-              )
-            };
-          })
-        }));
-      }
-    },
-    [setStreaming]
-  );
-  return { sendMessage, abortChat };
-}
-function useChatActions({
-  sessionId,
-  model,
-  isLoading,
-  sendMessage,
-  abortChat
-}) {
-  const navigate = useNavigate();
-  const isLoadingRef = reactExports.useRef(isLoading);
-  isLoadingRef.current = isLoading;
-  const handleSend = reactExports.useCallback(
-    async (text, modelId, attachments) => {
-      const trimmed = text.trim();
-      if (!trimmed || isLoadingRef.current) return;
-      if (isLocalCommand(trimmed)) {
-        const cmd = trimmed.split(/\s+/)[0].toLowerCase();
-        if (cmd === "/new") {
-          const id = await createSession({ model });
-          navigate({ to: "/chat/$sessionId", params: { sessionId: id.id } });
-          return;
-        }
-        if (cmd === "/clear") {
-          useChatStore.setState((s) => ({
-            sessions: s.sessions.map(
-              (sx) => sx.id === sessionId ? { ...sx, messages: [] } : sx
-            )
-          }));
-          return;
-        }
-        if (cmd === "/help") {
-          const lines = SLASH_COMMANDS.map(
-            (c) => `\`${c.name}\` — ${c.description}`
-          ).join("\n");
-          useChatStore.setState((s) => ({
-            sessions: s.sessions.map(
-              (sx) => sx.id === sessionId ? {
-                ...sx,
-                messages: [
-                  ...sx.messages,
-                  {
-                    id: `agent-${Date.now()}`,
-                    role: "assistant",
-                    content: `**Available Commands**
-
-${lines}`,
-                    timestamp: Date.now()
-                  }
-                ]
-              } : sx
-            )
-          }));
-          return;
-        }
-        useChatStore.setState((s) => ({
-          sessions: s.sessions.map(
-            (sx) => sx.id === sessionId ? {
-              ...sx,
-              messages: [
-                ...sx.messages,
-                {
-                  id: `agent-${Date.now()}`,
-                  role: "assistant",
-                  content: `Command \`${cmd}\` is not yet implemented in the web UI.`,
-                  timestamp: Date.now()
-                }
-              ]
-            } : sx
-          )
-        }));
-        return;
-      }
-      await sendMessage(trimmed, sessionId, modelId || model, { attachments });
-    },
-    [sessionId, model, sendMessage, navigate]
-  );
-  const handleAbort = reactExports.useCallback(() => {
-    abortChat();
-  }, [abortChat]);
-  const handleApprove = reactExports.useCallback(async () => {
-    if (isLoadingRef.current) return;
-    await sendMessage("/approve", sessionId, model);
-  }, [sessionId, model, sendMessage]);
-  const handleDeny = reactExports.useCallback(async () => {
-    if (isLoadingRef.current) return;
-    await sendMessage("/deny", sessionId, model);
-  }, [sessionId, model, sendMessage]);
-  const handleNewChat = reactExports.useCallback(async () => {
-    const id = await createSession({ model });
-    navigate({ to: "/chat/$sessionId", params: { sessionId: id.id } });
-  }, [model, navigate]);
-  const handleClear = reactExports.useCallback(() => {
-    if (isLoadingRef.current) {
-      abortChat();
-    }
-    useChatStore.setState((s) => ({
-      sessions: s.sessions.map(
-        (sx) => sx.id === sessionId ? { ...sx, messages: [] } : sx
-      )
-    }));
-  }, [sessionId, abortChat]);
-  return { handleSend, handleAbort, handleApprove, handleDeny, handleNewChat, handleClear };
-}
-function ApprovalRequest({
-  sessionId,
-  request,
-  onResolved
-}) {
-  const [responding, setResponding] = reactExports.useState(false);
-  const handleChoice = async (choice) => {
-    setResponding(true);
-    try {
-      await respondApproval({ session_id: sessionId, choice });
-      onResolved();
-    } catch {
-    } finally {
-      setResponding(false);
-    }
-  };
-  const toolName = request.tool_name || "unknown tool";
-  const command = typeof request.command === "string" ? request.command : typeof request.arguments === "string" ? request.arguments : null;
-  const description = typeof request.description === "string" ? request.description : typeof request.preview === "string" ? request.preview : null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl px-4 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-2xl border border-amber-500/30 bg-amber-500/5 p-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(IconShieldCheck, { className: "h-4 w-4 text-amber-500" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium text-amber-600 dark:text-amber-400", children: "Approval Required" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-foreground mb-1", children: [
-      "The agent wants to use ",
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: toolName })
-    ] }),
-    command && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-lg bg-muted/60 border border-border px-3 py-2 text-xs font-mono text-muted-foreground whitespace-pre-wrap break-all max-h-32 overflow-y-auto", children: command }),
-    description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-xs text-muted-foreground leading-relaxed", children: description }),
-    request.risk === "high" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex items-center gap-1.5 text-xs text-red-500", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(IconAlertTriangle, { className: "h-3.5 w-3.5" }),
-      "High risk operation"
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Button,
-        {
-          size: "sm",
-          variant: "default",
-          className: "gap-1.5 bg-emerald-600 hover:bg-emerald-700 text-white",
-          disabled: responding,
-          onClick: () => handleChoice("once"),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheck, { className: "h-3.5 w-3.5" }),
-            "Approve once"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Button,
-        {
-          size: "sm",
-          variant: "secondary",
-          className: "gap-1.5",
-          disabled: responding,
-          onClick: () => handleChoice("session"),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheck, { className: "h-3.5 w-3.5" }),
-            "Approve all"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Button,
-        {
-          size: "sm",
-          variant: "outline",
-          className: "gap-1.5",
-          disabled: responding,
-          onClick: () => handleChoice("always"),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconShieldCheck, { className: "h-3.5 w-3.5" }),
-            "Always allow"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Button,
-        {
-          size: "sm",
-          variant: "ghost",
-          className: "gap-1.5 text-destructive hover:text-destructive",
-          disabled: responding,
-          onClick: () => handleChoice("deny"),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconX, { className: "h-3.5 w-3.5" }),
-            "Deny"
-          ]
-        }
-      )
-    ] })
-  ] }) });
-}
-function Chat({
-  sessionId,
-  messages,
-  title,
-  model,
-  pendingApproval
-}) {
-  const chatInputRef = reactExports.useRef(null);
-  const pendingSentRef = reactExports.useRef(false);
-  const { containerRef, bottomRef, onScroll } = useChatScroll(messages);
-  const { sendMessage, abortChat } = useChatStream();
-  const isLoading = useChatStore((s) => s.streamingSessions.has(sessionId));
-  const actions = useChatActions({
-    sessionId,
-    model,
-    isLoading,
-    sendMessage,
-    abortChat
-  });
-  reactExports.useEffect(() => {
-    if (!sessionId || pendingSentRef.current) return;
-    const msgKey = `hermium_pending_msg_${sessionId}`;
-    const modelKey = `hermium_pending_model_${sessionId}`;
-    const pending = sessionStorage.getItem(msgKey);
-    if (!pending) return;
-    pendingSentRef.current = true;
-    const pendingModel = sessionStorage.getItem(modelKey) || model;
-    sessionStorage.removeItem(msgKey);
-    sessionStorage.removeItem(modelKey);
-    sendMessage(pending, sessionId, pendingModel);
-  }, [sessionId, model, sendMessage]);
-  reactExports.useEffect(() => {
-    function onKey(e) {
-      if ((e.metaKey || e.ctrlKey) && e.key === "n") {
-        e.preventDefault();
-        actions.handleNewChat();
-      }
-    }
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [actions]);
-  const handleSuggestion = reactExports.useCallback((text) => {
-    chatInputRef.current?.setText(text);
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full overflow-hidden bg-background", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ChatHeader,
-      {
-        sessionId,
-        title,
-        hasMessages: messages.length > 0,
-        onNewChat: actions.handleNewChat,
-        onClear: actions.handleClear
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "flex-1 min-w-0 overflow-y-auto",
-        ref: containerRef,
-        onScroll,
-        children: [
-          messages.length === 0 && !isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChatEmptyState, { onSelectSuggestion: handleSuggestion }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            MessageList,
-            {
-              messages,
-              isLoading,
-              onApprove: actions.handleApprove,
-              onDeny: actions.handleDeny
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: bottomRef }),
-          pendingApproval && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ApprovalRequest,
-            {
-              sessionId,
-              request: pendingApproval,
-              onResolved: () => {
-                useChatStore.getState().updateSession(sessionId, {
-                  pendingApproval: null
-                });
-              }
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 px-4 py-3 border-t bg-card/50 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ChatInput,
-      {
-        ref: chatInputRef,
-        sessionId,
-        model,
-        isLoading,
-        onSubmit: actions.handleSend,
-        onAbort: actions.handleAbort
-      }
-    ) })
-  ] });
-}
-function SessionChatPage() {
-  const {
-    sessionId
-  } = Route.useParams();
-  const switchSession = useChatStore((s) => s.switchSession);
-  const loadSessions = useChatStore((s) => s.loadSessions);
-  const loadSessionMessages = useChatStore((s) => s.loadSessionMessages);
-  const sessionsLoaded = useChatStore((s) => s.sessionsLoaded);
-  const isLoadingMessages = useChatStore((s) => s.isLoadingMessages);
-  const sessionMeta = useChatStore(useShallow((s) => {
-    const sess = s.sessions.find((sx) => sx.id === sessionId);
-    return {
-      title: sess?.title,
-      model: sess?.model || "",
-      pendingApproval: sess?.pendingApproval ?? null
-    };
-  }));
-  const messages = useChatStore(useShallow((s) => {
-    const sess = s.sessions.find((sx) => sx.id === sessionId);
-    return sess?.messages ?? [];
-  }));
-  reactExports.useEffect(() => {
-    if (!sessionsLoaded) {
-      loadSessions();
-    }
-  }, [sessionsLoaded, loadSessions]);
-  reactExports.useEffect(() => {
-    if (!sessionId) return;
-    switchSession(sessionId);
-    const sess = useChatStore.getState().getSession(sessionId);
-    if (!sess || sess.messages.length === 0) {
-      loadSessionMessages(sessionId);
-    }
-  }, [sessionId, switchSession, loadSessionMessages]);
-  if (isLoadingMessages && messages.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col h-full overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 border-b px-4 py-2.5 flex items-center gap-2 min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground truncate flex-1", children: "Loading…" }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-4 p-4 mx-auto max-w-3xl", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "animate-pulse space-y-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-4 rounded bg-muted ${i % 2 === 0 ? "w-2/3" : "w-1/2 ml-auto"}` }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `h-3 rounded bg-muted ${i % 2 === 0 ? "w-1/2" : "w-1/3 ml-auto"}` })
-      ] }, i)) }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Chat, { sessionId, messages, title: sessionMeta.title, model: sessionMeta.model, pendingApproval: sessionMeta.pendingApproval });
-}
-export {
-  SessionChatPage as component
-};