opencami 1.8.9 → 1.9.0

package/dist/server/assets/{router-BqLGFd4L.js → router-C9JRmWMm.js}

@@ -12,7 +12,7 @@ import { execFile, execSync } from "node:child_process";
 import { promisify } from "node:util";
 import { readFile, mkdir, writeFile, rename, stat, readdir, rm, realpath, lstat } from "node:fs/promises";
 import { posix } from "path";
-const appCss = "/assets/styles-Ce2xZzc4.css";
+const appCss = "/assets/styles-CXa-SiWC.css";
 const swRegisterScript = `
 (() => {
   // Skip PWA service worker inside Capacitor native shell — they conflict
@@ -157,20 +157,22 @@ const accentColorScript = `
   try {
     const stored = localStorage.getItem('opencami-accent-color')
     const map = {
-      green: { accent: '#22c55e', hover: '#16a34a', light: 'rgba(34, 197, 94, 0.10)' },
-      blue: { accent: '#3b82f6', hover: '#2563eb', light: 'rgba(59, 130, 246, 0.10)' },
-      purple: { accent: '#8b5cf6', hover: '#7c3aed', light: 'rgba(139, 92, 246, 0.10)' },
-      orange: { accent: '#f97316', hover: '#ea580c', light: 'rgba(249, 115, 22, 0.10)' },
-      pink: { accent: '#ec4899', hover: '#db2777', light: 'rgba(236, 72, 153, 0.10)' },
-      red: { accent: '#ef4444', hover: '#dc2626', light: 'rgba(239, 68, 68, 0.10)' },
-      cyan: { accent: '#06b6d4', hover: '#0891b2', light: 'rgba(6, 182, 212, 0.10)' },
-      yellow: { accent: '#eab308', hover: '#ca8a04', light: 'rgba(234, 179, 8, 0.10)' },
+      green: { accent: '#22c55e', hover: '#16a34a', light: 'rgba(34, 197, 94, 0.10)', fg: '#ffffff' },
+      blue: { accent: '#3b82f6', hover: '#2563eb', light: 'rgba(59, 130, 246, 0.10)', fg: '#ffffff' },
+      purple: { accent: '#8b5cf6', hover: '#7c3aed', light: 'rgba(139, 92, 246, 0.10)', fg: '#ffffff' },
+      orange: { accent: '#f97316', hover: '#ea580c', light: 'rgba(249, 115, 22, 0.10)', fg: '#ffffff' },
+      pink: { accent: '#ec4899', hover: '#db2777', light: 'rgba(236, 72, 153, 0.10)', fg: '#ffffff' },
+      red: { accent: '#ef4444', hover: '#dc2626', light: 'rgba(239, 68, 68, 0.10)', fg: '#ffffff' },
+      cyan: { accent: '#06b6d4', hover: '#0891b2', light: 'rgba(6, 182, 212, 0.10)', fg: '#ffffff' },
+      yellow: { accent: '#eab308', hover: '#ca8a04', light: 'rgba(234, 179, 8, 0.10)', fg: '#ffffff' },
+      white: { accent: '#ffffff', hover: '#e5e5e5', light: 'rgba(255, 255, 255, 0.10)', fg: '#1a1a1a' },
     }
     const selected = map[stored] || map.green
     const root = document.documentElement
     root.style.setProperty('--opencami-accent', selected.accent)
     root.style.setProperty('--opencami-accent-hover', selected.hover)
     root.style.setProperty('--opencami-accent-light', selected.light)
+    root.style.setProperty('--opencami-accent-fg', selected.fg)
   } catch {}
 })()
 `;
@@ -329,7 +331,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter$9 = () => import("./skills-Cy8xclXY.js");
+const $$splitComponentImporter$9 = () => import("./skills-BXUivxuo.js");
 const Route$A = createFileRoute("/skills")({
   component: lazyRouteComponent($$splitComponentImporter$9, "component")
 });
@@ -346,11 +348,11 @@ const Route$z = createFileRoute("/new")({
   },
   component: lazyRouteComponent($$splitComponentImporter$8, "component")
 });
-const $$splitComponentImporter$7 = () => import("./memory-Cxu7i8ej.js");
+const $$splitComponentImporter$7 = () => import("./memory-rBB015W-.js");
 const Route$y = createFileRoute("/memory")({
   component: lazyRouteComponent($$splitComponentImporter$7, "component")
 });
-const $$splitComponentImporter$6 = () => import("./files-DYdXlQDr.js");
+const $$splitComponentImporter$6 = () => import("./files-DLxqp-h5.js");
 const Route$x = createFileRoute("/files")({
   component: lazyRouteComponent($$splitComponentImporter$6, "component")
 });
@@ -358,23 +360,23 @@ const $$splitComponentImporter$5 = () => import("./dashboard-UYRCu_mQ.js");
 const Route$w = createFileRoute("/dashboard")({
   component: lazyRouteComponent($$splitComponentImporter$5, "component")
 });
-const $$splitComponentImporter$4 = () => import("./connect-BNabuqpW.js");
+const $$splitComponentImporter$4 = () => import("./connect-CTVBm0Vc.js");
 const Route$v = createFileRoute("/connect")({
   component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
-const $$splitComponentImporter$3 = () => import("./bots-Byt6jv0a.js");
+const $$splitComponentImporter$3 = () => import("./bots-BDHeSvSQ.js");
 const Route$u = createFileRoute("/bots")({
   component: lazyRouteComponent($$splitComponentImporter$3, "component")
 });
-const $$splitComponentImporter$2 = () => import("./agents-CmQ4vvXm.js");
+const $$splitComponentImporter$2 = () => import("./agents-BuE0Yum3.js");
 const Route$t = createFileRoute("/agents")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./index-COElhwGA.js");
+const $$splitComponentImporter$1 = () => import("./index-4G_4vZNY.js");
 const Route$s = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./_sessionKey-B6iYeyCS.js").then((n) => n.$);
+const $$splitComponentImporter = () => import("./_sessionKey-Bhksr7VP.js").then((n) => n.$);
 const Route$r = createFileRoute("/chat/$sessionKey")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });
@@ -527,7 +529,7 @@ function buildConnectParams(url, token, password, nonce) {
   const clientId = "openclaw-control-ui";
   const clientMode = "webchat";
   const role = "operator";
-  const scopes = ["operator.admin", "operator.approvals", "operator.pairing"];
+  const scopes = ["operator.read", "operator.write", "operator.admin", "operator.approvals", "operator.pairing"];
   if (!nonce) {
     throw new Error(
       "OpenClaw did not send connect.challenge nonce in time. If you are connecting cross-origin, ensure your origin is allowed (gateway.controlUi.allowedOrigins)."
@@ -558,7 +560,7 @@ function buildConnectParams(url, token, password, nonce) {
       mode: clientMode,
       instanceId: loadOrCreateInstanceId()
     },
-    caps: [],
+    caps: ["tool-events"],
     auth: {
       token: token || void 0,
       password: password || void 0,
@@ -656,6 +658,7 @@ class PersistentGatewayConnection {
       const timer = setTimeout(() => {
         if (done) return;
         done = true;
+        ws.off("message", onMessage);
         resolve2("");
       }, 3e3);
       const onMessage = (data) => {
@@ -729,13 +732,13 @@ class PersistentGatewayConnection {
           mode: "webchat",
           instanceId: loadOrCreateInstanceId()
         },
-        caps: [],
+        caps: ["tool-events"],
         auth: {
           token: token || void 0,
           password: password || void 0
         },
         role: "operator",
-        scopes: ["operator.admin", "operator.approvals", "operator.pairing"],
+        scopes: ["operator.read", "operator.write", "operator.admin", "operator.approvals", "operator.pairing"],
         userAgent: `opencami/${process.env.npm_package_version ?? "dev"} (node ${process.version})`,
         locale: process.env.LANG || "en"
       };
@@ -775,7 +778,8 @@ class PersistentGatewayConnection {
         const event = {
           event: parsed.event,
           payload: parsed.payload ?? {},
-          seq: parsed.seq
+          seq: parsed.seq,
+          stateVersion: typeof parsed.stateVersion === "number" ? parsed.stateVersion : void 0
         };
         const sessionKey = this._extractSessionKey(event);
         for (const listener of this.globalListeners) {
@@ -785,15 +789,20 @@ class PersistentGatewayConnection {
           }
         }
         if (sessionKey) {
-          const listeners = this.sessionListeners.get(sessionKey);
-          if (listeners && listeners.size > 0) {
-            for (const listener of listeners) {
-              try {
-                listener(event);
-              } catch {
+          let dispatched = false;
+          const eventSegments = sessionKey.split(":");
+          for (const [subKey, listeners] of this.sessionListeners) {
+            if (sessionKey === subKey || eventSegments.includes(subKey)) {
+              dispatched = true;
+              for (const listener of listeners) {
+                try {
+                  listener(event);
+                } catch {
+                }
               }
             }
-          } else {
+          }
+          if (!dispatched) {
             let buf = this.eventBuffer.get(sessionKey);
             if (!buf) {
               const timer = setTimeout(() => {
@@ -874,14 +883,22 @@ class PersistentGatewayConnection {
       this.sessionListeners.set(sessionKey, listeners);
     }
     listeners.add(listener);
-    const buf = this.eventBuffer.get(sessionKey);
-    if (buf) {
-      this.eventBuffer.delete(sessionKey);
-      clearTimeout(buf.timer);
-      for (const event of buf.events) {
-        try {
-          listener(event);
-        } catch {
+    const keysToFlush = [];
+    for (const bufKey of this.eventBuffer.keys()) {
+      if (bufKey === sessionKey || bufKey.split(":").includes(sessionKey)) {
+        keysToFlush.push(bufKey);
+      }
+    }
+    for (const bufKey of keysToFlush) {
+      const buf = this.eventBuffer.get(bufKey);
+      if (buf) {
+        this.eventBuffer.delete(bufKey);
+        clearTimeout(buf.timer);
+        for (const event of buf.events) {
+          try {
+            listener(event);
+          } catch {
+          }
         }
       }
     }
@@ -921,13 +938,34 @@ function getPersistentConnection() {
   }
   return _proc.__opencamiGatewayInstance;
 }
-async function gatewayRpc(method, params) {
+async function acquireGatewayClient(key, callbacks) {
   const conn = getPersistentConnection();
-  return conn.rpc(method, params);
+  await conn.ensureConnected();
+  let unsubscribe = null;
+  if (callbacks?.onEvent) {
+    unsubscribe = conn.subscribe(key, callbacks.onEvent);
+  }
+  return {
+    client: {
+      connect: () => conn.ensureConnected(),
+      sendReq: (method, params) => conn.rpc(method, params),
+      close: () => {
+      },
+      isClosed: () => !conn.isConnected,
+      addCallbacks: () => () => {
+      }
+    },
+    release: () => {
+      unsubscribe?.();
+    }
+  };
+}
+async function gatewayRpcShared(method, params, _key) {
+  return gatewayRpc(method, params);
 }
-function subscribeGatewayEvents(sessionKey, listener) {
+async function gatewayRpc(method, params) {
   const conn = getPersistentConnection();
-  return conn.subscribe(sessionKey, listener);
+  return conn.rpc(method, params);
 }
 function getDeviceStatus() {
   const conn = getPersistentConnection();
@@ -1286,91 +1324,92 @@ const Route$o = createFileRoute("/api/stream")({
     handlers: {
       GET: async ({ request }) => {
         const url = new URL(request.url);
-        const sessionKey = url.searchParams.get("sessionKey");
-        if (!sessionKey) {
+        const sessionKey = url.searchParams.get("sessionKey")?.trim() || "";
+        const friendlyId = url.searchParams.get("friendlyId")?.trim() || "";
+        const key = sessionKey || friendlyId;
+        if (!key) {
           return new Response(
-            JSON.stringify({ ok: false, error: "sessionKey required" }),
+            JSON.stringify({ ok: false, error: "sessionKey or friendlyId required" }),
             { status: 400, headers: { "content-type": "application/json" } }
           );
         }
         const pass = new PassThrough();
         const encoder = new TextEncoder();
         let closed = false;
-        let unsubscribe = null;
-        function sendSSE(event, data) {
+        let heartbeat = null;
+        let releaseClient = null;
+        let lastSeq = -1;
+        let lastEventFingerprint = "";
+        function writeChunk(chunk) {
           if (closed) return;
           try {
-            pass.write(encoder.encode(`event: ${event}
-data: ${JSON.stringify(data)}
-
-`));
+            pass.write(encoder.encode(chunk));
           } catch {
+            cleanup();
           }
         }
+        function send(data) {
+          writeChunk(`data: ${JSON.stringify(data)}
+
+`);
+        }
         function cleanup() {
           if (closed) return;
           closed = true;
-          if (unsubscribe) {
-            unsubscribe();
-            unsubscribe = null;
+          if (heartbeat) {
+            clearInterval(heartbeat);
+            heartbeat = null;
+          }
+          if (releaseClient) {
+            releaseClient();
+            releaseClient = null;
           }
           try {
             pass.end();
           } catch {
           }
         }
-        pass.write(encoder.encode(": connected\n\n"));
-        let gotAgentStream = false;
-        unsubscribe = subscribeGatewayEvents(sessionKey, (evt) => {
-          if (evt.event === "agent") {
-            const payload = evt.payload;
-            const agentStream = payload.stream;
-            if (agentStream === "assistant") {
-              gotAgentStream = true;
-              const data = payload.data ?? payload;
-              const text = typeof data.delta === "string" ? data.delta : typeof data.text === "string" ? data.text : typeof payload.text === "string" ? payload.text : typeof payload.delta === "string" ? payload.delta : "";
-              if (text) {
-                sendSSE("delta", { text, sessionKey });
-              }
-            } else if (agentStream === "tool") {
-              gotAgentStream = true;
-              const tdata = payload.data ?? payload;
-              sendSSE("tool", {
-                name: tdata.name ?? tdata.toolName ?? payload.name ?? "",
-                status: tdata.phase ?? tdata.status ?? payload.phase ?? "running",
-                id: tdata.id ?? tdata.toolCallId ?? payload.id ?? "",
-                sessionKey
-              });
-            } else if (agentStream === "lifecycle") {
-              const ldata = payload.data ?? payload;
-              const phase = ldata.phase ?? payload.phase;
-              if (phase === "end" || phase === "error") {
-                sendSSE("done", {
-                  sessionKey,
-                  status: phase,
-                  error: phase === "error" ? payload.error : void 0
-                });
-                cleanup();
+        writeChunk(": connected\n\n");
+        heartbeat = setInterval(() => {
+          writeChunk("event: ping\ndata: {}\n\n");
+        }, 15e3);
+        try {
+          const handle = await acquireGatewayClient(key, {
+            onEvent(event) {
+              if (typeof event.seq === "number") {
+                if (event.seq <= lastSeq) return;
+                lastSeq = event.seq;
               }
-            }
-          } else if (evt.event === "chat") {
-            const payload = evt.payload;
-            const state = payload.state ?? payload.kind;
-            const msg = payload.message;
-            if (state === "delta" && !gotAgentStream) {
-              const content = Array.isArray(msg?.content) ? msg.content : [];
-              const firstBlock = content[0];
-              const text = typeof firstBlock?.text === "string" ? firstBlock.text : typeof payload.text === "string" ? payload.text : typeof payload.delta === "string" ? payload.delta : "";
-              if (text) {
-                sendSSE("delta", { text, sessionKey });
+              const fp = event.event + ":" + JSON.stringify(event.payload);
+              if (fp === lastEventFingerprint) return;
+              lastEventFingerprint = fp;
+              const p = event.payload;
+              const eventSessionKey = typeof p?.sessionKey === "string" ? p.sessionKey : "";
+              if (eventSessionKey && eventSessionKey !== key && !eventSessionKey.split(":").includes(key)) {
+                return;
               }
-            } else if (state === "final") {
-              sendSSE("done", { sessionKey, status: "end" });
-              cleanup();
+              send({
+                event: event.event,
+                payload: event.payload,
+                seq: event.seq,
+                stateVersion: event.stateVersion
+              });
+            },
+            onError(error) {
+              send({ event: "error", payload: error.message });
             }
+          });
+          if (closed) {
+            handle.release();
+          } else {
+            releaseClient = handle.release;
           }
-        });
-        request.signal?.addEventListener("abort", cleanup);
+        } catch (error) {
+          const message = error instanceof Error ? error.message : String(error);
+          send({ event: "error", payload: message });
+          cleanup();
+        }
+        request.signal.addEventListener("abort", cleanup, { once: true });
         const webStream = Readable.toWeb(pass);
         return new Response(webStream, {
           headers: {
@@ -1772,7 +1811,7 @@ const Route$l = createFileRoute("/api/send")({
           if (sessionKey.length === 0) {
             sessionKey = "main";
           }
-          const res = await gatewayRpc("chat.send", {
+          const res = await gatewayRpcShared("chat.send", {
             sessionKey,
             message,
             thinking,
@@ -1781,7 +1820,7 @@ const Route$l = createFileRoute("/api/send")({
             deliver: false,
             timeoutMs: 12e4,
             idempotencyKey: typeof body.idempotencyKey === "string" ? body.idempotencyKey : randomUUID()
-          });
+          }, sessionKey);
           return json({ ok: true, ...res, sessionKey });
         } catch (err) {
           return json(

package/dist/server/assets/{search-dialog-CmI7naPN.js → search-dialog-CTJULPB8.js}

@@ -3,30 +3,30 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { useNavigate } from "@tanstack/react-router";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Search01Icon, Cancel01Icon, Loading03Icon } from "@hugeicons/core-free-icons";
-import { D as DialogRoot, a as DialogContent } from "./use-file-explorer-state-s7CS50ho.js";
+import { D as DialogRoot, a as DialogContent } from "./use-file-explorer-state-E6cUvMva.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { c as chatQueryKeys } from "./_sessionKey-B6iYeyCS.js";
-import { c as cn } from "./button-CwY2OHFj.js";
+import { c as chatQueryKeys } from "./_sessionKey-Bhksr7VP.js";
+import { c as cn } from "./button-kI8fEIZQ.js";
 import "@base-ui/react/dialog";
 import "zustand";
-import "./tooltip-DgsSPocE.js";
+import "./tooltip-DOvOrSSS.js";
 import "@base-ui/react/tooltip";
 import "motion/react";
 import "@base-ui/react/alert-dialog";
 import "@base-ui/react/collapsible";
 import "@base-ui/react/scroll-area";
-import "./menu-D90CDTi2.js";
+import "./menu-D8cKTpmN.js";
 import "@base-ui/react/menu";
 import "./opencami-logo-C-43FL3R.js";
-import "./markdown-DoX5Q7qh.js";
+import "./markdown-CFdYXCRQ.js";
 import "marked";
 import "react-markdown";
 import "remark-breaks";
 import "remark-gfm";
-import "./index-BEWnDAH6.js";
+import "./index-B_F4DTUu.js";
 import "zustand/middleware";
 import "react-dom";
-import "./router-BqLGFd4L.js";
+import "./router-C9JRmWMm.js";
 import "node:crypto";
 import "node:fs";
 import "node:os";

package/dist/server/assets/{search-sources-badge-B0rAEDs_.js → search-sources-badge-B0t8Qffy.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Search01Icon, ArrowRight01Icon } from "@hugeicons/core-free-icons";
-import { c as cn } from "./button-CwY2OHFj.js";
+import { c as cn } from "./button-kI8fEIZQ.js";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
 import "class-variance-authority";

package/dist/server/assets/{session-export-dialog-C53RRAah.js → session-export-dialog-CgtlOnwf.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "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 } from "./button-CwY2OHFj.js";
+import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-E6cUvMva.js";
+import { B as Button } from "./button-kI8fEIZQ.js";
 import "@base-ui/react/dialog";
 import "zustand";
 import "@base-ui/react/merge-props";

package/dist/server/assets/{settings-dialog-BZ67gr9N.js → settings-dialog-B5yR2pBy.js}

@@ -3,12 +3,12 @@ import { useState, useEffect, useRef } from "react";
 import { create } from "zustand";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Cancel01Icon, Link01Icon, PaintBoardIcon, MessageEdit01Icon, Settings02Icon, UserIcon, VoiceIcon, AiBrain01Icon, InformationCircleIcon, ComputerIcon, Sun01Icon, Moon01Icon, Leaf01Icon, DropletIcon, Loading02Icon, Tick01Icon, Cancel02Icon } from "@hugeicons/core-free-icons";
-import { B as Button, c as cn } from "./button-CwY2OHFj.js";
-import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-s7CS50ho.js";
-import { S as Switch } from "./switch-BbkUeVDV.js";
-import { T as Tabs, a as TabsList, b as TabsTab } from "./tabs-DDFZob0m.js";
-import { u as useChatSettings } from "./index-BEWnDAH6.js";
-import { u as useLlmSettings, g as getLlmProviderDefaults } from "./_sessionKey-B6iYeyCS.js";
+import { B as Button, c as cn } from "./button-kI8fEIZQ.js";
+import { D as DialogRoot, a as DialogContent, b as DialogTitle, c as DialogDescription, d as DialogClose } from "./use-file-explorer-state-E6cUvMva.js";
+import { S as Switch } from "./switch-BZzwkgAQ.js";
+import { T as Tabs, a as TabsList, b as TabsTab } from "./tabs-CWbp3mT4.js";
+import { u as useChatSettings } from "./index-B_F4DTUu.js";
+import { u as useLlmSettings, g as getLlmProviderDefaults } from "./_sessionKey-Bhksr7VP.js";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
 import "class-variance-authority";
@@ -20,22 +20,22 @@ import "@base-ui/react/tabs";
 import "zustand/middleware";
 import "@tanstack/react-router";
 import "@tanstack/react-query";
-import "./tooltip-DgsSPocE.js";
+import "./tooltip-DOvOrSSS.js";
 import "@base-ui/react/tooltip";
 import "motion/react";
 import "@base-ui/react/alert-dialog";
 import "@base-ui/react/collapsible";
 import "@base-ui/react/scroll-area";
-import "./menu-D90CDTi2.js";
+import "./menu-D8cKTpmN.js";
 import "@base-ui/react/menu";
 import "./opencami-logo-C-43FL3R.js";
-import "./markdown-DoX5Q7qh.js";
+import "./markdown-CFdYXCRQ.js";
 import "marked";
 import "react-markdown";
 import "remark-breaks";
 import "remark-gfm";
 import "react-dom";
-import "./router-BqLGFd4L.js";
+import "./router-C9JRmWMm.js";
 import "node:crypto";
 import "node:fs";
 import "node:os";
@@ -163,56 +163,72 @@ const accentColorOptions = [
     label: "Green",
     accent: "#22c55e",
     hover: "#16a34a",
-    light: "rgba(34, 197, 94, 0.10)"
+    light: "rgba(34, 197, 94, 0.10)",
+    fg: "#ffffff"
   },
   {
     value: "blue",
     label: "Blue",
     accent: "#3b82f6",
     hover: "#2563eb",
-    light: "rgba(59, 130, 246, 0.10)"
+    light: "rgba(59, 130, 246, 0.10)",
+    fg: "#ffffff"
   },
   {
     value: "purple",
     label: "Purple",
     accent: "#8b5cf6",
     hover: "#7c3aed",
-    light: "rgba(139, 92, 246, 0.10)"
+    light: "rgba(139, 92, 246, 0.10)",
+    fg: "#ffffff"
   },
   {
     value: "orange",
     label: "Orange",
     accent: "#f97316",
     hover: "#ea580c",
-    light: "rgba(249, 115, 22, 0.10)"
+    light: "rgba(249, 115, 22, 0.10)",
+    fg: "#ffffff"
   },
   {
     value: "pink",
     label: "Pink",
     accent: "#ec4899",
     hover: "#db2777",
-    light: "rgba(236, 72, 153, 0.10)"
+    light: "rgba(236, 72, 153, 0.10)",
+    fg: "#ffffff"
   },
   {
     value: "red",
     label: "Red",
     accent: "#ef4444",
     hover: "#dc2626",
-    light: "rgba(239, 68, 68, 0.10)"
+    light: "rgba(239, 68, 68, 0.10)",
+    fg: "#ffffff"
   },
   {
     value: "cyan",
     label: "Cyan",
     accent: "#06b6d4",
     hover: "#0891b2",
-    light: "rgba(6, 182, 212, 0.10)"
+    light: "rgba(6, 182, 212, 0.10)",
+    fg: "#ffffff"
   },
   {
     value: "yellow",
     label: "Yellow",
     accent: "#eab308",
     hover: "#ca8a04",
-    light: "rgba(234, 179, 8, 0.10)"
+    light: "rgba(234, 179, 8, 0.10)",
+    fg: "#ffffff"
+  },
+  {
+    value: "white",
+    label: "White",
+    accent: "#ffffff",
+    hover: "#e5e5e5",
+    light: "rgba(255, 255, 255, 0.10)",
+    fg: "#1a1a1a"
   }
 ];
 const chatWidthOptions = [
@@ -458,6 +474,7 @@ function SettingsDialog({
     root.style.setProperty("--opencami-accent", selected.accent);
     root.style.setProperty("--opencami-accent-hover", selected.hover);
     root.style.setProperty("--opencami-accent-light", selected.light);
+    root.style.setProperty("--opencami-accent-fg", selected.fg);
   }
   function applyChatWidth(value) {
     if (typeof document === "undefined") return;

package/dist/server/assets/{skills-Cy8xclXY.js → skills-BXUivxuo.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense, lazy } from "react";
-const SkillsPanel = lazy(() => import("./skills-panel-BnRNb7u9.js").then((m) => ({
+const SkillsPanel = lazy(() => import("./skills-panel-CDUp4jvw.js").then((m) => ({
   default: m.SkillsPanel
 })));
 function SkillsRoute() {

package/dist/server/assets/{skills-panel-BnRNb7u9.js → skills-panel-CDUp4jvw.js}

@@ -3,8 +3,8 @@ import { useState, useCallback, useEffect, useRef, useMemo } from "react";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { ArrowLeft01Icon, Loading02Icon, ArrowUpRight01Icon, Download04Icon, StarIcon, Tick01Icon, Calendar01Icon, Search01Icon, Shield01Icon } from "@hugeicons/core-free-icons";
 import { Link } from "@tanstack/react-router";
-import { B as Button } from "./button-CwY2OHFj.js";
-import { T as Tabs, a as TabsList, b as TabsTab } from "./tabs-DDFZob0m.js";
+import { B as Button } from "./button-kI8fEIZQ.js";
+import { T as Tabs, a as TabsList, b as TabsTab } from "./tabs-CWbp3mT4.js";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
 import "class-variance-authority";

package/dist/server/assets/{switch-BbkUeVDV.js → switch-BZzwkgAQ.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
-import { c as cn } from "./button-CwY2OHFj.js";
+import { c as cn } from "./button-kI8fEIZQ.js";
 function Switch({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     Switch$1.Root,

package/dist/server/assets/{tabs-DDFZob0m.js → tabs-CWbp3mT4.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import { c as cn } from "./button-CwY2OHFj.js";
+import { c as cn } from "./button-kI8fEIZQ.js";
 function Tabs({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     Tabs$1.Root,