opencami 1.9.1 → 2.1.0

package/dist/server/assets/{search-dialog-DSSK93kq.js → search-dialog-DlvWfq1e.js}

@@ -5,7 +5,7 @@ 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-E6cUvMva.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { c as chatQueryKeys } from "./_sessionKey-D8TGrDRM.js";
+import { c as chatQueryKeys } from "./_sessionKey-COz7RLKC.js";
 import { c as cn } from "./button-kI8fEIZQ.js";
 import "@base-ui/react/dialog";
 import "zustand";
@@ -18,15 +18,15 @@ import "@base-ui/react/scroll-area";
 import "./menu-D8cKTpmN.js";
 import "@base-ui/react/menu";
 import "./opencami-logo-C-43FL3R.js";
-import "./markdown-CFdYXCRQ.js";
+import "./index-197lqzv2.js";
+import "zustand/middleware";
+import "./markdown-Dk1YdosA.js";
 import "marked";
 import "react-markdown";
 import "remark-breaks";
 import "remark-gfm";
-import "./index-B_F4DTUu.js";
-import "zustand/middleware";
 import "react-dom";
-import "./router-DaKDqc9w.js";
+import "./router-CZhxPkYW.js";
 import "node:crypto";
 import "node:fs";
 import "node:os";

package/dist/server/assets/{settings-dialog-DyWNblva.js → settings-dialog-BGtrS2RJ.js}

@@ -2,13 +2,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 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 { Cancel01Icon, Link01Icon, PaintBoardIcon, MessageEdit01Icon, Settings02Icon, UserIcon, VoiceIcon, InformationCircleIcon, ComputerIcon, Sun01Icon, Moon01Icon, Leaf01Icon, DropletIcon } from "@hugeicons/core-free-icons";
 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-D8TGrDRM.js";
+import { u as useChatSettings } from "./index-197lqzv2.js";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
 import "class-variance-authority";
@@ -18,35 +17,6 @@ import "@base-ui/react/dialog";
 import "@base-ui/react/switch";
 import "@base-ui/react/tabs";
 import "zustand/middleware";
-import "@tanstack/react-router";
-import "@tanstack/react-query";
-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-D8cKTpmN.js";
-import "@base-ui/react/menu";
-import "./opencami-logo-C-43FL3R.js";
-import "./markdown-CFdYXCRQ.js";
-import "marked";
-import "react-markdown";
-import "remark-breaks";
-import "remark-gfm";
-import "react-dom";
-import "./router-DaKDqc9w.js";
-import "node:crypto";
-import "node:fs";
-import "node:os";
-import "node:path";
-import "ws";
-import "@tanstack/router-core/ssr/client";
-import "node:stream";
-import "node:child_process";
-import "node:util";
-import "node:fs/promises";
-import "path";
 function getInitialEnabled() {
   if (typeof window === "undefined") return false;
   try {
@@ -275,16 +245,9 @@ function SettingsDialog({
   onClose
 }) {
   const { settings, updateSettings } = useChatSettings();
-  const {
-    settings: llmSettings,
-    updateSettings: updateLlmSettings,
-    status: llmStatus,
-    testApiKey
-  } = useLlmSettings();
   const [activeTab, setActiveTab] = useState("appearance");
-  const [apiKeyInput, setApiKeyInput] = useState(llmSettings.llmApiKey);
-  const [testingKey, setTestingKey] = useState(false);
-  const [testResult, setTestResult] = useState(null);
+  const [llmModels, setLlmModels] = useState([]);
+  const [llmModelsLoading, setLlmModelsLoading] = useState(false);
   const [textSize, setTextSize] = useState(() => {
     if (typeof window === "undefined") return "16px";
     try {
@@ -327,6 +290,29 @@ function SettingsDialog({
       return "auto";
     }
   });
+  useEffect(() => {
+    let mounted = true;
+    async function loadLlmModels() {
+      setLlmModelsLoading(true);
+      try {
+        const res = await fetch("/api/llm-models");
+        const data = await res.json();
+        if (!mounted) return;
+        setLlmModels(data.models ?? []);
+      } catch {
+        if (!mounted) return;
+        setLlmModels([]);
+      } finally {
+        if (mounted) {
+          setLlmModelsLoading(false);
+        }
+      }
+    }
+    loadLlmModels();
+    return () => {
+      mounted = false;
+    };
+  }, []);
   useEffect(() => {
     if (typeof window === "undefined") return;
     try {
@@ -619,29 +605,6 @@ function SettingsDialog({
       })
     );
   };
-  const handleTestApiKey = async () => {
-    if (!apiKeyInput.trim()) return;
-    setTestingKey(true);
-    setTestResult(null);
-    try {
-      const result = await testApiKey(apiKeyInput.trim());
-      setTestResult(result);
-      if (result.valid) {
-        updateLlmSettings({ llmApiKey: apiKeyInput.trim() });
-      }
-    } finally {
-      setTestingKey(false);
-    }
-  };
-  const handleSaveApiKey = () => {
-    updateLlmSettings({ llmApiKey: apiKeyInput.trim() });
-    setTestResult(null);
-  };
-  const handleClearApiKey = () => {
-    setApiKeyInput("");
-    updateLlmSettings({ llmApiKey: "" });
-    setTestResult(null);
-  };
   const themeOptions = [
     { value: "system", label: "Auto", icon: ComputerIcon },
     { value: "light", label: "Light", icon: Sun01Icon },
@@ -721,7 +684,6 @@ function SettingsDialog({
         { id: "workspace", label: "Workspace", icon: Settings02Icon },
         { id: "personas", label: "Personas", icon: UserIcon },
         { id: "voice", label: "Voice", icon: VoiceIcon },
-        { id: "llm", label: "LLM Features", icon: AiBrain01Icon },
         { id: "about", label: "About", icon: InformationCircleIcon }
       ].map((tab) => /* @__PURE__ */ jsxs(
         "button",
@@ -941,6 +903,42 @@ function SettingsDialog({
               onCheckedChange: (checked) => updateSettings({ showSearchSources: checked })
             }
           ) }),
+          /* @__PURE__ */ jsx(SettingsRow, { inline: true, label: "Follow-up suggestions", children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: settings.showFollowUps,
+              onCheckedChange: (checked) => updateSettings({ showFollowUps: checked })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            SettingsRow,
+            {
+              inline: true,
+              label: "LLM Features Model",
+              description: "Used for smart titles and follow-up suggestions",
+              children: /* @__PURE__ */ jsxs(
+                "select",
+                {
+                  value: settings.llmFeaturesModel || "gpt54mini",
+                  onChange: (e) => updateSettings({ llmFeaturesModel: e.target.value }),
+                  className: "rounded-md border border-primary-200 bg-surface px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500",
+                  children: [
+                    llmModelsLoading && llmModels.length === 0 ? /* @__PURE__ */ jsx("option", { value: settings.llmFeaturesModel || "gpt54mini", children: settings.llmFeaturesModel || "gpt54mini" }) : null,
+                    llmModels.length > 0 ? llmModels.map((model) => /* @__PURE__ */ jsx("option", { value: model.agentId, children: model.displayName }, model.id)) : settings.llmFeaturesModel ? [
+                      /* @__PURE__ */ jsx(
+                        "option",
+                        {
+                          value: settings.llmFeaturesModel,
+                          children: settings.llmFeaturesModel
+                        },
+                        settings.llmFeaturesModel
+                      )
+                    ] : null
+                  ]
+                }
+              )
+            }
+          ),
           /* @__PURE__ */ jsx(
             SettingsRow,
             {
@@ -1296,196 +1294,6 @@ function SettingsDialog({
             )
           }
         ),
-        /* @__PURE__ */ jsxs(
-          SettingsSection,
-          {
-            title: "LLM Features",
-            tabId: "llm",
-            activeTab,
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "text-xs text-primary-500 mb-3", children: [
-                "Enhance session titles and follow-up suggestions using an LLM provider.",
-                llmStatus.hasEnvKey && /* @__PURE__ */ jsx("span", { className: "block mt-1 text-green-600", children: "✓ Server has OPENAI_API_KEY configured" }),
-                llmStatus.hasOpenRouterKey && /* @__PURE__ */ jsx("span", { className: "block mt-1 text-green-600", children: "✓ Server has OPENROUTER_API_KEY configured" }),
-                llmStatus.hasKilocodeKey && /* @__PURE__ */ jsx("span", { className: "block mt-1 text-green-600", children: "✓ Server has KILOCODE_API_KEY configured" })
-              ] }),
-              /* @__PURE__ */ jsx(
-                SettingsRow,
-                {
-                  inline: true,
-                  label: "Provider",
-                  description: "Choose LLM provider for titles & follow-ups",
-                  children: /* @__PURE__ */ jsxs(
-                    "select",
-                    {
-                      value: llmSettings.llmProvider,
-                      onChange: (e) => {
-                        const provider = e.target.value;
-                        updateLlmSettings({
-                          llmProvider: provider,
-                          llmBaseUrl: "",
-                          llmModel: ""
-                        });
-                      },
-                      className: "px-2 py-1 text-sm rounded-md border border-primary-200 bg-surface focus:outline-none focus:ring-2 focus:ring-primary-500",
-                      children: [
-                        /* @__PURE__ */ jsx("option", { value: "openai", children: "OpenAI" }),
-                        /* @__PURE__ */ jsx("option", { value: "openrouter", children: "OpenRouter" }),
-                        /* @__PURE__ */ jsx("option", { value: "kilocode", children: "Kilo Gateway" }),
-                        /* @__PURE__ */ jsx("option", { value: "ollama", children: "Ollama (local)" }),
-                        /* @__PURE__ */ jsx("option", { value: "custom", children: "Custom" })
-                      ]
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SettingsRow,
-                {
-                  inline: true,
-                  label: "Smart session titles",
-                  description: "Generate concise titles using AI",
-                  children: /* @__PURE__ */ jsx(
-                    Switch,
-                    {
-                      checked: llmSettings.useLlmTitles,
-                      onCheckedChange: (checked) => updateLlmSettings({ useLlmTitles: checked }),
-                      disabled: !llmStatus.isAvailable
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SettingsRow,
-                {
-                  inline: true,
-                  label: "Smart follow-up suggestions",
-                  description: "AI-generated contextual follow-ups",
-                  children: /* @__PURE__ */ jsx(
-                    Switch,
-                    {
-                      checked: llmSettings.useLlmFollowUps,
-                      onCheckedChange: (checked) => updateLlmSettings({ useLlmFollowUps: checked }),
-                      disabled: !llmStatus.isAvailable
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2", children: [
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-xs text-primary-500 mb-1", children: "Model" }),
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "text",
-                      value: llmSettings.llmModel,
-                      onChange: (e) => updateLlmSettings({ llmModel: e.target.value }),
-                      placeholder: getLlmProviderDefaults(llmSettings.llmProvider).model || "model-name",
-                      className: "w-full px-3 py-1.5 text-sm rounded-md border border-primary-200 bg-surface focus:outline-none focus:ring-2 focus:ring-primary-500"
-                    }
-                  )
-                ] }),
-                (llmSettings.llmProvider === "custom" || llmSettings.llmProvider === "ollama") && /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-xs text-primary-500 mb-1", children: "Base URL" }),
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "text",
-                      value: llmSettings.llmBaseUrl,
-                      onChange: (e) => updateLlmSettings({ llmBaseUrl: e.target.value }),
-                      placeholder: getLlmProviderDefaults(llmSettings.llmProvider).baseUrl || "https://...",
-                      className: "w-full px-3 py-1.5 text-sm rounded-md border border-primary-200 bg-surface focus:outline-none focus:ring-2 focus:ring-primary-500"
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "mt-4 pt-3 border-t border-primary-100", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-sm text-primary-800 mb-2", children: llmSettings.llmProvider === "ollama" ? "API Key (optional)" : "API Key" }),
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-primary-500 mb-2", children: llmSettings.llmProvider === "ollama" ? "Not required for local Ollama" : llmStatus.hasEnvKey && llmSettings.llmProvider === "openai" ? "Optional: Override server key with your own" : `Required for ${llmSettings.llmProvider === "openrouter" ? "OpenRouter" : llmSettings.llmProvider === "kilocode" ? "Kilo Gateway" : "LLM features"} (stored locally)` }),
-                /* @__PURE__ */ jsxs("div", { className: "text-xs text-amber-600 bg-amber-50 border border-amber-200 rounded-md px-2 py-1.5 mb-2", children: [
-                  "⚠️ ",
-                  /* @__PURE__ */ jsx("strong", { children: "Security Note:" }),
-                  " API keys are stored in your browser's localStorage. This is convenient but not secure for shared computers. For production use, configure keys server-side via environment variables (OPENAI_API_KEY, OPENROUTER_API_KEY, KILOCODE_API_KEY)."
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "password",
-                      value: apiKeyInput,
-                      onChange: (e) => {
-                        setApiKeyInput(e.target.value);
-                        setTestResult(null);
-                      },
-                      placeholder: "sk-...",
-                      className: "flex-1 px-3 py-1.5 text-sm rounded-md border border-primary-200 bg-surface focus:outline-none focus:ring-2 focus:ring-primary-500"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "sm",
-                      variant: "outline",
-                      onClick: handleTestApiKey,
-                      disabled: !apiKeyInput.trim() || testingKey,
-                      className: "min-w-[60px]",
-                      children: testingKey ? /* @__PURE__ */ jsx(
-                        HugeiconsIcon,
-                        {
-                          icon: Loading02Icon,
-                          size: 16,
-                          className: "animate-spin"
-                        }
-                      ) : "Test"
-                    }
-                  )
-                ] }),
-                testResult && /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: `mt-2 flex items-center gap-1.5 text-xs ${testResult.valid ? "text-green-600" : "text-red-600"}`,
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        HugeiconsIcon,
-                        {
-                          icon: testResult.valid ? Tick01Icon : Cancel02Icon,
-                          size: 14
-                        }
-                      ),
-                      testResult.valid ? "API key is valid" : testResult.error || "Invalid API key"
-                    ]
-                  }
-                ),
-                llmSettings.llmApiKey && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-between", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600 flex items-center gap-1", children: [
-                    /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Tick01Icon, size: 14 }),
-                    "Key saved"
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "sm",
-                      variant: "ghost",
-                      onClick: handleClearApiKey,
-                      className: "text-xs text-red-600 hover:text-red-700 hover:bg-red-50",
-                      children: "Clear"
-                    }
-                  )
-                ] }),
-                apiKeyInput && apiKeyInput !== llmSettings.llmApiKey && !testResult?.valid && /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    size: "sm",
-                    variant: "outline",
-                    onClick: handleSaveApiKey,
-                    className: "mt-2 w-full",
-                    children: "Save without testing"
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
         /* @__PURE__ */ jsxs(
           SettingsSection,
           {

package/dist/server/assets/{thinking-CU0FRlzT.js → thinking-fzwT_aVT.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { C as Collapsible, d as CollapsibleTrigger, e as CollapsiblePanel } from "./_sessionKey-D8TGrDRM.js";
+import { C as Collapsible, a as CollapsibleTrigger, b as CollapsiblePanel } from "./_sessionKey-COz7RLKC.js";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
 import { B as Button } from "./button-kI8fEIZQ.js";
@@ -18,15 +18,15 @@ import "@base-ui/react/scroll-area";
 import "./menu-D8cKTpmN.js";
 import "@base-ui/react/menu";
 import "./opencami-logo-C-43FL3R.js";
-import "./markdown-CFdYXCRQ.js";
+import "./index-197lqzv2.js";
+import "zustand/middleware";
+import "./markdown-Dk1YdosA.js";
 import "marked";
 import "react-markdown";
 import "remark-breaks";
 import "remark-gfm";
-import "./index-B_F4DTUu.js";
-import "zustand/middleware";
 import "react-dom";
-import "./router-DaKDqc9w.js";
+import "./router-CZhxPkYW.js";
 import "node:crypto";
 import "node:fs";
 import "node:os";

package/dist/server/server.js

@@ -184,7 +184,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-DalBo2bY.js");
+  const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-D0f-0Utn.js");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -753,7 +753,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./assets/router-DaKDqc9w.js").then((n) => n.r);
+  const routerEntry = await import("./assets/router-CZhxPkYW.js").then((n) => n.r);
   const startEntry = await import("./assets/start-HYkvq4Ni.js");
   return { startEntry, routerEntry };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencami",
-  "version": "1.9.1",
+  "version": "2.1.0",
   "type": "module",
   "description": "OpenCami - A beautiful web client for OpenClaw",
   "bin": {