opencami 1.3.2 → 1.5.0

package/dist/server/assets/{file-explorer-screen-Cx0jiLRU.js → file-explorer-screen-CVlFiAFu.js}

@@ -4,10 +4,10 @@ import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Home09Icon, SidebarLeft01Icon, ArrowLeft01Icon, Settings01Icon, ArrowRight01Icon, Home02Icon, Menu01Icon, GridViewIcon, ArrowUp01Icon, ArrowDown01Icon, Upload04Icon, FolderAddIcon, FolderOpenIcon, Download04Icon, FileEditIcon, Edit02Icon, Delete02Icon, Folder01Icon, Image01Icon, Video01Icon, MusicNote01Icon, Archive01Icon, Doc01Icon, CodeIcon, File01Icon, FloppyDiskIcon, Cancel01Icon } from "@hugeicons/core-free-icons";
 import { motion, AnimatePresence } from "motion/react";
-import { T as TooltipProvider, a as TooltipRoot, b as TooltipTrigger, c as TooltipContent, d as chatUiQueryKey, g as getChatUiState, s as setChatUiState } from "./tooltip-gbV6rEVv.js";
-import { c as cn, b as buttonVariants, B as Button } from "./button-DtQ3rV1m.js";
+import { T as TooltipProvider, a as TooltipRoot, b as TooltipTrigger, c as TooltipContent, d as chatUiQueryKey, g as getChatUiState, s as setChatUiState } from "./tooltip-DgsSPocE.js";
+import { c as cn, b as buttonVariants, B as Button } from "./button-CwY2OHFj.js";
 import { Link } from "@tanstack/react-router";
-import { u as useFileExplorerState, M as MenuRoot, e as MenuTrigger, f as MenuContent, g as MenuItem, D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-DMHdtb7D.js";
+import { u as useFileExplorerState, M as MenuRoot, e as MenuTrigger, f as MenuContent, g as MenuItem, D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-Il1LlBAe.js";
 import "@base-ui/react/tooltip";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
@@ -1509,35 +1509,35 @@ const GridItem = memo(function GridItem2({
       type: "button",
       whileHover: reduceMotion ? {} : { scale: 1.02 },
       whileTap: reduceMotion ? {} : { scale: 0.98 },
-      transition: { duration: reduceMotion ? 0 : 0.1 },
+      transition: { duration: reduceMotion ? 0 : 0.15 },
       onClick: handleClick,
       onDoubleClick: handleDoubleClick,
       onKeyDown: handleKeyDown,
       "aria-label": getItemAriaLabel(),
       className: cn(
-        "flex flex-col items-center p-3 rounded-lg w-full",
-        "transition-colors duration-150 ease-out",
-        "hover:bg-primary-100 focus-visible:bg-primary-100",
+        "flex flex-col items-center p-3 rounded-lg w-full border border-transparent",
+        "transition-all duration-150 ease-out",
+        "hover:bg-primary-50 hover:border-primary-100 focus-visible:bg-primary-50",
         "focus-visible:ring-2 focus-visible:ring-primary-300 focus-visible:outline-none",
         "touch-manipulation",
-        isSelected && "bg-primary-200"
+        isSelected && "bg-primary-100 border-primary-200"
       ),
       children: [
         /* @__PURE__ */ jsx(
           HugeiconsIcon,
           {
             icon: getFileIcon(item),
-            size: 48,
+            size: 40,
             strokeWidth: 1,
             className: cn(
               "mb-2",
-              item.isDir ? "text-blue-500" : "text-primary-600"
+              item.isDir ? "text-sky-500" : "text-primary-500"
             ),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-center text-primary-900 font-medium truncate w-full min-w-0", children: item.name }),
-        !item.isDir ? /* @__PURE__ */ jsx("span", { className: "text-xs text-primary-500 mt-1 tabular-nums", children: formatFileSize$1(item.size) }) : null
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-center text-primary-900 font-medium truncate w-full min-w-0", children: item.name }),
+        !item.isDir ? /* @__PURE__ */ jsx("span", { className: "text-[10px] text-primary-400 mt-0.5 tabular-nums", children: formatFileSize$1(item.size) }) : null
       ]
     }
   );
@@ -1572,54 +1572,54 @@ const ListItem = memo(function ListItem2({
     {
       type: "button",
       whileHover: reduceMotion ? {} : { backgroundColor: "rgb(248 250 252)" },
-      transition: { duration: reduceMotion ? 0 : 0.1 },
+      transition: { duration: reduceMotion ? 0 : 0.15 },
       onClick: handleClick,
       onDoubleClick: handleDoubleClick,
       onKeyDown: handleKeyDown,
       "aria-label": getItemAriaLabel(),
       className: cn(
-        "w-full grid grid-cols-[auto_1fr_auto_auto] gap-4 px-4 py-3 text-left",
-        "transition-colors duration-150 ease-out",
-        "hover:bg-primary-100 focus-visible:bg-primary-100",
+        "w-full grid grid-cols-[auto_1fr_auto_auto] gap-4 px-4 py-2.5 text-left",
+        "transition-all duration-150 ease-out",
+        "hover:bg-primary-50 focus-visible:bg-primary-50",
         "focus-visible:ring-2 focus-visible:ring-primary-300 focus-visible:outline-none",
         "touch-manipulation",
-        isSelected && "bg-primary-200"
+        isSelected && "bg-primary-100"
       ),
       children: [
         /* @__PURE__ */ jsx(
           HugeiconsIcon,
           {
             icon: getFileIcon(item),
-            size: 20,
+            size: 18,
             strokeWidth: 1.5,
             className: cn(
               "mt-0.5 shrink-0",
-              item.isDir ? "text-blue-500" : "text-primary-600"
+              item.isDir ? "text-sky-500" : "text-primary-500"
             ),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx("span", { className: "text-primary-900 font-medium truncate block", children: item.name }) }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-primary-600 text-right w-16 tabular-nums shrink-0", children: item.isDir ? "—" : formatFileSize$1(item.size) }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-primary-600 text-right w-20 tabular-nums shrink-0", children: formatRelativeTime(item.modified) })
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx("span", { className: "text-[13px] text-primary-900 font-medium truncate block", children: item.name }) }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-primary-500 text-right w-16 tabular-nums shrink-0", children: item.isDir ? "—" : formatFileSize$1(item.size) }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-primary-500 text-right w-20 tabular-nums shrink-0", children: formatRelativeTime(item.modified) })
       ]
     }
   );
   return /* @__PURE__ */ jsx(FileContextMenu, { item, onOpenFile, children: itemComponent });
 });
-const emptyState = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-  /* @__PURE__ */ jsx(
+const emptyState = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full py-12", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+  /* @__PURE__ */ jsx("div", { className: "inline-flex items-center justify-center w-12 h-12 rounded-lg bg-primary-50 mb-3", children: /* @__PURE__ */ jsx(
     HugeiconsIcon,
     {
       icon: Folder01Icon,
-      size: 48,
-      strokeWidth: 1,
-      className: "mx-auto text-primary-400 mb-3",
+      size: 24,
+      strokeWidth: 1.5,
+      className: "text-primary-400",
       "aria-hidden": "true"
     }
-  ),
-  /* @__PURE__ */ jsx("p", { className: "text-primary-600 font-medium", children: "This folder is empty" }),
-  /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-500 mt-1", children: "Upload files or create a new folder to get started" })
+  ) }),
+  /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-500", children: "This folder is empty" }),
+  /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-400 mt-1", children: "Upload files or create a new folder to get started" })
 ] }) });
 function FileList({ listing, loading, onOpenFile }) {
   const {
@@ -1727,17 +1727,17 @@ function FileList({ listing, loading, onOpenFile }) {
       role: "table",
       "aria-label": "Files list",
       tabIndex: 0,
-      children: /* @__PURE__ */ jsxs("div", { className: "divide-y divide-primary-200", children: [
+      children: /* @__PURE__ */ jsxs("div", { className: "divide-y divide-primary-100", children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "grid grid-cols-[auto_1fr_auto_auto] gap-4 px-4 py-2 text-sm font-medium text-primary-600 bg-primary-50",
+            className: "grid grid-cols-[auto_1fr_auto_auto] gap-4 px-4 py-2 text-xs font-medium text-primary-400 uppercase tracking-wider bg-primary-50/50",
             role: "row",
             children: [
               /* @__PURE__ */ jsx("div", { className: "w-6", role: "columnheader", "aria-label": "File type" }),
               /* @__PURE__ */ jsx("div", { role: "columnheader", children: "Name" }),
-              /* @__PURE__ */ jsx("div", { className: "w-16 text-right tabular-nums", role: "columnheader", children: "Size" }),
-              /* @__PURE__ */ jsx("div", { className: "w-20 text-right tabular-nums", role: "columnheader", children: "Modified" })
+              /* @__PURE__ */ jsx("div", { className: "w-16 text-right", role: "columnheader", children: "Size" }),
+              /* @__PURE__ */ jsx("div", { className: "w-20 text-right", role: "columnheader", children: "Modified" })
             ]
           }
         ),
@@ -2347,10 +2347,9 @@ function formatSize(bytes) {
 }
 function FileExplorerScreen() {
   const queryClient = useQueryClient();
-  const { currentPath } = useFileExplorerState();
+  const { currentPath, editingFile } = useFileExplorerState();
   const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
   const [createFolderDialogOpen, setCreateFolderDialogOpen] = useState(false);
-  const [editingFile, setEditingFile] = useState(null);
   const listingQuery = useFileListing(currentPath);
   const uiQuery = useQuery({
     queryKey: chatUiQueryKey,
@@ -2375,10 +2374,10 @@ function FileExplorerScreen() {
     setCreateFolderDialogOpen(true);
   }, []);
   const handleOpenFile = useCallback((filePath) => {
-    setEditingFile(filePath);
+    useFileExplorerState.getState().openInEditor(filePath);
   }, []);
   const handleCloseEditor = useCallback(() => {
-    setEditingFile(null);
+    useFileExplorerState.getState().closeEditor();
   }, []);
   const mainStyles = useMemo(() => ({
     display: "flex",
@@ -2399,8 +2398,8 @@ function FileExplorerScreen() {
     /* @__PURE__ */ jsxs("div", { className: cn("h-full overflow-hidden grid grid-cols-[auto_1fr]"), children: [
       sidebar,
       /* @__PURE__ */ jsxs("main", { "aria-label": "File explorer", style: mainStyles, children: [
-        /* @__PURE__ */ jsxs("header", { className: "border-b border-primary-200 px-4 py-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between mb-2", children: /* @__PURE__ */ jsx(FileBreadcrumb, { path: currentPath }) }),
+        /* @__PURE__ */ jsxs("header", { className: "border-b border-primary-100 px-4 py-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between mb-3", children: /* @__PURE__ */ jsx(FileBreadcrumb, { path: currentPath }) }),
           /* @__PURE__ */ jsx(
             FileToolbar,
             {

package/dist/server/assets/{files-Trs1M5ba.js → files-BIEcSPGp.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense, lazy } from "react";
-const FileExplorerScreen = lazy(() => import("./file-explorer-screen-Cx0jiLRU.js").then((m) => ({
+const FileExplorerScreen = lazy(() => import("./file-explorer-screen-CVlFiAFu.js").then((m) => ({
   default: m.FileExplorerScreen
 })));
 function FilesRoute() {

package/dist/server/assets/{index-CmbNTqa2.js → index-CNIATlJ9.js}

@@ -1,7 +1,7 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
 import { HugeiconsIcon } from "@hugeicons/react";
-import { Tick02Icon, Copy01Icon } from "@hugeicons/core-free-icons";
+import { File01Icon, TextWrapIcon, Tick02Icon, Copy01Icon } from "@hugeicons/core-free-icons";
 import { createHighlighterCore } from "shiki/core";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 import vitesseDark from "@shikijs/themes/vitesse-dark";
@@ -37,7 +37,7 @@ import langXml from "@shikijs/langs/xml";
 import langYaml from "@shikijs/langs/yaml";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
-import { B as Button, c as cn } from "./button-DtQ3rV1m.js";
+import { B as Button, c as cn } from "./button-CwY2OHFj.js";
 const useChatSettingsStore = create()(
   persist(
     (set) => ({
@@ -46,14 +46,31 @@ const useChatSettingsStore = create()(
         showReasoningBlocks: true,
         showSearchSources: true,
         inlineFilePreview: false,
-        theme: "system"
+        theme: "system",
+        fontFamily: "system",
+        density: "comfortable",
+        accentColor: "green",
+        chatWidth: "wide",
+        sidebarWidth: "normal",
+        bubbleStyle: "default"
       },
       updateSettings: (updates) => set((state) => ({
         settings: { ...state.settings, ...updates }
       }))
     }),
     {
-      name: "chat-settings"
+      name: "chat-settings",
+      merge: (persistedState, currentState) => {
+        const persisted = persistedState;
+        return {
+          ...currentState,
+          ...persisted,
+          settings: {
+            ...currentState.settings,
+            ...persisted?.settings ?? {}
+          }
+        };
+      }
     }
   )
 );
@@ -81,6 +98,8 @@ function useResolvedTheme() {
   return useMemo(() => {
     if (theme === "dark") return "dark";
     if (theme === "light") return "light";
+    if (theme === "frost-light") return "light";
+    if (theme === "frost-dark") return "dark";
     return systemIsDark ? "dark" : "light";
   }, [theme, systemIsDark]);
 }
@@ -201,6 +220,7 @@ function CodeBlock({
   content,
   ariaLabel,
   language = "text",
+  filename,
   className
 }) {
   const resolvedTheme = useResolvedTheme();
@@ -208,6 +228,7 @@ function CodeBlock({
   const [html, setHtml] = useState(null);
   const [resolvedLanguage, setResolvedLanguage] = useState("text");
   const [headerBg, setHeaderBg] = useState();
+  const [wrap, setWrap] = useState(false);
   const fallback = useMemo(() => {
     return content;
   }, [content]);
@@ -234,6 +255,20 @@ function CodeBlock({
       active = false;
     };
   }, [content, normalizedLanguage, themeName]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const saved = window.localStorage.getItem("opencami-code-wrap");
+    setWrap(saved === "1");
+  }, []);
+  function toggleWrap() {
+    setWrap((current) => {
+      const next = !current;
+      if (typeof window !== "undefined") {
+        window.localStorage.setItem("opencami-code-wrap", next ? "1" : "0");
+      }
+      return next;
+    });
+  }
   async function handleCopy() {
     try {
       await navigator.clipboard.writeText(content);
@@ -243,13 +278,15 @@ function CodeBlock({
       setCopied(false);
     }
   }
-  const isSingleLine = content.split("\n").length === 1;
+  const lineCount = content.replace(/\n$/, "").split("\n").length;
+  const isSingleLine = lineCount <= 1;
+  const showLineNumbers = !isSingleLine;
   const displayLanguage = formatLanguageName(resolvedLanguage);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
-        "group relative min-w-0 overflow-hidden rounded-lg border border-primary-200",
+        "code-block group relative w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-primary-200",
         className
       ),
       children: [
@@ -259,30 +296,48 @@ function CodeBlock({
             className: cn("flex items-center justify-between px-3 pt-2"),
             style: { backgroundColor: headerBg },
             children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-primary-500", children: displayLanguage }),
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  "aria-label": ariaLabel ?? "Copy code",
-                  className: "h-auto px-0 text-xs font-medium text-primary-500 hover:text-primary-800 hover:bg-transparent",
-                  onClick: () => {
-                    handleCopy().catch(() => {
-                    });
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      HugeiconsIcon,
-                      {
-                        icon: copied ? Tick02Icon : Copy01Icon,
-                        size: 14,
-                        strokeWidth: 1.8
-                      }
-                    ),
-                    copied ? "Copied" : "Copy"
-                  ]
-                }
-              )
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-primary-500 flex items-center gap-1.5 min-w-0", children: filename ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(HugeiconsIcon, { icon: File01Icon, size: 14, strokeWidth: 1.8 }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: filename })
+              ] }) : displayLanguage }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    "aria-label": wrap ? "Disable wrap" : "Enable wrap",
+                    className: "h-auto px-0 text-xs font-medium text-primary-500 hover:text-primary-800 hover:bg-transparent",
+                    onClick: toggleWrap,
+                    children: [
+                      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: TextWrapIcon, size: 14, strokeWidth: 1.8 }),
+                      wrap ? "No wrap" : "Wrap"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    variant: "ghost",
+                    "aria-label": ariaLabel ?? "Copy code",
+                    className: "h-auto px-0 text-xs font-medium text-primary-500 hover:text-primary-800 hover:bg-transparent",
+                    onClick: () => {
+                      handleCopy().catch(() => {
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        HugeiconsIcon,
+                        {
+                          icon: copied ? Tick02Icon : Copy01Icon,
+                          size: 14,
+                          strokeWidth: 1.8
+                        }
+                      ),
+                      copied ? "Copied" : "Copy"
+                    ]
+                  }
+                )
+              ] })
             ]
           }
         ),
@@ -290,8 +345,9 @@ function CodeBlock({
           "div",
           {
             className: cn(
-              "text-sm text-primary-900 [&>pre]:overflow-x-auto",
-              isSingleLine ? "[&>pre]:whitespace-pre [&>pre]:px-3 [&>pre]:py-2" : "[&>pre]:px-3 [&>pre]:py-3"
+              "w-full min-w-0 max-w-full text-sm text-primary-900 overflow-x-hidden [&>pre]:w-full [&>pre]:min-w-0 [&>pre]:max-w-full [&>pre]:px-3 [&>pre]:py-3",
+              wrap ? "[&>pre]:whitespace-pre-wrap [&>pre]:break-words [&_.line]:whitespace-pre-wrap [&_.line]:break-words" : "overflow-x-auto [&>pre]:whitespace-pre [&>pre]:overflow-x-auto",
+              showLineNumbers && "[&>pre]:[counter-reset:line] [&_.line]:before:content-[counter(line)] [&_.line]:before:[counter-increment:line] [&_.line]:before:inline-block [&_.line]:before:w-8 [&_.line]:before:mr-4 [&_.line]:before:text-right [&_.line]:before:select-none [&_.line]:before:text-primary-500/60"
             ),
             dangerouslySetInnerHTML: { __html: html }
           }
@@ -299,10 +355,10 @@ function CodeBlock({
           "pre",
           {
             className: cn(
-              "text-sm",
-              isSingleLine ? "whitespace-pre px-3 py-2" : "px-3 py-3"
+              "w-full min-w-0 max-w-full text-sm px-3 py-3 overflow-x-auto",
+              wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre overflow-x-auto"
             ),
-            children: /* @__PURE__ */ jsx("code", { className: "overflow-x-auto", children: fallback })
+            children: /* @__PURE__ */ jsx("code", { className: "block", children: fallback })
           }
         )
       ]
@@ -311,7 +367,6 @@ function CodeBlock({
 }
 export {
   CodeBlock as C,
-  useChatSettings as a,
   resolveLanguage as r,
-  useChatSettingsStore as u
+  useChatSettings as u
 };

package/dist/server/assets/{index-Dv2RXDa2.js → index-CRfLKh30.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { R as Route } from "./router-OoQe2c20.js";
+import { R as Route } from "./router-rn7pJO_D.js";
 import "@tanstack/react-router";
 import "@tanstack/react-query";
 import "node:crypto";
@@ -9,6 +9,7 @@ import "node:fs";
 import "node:path";
 import "node:os";
 import "@tanstack/router-core/ssr/client";
+import "node:child_process";
 import "node:fs/promises";
 import "path";
 function IndexRoute() {

package/dist/server/assets/{keyboard-shortcuts-dialog-7OEtXUlW.js → keyboard-shortcuts-dialog-CsNP85q8.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-DMHdtb7D.js";
-import { B as Button } from "./button-DtQ3rV1m.js";
+import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-Il1LlBAe.js";
+import { B as Button } from "./button-CwY2OHFj.js";
 import "@base-ui/react/dialog";
 import "@base-ui/react/menu";
 import "zustand";