opencami 1.6.1 → 1.8.2

package/dist/server/assets/{_sessionKey-BCdHKOq7.js → _sessionKey-Bq_fl7uv.js}

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Link, useNavigate } from "@tanstack/react-router";
 import * as React from "react";
-import React__default, { memo, useDeferredValue, useState, useMemo, useCallback, Suspense, lazy, useRef, useEffect, useLayoutEffect, createContext, useContext } from "react";
+import React__default, { useState, useCallback, memo, useDeferredValue, useMemo, Suspense, lazy, useRef, useEffect, useLayoutEffect, createContext, useContext } from "react";
 import { useQueryClient, useMutation, useQuery } from "@tanstack/react-query";
 import { T as TooltipProvider, a as TooltipRoot, b as TooltipTrigger, c as TooltipContent, s as setChatUiState, d as chatUiQueryKey, g as getChatUiState } from "./tooltip-DgsSPocE.js";
+import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, AiBrain01Icon, PackageOpenIcon, SmartPhone01Icon, DashboardCircleIcon, Search01Icon, Settings01Icon, Menu01Icon, Tick02Icon, Copy01Icon, Loading02Icon, StopIcon, VolumeHighIcon, ArrowDown01Icon, Loading03Icon, File01Icon, ArtificialIntelligence02Icon, CommandIcon, Attachment01Icon, Mic02Icon, ArrowUp02Icon } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
-import { Tick01Icon, Cancel01Icon, MoreHorizontalIcon, Pen01Icon, Upload01Icon, Delete01Icon, BotIcon, Clock01Icon, Chat01Icon, ArrowRight01Icon, SidebarLeft01Icon, PencilEdit02Icon, Folder01Icon, AiBrain01Icon, PackageOpenIcon, SmartPhone01Icon, Search01Icon, Settings01Icon, Menu01Icon, Tick02Icon, Copy01Icon, Loading02Icon, StopIcon, VolumeHighIcon, ArrowDown01Icon, Loading03Icon, ArtificialIntelligence02Icon, CommandIcon, Attachment01Icon, File01Icon, Mic02Icon, ArrowUp02Icon } from "@hugeicons/core-free-icons";
 import { motion, AnimatePresence } from "motion/react";
-import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-s7CS50ho.js";
-import { B as Button, c as cn, b as buttonVariants } from "./button-CwY2OHFj.js";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
+import { c as cn, B as Button, b as buttonVariants } from "./button-CwY2OHFj.js";
+import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose, u as useFileExplorerState } from "./use-file-explorer-state-s7CS50ho.js";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 import { M as MenuRoot, a as MenuTrigger, b as MenuContent, c as MenuItem } from "./menu-D90CDTi2.js";
@@ -19,7 +19,7 @@ import { u as useChatSettings$1 } from "./index-Dl2BOKP7.js";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 import { createPortal } from "react-dom";
-import { a as Route } from "./router-CkcOXH0V.js";
+import { a as Route } from "./router-bN_iTo0B.js";
 function deriveFriendlyIdFromKey(key) {
   if (!key) return "main";
   const trimmed = key.trim();
@@ -29,9 +29,27 @@ function deriveFriendlyIdFromKey(key) {
   const tailTrimmed = tail.trim();
   return tailTrimmed.length > 0 ? tailTrimmed : trimmed;
 }
+const INBOUND_META_FENCED_REGEX = /^Conversation info \(untrusted metadata\):\s*```(?:json)?\s*[\s\S]*?```\s*/;
+const INBOUND_META_INLINE_REGEX = /^Conversation info \(untrusted metadata\):\s*\{[\s\S]*?\}\s*/;
+const INBOUND_META_TIMESTAMP_REGEX = /^\[(?:[A-Za-z]{3}\s+)?\d{4}-\d{2}-\d{2}\s+\d{2}:\d{2}\s+GMT[+-]?\d+\]\s*/;
+function stripInboundMeta(text) {
+  let s = text;
+  const hasFenced = INBOUND_META_FENCED_REGEX.test(s);
+  const hasInline = !hasFenced && INBOUND_META_INLINE_REGEX.test(s);
+  if (hasFenced) {
+    s = s.replace(INBOUND_META_FENCED_REGEX, "");
+  } else if (hasInline) {
+    s = s.replace(INBOUND_META_INLINE_REGEX, "");
+  }
+  if (hasFenced || hasInline) {
+    s = s.replace(INBOUND_META_TIMESTAMP_REGEX, "");
+  }
+  return s.trim();
+}
 function textFromMessage(msg) {
   const parts = Array.isArray(msg.content) ? msg.content : [];
-  return parts.map((part) => part.type === "text" ? String(part.text ?? "") : "").join("").trim();
+  const raw = parts.map((part) => part.type === "text" ? String(part.text ?? "") : "").join("").trim();
+  return stripInboundMeta(raw);
 }
 function getToolCallsFromMessage(msg) {
   const parts = Array.isArray(msg.content) ? msg.content : [];
@@ -337,332 +355,606 @@ async function updateSessionLabel(queryClient, sessionKey, friendlyId, label) {
     console.error("[updateSessionLabel] Network error:", err);
   }
 }
-function extractMessageText(message) {
-  if (!message.content || !Array.isArray(message.content)) {
-    return "";
-  }
-  return message.content.filter((item) => item.type === "text").map((item) => item.text || "").join("\n");
-}
-function formatAsMarkdown(title, messages, date) {
-  const lines = [];
-  lines.push(`# Conversation: ${title}`);
-  lines.push(`Date: ${date.toLocaleString()}`);
-  lines.push("");
-  for (const message of messages) {
-    const role = message.role || "unknown";
-    const text = extractMessageText(message);
-    if (text) {
-      const displayRole = role === "user" ? "User" : "Assistant";
-      lines.push(`## ${displayRole}`);
-      lines.push("");
-      lines.push(text);
-      lines.push("");
+function useChatSettings() {
+  const [settingsOpen, setSettingsOpen] = useState(false);
+  const [pathsLoading, setPathsLoading] = useState(false);
+  const [pathsError, setPathsError] = useState(null);
+  const [paths, setPaths] = useState(null);
+  const openSettings = useCallback(async () => {
+    setSettingsOpen(true);
+    setPathsError(null);
+    if (pathsLoading || paths) return;
+    setPathsLoading(true);
+    try {
+      const res = await fetch("/api/paths");
+      if (!res.ok) throw new Error(await readError(res));
+      const data = await res.json();
+      setPaths({
+        agentId: String(data.agentId ?? "main"),
+        stateDir: String(data.stateDir ?? ""),
+        sessionsDir: String(data.sessionsDir ?? ""),
+        storePath: String(data.storePath ?? "")
+      });
+    } catch (err) {
+      setPathsError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setPathsLoading(false);
     }
-  }
-  return lines.join("\n");
-}
-function formatAsJson(title, messages, date) {
-  const data = {
-    title,
-    exportDate: date.toISOString(),
-    messages: messages.map((message) => ({
-      role: message.role,
-      content: message.content,
-      timestamp: message.timestamp
-    }))
-  };
-  return JSON.stringify(data, null, 2);
-}
-function formatAsPlainText(title, messages, date) {
-  const lines = [];
-  lines.push(`Conversation: ${title}`);
-  lines.push(`Date: ${date.toLocaleString()}`);
-  lines.push("─".repeat(60));
-  lines.push("");
-  for (const message of messages) {
-    const role = message.role || "unknown";
-    const text = extractMessageText(message);
-    if (text) {
-      const displayRole = role === "user" ? "User" : "Assistant";
-      lines.push(`${displayRole}:`);
-      lines.push(text);
-      lines.push("");
+  }, [paths, pathsLoading]);
+  const handleOpenSettings = useCallback(() => {
+    void openSettings();
+  }, [openSettings]);
+  const closeSettings = useCallback(() => {
+    setSettingsOpen(false);
+  }, []);
+  const copySessionsDir = useCallback(() => {
+    if (!paths?.sessionsDir) return;
+    try {
+      void navigator.clipboard.writeText(paths.sessionsDir);
+    } catch {
     }
-  }
-  return lines.join("\n");
+  }, [paths]);
+  const copyStorePath = useCallback(() => {
+    if (!paths?.storePath) return;
+    try {
+      void navigator.clipboard.writeText(paths.storePath);
+    } catch {
+    }
+  }, [paths]);
+  return {
+    settingsOpen,
+    setSettingsOpen,
+    pathsLoading,
+    pathsError,
+    paths,
+    handleOpenSettings,
+    closeSettings,
+    copySessionsDir,
+    copyStorePath
+  };
 }
-function exportConversation(title, messages, format) {
-  const date = /* @__PURE__ */ new Date();
-  let content;
-  let filename;
-  let mimeType;
-  switch (format) {
-    case "markdown":
-      content = formatAsMarkdown(title, messages, date);
-      filename = `${sanitizeFilename(title)}.md`;
-      mimeType = "text/markdown";
-      break;
-    case "json":
-      content = formatAsJson(title, messages, date);
-      filename = `${sanitizeFilename(title)}.json`;
-      mimeType = "application/json";
-      break;
-    case "txt":
-      content = formatAsPlainText(title, messages, date);
-      filename = `${sanitizeFilename(title)}.txt`;
-      mimeType = "text/plain";
-      break;
-    default:
-      throw new Error(`Unsupported format: ${format}`);
-  }
-  downloadFile(content, filename, mimeType);
+let pendingSend = null;
+let pendingGeneration = false;
+let recentSession = null;
+function stashPendingSend(payload) {
+  pendingSend = payload;
 }
-function sanitizeFilename(filename) {
-  return filename.replace(/[^a-z0-9-_\s]/gi, "").replace(/\s+/g, "-").toLowerCase().slice(0, 50) || "conversation";
+function hasPendingSend() {
+  return pendingSend !== null;
 }
-function downloadFile(content, filename, mimeType) {
-  const blob = new Blob([content], { type: mimeType });
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = filename;
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-  URL.revokeObjectURL(url);
+function setPendingGeneration(value) {
+  pendingGeneration = value;
 }
-function SessionRenameDialog({
-  open,
-  onOpenChange,
-  sessionTitle,
-  onSave,
-  onCancel
-}) {
-  return /* @__PURE__ */ jsx(DialogRoot, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-    /* @__PURE__ */ jsx(DialogTitle, { className: "mb-1", children: "Rename" }),
-    /* @__PURE__ */ jsx(DialogDescription, { className: "mb-4", children: "Enter a new name for this session." }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        defaultValue: sessionTitle,
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            onSave(e.currentTarget.value);
-          }
-        },
-        className: "w-full rounded-lg border border-primary-200 bg-primary-50 px-3 py-2 text-sm text-primary-900 outline-none focus:border-primary-400",
-        placeholder: "Session name",
-        autoFocus: true
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx(DialogClose, { onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: (e) => {
-            const input = e.currentTarget.parentElement?.previousElementSibling;
-            onSave(input.value);
-          },
-          children: "Save"
-        }
-      )
-    ] })
-  ] }) }) });
+function hasPendingGeneration() {
+  return pendingGeneration;
 }
-function AlertDialogRoot({ children, ...props }) {
-  return /* @__PURE__ */ jsx(AlertDialog.Root, { ...props, children });
+function resetPendingSend() {
+  pendingSend = null;
+  pendingGeneration = false;
 }
-function AlertDialogContent({ className, children }) {
-  return /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
-    /* @__PURE__ */ jsx(AlertDialog.Backdrop, { className: "fixed inset-0 bg-primary-950/20 transition-all duration-150 data-[state=open]:opacity-100 data-[state=closed]:opacity-0" }),
-    /* @__PURE__ */ jsx(
-      AlertDialog.Popup,
-      {
-        className: cn(
-          "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
-          "w-[min(400px,92vw)] rounded-xl border border-primary-200 bg-primary-50 p-0 shadow-xl",
-          "transition-all duration-150",
-          "data-[state=open]:opacity-100 data-[state=closed]:opacity-0",
-          "data-[state=open]:scale-100 data-[state=closed]:scale-95",
-          className
-        ),
-        children
-      }
-    )
-  ] });
+function clearPendingSendForSession(sessionKey, friendlyId) {
+  if (!pendingSend) return;
+  if (sessionKey && pendingSend.sessionKey === sessionKey) {
+    resetPendingSend();
+    return;
+  }
+  if (friendlyId && pendingSend.friendlyId === friendlyId) {
+    resetPendingSend();
+  }
 }
-function AlertDialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    AlertDialog.Title,
-    {
-      className: cn("text-lg font-medium text-primary-900", className),
-      ...props
-    }
-  );
+function setRecentSession(friendlyId) {
+  recentSession = { friendlyId, at: Date.now() };
 }
-function AlertDialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AlertDialog.Description,
-    {
-      className: cn("text-sm text-primary-600", className),
-      ...props
-    }
-  );
+function isRecentSession(friendlyId, maxAgeMs = 15e3) {
+  if (!recentSession) return false;
+  if (recentSession.friendlyId !== friendlyId) return false;
+  if (Date.now() - recentSession.at > maxAgeMs) return false;
+  return true;
 }
-function AlertDialogCancel({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    AlertDialog.Close,
-    {
-      render: /* @__PURE__ */ jsx(Button, { variant: "outline", className: cn(className) }),
-      ...props
-    }
-  );
-}
-function AlertDialogAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    AlertDialog.Close,
-    {
-      render: /* @__PURE__ */ jsx(Button, { variant: "destructive", className: cn(className) }),
-      ...props
-    }
-  );
+function consumePendingSend(sessionKey, friendlyId) {
+  if (!pendingSend) return null;
+  if (sessionKey && pendingSend.sessionKey === sessionKey) {
+    const payload = pendingSend;
+    pendingSend = null;
+    return payload;
+  }
+  if (friendlyId && pendingSend.friendlyId === friendlyId) {
+    const payload = pendingSend;
+    pendingSend = null;
+    return payload;
+  }
+  return null;
 }
-function SessionDeleteDialog({
-  open,
-  onOpenChange,
-  sessionTitle,
-  onConfirm,
-  onCancel
-}) {
-  return /* @__PURE__ */ jsx(AlertDialogRoot, { open, onOpenChange, children: /* @__PURE__ */ jsx(AlertDialogContent, { children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-    /* @__PURE__ */ jsx(AlertDialogTitle, { className: "mb-1", children: "Delete Session" }),
-    /* @__PURE__ */ jsxs(AlertDialogDescription, { className: "mb-4", children: [
-      'Are you sure you want to delete "',
-      sessionTitle,
-      '"? This action cannot be undone.'
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx(AlertDialogCancel, { onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ jsx(AlertDialogAction, { onClick: onConfirm, children: "Delete" })
-    ] })
-  ] }) }) });
+const TOMBSTONE_TTL_MS = 8e3;
+const tombstones = /* @__PURE__ */ new Map();
+function markSessionDeleted(id) {
+  if (!id) return;
+  tombstones.set(id, { id, expiresAt: Date.now() + TOMBSTONE_TTL_MS });
 }
-function Collapsible(props) {
-  return /* @__PURE__ */ jsx(Collapsible$1.Root, { ...props });
+function clearSessionDeleted(id) {
+  if (!id) return;
+  tombstones.delete(id);
 }
-function CollapsibleTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Collapsible$1.Trigger,
-    {
-      className: cn(
-        "group inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-left text-xs font-medium text-primary-500 transition-colors hover:bg-primary-100 hover:text-primary-700 data-panel-open:text-primary-700",
-        className
-      ),
-      ...props
+function filterSessionsWithTombstones(sessions) {
+  if (tombstones.size === 0) return sessions;
+  const now = Date.now();
+  let changed = false;
+  const next = sessions.filter((session) => {
+    const keyTombstone = tombstones.get(session.key);
+    const friendlyTombstone = tombstones.get(session.friendlyId);
+    const isExpired = keyTombstone && keyTombstone.expiresAt <= now || friendlyTombstone && friendlyTombstone.expiresAt <= now;
+    if (isExpired) {
+      if (keyTombstone && keyTombstone.expiresAt <= now) {
+        tombstones.delete(session.key);
+      }
+      if (friendlyTombstone && friendlyTombstone.expiresAt <= now) {
+        tombstones.delete(session.friendlyId);
+      }
+      return true;
     }
-  );
-}
-function CollapsiblePanel({
-  className,
-  contentClassName,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Collapsible$1.Panel,
-    {
-      className: cn(
-        'flex h-(--collapsible-panel-height) flex-col overflow-hidden text-sm transition-all duration-150 ease-out data-ending-style:h-0 data-starting-style:h-0 [&[hidden]:not([hidden="until-found"])]:hidden',
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: cn("pt-1", contentClassName), children })
+    if (keyTombstone || friendlyTombstone) {
+      changed = true;
+      return false;
     }
-  );
+    return true;
+  });
+  return changed ? next : sessions;
 }
-function ScrollAreaRoot({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    ScrollArea.Root,
-    {
-      className: cn(
-        "group/scroll-area relative outline-none focus-visible:outline-none",
-        className
-      ),
-      ...props
+function useDeleteSession() {
+  const queryClient = useQueryClient();
+  const [deleting, setDeleting] = useState(false);
+  const [error, setError] = useState(null);
+  const mutation = useMutation({
+    mutationFn: async function deleteSessionRequest2(payload) {
+      const query = new URLSearchParams();
+      if (payload.sessionKey) query.set("sessionKey", payload.sessionKey);
+      if (payload.friendlyId) query.set("friendlyId", payload.friendlyId);
+      const res = await fetch(`/api/sessions?${query.toString()}`, {
+        method: "DELETE"
+      });
+      if (!res.ok) throw new Error(await readError(res));
+      return payload;
+    },
+    onMutate: async function onMutate(payload) {
+      setError(null);
+      markSessionDeleted(payload.sessionKey || payload.friendlyId);
+      clearPendingSendForSession(payload.sessionKey, payload.friendlyId);
+      await queryClient.cancelQueries({ queryKey: chatQueryKeys.sessions });
+      const previousSessions = queryClient.getQueryData(chatQueryKeys.sessions);
+      removeSessionFromCache(
+        queryClient,
+        payload.sessionKey,
+        payload.friendlyId
+      );
+      if (payload.isActive && (payload.sessionKey || payload.friendlyId)) {
+        clearHistoryMessages(
+          queryClient,
+          payload.friendlyId || payload.sessionKey,
+          payload.sessionKey || payload.friendlyId
+        );
+      }
+      return { previousSessions, isActive: payload.isActive };
+    },
+    onError: function onError(err, _payload, context) {
+      if (context?.previousSessions) {
+        queryClient.setQueryData(
+          chatQueryKeys.sessions,
+          context.previousSessions
+        );
+      }
+      clearSessionDeleted(_payload.sessionKey || _payload.friendlyId);
+      setError(err instanceof Error ? err.message : String(err));
+    },
+    onSuccess: function onSuccess(payload) {
+      if (payload.isActive) {
+        resetPendingSend();
+      }
+      queryClient.invalidateQueries({ queryKey: chatQueryKeys.sessions });
+    },
+    onSettled: function onSettled() {
+      setDeleting(false);
     }
+  });
+  const deleteSession = useCallback(
+    async (sessionKey, friendlyId, isActive) => {
+      if (!sessionKey && !friendlyId) return;
+      setDeleting(true);
+      await mutation.mutateAsync({ sessionKey, friendlyId, isActive });
+    },
+    [mutation]
   );
+  return { deleteSession, deleting, error };
 }
-function ScrollAreaViewport({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    ScrollArea.Viewport,
-    {
-      className: cn(
-        "h-full w-full outline-none focus-visible:outline-none",
-        className
-      ),
-      ...props
+function useRenameSession() {
+  const queryClient = useQueryClient();
+  const [renaming, setRenaming] = useState(false);
+  const [error, setError] = useState(null);
+  const mutation = useMutation({
+    mutationFn: async function renameSessionRequest(payload) {
+      const res = await fetch("/api/sessions", {
+        method: "PATCH",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          sessionKey: payload.sessionKey,
+          label: payload.newTitle
+        })
+      });
+      if (!res.ok) throw new Error(await readError(res));
+      return payload;
+    },
+    onMutate: async function onMutate(payload) {
+      setError(null);
+      await queryClient.cancelQueries({ queryKey: chatQueryKeys.sessions });
+      const previousSessions = queryClient.getQueryData(chatQueryKeys.sessions);
+      queryClient.setQueryData(
+        chatQueryKeys.sessions,
+        function update(sessions) {
+          if (!Array.isArray(sessions)) return sessions;
+          return sessions.map((session) => {
+            if (session.key !== payload.sessionKey) return session;
+            return {
+              ...session,
+              label: payload.newTitle,
+              title: payload.newTitle
+            };
+          });
+        }
+      );
+      return { previousSessions };
+    },
+    onError: function onError(err, _payload, context) {
+      if (context?.previousSessions) {
+        queryClient.setQueryData(
+          chatQueryKeys.sessions,
+          context.previousSessions
+        );
+      }
+      setError(err instanceof Error ? err.message : String(err));
+    },
+    onSuccess: function onSuccess() {
+      queryClient.invalidateQueries({ queryKey: chatQueryKeys.sessions });
+    },
+    onSettled: function onSettled() {
+      setRenaming(false);
     }
+  });
+  const renameSession = useCallback(
+    async (sessionKey, newTitle) => {
+      if (!sessionKey || !newTitle.trim()) return;
+      setRenaming(true);
+      await mutation.mutateAsync({ sessionKey, newTitle: newTitle.trim() });
+    },
+    [mutation]
   );
+  return { renameSession, renaming, error };
 }
-function ScrollAreaScrollbar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ScrollArea.Scrollbar,
+function extractMessageText(message) {
+  if (!message.content || !Array.isArray(message.content)) {
+    return "";
+  }
+  return message.content.filter((item) => item.type === "text").map((item) => item.text || "").join("\n");
+}
+function formatAsMarkdown(title, messages, date) {
+  const lines = [];
+  lines.push(`# Conversation: ${title}`);
+  lines.push(`Date: ${date.toLocaleString()}`);
+  lines.push("");
+  for (const message of messages) {
+    const role = message.role || "unknown";
+    const text = extractMessageText(message);
+    if (text) {
+      const displayRole = role === "user" ? "User" : "Assistant";
+      lines.push(`## ${displayRole}`);
+      lines.push("");
+      lines.push(text);
+      lines.push("");
+    }
+  }
+  return lines.join("\n");
+}
+function formatAsJson(title, messages, date) {
+  const data = {
+    title,
+    exportDate: date.toISOString(),
+    messages: messages.map((message) => ({
+      role: message.role,
+      content: message.content,
+      timestamp: message.timestamp
+    }))
+  };
+  return JSON.stringify(data, null, 2);
+}
+function formatAsPlainText(title, messages, date) {
+  const lines = [];
+  lines.push(`Conversation: ${title}`);
+  lines.push(`Date: ${date.toLocaleString()}`);
+  lines.push("─".repeat(60));
+  lines.push("");
+  for (const message of messages) {
+    const role = message.role || "unknown";
+    const text = extractMessageText(message);
+    if (text) {
+      const displayRole = role === "user" ? "User" : "Assistant";
+      lines.push(`${displayRole}:`);
+      lines.push(text);
+      lines.push("");
+    }
+  }
+  return lines.join("\n");
+}
+function exportConversation(title, messages, format) {
+  const date = /* @__PURE__ */ new Date();
+  let content;
+  let filename;
+  let mimeType;
+  switch (format) {
+    case "markdown":
+      content = formatAsMarkdown(title, messages, date);
+      filename = `${sanitizeFilename(title)}.md`;
+      mimeType = "text/markdown";
+      break;
+    case "json":
+      content = formatAsJson(title, messages, date);
+      filename = `${sanitizeFilename(title)}.json`;
+      mimeType = "application/json";
+      break;
+    case "txt":
+      content = formatAsPlainText(title, messages, date);
+      filename = `${sanitizeFilename(title)}.txt`;
+      mimeType = "text/plain";
+      break;
+    default:
+      throw new Error(`Unsupported format: ${format}`);
+  }
+  downloadFile(content, filename, mimeType);
+}
+function sanitizeFilename(filename) {
+  return filename.replace(/[^a-z0-9-_\s]/gi, "").replace(/\s+/g, "-").toLowerCase().slice(0, 50) || "conversation";
+}
+function downloadFile(content, filename, mimeType) {
+  const blob = new Blob([content], { type: mimeType });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = filename;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
+function AlertDialogRoot({ children, ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialog.Root, { ...props, children });
+}
+function AlertDialogContent({ className, children }) {
+  return /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
+    /* @__PURE__ */ jsx(AlertDialog.Backdrop, { className: "fixed inset-0 bg-primary-950/20 transition-all duration-150 data-[state=open]:opacity-100 data-[state=closed]:opacity-0" }),
+    /* @__PURE__ */ jsx(
+      AlertDialog.Popup,
+      {
+        className: cn(
+          "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
+          "w-[min(400px,92vw)] rounded-xl border border-primary-200 bg-primary-50 p-0 shadow-xl",
+          "transition-all duration-150",
+          "data-[state=open]:opacity-100 data-[state=closed]:opacity-0",
+          "data-[state=open]:scale-100 data-[state=closed]:scale-95",
+          className
+        ),
+        children
+      }
+    )
+  ] });
+}
+function AlertDialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog.Title,
+    {
+      className: cn("text-lg font-medium text-primary-900", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog.Description,
+    {
+      className: cn("text-sm text-primary-600", className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog.Close,
+    {
+      render: /* @__PURE__ */ jsx(Button, { variant: "outline", className: cn(className) }),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog.Close,
+    {
+      render: /* @__PURE__ */ jsx(Button, { variant: "destructive", className: cn(className) }),
+      ...props
+    }
+  );
+}
+function SessionDeleteDialog({
+  open,
+  onOpenChange,
+  sessionTitle,
+  onConfirm,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogRoot, { open, onOpenChange, children: /* @__PURE__ */ jsx(AlertDialogContent, { children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+    /* @__PURE__ */ jsx(AlertDialogTitle, { className: "mb-1", children: "Delete Session" }),
+    /* @__PURE__ */ jsxs(AlertDialogDescription, { className: "mb-4", children: [
+      'Are you sure you want to delete "',
+      sessionTitle,
+      '"? This action cannot be undone.'
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(AlertDialogCancel, { onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx(AlertDialogAction, { onClick: onConfirm, children: "Delete" })
+    ] })
+  ] }) }) });
+}
+function SessionRenameDialog({
+  open,
+  onOpenChange,
+  sessionTitle,
+  onSave,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsx(DialogRoot, { open, onOpenChange, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+    /* @__PURE__ */ jsx(DialogTitle, { className: "mb-1", children: "Rename" }),
+    /* @__PURE__ */ jsx(DialogDescription, { className: "mb-4", children: "Enter a new name for this session." }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        defaultValue: sessionTitle,
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            onSave(e.currentTarget.value);
+          }
+        },
+        className: "w-full rounded-lg border border-primary-200 bg-primary-50 px-3 py-2 text-sm text-primary-900 outline-none focus:border-primary-400",
+        placeholder: "Session name",
+        autoFocus: true
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(DialogClose, { onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: (e) => {
+            const input = e.currentTarget.parentElement?.previousElementSibling;
+            onSave(input.value);
+          },
+          children: "Save"
+        }
+      )
+    ] })
+  ] }) }) });
+}
+function Collapsible(props) {
+  return /* @__PURE__ */ jsx(Collapsible$1.Root, { ...props });
+}
+function CollapsibleTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Collapsible$1.Trigger,
     {
       className: cn(
-        "flex w-2 touch-none select-none p-0.5 outline-none focus-visible:outline-none",
-        "opacity-0 transition-opacity duration-150",
-        "data-hovering:opacity-100 data-scrolling:opacity-100 group-hover/scroll-area:opacity-100",
+        "group inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-left text-xs font-medium text-primary-500 transition-colors hover:bg-primary-100 hover:text-primary-700 data-panel-open:text-primary-700",
         className
       ),
       ...props
     }
   );
 }
-function ScrollAreaThumb({ className, ...props }) {
+function CollapsiblePanel({
+  className,
+  contentClassName,
+  children,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
-    ScrollArea.Thumb,
+    Collapsible$1.Panel,
     {
       className: cn(
-        "flex-1 rounded-full bg-primary-500 outline-none focus-visible:outline-none",
+        'flex h-(--collapsible-panel-height) flex-col overflow-hidden text-sm transition-all duration-150 ease-out data-ending-style:h-0 data-starting-style:h-0 [&[hidden]:not([hidden="until-found"])]:hidden',
         className
       ),
-      ...props
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pt-1", contentClassName), children })
     }
   );
 }
-function ScrollAreaCorner({ className, ...props }) {
+function ScrollAreaRoot({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    ScrollArea.Corner,
+    ScrollArea.Root,
     {
       className: cn(
-        "bg-primary-100 outline-none focus-visible:outline-none",
+        "group/scroll-area relative outline-none focus-visible:outline-none",
         className
       ),
       ...props
     }
   );
 }
-function getKindIcon(kind) {
-  if (kind === "subagent") return BotIcon;
-  if (kind === "cron") return Clock01Icon;
-  return Chat01Icon;
-}
-function previewFromMessage(message) {
-  if (!message || !Array.isArray(message.content)) return "";
-  const text = message.content.map((part) => part.type === "text" ? String(part.text ?? "") : "").join(" ").replace(/\s+/g, " ").trim();
-  return text;
+function ScrollAreaViewport({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea.Viewport,
+    {
+      className: cn(
+        "h-full w-full outline-none focus-visible:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ScrollAreaScrollbar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea.Scrollbar,
+    {
+      className: cn(
+        "flex w-2 touch-none select-none p-0.5 outline-none focus-visible:outline-none",
+        "opacity-0 transition-opacity duration-150",
+        "data-hovering:opacity-100 data-scrolling:opacity-100 group-hover/scroll-area:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ScrollAreaThumb({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea.Thumb,
+    {
+      className: cn(
+        "flex-1 rounded-full bg-primary-500 outline-none focus-visible:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ScrollAreaCorner({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea.Corner,
+    {
+      className: cn(
+        "bg-primary-100 outline-none focus-visible:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function getKindIcon(kind) {
+  if (kind === "subagent") return BotIcon;
+  if (kind === "cron") return Clock01Icon;
+  return Chat01Icon;
+}
+function previewFromMessage(message) {
+  if (!message || !Array.isArray(message.content)) return "";
+  const text = message.content.map((part) => part.type === "text" ? String(part.text ?? "") : "").join(" ");
+  const cleaned = stripInboundMeta(text).replace(/\s+/g, " ").trim();
+  return cleaned;
 }
 function normalizeTimestamp$1(value) {
   if (typeof value === "number" && Number.isFinite(value)) {
@@ -1280,389 +1572,116 @@ ${failedSessionLabels.join("\n")}`
                       session,
                       active: isSessionActive(session, activeFriendlyId, activeSessionKey),
                       isGenerating: isSessionGenerating(session, activeFriendlyId, activeSessionKey, isStreaming),
-                      isPinned: false,
-                      selectionMode,
-                      selected: selectedSessionKeys.has(session.key),
-                      onToggleSelect: handleToggleSelect,
-                      onSelect,
-                      onTogglePin: handleTogglePin,
-                      onRename,
-                      onDelete,
-                      onExport
-                    },
-                    session.key
-                  )) })
-                ] }) : null,
-                renderFolderGroup(
-                  "webchat",
-                  "🦎 OpenCami",
-                  groupedSessions.webchat
-                ),
-                renderFolderGroup(
-                  "subagent",
-                  "🤖 Sub-agents",
-                  groupedSessions.subagent
-                ),
-                renderFolderGroup(
-                  "cron",
-                  "⏰ Cron / Isolated",
-                  groupedSessions.cron
-                ),
-                renderFolderGroup("other", "📁 Other", groupedSessions.other)
-              ] }) }),
-              /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsx(ScrollAreaThumb, {}) })
-            ] })
-          }
-        ),
-        selectionMode ? /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-t border-primary-200 bg-surface px-2 py-2 flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs("span", { className: "text-xs text-primary-600 font-medium", children: [
-              selectedCount,
-              " selected"
-            ] }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleSelectAll,
-                className: "text-[11px] font-medium text-primary-600 hover:text-primary-800",
-                children: "Select all"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: handleDeleteSelected,
-                disabled: selectedCount === 0,
-                className: cn(
-                  "flex-1 inline-flex items-center justify-center gap-1.5 rounded-md px-2 py-1.5 text-xs font-medium transition-colors",
-                  selectedCount > 0 ? "bg-red-100 text-red-700 hover:bg-red-200" : "bg-primary-100 text-primary-400 cursor-not-allowed"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Delete01Icon, size: 14, strokeWidth: 1.5 }),
-                  "Delete"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleCancelSelection,
-                className: "flex-1 inline-flex items-center justify-center rounded-md px-2 py-1.5 text-xs font-medium bg-primary-100 text-primary-700 hover:bg-primary-200 transition-colors",
-                children: "Cancel"
-              }
-            )
-          ] })
-        ] }) : null
-      ]
-    }
-  );
-}, areSidebarSessionsEqual);
-function areSidebarSessionsEqual(prev, next) {
-  if (prev.activeFriendlyId !== next.activeFriendlyId) return false;
-  if (prev.activeSessionKey !== next.activeSessionKey) return false;
-  if (prev.isStreaming !== next.isStreaming) return false;
-  if (prev.defaultOpen !== next.defaultOpen) return false;
-  if (prev.onSelect !== next.onSelect) return false;
-  if (prev.onRename !== next.onRename) return false;
-  if (prev.onDelete !== next.onDelete) return false;
-  if (prev.onExport !== next.onExport) return false;
-  if (prev.sessions === next.sessions) return true;
-  if (prev.sessions.length !== next.sessions.length) return false;
-  for (let i = 0; i < prev.sessions.length; i += 1) {
-    const prevSession = prev.sessions[i];
-    const nextSession = next.sessions[i];
-    if (prevSession.key !== nextSession.key) return false;
-    if (prevSession.friendlyId !== nextSession.friendlyId) return false;
-    if (prevSession.label !== nextSession.label) return false;
-    if (prevSession.title !== nextSession.title) return false;
-    if (prevSession.derivedTitle !== nextSession.derivedTitle) return false;
-    if (prevSession.updatedAt !== nextSession.updatedAt) return false;
-    if (prevSession.kind !== nextSession.kind) return false;
-    if (prevSession.status !== nextSession.status) return false;
-    if (prevSession.lastMessage !== nextSession.lastMessage) return false;
-  }
-  return true;
-}
-function useChatSettings() {
-  const [settingsOpen, setSettingsOpen] = useState(false);
-  const [pathsLoading, setPathsLoading] = useState(false);
-  const [pathsError, setPathsError] = useState(null);
-  const [paths, setPaths] = useState(null);
-  const openSettings = useCallback(async () => {
-    setSettingsOpen(true);
-    setPathsError(null);
-    if (pathsLoading || paths) return;
-    setPathsLoading(true);
-    try {
-      const res = await fetch("/api/paths");
-      if (!res.ok) throw new Error(await readError(res));
-      const data = await res.json();
-      setPaths({
-        agentId: String(data.agentId ?? "main"),
-        stateDir: String(data.stateDir ?? ""),
-        sessionsDir: String(data.sessionsDir ?? ""),
-        storePath: String(data.storePath ?? "")
-      });
-    } catch (err) {
-      setPathsError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setPathsLoading(false);
-    }
-  }, [paths, pathsLoading]);
-  const handleOpenSettings = useCallback(() => {
-    void openSettings();
-  }, [openSettings]);
-  const closeSettings = useCallback(() => {
-    setSettingsOpen(false);
-  }, []);
-  const copySessionsDir = useCallback(() => {
-    if (!paths?.sessionsDir) return;
-    try {
-      void navigator.clipboard.writeText(paths.sessionsDir);
-    } catch {
-    }
-  }, [paths]);
-  const copyStorePath = useCallback(() => {
-    if (!paths?.storePath) return;
-    try {
-      void navigator.clipboard.writeText(paths.storePath);
-    } catch {
-    }
-  }, [paths]);
-  return {
-    settingsOpen,
-    setSettingsOpen,
-    pathsLoading,
-    pathsError,
-    paths,
-    handleOpenSettings,
-    closeSettings,
-    copySessionsDir,
-    copyStorePath
-  };
-}
-let pendingSend = null;
-let pendingGeneration = false;
-let recentSession = null;
-function stashPendingSend(payload) {
-  pendingSend = payload;
-}
-function hasPendingSend() {
-  return pendingSend !== null;
-}
-function setPendingGeneration(value) {
-  pendingGeneration = value;
-}
-function hasPendingGeneration() {
-  return pendingGeneration;
-}
-function resetPendingSend() {
-  pendingSend = null;
-  pendingGeneration = false;
-}
-function clearPendingSendForSession(sessionKey, friendlyId) {
-  if (!pendingSend) return;
-  if (sessionKey && pendingSend.sessionKey === sessionKey) {
-    resetPendingSend();
-    return;
-  }
-  if (friendlyId && pendingSend.friendlyId === friendlyId) {
-    resetPendingSend();
-  }
-}
-function setRecentSession(friendlyId) {
-  recentSession = { friendlyId, at: Date.now() };
-}
-function isRecentSession(friendlyId, maxAgeMs = 15e3) {
-  if (!recentSession) return false;
-  if (recentSession.friendlyId !== friendlyId) return false;
-  if (Date.now() - recentSession.at > maxAgeMs) return false;
-  return true;
-}
-function consumePendingSend(sessionKey, friendlyId) {
-  if (!pendingSend) return null;
-  if (sessionKey && pendingSend.sessionKey === sessionKey) {
-    const payload = pendingSend;
-    pendingSend = null;
-    return payload;
-  }
-  if (friendlyId && pendingSend.friendlyId === friendlyId) {
-    const payload = pendingSend;
-    pendingSend = null;
-    return payload;
-  }
-  return null;
-}
-const TOMBSTONE_TTL_MS = 8e3;
-const tombstones = /* @__PURE__ */ new Map();
-function markSessionDeleted(id) {
-  if (!id) return;
-  tombstones.set(id, { id, expiresAt: Date.now() + TOMBSTONE_TTL_MS });
-}
-function clearSessionDeleted(id) {
-  if (!id) return;
-  tombstones.delete(id);
-}
-function filterSessionsWithTombstones(sessions) {
-  if (tombstones.size === 0) return sessions;
-  const now = Date.now();
-  let changed = false;
-  const next = sessions.filter((session) => {
-    const keyTombstone = tombstones.get(session.key);
-    const friendlyTombstone = tombstones.get(session.friendlyId);
-    const isExpired = keyTombstone && keyTombstone.expiresAt <= now || friendlyTombstone && friendlyTombstone.expiresAt <= now;
-    if (isExpired) {
-      if (keyTombstone && keyTombstone.expiresAt <= now) {
-        tombstones.delete(session.key);
-      }
-      if (friendlyTombstone && friendlyTombstone.expiresAt <= now) {
-        tombstones.delete(session.friendlyId);
-      }
-      return true;
-    }
-    if (keyTombstone || friendlyTombstone) {
-      changed = true;
-      return false;
-    }
-    return true;
-  });
-  return changed ? next : sessions;
-}
-function useDeleteSession() {
-  const queryClient = useQueryClient();
-  const [deleting, setDeleting] = useState(false);
-  const [error, setError] = useState(null);
-  const mutation = useMutation({
-    mutationFn: async function deleteSessionRequest2(payload) {
-      const query = new URLSearchParams();
-      if (payload.sessionKey) query.set("sessionKey", payload.sessionKey);
-      if (payload.friendlyId) query.set("friendlyId", payload.friendlyId);
-      const res = await fetch(`/api/sessions?${query.toString()}`, {
-        method: "DELETE"
-      });
-      if (!res.ok) throw new Error(await readError(res));
-      return payload;
-    },
-    onMutate: async function onMutate(payload) {
-      setError(null);
-      markSessionDeleted(payload.sessionKey || payload.friendlyId);
-      clearPendingSendForSession(payload.sessionKey, payload.friendlyId);
-      await queryClient.cancelQueries({ queryKey: chatQueryKeys.sessions });
-      const previousSessions = queryClient.getQueryData(chatQueryKeys.sessions);
-      removeSessionFromCache(
-        queryClient,
-        payload.sessionKey,
-        payload.friendlyId
-      );
-      if (payload.isActive && (payload.sessionKey || payload.friendlyId)) {
-        clearHistoryMessages(
-          queryClient,
-          payload.friendlyId || payload.sessionKey,
-          payload.sessionKey || payload.friendlyId
-        );
-      }
-      return { previousSessions, isActive: payload.isActive };
-    },
-    onError: function onError(err, _payload, context) {
-      if (context?.previousSessions) {
-        queryClient.setQueryData(
-          chatQueryKeys.sessions,
-          context.previousSessions
-        );
-      }
-      clearSessionDeleted(_payload.sessionKey || _payload.friendlyId);
-      setError(err instanceof Error ? err.message : String(err));
-    },
-    onSuccess: function onSuccess(payload) {
-      if (payload.isActive) {
-        resetPendingSend();
-      }
-      queryClient.invalidateQueries({ queryKey: chatQueryKeys.sessions });
-    },
-    onSettled: function onSettled() {
-      setDeleting(false);
-    }
-  });
-  const deleteSession = useCallback(
-    async (sessionKey, friendlyId, isActive) => {
-      if (!sessionKey && !friendlyId) return;
-      setDeleting(true);
-      await mutation.mutateAsync({ sessionKey, friendlyId, isActive });
-    },
-    [mutation]
-  );
-  return { deleteSession, deleting, error };
-}
-function useRenameSession() {
-  const queryClient = useQueryClient();
-  const [renaming, setRenaming] = useState(false);
-  const [error, setError] = useState(null);
-  const mutation = useMutation({
-    mutationFn: async function renameSessionRequest(payload) {
-      const res = await fetch("/api/sessions", {
-        method: "PATCH",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({
-          sessionKey: payload.sessionKey,
-          label: payload.newTitle
-        })
-      });
-      if (!res.ok) throw new Error(await readError(res));
-      return payload;
-    },
-    onMutate: async function onMutate(payload) {
-      setError(null);
-      await queryClient.cancelQueries({ queryKey: chatQueryKeys.sessions });
-      const previousSessions = queryClient.getQueryData(chatQueryKeys.sessions);
-      queryClient.setQueryData(
-        chatQueryKeys.sessions,
-        function update(sessions) {
-          if (!Array.isArray(sessions)) return sessions;
-          return sessions.map((session) => {
-            if (session.key !== payload.sessionKey) return session;
-            return {
-              ...session,
-              label: payload.newTitle,
-              title: payload.newTitle
-            };
-          });
-        }
-      );
-      return { previousSessions };
-    },
-    onError: function onError(err, _payload, context) {
-      if (context?.previousSessions) {
-        queryClient.setQueryData(
-          chatQueryKeys.sessions,
-          context.previousSessions
-        );
-      }
-      setError(err instanceof Error ? err.message : String(err));
-    },
-    onSuccess: function onSuccess() {
-      queryClient.invalidateQueries({ queryKey: chatQueryKeys.sessions });
-    },
-    onSettled: function onSettled() {
-      setRenaming(false);
+                      isPinned: false,
+                      selectionMode,
+                      selected: selectedSessionKeys.has(session.key),
+                      onToggleSelect: handleToggleSelect,
+                      onSelect,
+                      onTogglePin: handleTogglePin,
+                      onRename,
+                      onDelete,
+                      onExport
+                    },
+                    session.key
+                  )) })
+                ] }) : null,
+                renderFolderGroup(
+                  "webchat",
+                  "🦎 OpenCami",
+                  groupedSessions.webchat
+                ),
+                renderFolderGroup(
+                  "subagent",
+                  "🤖 Sub-agents",
+                  groupedSessions.subagent
+                ),
+                renderFolderGroup(
+                  "cron",
+                  "⏰ Cron / Isolated",
+                  groupedSessions.cron
+                ),
+                renderFolderGroup("other", "📁 Other", groupedSessions.other)
+              ] }) }),
+              /* @__PURE__ */ jsx(ScrollAreaScrollbar, { orientation: "vertical", children: /* @__PURE__ */ jsx(ScrollAreaThumb, {}) })
+            ] })
+          }
+        ),
+        selectionMode ? /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-t border-primary-200 bg-surface px-2 py-2 flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-primary-600 font-medium", children: [
+              selectedCount,
+              " selected"
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleSelectAll,
+                className: "text-[11px] font-medium text-primary-600 hover:text-primary-800",
+                children: "Select all"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: handleDeleteSelected,
+                disabled: selectedCount === 0,
+                className: cn(
+                  "flex-1 inline-flex items-center justify-center gap-1.5 rounded-md px-2 py-1.5 text-xs font-medium transition-colors",
+                  selectedCount > 0 ? "bg-red-100 text-red-700 hover:bg-red-200" : "bg-primary-100 text-primary-400 cursor-not-allowed"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Delete01Icon, size: 14, strokeWidth: 1.5 }),
+                  "Delete"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleCancelSelection,
+                className: "flex-1 inline-flex items-center justify-center rounded-md px-2 py-1.5 text-xs font-medium bg-primary-100 text-primary-700 hover:bg-primary-200 transition-colors",
+                children: "Cancel"
+              }
+            )
+          ] })
+        ] }) : null
+      ]
     }
-  });
-  const renameSession = useCallback(
-    async (sessionKey, newTitle) => {
-      if (!sessionKey || !newTitle.trim()) return;
-      setRenaming(true);
-      await mutation.mutateAsync({ sessionKey, newTitle: newTitle.trim() });
-    },
-    [mutation]
   );
-  return { renameSession, renaming, error };
+}, areSidebarSessionsEqual);
+function areSidebarSessionsEqual(prev, next) {
+  if (prev.activeFriendlyId !== next.activeFriendlyId) return false;
+  if (prev.activeSessionKey !== next.activeSessionKey) return false;
+  if (prev.isStreaming !== next.isStreaming) return false;
+  if (prev.defaultOpen !== next.defaultOpen) return false;
+  if (prev.onSelect !== next.onSelect) return false;
+  if (prev.onRename !== next.onRename) return false;
+  if (prev.onDelete !== next.onDelete) return false;
+  if (prev.onExport !== next.onExport) return false;
+  if (prev.sessions === next.sessions) return true;
+  if (prev.sessions.length !== next.sessions.length) return false;
+  for (let i = 0; i < prev.sessions.length; i += 1) {
+    const prevSession = prev.sessions[i];
+    const nextSession = next.sessions[i];
+    if (prevSession.key !== nextSession.key) return false;
+    if (prevSession.friendlyId !== nextSession.friendlyId) return false;
+    if (prevSession.label !== nextSession.label) return false;
+    if (prevSession.title !== nextSession.title) return false;
+    if (prevSession.derivedTitle !== nextSession.derivedTitle) return false;
+    if (prevSession.updatedAt !== nextSession.updatedAt) return false;
+    if (prevSession.kind !== nextSession.kind) return false;
+    if (prevSession.status !== nextSession.status) return false;
+    if (prevSession.lastMessage !== nextSession.lastMessage) return false;
+  }
+  return true;
 }
 const SettingsDialog = lazy(
-  () => import("./settings-dialog-S2HICL7l.js").then((m) => ({ default: m.SettingsDialog }))
+  () => import("./settings-dialog-BUOrQN3Z.js").then((m) => ({ default: m.SettingsDialog }))
 );
 const SessionExportDialog = lazy(
   () => import("./session-export-dialog-C53RRAah.js").then((m) => ({
@@ -2081,6 +2100,48 @@ function ChatSidebarComponent({
                     }
                   ) }),
                   isCollapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Cron Jobs" })
+                ] }) }),
+                (() => {
+                  try {
+                    return localStorage.getItem("feature_dashboard") === "true";
+                  } catch {
+                    return false;
+                  }
+                })() && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                    Link,
+                    {
+                      to: "/dashboard",
+                      className: cn(
+                        buttonVariants({ variant: "ghost", size: "sm" }),
+                        "w-full pl-1.5 justify-start"
+                      ),
+                      onClick: onSelectSession,
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          HugeiconsIcon,
+                          {
+                            icon: DashboardCircleIcon,
+                            size: 20,
+                            strokeWidth: 1.5,
+                            className: "min-w-5"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(AnimatePresence, { initial: false, mode: "wait", children: !isCollapsed && /* @__PURE__ */ jsx(
+                          motion.span,
+                          {
+                            initial: { opacity: 0 },
+                            animate: { opacity: 1 },
+                            exit: { opacity: 0 },
+                            transition,
+                            className: "overflow-hidden whitespace-nowrap",
+                            children: "Dashboard"
+                          }
+                        ) })
+                      ]
+                    }
+                  ) }),
+                  isCollapsed && /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Dashboard" })
                 ] }) })
               ]
             }
@@ -2998,6 +3059,73 @@ function imagesFromMessage(msg) {
   }
   return images;
 }
+const UPLOADED_FILE_LINE_REGEX = /^📎 Uploaded file:\s*(\/uploads\/\S+)\s*$/;
+function formatFileSize$1(bytes) {
+  if (bytes === null || Number.isNaN(bytes)) return "Unknown size";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB", "TB"];
+  let value = bytes / 1024;
+  let unitIndex = 0;
+  while (value >= 1024 && unitIndex < units.length - 1) {
+    value /= 1024;
+    unitIndex++;
+  }
+  return `${value.toFixed(1)} ${units[unitIndex]}`;
+}
+function getLeadingUploadedFileLines(text) {
+  if (!text) return [];
+  const trimmedStart = text.trimStart();
+  if (trimmedStart.startsWith(">") || trimmedStart.startsWith("```")) {
+    return [];
+  }
+  const lines = text.split("\n");
+  const uploadedLines = [];
+  for (const line of lines) {
+    if (UPLOADED_FILE_LINE_REGEX.test(line)) {
+      uploadedLines.push(line);
+      continue;
+    }
+    if (uploadedLines.length > 0 && line.trim() === "") {
+      uploadedLines.push(line);
+      continue;
+    }
+    break;
+  }
+  const firstLine = lines[0] ?? "";
+  if (!UPLOADED_FILE_LINE_REGEX.test(firstLine)) {
+    return [];
+  }
+  return uploadedLines.filter((line) => UPLOADED_FILE_LINE_REGEX.test(line));
+}
+function parseUploadedFileReferences(text) {
+  const refs = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const line of getLeadingUploadedFileLines(text)) {
+    const match = line.match(UPLOADED_FILE_LINE_REGEX);
+    const filePath = match?.[1];
+    if (!filePath || seen.has(filePath)) continue;
+    seen.add(filePath);
+    refs.push({
+      path: filePath,
+      filename: filePath.split("/").pop() || filePath
+    });
+  }
+  return refs;
+}
+function stripUploadedFileLines(text) {
+  const lines = text.split("\n");
+  if (!UPLOADED_FILE_LINE_REGEX.test(lines[0] ?? "")) {
+    return text.trim();
+  }
+  let index = 0;
+  while (index < lines.length && UPLOADED_FILE_LINE_REGEX.test(lines[index])) {
+    index++;
+  }
+  while (index < lines.length && lines[index].trim() === "") {
+    index++;
+  }
+  return lines.slice(index).join("\n").replace(/\n{3,}/g, "\n\n").trim();
+}
 function MessageItemComponent({
   message,
   toolResultsByCallId,
@@ -3018,6 +3146,47 @@ function MessageItemComponent({
   const images = imagesFromMessage(message);
   const isUser = role === "user";
   const timestamp = getMessageTimestamp(message);
+  const navigate = useNavigate();
+  const openInEditor = useFileExplorerState((state) => state.openInEditor);
+  const uploadedFileRefs = useMemo(() => parseUploadedFileReferences(text), [text]);
+  const [fileSizes, setFileSizes] = useState({});
+  const displayText = useMemo(() => stripUploadedFileLines(text), [text]);
+  useEffect(() => {
+    let cancelled = false;
+    async function loadSizes() {
+      const nextSizes = {};
+      await Promise.all(
+        uploadedFileRefs.map(async (ref) => {
+          try {
+            const response = await fetch(`/api/files/info?path=${encodeURIComponent(ref.path)}`);
+            if (!response.ok) {
+              nextSizes[ref.path] = null;
+              return;
+            }
+            const data = await response.json();
+            nextSizes[ref.path] = typeof data.size === "number" ? data.size : null;
+          } catch {
+            nextSizes[ref.path] = null;
+          }
+        })
+      );
+      if (!cancelled) {
+        setFileSizes(nextSizes);
+      }
+    }
+    if (uploadedFileRefs.length > 0) {
+      void loadSizes();
+    } else {
+      setFileSizes({});
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [uploadedFileRefs]);
+  const handleOpenFile = async (filePath) => {
+    openInEditor(filePath);
+    await navigate({ to: "/files" });
+  };
   const toolCalls = role === "assistant" ? getToolCallsFromMessage(message) : [];
   const hasToolCalls = toolCalls.length > 0;
   const searchSources = isLastAssistant && !isStreaming && settings.showSearchSources && aggregatedSearchSources ? aggregatedSearchSources : [];
@@ -3054,6 +3223,24 @@ function MessageItemComponent({
           },
           idx
         )) }),
+        uploadedFileRefs.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mb-2 flex w-full flex-col gap-2", isUser ? "items-end" : "items-start"), children: uploadedFileRefs.map((fileRef) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              void handleOpenFile(fileRef.path);
+            },
+            className: "flex max-w-full items-center gap-3 rounded-xl border border-primary-200 bg-primary-50 px-3 py-2 text-left hover:bg-primary-100",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary-100", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: File01Icon, size: 18, className: "text-primary-600" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-primary-900", children: fileRef.filename }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-600", children: formatFileSize$1(fileSizes[fileRef.path] ?? null) })
+              ] })
+            ]
+          },
+          fileRef.path
+        )) }),
         /* @__PURE__ */ jsx(Message, { className: cn("min-w-0 max-w-full", isUser ? "flex-row-reverse" : ""), children: /* @__PURE__ */ jsx(
           MessageContent,
           {
@@ -3063,7 +3250,7 @@ function MessageItemComponent({
               isUser ? "opencami-message-user bg-primary-100 px-4 py-[var(--opencami-user-bubble-py)] max-w-[85%]" : "opencami-message-assistant bg-transparent w-full",
               !isUser && isStreaming && "stream-fade-in"
             ),
-            children: text
+            children: displayText
           }
         ) }),
         hasToolCalls && settings.showToolMessages && /* @__PURE__ */ jsx("div", { className: "mt-2 flex w-full min-w-0 max-w-[var(--opencami-chat-width)] flex-col gap-3 overflow-x-hidden", children: toolCalls.map((toolCall) => {
@@ -3252,6 +3439,10 @@ const LLM_PROVIDER_DEFAULTS = {
     baseUrl: "https://openrouter.ai/api/v1",
     model: "openai/gpt-oss-120b"
   },
+  kilocode: {
+    baseUrl: "https://api.kilo.ai/api/gateway",
+    model: "google/gemini-2.5-flash"
+  },
   ollama: {
     baseUrl: "http://localhost:11434/v1",
     model: "llama3.2"
@@ -3283,7 +3474,7 @@ function getEffectiveLlmModel(settings) {
 function getAvailability(settings, hasEnvKey) {
   if (settings.llmProvider === "ollama") return true;
   if (settings.llmProvider === "custom") {
-    return Boolean(settings.llmApiKey.trim()) || settings.llmBaseUrl.trim() && settings.llmModel.trim();
+    return Boolean(settings.llmApiKey.trim()) || Boolean(settings.llmBaseUrl.trim() && settings.llmModel.trim());
   }
   return hasEnvKey || Boolean(settings.llmApiKey.trim());
 }
@@ -3332,6 +3523,7 @@ function useLlmSettings() {
   const [status, setStatus] = useState({
     hasEnvKey: false,
     hasOpenRouterKey: false,
+    hasKilocodeKey: false,
     hasUserKey: Boolean(settings.llmApiKey),
     isAvailable: getAvailability(settings, false),
     isLoading: true,
@@ -3346,10 +3538,11 @@ function useLlmSettings() {
         const data = await res.json();
         if (cancelled) return;
         const hasUserKey = Boolean(settings.llmApiKey);
-        const hasProviderKey = settings.llmProvider === "openrouter" ? Boolean(data.hasOpenRouterKey) : data.hasEnvKey;
+        const hasProviderKey = settings.llmProvider === "openrouter" ? Boolean(data.hasOpenRouterKey) : settings.llmProvider === "kilocode" ? Boolean(data.hasKilocodeKey) : data.hasEnvKey;
         setStatus({
           hasEnvKey: data.hasEnvKey,
           hasOpenRouterKey: Boolean(data.hasOpenRouterKey),
+          hasKilocodeKey: Boolean(data.hasKilocodeKey),
           hasUserKey,
           isAvailable: getAvailability(settings, hasProviderKey),
           isLoading: false,
@@ -3946,13 +4139,14 @@ function ChatMessageListComponent({
     return sources;
   }, [displayMessages, toolResultsByCallId]);
   const lastAssistantIndex = displayMessages.map((message, index) => ({ message, index })).filter(({ message }) => message.role !== "user").map(({ index }) => index).pop();
+  const lastTextAssistantIndex = displayMessages.map((message, index) => ({ message, index })).filter(({ message }) => message.role === "assistant").map(({ index }) => index).pop();
   const lastUserIndex = displayMessages.map((message, index) => ({ message, index })).filter(({ message }) => message.role === "user").map(({ index }) => index).pop();
   const showTypingIndicator = waitingForResponse && (typeof lastUserIndex !== "number" || typeof lastAssistantIndex !== "number" || lastAssistantIndex < lastUserIndex);
   const groupStartIndex = typeof lastUserIndex === "number" ? lastUserIndex : -1;
   const hasGroup = pinToTop && groupStartIndex >= 0;
-  const lastAssistantMessage = typeof lastAssistantIndex === "number" ? displayMessages[lastAssistantIndex] : void 0;
+  const lastAssistantMessage = typeof lastTextAssistantIndex === "number" ? displayMessages[lastTextAssistantIndex] : void 0;
   const lastAssistantText = lastAssistantMessage ? textFromMessage(lastAssistantMessage) : "";
-  const showFollowUps = !waitingForResponse && !isStreaming && lastAssistantText.length > 0 && onFollowUpClick !== void 0 && (typeof lastUserIndex !== "number" || typeof lastAssistantIndex !== "number" || lastAssistantIndex > lastUserIndex);
+  const showFollowUps = !waitingForResponse && !isStreaming && lastAssistantText.length > 0 && onFollowUpClick !== void 0 && (typeof lastUserIndex !== "number" || typeof lastTextAssistantIndex !== "number" || lastTextAssistantIndex > lastUserIndex);
   useLayoutEffect(() => {
     if (loading) return;
     if (pinToTop) {
@@ -4690,7 +4884,30 @@ const MAX_IMAGE_DIMENSION = 1280;
 const IMAGE_QUALITY = 0.75;
 const TARGET_IMAGE_SIZE = 300 * 1024;
 const ACCEPTED_IMAGE_TYPES = ["image/png", "image/jpeg", "image/gif", "image/webp"];
-const ACCEPTED_EXTENSIONS = ".png,.jpg,.jpeg,.gif,.webp";
+const ACCEPTED_NON_IMAGE_EXTENSIONS = [
+  "pdf",
+  "txt",
+  "md",
+  "csv",
+  "json",
+  "xml",
+  "yaml",
+  "yml",
+  "log",
+  "py",
+  "js",
+  "ts",
+  "html",
+  "css"
+];
+const ACCEPTED_EXTENSIONS = [
+  ".png",
+  ".jpg",
+  ".jpeg",
+  ".gif",
+  ".webp",
+  ...ACCEPTED_NON_IMAGE_EXTENSIONS.map((ext) => `.${ext}`)
+].join(",");
 function isCanvasSupported() {
   if (typeof document === "undefined") return false;
   try {
@@ -4766,6 +4983,10 @@ async function compressImage(file) {
 function isAcceptedImage(file) {
   return ACCEPTED_IMAGE_TYPES.includes(file.type);
 }
+function isAcceptedNonImage(file) {
+  const extension = file.name.includes(".") ? file.name.split(".").pop()?.toLowerCase() : "";
+  return Boolean(extension && ACCEPTED_NON_IMAGE_EXTENSIONS.includes(extension));
+}
 async function createAttachmentFromFile(file) {
   const id = crypto.randomUUID();
   if (!isAcceptedImage(file)) {
@@ -4773,9 +4994,9 @@ async function createAttachmentFromFile(file) {
       id,
       file,
       preview: null,
-      type: "image",
+      type: "file",
       base64: null,
-      error: "Unsupported file type. Please use PNG, JPG, GIF, or WebP images."
+      error: "Unsupported image type. Please use PNG, JPG, GIF, or WebP images."
     };
   }
   if (file.size > MAX_FILE_SIZE) {
@@ -4810,7 +5031,7 @@ async function createAttachmentFromFile(file) {
   }
 }
 function AttachmentButton({
-  onFileSelect,
+  onFilesSelect,
   disabled = false,
   className
 }) {
@@ -4820,13 +5041,12 @@ function AttachmentButton({
   }, []);
   const handleFileChange = useCallback(
     async (event) => {
-      const file = event.target.files?.[0];
-      if (!file) return;
+      const files = Array.from(event.target.files ?? []);
+      if (files.length === 0) return;
       event.target.value = "";
-      const attachment = await createAttachmentFromFile(file);
-      onFileSelect(attachment);
+      onFilesSelect(files);
     },
-    [onFileSelect]
+    [onFilesSelect]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -4835,6 +5055,7 @@ function AttachmentButton({
         ref: inputRef,
         type: "file",
         accept: ACCEPTED_EXTENSIONS,
+        multiple: true,
         onChange: handleFileChange,
         className: "hidden",
         "aria-hidden": "true"
@@ -4848,7 +5069,7 @@ function AttachmentButton({
         onClick: handleClick,
         disabled,
         className,
-        "aria-label": "Attach image",
+        "aria-label": "Attach file",
         type: "button",
         children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Attachment01Icon, size: 18, strokeWidth: 1.8 })
       }
@@ -4877,6 +5098,36 @@ function AttachmentPreview({
     };
   }, [attachment.preview]);
   const hasError = Boolean(attachment.error);
+  if (attachment.type === "file" && !hasError) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "inline-flex max-w-full items-center gap-2 rounded-full border border-primary-200 bg-primary-50 px-3 py-1.5 text-xs text-primary-800",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+            "📄 ",
+            attachment.file.name,
+            " (",
+            formatFileSize(attachment.file.size),
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => onRemove(attachment.id),
+              className: "shrink-0 text-primary-500 hover:text-primary-800",
+              "aria-label": "Remove attachment",
+              type: "button",
+              children: "✕"
+            }
+          )
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4932,7 +5183,7 @@ function AttachmentPreviewList({
   className
 }) {
   if (attachments.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2 px-4", className), children: attachments.map((attachment) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-2 px-4", className), children: attachments.map((attachment) => /* @__PURE__ */ jsx(
     AttachmentPreview,
     {
       attachment,
@@ -5162,9 +5413,82 @@ function ChatComposerComponent({
     setSlashMenuDismissed(false);
     focusPrompt();
   }, [focusPrompt]);
-  const handleFileSelect = useCallback((file) => {
-    setAttachments((prev) => [...prev, file]);
+  const appendUploadedFilePrompt = useCallback((uploadedPath) => {
+    setValue((prev) => {
+      const template = `📎 Uploaded file: ${uploadedPath}
+
+Please analyze this file.`;
+      if (!prev.trim()) return template;
+      return `${prev.trim()}
+
+${template}`;
+    });
   }, []);
+  const ensureUploadsDirectory = useCallback(async () => {
+    await fetch("/api/files/mkdir", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ path: "/uploads" })
+    });
+  }, []);
+  const uploadAttachmentFile = useCallback(async (file) => {
+    const id = crypto.randomUUID();
+    if (!isAcceptedNonImage(file)) {
+      return {
+        id,
+        file,
+        preview: null,
+        type: "file",
+        base64: null,
+        error: "Unsupported file type for upload."
+      };
+    }
+    try {
+      await ensureUploadsDirectory();
+      const formData = new FormData();
+      formData.append("path", "/uploads");
+      formData.append("file", file);
+      const response = await fetch("/api/files/upload", {
+        method: "POST",
+        body: formData
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "File upload failed");
+      }
+      const data = await response.json();
+      const uploadedPath = data.files?.[0]?.path;
+      if (!uploadedPath) {
+        throw new Error("Upload succeeded but no path was returned");
+      }
+      appendUploadedFilePrompt(uploadedPath);
+      return {
+        id,
+        file,
+        preview: null,
+        type: "file",
+        base64: null,
+        uploadedPath
+      };
+    } catch (err) {
+      return {
+        id,
+        file,
+        preview: null,
+        type: "file",
+        base64: null,
+        error: err instanceof Error ? err.message : "File upload failed"
+      };
+    }
+  }, [appendUploadedFilePrompt, ensureUploadsDirectory]);
+  const handleFilesSelect = useCallback(async (files) => {
+    if (files.length === 0) return;
+    const nextAttachments = await Promise.all(
+      files.map((file) => isAcceptedImage(file) ? createAttachmentFromFile(file) : uploadAttachmentFile(file))
+    );
+    setAttachments((prev) => [...prev, ...nextAttachments]);
+    focusPrompt();
+  }, [focusPrompt, uploadAttachmentFile]);
   const handleRemoveAttachment = useCallback((id) => {
     setAttachments((prev) => prev.filter((a) => a.id !== id));
   }, []);
@@ -5186,12 +5510,8 @@ function ChatComposerComponent({
     setIsDragActive(false);
     const files = Array.from(event.dataTransfer.files ?? []);
     if (files.length === 0) return;
-    const imageFiles = files.filter((file) => isAcceptedImage(file));
-    if (imageFiles.length === 0) return;
-    const newAttachments = await Promise.all(imageFiles.map((file) => createAttachmentFromFile(file)));
-    setAttachments((prev) => [...prev, ...newAttachments]);
-    focusPrompt();
-  }, [focusPrompt]);
+    await handleFilesSelect(files);
+  }, [handleFilesSelect]);
   const setComposerValue = useCallback(
     (nextValue) => {
       setValue(nextValue);
@@ -5443,7 +5763,7 @@ function ChatComposerComponent({
       onDragLeave: handleDragLeave,
       onDrop: handleDrop,
       children: [
-        isDragActive && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-2 z-20 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary-400 bg-primary-50/90 text-sm font-medium text-primary-700", children: "Drop image here" }),
+        isDragActive && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-2 z-20 flex items-center justify-center rounded-2xl border-2 border-dashed border-primary-400 bg-primary-50/90 text-sm font-medium text-primary-700", children: "Drop files here" }),
         /* @__PURE__ */ jsxs(
           PromptInput,
           {
@@ -5487,7 +5807,7 @@ function ChatComposerComponent({
                   /* @__PURE__ */ jsx(
                     AttachmentButton,
                     {
-                      onFileSelect: handleFileSelect,
+                      onFilesSelect: handleFilesSelect,
                       disabled
                     }
                   ),
@@ -5900,13 +6220,56 @@ const INITIAL_STATE = {
 function useStreaming(options) {
   const [state, setState] = useState(INITIAL_STATE);
   const eventSourceRef = useRef(null);
+  const pollingRef = useRef(null);
+  const pollingTimeoutRef = useRef(null);
+  const streamStartRef = useRef(null);
+  const doneRef = useRef(false);
   const onDoneRef = useRef(options.onDone);
   const onErrorRef = useRef(options.onError);
   const onAssistantDeltaRef = useRef(options.onAssistantDelta);
   onDoneRef.current = options.onDone;
   onErrorRef.current = options.onError;
   onAssistantDeltaRef.current = options.onAssistantDelta;
+  function clearPolling() {
+    if (pollingTimeoutRef.current) {
+      window.clearTimeout(pollingTimeoutRef.current);
+      pollingTimeoutRef.current = null;
+    }
+    if (pollingRef.current) {
+      window.clearInterval(pollingRef.current);
+      pollingRef.current = null;
+    }
+  }
+  function startPolling(sessionKey, startedAt) {
+    if (pollingRef.current) return;
+    pollingRef.current = window.setInterval(async () => {
+      try {
+        const res = await fetch(
+          `/api/history?sessionKey=${encodeURIComponent(sessionKey)}`
+        );
+        if (!res.ok) return;
+        const data = await res.json();
+        const messages = Array.isArray(data.messages) ? data.messages : [];
+        const hasNewAssistant = messages.some((message) => {
+          if (!message || message.role !== "assistant") return false;
+          if (typeof message.timestamp !== "number") return false;
+          return message.timestamp > startedAt - 3e3;
+        });
+        if (!hasNewAssistant) return;
+        if (eventSourceRef.current) {
+          eventSourceRef.current.close();
+          eventSourceRef.current = null;
+        }
+        clearPolling();
+        setState((prev) => ({ ...prev, active: false }));
+        onDoneRef.current(sessionKey);
+      } catch {
+      }
+    }, 2e3);
+  }
   const stop = useCallback((options2) => {
+    doneRef.current = true;
+    clearPolling();
     if (eventSourceRef.current) {
       eventSourceRef.current.close();
       eventSourceRef.current = null;
@@ -5918,7 +6281,10 @@ function useStreaming(options) {
     setState(INITIAL_STATE);
   }, []);
   const start = useCallback(
-    (sessionKey) => {
+    function start2(sessionKey) {
+      doneRef.current = false;
+      clearPolling();
+      streamStartRef.current = Date.now();
       if (eventSourceRef.current) {
         eventSourceRef.current.close();
         eventSourceRef.current = null;
@@ -5961,6 +6327,8 @@ function useStreaming(options) {
       es.addEventListener("done", (e) => {
         try {
           const data = JSON.parse(e.data);
+          doneRef.current = true;
+          clearPolling();
           es.close();
           eventSourceRef.current = null;
           setState((prev) => ({ ...prev, active: false }));
@@ -5976,6 +6344,11 @@ function useStreaming(options) {
           onErrorRef.current?.("Stream connection lost");
         }
       };
+      pollingTimeoutRef.current = window.setTimeout(() => {
+        if (doneRef.current) return;
+        const startedAt = streamStartRef.current ?? Date.now();
+        startPolling(sessionKey, startedAt);
+      }, 3e3);
     },
     []
   );
@@ -6223,7 +6596,7 @@ const KeyboardShortcutsDialog = lazy(
   }))
 );
 const SearchDialog = lazy(
-  () => import("./search-dialog-CuuZvlyq.js").then((m) => ({
+  () => import("./search-dialog-DReM5ZD2.js").then((m) => ({
     default: m.SearchDialog
   }))
 );
@@ -6507,9 +6880,9 @@ function ChatScreen({
   const hideUi = shouldRedirectToNew || isRedirecting;
   const pollingPhaseRef = useRef("fast");
   useEffect(() => {
-    const latestMessage = historyMessages[historyMessages.length - 1];
-    if (!latestMessage || latestMessage.role !== "assistant") return;
-    const signature = `${historyMessages.length}:${textFromMessage(latestMessage).slice(-64)}`;
+    const lastAssistantMessage = [...historyMessages].reverse().find((message) => message.role === "assistant");
+    if (!lastAssistantMessage) return;
+    const signature = `${historyMessages.length}:${textFromMessage(lastAssistantMessage).slice(-64)}`;
     if (signature !== lastAssistantSignature.current) {
       lastAssistantSignature.current = signature;
       if (pollingPhaseRef.current !== "fast" && streamTimer.current) {
@@ -6689,7 +7062,6 @@ function ChatScreen({
       content: a.base64
     }));
     streamingNotificationTextRef.current = "";
-    startStream(sessionKey);
     streamStart();
     fetch("/api/send", {
       method: "POST",
@@ -6705,6 +7077,9 @@ function ChatScreen({
       })
     }).then(async (res) => {
       if (!res.ok) throw new Error(await readError(res));
+      const data = await res.json();
+      const resolvedKey = data.sessionKey || sessionKey || friendlyId;
+      startStream(resolvedKey);
     }).catch((err) => {
       const messageText = err instanceof Error ? err.message : String(err);
       if (isMissingGatewayAuth(messageText)) {