opencami 1.0.0 → 1.2.0

package/dist/server/assets/_tanstack-start-manifest_v-cW8K1Mnv.js

@@ -0,0 +1,4 @@
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/root/opencami/src/routes/__root.tsx", "children": ["/", "/agents", "/connect", "/files", "/new", "/api/agents", "/api/follow-ups", "/api/history", "/api/llm-features", "/api/models", "/api/paths", "/api/personas", "/api/ping", "/api/send", "/api/sessions", "/api/stream", "/api/stt", "/api/tts", "/chat/$sessionKey", "/api/files/delete", "/api/files/download", "/api/files/info", "/api/files/list", "/api/files/mkdir", "/api/files/read", "/api/files/rename", "/api/files/save", "/api/files/upload"], "preloads": ["/assets/main-DOBfHXDF.js"], "assets": [] }, "/": { "filePath": "/root/opencami/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-D1Et4XlM.js"] }, "/agents": { "filePath": "/root/opencami/src/routes/agents.tsx", "assets": [], "preloads": ["/assets/agents-BiadNAEz.js"] }, "/connect": { "filePath": "/root/opencami/src/routes/connect.tsx", "assets": [], "preloads": ["/assets/connect-DlVsi-ya.js", "/assets/index-CwoJpeG1.js", "/assets/button-seqh98ae.js", "/assets/react-DD8SkMJn.js"] }, "/files": { "filePath": "/root/opencami/src/routes/files.tsx", "assets": [], "preloads": ["/assets/files-dkr2U72N.js"] }, "/new": { "filePath": "/root/opencami/src/routes/new.tsx", "assets": [], "preloads": ["/assets/new-DLlBm66g.js"] }, "/api/agents": { "filePath": "/root/opencami/src/routes/api/agents.ts" }, "/api/follow-ups": { "filePath": "/root/opencami/src/routes/api/follow-ups.ts" }, "/api/history": { "filePath": "/root/opencami/src/routes/api/history.ts" }, "/api/llm-features": { "filePath": "/root/opencami/src/routes/api/llm-features.ts" }, "/api/models": { "filePath": "/root/opencami/src/routes/api/models.ts" }, "/api/paths": { "filePath": "/root/opencami/src/routes/api/paths.ts" }, "/api/personas": { "filePath": "/root/opencami/src/routes/api/personas.ts" }, "/api/ping": { "filePath": "/root/opencami/src/routes/api/ping.ts" }, "/api/send": { "filePath": "/root/opencami/src/routes/api/send.ts" }, "/api/sessions": { "filePath": "/root/opencami/src/routes/api/sessions.ts" }, "/api/stream": { "filePath": "/root/opencami/src/routes/api/stream.ts" }, "/api/stt": { "filePath": "/root/opencami/src/routes/api/stt.ts" }, "/api/tts": { "filePath": "/root/opencami/src/routes/api/tts.ts" }, "/chat/$sessionKey": { "filePath": "/root/opencami/src/routes/chat/$sessionKey.tsx", "assets": [], "preloads": ["/assets/_sessionKey-xUqdePGW.js", "/assets/useButton-csSB2uQJ.js", "/assets/button-seqh98ae.js", "/assets/use-file-explorer-state-B5JLNsSa.js", "/assets/opencami-logo-Bxp_4d3X.js", "/assets/index-CwoJpeG1.js", "/assets/react-DD8SkMJn.js"] }, "/api/files/delete": { "filePath": "/root/opencami/src/routes/api/files/delete.ts" }, "/api/files/download": { "filePath": "/root/opencami/src/routes/api/files/download.ts" }, "/api/files/info": { "filePath": "/root/opencami/src/routes/api/files/info.ts" }, "/api/files/list": { "filePath": "/root/opencami/src/routes/api/files/list.ts" }, "/api/files/mkdir": { "filePath": "/root/opencami/src/routes/api/files/mkdir.ts" }, "/api/files/read": { "filePath": "/root/opencami/src/routes/api/files/read.ts" }, "/api/files/rename": { "filePath": "/root/opencami/src/routes/api/files/rename.ts" }, "/api/files/save": { "filePath": "/root/opencami/src/routes/api/files/save.ts" }, "/api/files/upload": { "filePath": "/root/opencami/src/routes/api/files/upload.ts" } }, "clientEntry": "/assets/main-DOBfHXDF.js" });
+export {
+  tsrStartManifest
+};

package/dist/server/assets/agents-Dz_i76VW.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
+const AgentsScreen = lazy(() => import("./agents-screen-CqQPJndp.js").then((m) => ({
+  default: m.AgentsScreen
+})));
+function AgentsRoute() {
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "flex h-screen items-center justify-center text-primary-500 text-sm", children: "Loading…" }), children: /* @__PURE__ */ jsx(AgentsScreen, {}) });
+}
+export {
+  AgentsRoute as component
+};

package/dist/server/assets/agents-screen-CqQPJndp.js

@@ -0,0 +1,587 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useMemo, useEffect } from "react";
+import { useQueryClient, useQuery } from "@tanstack/react-query";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { SidebarLeft01Icon, ArrowLeft01Icon, Add01Icon, Loading02Icon, PencilEdit01Icon, Delete01Icon, Cancel01Icon, Alert01Icon } from "@hugeicons/core-free-icons";
+import { motion, AnimatePresence } from "motion/react";
+import { c as cn, b as buttonVariants, B as Button } from "./button-DtQ3rV1m.js";
+import { S as Switch } from "./switch-DnX0MjGS.js";
+import { Link } from "@tanstack/react-router";
+import { d as chatUiQueryKey, g as getChatUiState, s as setChatUiState, T as TooltipProvider, a as TooltipRoot, b as TooltipTrigger, c as TooltipContent } from "./tooltip-gbV6rEVv.js";
+import { O as OpenCamiLogo, a as OpenCamiText } from "./opencami-logo-C-43FL3R.js";
+import "@base-ui/react/merge-props";
+import "@base-ui/react/use-render";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
+import "@base-ui/react/switch";
+import "@base-ui/react/tooltip";
+async function fetchAgents() {
+  const res = await fetch("/api/agents");
+  if (!res.ok) throw new Error("Failed to fetch agents");
+  const data = await res.json();
+  return data.agents ?? [];
+}
+async function agentAction(body) {
+  const res = await fetch("/api/agents", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  return await res.json();
+}
+function AgentCard({
+  agent,
+  onEdit,
+  onDelete
+}) {
+  const isMain = agent.isDefault || agent.id === "main";
+  const displayName = agent.name || agent.id.charAt(0).toUpperCase() + agent.id.slice(1);
+  const shortModel = agent.model ? agent.model.split("/").pop() : void 0;
+  return /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-primary-200 bg-surface p-4 hover:border-primary-300 transition-colors", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex size-12 shrink-0 items-center justify-center rounded-xl bg-primary-100 text-xl", children: [
+      agent.emoji || "🤖",
+      isMain && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 size-3 rounded-full bg-green-500 ring-2 ring-surface" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-primary-900 truncate", children: displayName }),
+        displayName !== agent.id && /* @__PURE__ */ jsx("span", { className: "text-xs text-primary-400 font-mono", children: agent.id }),
+        isMain && /* @__PURE__ */ jsx("span", { className: "rounded bg-green-500/15 px-1.5 py-0.5 text-[10px] font-medium text-green-600 dark:text-green-400", children: "PRIMARY" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-primary-500 mb-2", children: [
+        shortModel && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-md bg-primary-100 px-2 py-0.5 font-mono text-[11px] text-primary-600 truncate max-w-[250px]", children: shortModel }),
+        agent.sandbox !== void 0 && /* @__PURE__ */ jsx("span", { className: cn(
+          "inline-flex items-center rounded-md px-2 py-0.5 text-[11px] font-medium",
+          agent.sandbox ? "bg-amber-500/15 text-amber-600 dark:text-amber-400" : "bg-primary-100 text-primary-500"
+        ), children: agent.sandbox ? "🔒 Sandbox" : "🔓 No sandbox" }),
+        agent.sessionScope && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-md bg-primary-100 px-2 py-0.5 text-[11px] text-primary-500", children: agent.sessionScope === "per-sender" ? "👤 Per-sender" : "🌐 Global" })
+      ] }),
+      agent.tools && agent.tools.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1 mb-2", children: [
+        agent.tools.slice(0, 8).map((tool) => /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded bg-blue-500/10 px-1.5 py-0.5 text-[10px] font-mono text-blue-600 dark:text-blue-400", children: tool }, tool)),
+        agent.tools.length > 8 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-primary-400", children: [
+          "+",
+          agent.tools.length - 8,
+          " more"
+        ] })
+      ] }),
+      agent.channelBindings && agent.channelBindings.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: agent.channelBindings.map((ch) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center rounded bg-purple-500/10 px-1.5 py-0.5 text-[10px] text-purple-600 dark:text-purple-400", children: [
+        "#",
+        ch
+      ] }, ch)) }),
+      agent.workspace && /* @__PURE__ */ jsx("div", { className: "text-[11px] font-mono text-primary-400 truncate", title: agent.workspace, children: agent.workspace }),
+      agent.activeSessions !== void 0 && agent.activeSessions > 0 && /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-primary-400 mt-1", children: [
+        agent.activeSessions,
+        " active session",
+        agent.activeSessions !== 1 ? "s" : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+      /* @__PURE__ */ jsx(Button, { size: "icon-sm", variant: "ghost", onClick: onEdit, "aria-label": "Edit agent", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: PencilEdit01Icon, size: 16, strokeWidth: 1.5 }) }),
+      !isMain && /* @__PURE__ */ jsx(Button, { size: "icon-sm", variant: "ghost", onClick: onDelete, "aria-label": "Delete agent", className: "text-red-500 hover:text-red-600", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Delete01Icon, size: 16, strokeWidth: 1.5 }) })
+    ] })
+  ] }) });
+}
+function TagInput({
+  label,
+  placeholder,
+  values,
+  onChange
+}) {
+  const [input, setInput] = useState("");
+  const handleKeyDown = (e) => {
+    if ((e.key === "Enter" || e.key === ",") && input.trim()) {
+      e.preventDefault();
+      if (!values.includes(input.trim())) {
+        onChange([...values, input.trim()]);
+      }
+      setInput("");
+    }
+    if (e.key === "Backspace" && !input && values.length > 0) {
+      onChange(values.slice(0, -1));
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1 p-2 rounded-md border border-primary-200 bg-surface min-h-[36px]", children: [
+      values.map((v) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded bg-primary-100 px-2 py-0.5 text-xs text-primary-700", children: [
+        v,
+        /* @__PURE__ */ jsx("button", { onClick: () => onChange(values.filter((x) => x !== v)), className: "text-primary-400 hover:text-primary-600", children: "×" })
+      ] }, v)),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: input,
+          onChange: (e) => setInput(e.target.value),
+          onKeyDown: handleKeyDown,
+          placeholder: values.length === 0 ? placeholder : "",
+          className: "flex-1 min-w-[80px] bg-transparent text-sm outline-none"
+        }
+      )
+    ] })
+  ] });
+}
+function AgentForm({
+  agent,
+  onSave,
+  onCancel,
+  saving
+}) {
+  const [name, setName] = useState(agent?.name ?? "");
+  const [workspace, setWorkspace] = useState(agent?.workspace ?? "");
+  const [emoji, setEmoji] = useState(agent?.emoji ?? "");
+  const [avatar, setAvatar] = useState(agent?.avatar ?? "");
+  const [model, setModel] = useState(agent?.model ?? "");
+  const [sandbox, setSandbox] = useState(agent?.sandbox ?? false);
+  const [tools, setTools] = useState(agent?.tools ?? []);
+  const [deniedTools, setDeniedTools] = useState(agent?.deniedTools ?? []);
+  const [channelBindings, setChannelBindings] = useState(agent?.channelBindings ?? []);
+  const [sessionScope, setSessionScope] = useState(agent?.sessionScope ?? "per-sender");
+  const isEdit = !!agent;
+  return /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-primary-900", children: isEdit ? "Edit Agent" : "Create Agent" }),
+      /* @__PURE__ */ jsx(Button, { size: "icon-sm", variant: "ghost", onClick: onCancel, children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Cancel01Icon, size: 18, strokeWidth: 1.5 }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-primary-200 bg-surface p-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-500 uppercase tracking-wider mb-3", children: "Basic Info" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "col-span-2 sm:col-span-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: "Name" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                placeholder: "my-agent",
+                className: "w-full rounded-md border border-primary-200 bg-surface px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: "Emoji" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: emoji,
+                onChange: (e) => setEmoji(e.target.value),
+                placeholder: "🤖",
+                className: "w-full rounded-md border border-primary-200 bg-surface px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: "Avatar URL" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: avatar,
+                onChange: (e) => setAvatar(e.target.value),
+                placeholder: "https://...",
+                className: "w-full rounded-md border border-primary-200 bg-surface px-3 py-1.5 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-primary-500"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-primary-200 bg-surface p-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-500 uppercase tracking-wider mb-3", children: "Model & Config" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: "Model" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: model,
+                onChange: (e) => setModel(e.target.value),
+                placeholder: "anthropic/claude-sonnet-4-20250514",
+                className: "w-full rounded-md border border-primary-200 bg-surface px-3 py-1.5 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-primary-500"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: "Workspace Path" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: workspace,
+                onChange: (e) => setWorkspace(e.target.value),
+                placeholder: "/root/.openclaw/workspace-myagent",
+                className: "w-full rounded-md border border-primary-200 bg-surface px-3 py-1.5 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-primary-500"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-primary-800", children: "Sandbox Mode" }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-primary-500", children: "Run agent in isolated sandbox" })
+            ] }),
+            /* @__PURE__ */ jsx(Switch, { checked: sandbox, onCheckedChange: setSandbox })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: "Session Scope" }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                value: sessionScope,
+                onChange: (e) => setSessionScope(e.target.value),
+                className: "w-full rounded-md border border-primary-200 bg-surface px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "per-sender", children: "Per-sender" }),
+                  /* @__PURE__ */ jsx("option", { value: "global", children: "Global" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-primary-200 bg-surface p-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-500 uppercase tracking-wider mb-3", children: "Tools" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx(
+            TagInput,
+            {
+              label: "Allowed Tools",
+              placeholder: "Type tool name and press Enter",
+              values: tools,
+              onChange: setTools
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TagInput,
+            {
+              label: "Denied Tools",
+              placeholder: "Type tool name and press Enter",
+              values: deniedTools,
+              onChange: setDeniedTools
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-primary-200 bg-surface p-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-500 uppercase tracking-wider mb-3", children: "Channel Bindings" }),
+        /* @__PURE__ */ jsx(
+          TagInput,
+          {
+            label: "Bound Channels",
+            placeholder: "Type channel name and press Enter",
+            values: channelBindings,
+            onChange: setChannelBindings
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          onClick: () => onSave({ name, workspace, emoji, model, avatar, sandbox, tools, deniedTools, channelBindings, sessionScope }),
+          disabled: !name.trim() || saving,
+          children: saving ? /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Loading02Icon, size: 16, className: "animate-spin" }) : isEdit ? "Save Changes" : "Create Agent"
+        }
+      )
+    ] })
+  ] });
+}
+function DeleteConfirmModal({
+  agent,
+  onConfirm,
+  onCancel,
+  deleting
+}) {
+  const [deleteFiles, setDeleteFiles] = useState(false);
+  return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", onClick: onCancel, children: /* @__PURE__ */ jsxs("div", { className: "w-[min(380px,90vw)] rounded-xl border border-primary-200 bg-surface p-5 shadow-xl", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Alert01Icon, size: 20, className: "text-red-500" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-primary-900", children: "Delete Agent" })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-sm text-primary-600 mb-4", children: [
+      "Are you sure you want to delete ",
+      /* @__PURE__ */ jsx("strong", { children: agent.name }),
+      "? This cannot be undone."
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-primary-700 mb-4 cursor-pointer", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: deleteFiles,
+          onChange: (e) => setDeleteFiles(e.target.checked),
+          className: "rounded border-primary-300"
+        }
+      ),
+      "Also delete workspace files"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          onClick: () => onConfirm(deleteFiles),
+          disabled: deleting,
+          className: "bg-red-600 text-white hover:bg-red-700",
+          children: deleting ? /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Loading02Icon, size: 16, className: "animate-spin" }) : "Delete"
+        }
+      )
+    ] })
+  ] }) });
+}
+function AgentsScreen() {
+  const queryClient = useQueryClient();
+  const [agents, setAgents] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [saving, setSaving] = useState(false);
+  const [view, setView] = useState("list");
+  const [editAgent, setEditAgent] = useState(null);
+  const [deleteAgent, setDeleteAgent] = useState(null);
+  const uiQuery = useQuery({
+    queryKey: chatUiQueryKey,
+    queryFn: function readUiState() {
+      return getChatUiState(queryClient);
+    },
+    initialData: function initialUiState() {
+      return getChatUiState(queryClient);
+    },
+    staleTime: Infinity
+  });
+  const isSidebarCollapsed = uiQuery.data?.isSidebarCollapsed ?? false;
+  const handleToggleSidebarCollapse = useCallback(() => {
+    setChatUiState(queryClient, function toggle(state) {
+      return { ...state, isSidebarCollapsed: !state.isSidebarCollapsed };
+    });
+  }, [queryClient]);
+  const transition = useMemo(() => ({
+    duration: 0.15,
+    ease: isSidebarCollapsed ? "easeIn" : "easeOut"
+  }), [isSidebarCollapsed]);
+  const load = useCallback(async () => {
+    try {
+      setError(null);
+      const list = await fetchAgents();
+      setAgents(list);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load agents");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const handleCreate = async (data) => {
+    setSaving(true);
+    try {
+      const res = await agentAction({
+        action: "create",
+        name: data.name,
+        workspace: data.workspace || void 0,
+        emoji: data.emoji || void 0,
+        avatar: data.avatar || void 0
+      });
+      if (res.error) {
+        setError(res.error);
+        return;
+      }
+      setView("list");
+      await load();
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleEdit = async (data) => {
+    if (!editAgent) return;
+    setSaving(true);
+    try {
+      const res = await agentAction({
+        action: "update",
+        agentId: editAgent.id,
+        name: data.name || void 0,
+        workspace: data.workspace || void 0,
+        model: data.model || void 0,
+        avatar: data.avatar || void 0
+      });
+      if (res.error) {
+        setError(res.error);
+        return;
+      }
+      setEditAgent(null);
+      setView("list");
+      await load();
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleDelete = async (deleteFiles) => {
+    if (!deleteAgent) return;
+    setSaving(true);
+    try {
+      const res = await agentAction({
+        action: "delete",
+        agentId: deleteAgent.id,
+        deleteFiles
+      });
+      if (res.error) {
+        setError(res.error);
+        return;
+      }
+      setDeleteAgent(null);
+      await load();
+    } finally {
+      setSaving(false);
+    }
+  };
+  const sidebar = /* @__PURE__ */ jsxs(
+    motion.aside,
+    {
+      initial: false,
+      animate: { width: isSidebarCollapsed ? 48 : 300 },
+      transition,
+      className: "border-r border-primary-200 h-full overflow-hidden bg-primary-100 flex flex-col",
+      children: [
+        /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            layout: true,
+            transition: { layout: transition },
+            className: "flex items-center h-12 px-2 justify-between",
+            children: [
+              /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: !isSidebarCollapsed ? /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  exit: { opacity: 0 },
+                  transition,
+                  children: /* @__PURE__ */ jsxs(
+                    Link,
+                    {
+                      to: "/new",
+                      className: cn(
+                        buttonVariants({ variant: "ghost", size: "sm" }),
+                        "w-full pl-1.5 justify-start"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(OpenCamiLogo, { className: "size-5" }),
+                        /* @__PURE__ */ jsx(OpenCamiText, {})
+                      ]
+                    }
+                  )
+                }
+              ) : null }),
+              /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+                /* @__PURE__ */ jsx(
+                  TooltipTrigger,
+                  {
+                    onClick: handleToggleSidebarCollapse,
+                    render: /* @__PURE__ */ jsx(Button, { size: "icon-sm", variant: "ghost", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: SidebarLeft01Icon, size: 20, strokeWidth: 1.5 }) })
+                  }
+                ),
+                /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: isSidebarCollapsed ? "Open Sidebar" : "Close Sidebar" })
+              ] }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "px-2 mb-4", children: /* @__PURE__ */ jsxs(
+          Link,
+          {
+            to: "/",
+            className: cn(
+              buttonVariants({ variant: "ghost", size: "sm" }),
+              "w-full pl-1.5 justify-start"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArrowLeft01Icon, size: 20, strokeWidth: 1.5, className: "min-w-5" }),
+              /* @__PURE__ */ jsx(AnimatePresence, { initial: false, mode: "wait", children: !isSidebarCollapsed && /* @__PURE__ */ jsx(
+                motion.span,
+                {
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  exit: { opacity: 0 },
+                  transition,
+                  className: "overflow-hidden whitespace-nowrap",
+                  children: "Back to Chat"
+                }
+              ) })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx("div", { className: "h-screen bg-surface text-primary-900", children: /* @__PURE__ */ jsxs("div", { className: "h-full overflow-hidden grid grid-cols-[auto_1fr]", children: [
+    sidebar,
+    /* @__PURE__ */ jsxs("main", { "aria-label": "Agent manager", className: "flex flex-col h-full min-h-0", children: [
+      /* @__PURE__ */ jsx("header", { className: "border-b border-primary-200 px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-primary-900", children: "Agents" }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-primary-500 mt-0.5", children: [
+            agents.length,
+            " agent",
+            agents.length !== 1 ? "s" : "",
+            " configured"
+          ] })
+        ] }),
+        view === "list" && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => {
+          setEditAgent(null);
+          setView("create");
+        }, children: [
+          /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Add01Icon, size: 16, strokeWidth: 1.5 }),
+          /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Create Agent" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 overflow-auto p-6", children: [
+        error && /* @__PURE__ */ jsx("div", { className: "mb-4 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 p-3 text-sm text-red-600 dark:text-red-400", children: error }),
+        loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Loading02Icon, size: 24, className: "animate-spin text-primary-400" }) }) : view === "list" ? /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto space-y-3", children: [
+          agents.map((agent) => /* @__PURE__ */ jsx(
+            AgentCard,
+            {
+              agent,
+              onEdit: () => {
+                setEditAgent(agent);
+                setView("edit");
+              },
+              onDelete: () => setDeleteAgent(agent)
+            },
+            agent.id
+          )),
+          agents.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-16 text-sm text-primary-400", children: "No agents found. Create one to get started." })
+        ] }) : view === "create" ? /* @__PURE__ */ jsx(
+          AgentForm,
+          {
+            onSave: handleCreate,
+            onCancel: () => setView("list"),
+            saving
+          }
+        ) : view === "edit" && editAgent ? /* @__PURE__ */ jsx(
+          AgentForm,
+          {
+            agent: editAgent,
+            onSave: handleEdit,
+            onCancel: () => {
+              setEditAgent(null);
+              setView("list");
+            },
+            saving
+          }
+        ) : null
+      ] }),
+      deleteAgent && /* @__PURE__ */ jsx(
+        DeleteConfirmModal,
+        {
+          agent: deleteAgent,
+          onConfirm: handleDelete,
+          onCancel: () => setDeleteAgent(null),
+          deleting: saving
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  AgentsScreen
+};

package/dist/server/assets/{connect-BWI_6rCm.js → connect-CIDOw12K.js}

@@ -1,9 +1,41 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { C as CodeBlock } from "./index-COu2idHm.js";
+import { C as CodeBlock } from "./index-CmbNTqa2.js";
 import "react";
 import "@hugeicons/react";
 import "@hugeicons/core-free-icons";
-import "shiki";
+import "shiki/core";
+import "shiki/engine/javascript";
+import "@shikijs/themes/vitesse-dark";
+import "@shikijs/themes/vitesse-light";
+import "@shikijs/langs/bash";
+import "@shikijs/langs/c";
+import "@shikijs/langs/cpp";
+import "@shikijs/langs/csharp";
+import "@shikijs/langs/css";
+import "@shikijs/langs/diff";
+import "@shikijs/langs/dockerfile";
+import "@shikijs/langs/go";
+import "@shikijs/langs/graphql";
+import "@shikijs/langs/html";
+import "@shikijs/langs/java";
+import "@shikijs/langs/javascript";
+import "@shikijs/langs/json";
+import "@shikijs/langs/jsx";
+import "@shikijs/langs/kotlin";
+import "@shikijs/langs/markdown";
+import "@shikijs/langs/php";
+import "@shikijs/langs/python";
+import "@shikijs/langs/regexp";
+import "@shikijs/langs/ruby";
+import "@shikijs/langs/rust";
+import "@shikijs/langs/shell";
+import "@shikijs/langs/sql";
+import "@shikijs/langs/swift";
+import "@shikijs/langs/toml";
+import "@shikijs/langs/typescript";
+import "@shikijs/langs/tsx";
+import "@shikijs/langs/xml";
+import "@shikijs/langs/yaml";
 import "zustand";
 import "zustand/middleware";
 import "./button-DtQ3rV1m.js";