opencami 1.4.0 → 1.5.0

package/dist/server/assets/{button-DtQ3rV1m.js → button-CwY2OHFj.js}

@@ -7,7 +7,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 const buttonVariants = cva(
-  "relative inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-primary-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0] select-none duration-150",
+  "relative inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-[var(--opencami-accent)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0] select-none duration-150",
   {
     defaultVariants: {
       size: "default",
@@ -24,7 +24,7 @@ const buttonVariants = cva(
         "icon-xl": "size-11 [&_svg]:size-5"
       },
       variant: {
-        default: "bg-primary-950 text-primary-50 hover:bg-primary-900 shadow-sm outline outline-primary-900/10 shadow-2xs",
+        default: "bg-[var(--opencami-accent)] text-white hover:bg-[var(--opencami-accent-hover)] shadow-sm outline outline-primary-900/10 shadow-2xs",
         secondary: "bg-primary-50 text-primary-950 hover:bg-primary-200 outline outline-primary-900/10 shadow-2xs",
         outline: "border-primary-200 bg-transparent text-primary-900 hover:bg-primary-50 shadow-2xs outline outline-primary-900/10",
         ghost: "text-primary-900 hover:bg-primary-200 hover:text-primary-950",

package/dist/server/assets/{connect-B8jpGQGK.js → connect-d3AqjAqe.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { C as CodeBlock } from "./index-BNSsDaLb.js";
+import { C as CodeBlock } from "./index-CNIATlJ9.js";
 import "react";
 import "@hugeicons/react";
 import "@hugeicons/core-free-icons";
@@ -38,7 +38,7 @@ import "@shikijs/langs/xml";
 import "@shikijs/langs/yaml";
 import "zustand";
 import "zustand/middleware";
-import "./button-DtQ3rV1m.js";
+import "./button-CwY2OHFj.js";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
 import "class-variance-authority";

package/dist/server/assets/{file-explorer-screen-DCfS_Ajx.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-DfAKF2gZ.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" })
             ]
           }
         ),
@@ -2398,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-D2GIrPF4.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-DCfS_Ajx.js").then((m) => ({
+const FileExplorerScreen = lazy(() => import("./file-explorer-screen-CVlFiAFu.js").then((m) => ({
   default: m.FileExplorerScreen
 })));
 function FilesRoute() {

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

@@ -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]);
 }

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { R as Route } from "./router-Dme7USeO.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-CqIm8aYF.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-DfAKF2gZ.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";