@axiom-lattice/react-sdk 2.1.87 → 2.1.89

package/dist/index.mjs

@@ -4201,12 +4201,12 @@ var FilePanelToggle = () => {
 };
 
 // src/components/Chat/PinToMenuButton.tsx
-import React70, { useState as useState78 } from "react";
-import { Button as Button56, Input as Input17, Modal as Modal21, Tooltip as Tooltip25, message as message19 } from "antd";
+import React71, { useState as useState78, useEffect as useEffect54, useCallback as useCallback40 } from "react";
+import { Button as Button56, Input as Input17, Modal as Modal21, Tooltip as Tooltip26, message as message19 } from "antd";
 import { Pin } from "lucide-react";
 
 // src/context/WorkspaceContext.tsx
-import React69, {
+import React70, {
   createContext as createContext9,
   useContext as useContext11,
   useState as useState77,
@@ -4214,11 +4214,11 @@ import React69, {
   useEffect as useEffect53,
   useRef as useRef28
 } from "react";
-import { WorkspaceClient, Client as Client2 } from "@axiom-lattice/client-sdk";
+import { WorkspaceClient, Client as Client3 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { useMemo as useMemo33, useEffect as useEffect52, useRef as useRef27, useState as useState76 } from "react";
-import { FolderOpen as FolderOpen3, Activity as Activity4, Database as Database6, Plug as Plug2, Bot as Bot5, Wrench, Zap as Zap2, LogOut as LogOut3, Building2 as Building23, Key, Share2, History, Inbox as Inbox3, FlaskConical as FlaskConical3 } from "lucide-react";
+import { useMemo as useMemo34, useEffect as useEffect52, useRef as useRef27, useState as useState76 } from "react";
+import { FolderOpen as FolderOpen3, Activity as Activity4, Database as Database7, Plug as Plug2, Bot as Bot5, Wrench as Wrench2, Zap as Zap2, LogOut as LogOut3, Building2 as Building23, Key, Share2, History, Inbox as Inbox3, FlaskConical as FlaskConical3 } from "lucide-react";
 import { Modal as Modal20, Avatar as Avatar12, Popover as Popover3, Button as Button55 } from "antd";
 
 // src/components/Chat/ColumnLayout.tsx
@@ -5174,7 +5174,7 @@ var ColumnLayout = ({
     closeTools
   } = useChatUIContext();
   const isMobile = useMediaQuery("(max-width: 768px)");
-  const isMenuCollapsed = menuCollapsed ?? (isMobile || detailVisible);
+  const isMenuCollapsed = detailVisible || (menuCollapsed ?? isMobile);
   const isAutoCollapsed = detailVisible && !isMobile;
   const menuStateClass = isMenuCollapsed ? "collapsed" : "expanded";
   const hasSidePanelsOpen = detailVisible || toolsVisible;
@@ -15336,7 +15336,7 @@ var AttachmentsCard = ({
   const { config } = useLatticeChatShellContext();
   const baseURL = config.baseURL;
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
-  const { Text: Text50 } = Typography21;
+  const { Text: Text51 } = Typography21;
   const [showAll, setShowAll] = useState42(false);
   const openSideApp = useSideAppOpener();
   const getStyles = () => {
@@ -15410,7 +15410,7 @@ var AttachmentsCard = ({
     );
   };
   const renderFileDescription = (item) => /* @__PURE__ */ jsx43(Space16, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ jsx43(Space16, { children: /* @__PURE__ */ jsx43(
-    Text50,
+    Text51,
     {
       type: "secondary",
       style: {
@@ -15484,7 +15484,7 @@ var AttachmentsCard = ({
         }
       ),
       item.files && /* @__PURE__ */ jsxs31("div", { style: { paddingLeft: "12px" }, children: [
-        /* @__PURE__ */ jsxs31(Text50, { type: "secondary", style: { fontSize: "12px" }, children: [
+        /* @__PURE__ */ jsxs31(Text51, { type: "secondary", style: { fontSize: "12px" }, children: [
           "Contains ",
           item.files.length,
           " file(s)"
@@ -26540,6 +26540,7 @@ function parseAgent(raw) {
     id: nid(label),
     type: "agent",
     name: label,
+    ref: typeof config.ref === "string" ? config.ref : label,
     input: { template: String(config.prompt ?? "") },
     output: { key: label, schema: toSchema(config.output) },
     ask: config.ask === true,
@@ -28521,12 +28522,12 @@ var TopologyInboxView = () => {
 };
 
 // src/components/Chat/WorkflowAutomationView.tsx
-import { useEffect as useEffect48, useState as useState70, useCallback as useCallback37, useMemo as useMemo29, useRef as useRef25 } from "react";
+import { useEffect as useEffect48, useState as useState70, useCallback as useCallback37, useMemo as useMemo30, useRef as useRef25 } from "react";
 import {
   ReactFlowProvider as ReactFlowProvider6
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
-import { Spin as Spin18, Empty as Empty16, Card as Card24, Typography as Typography53, Button as Button50, Input as Input14, Modal as Modal17, Popconfirm as Popconfirm6 } from "antd";
+import { Spin as Spin18, Empty as Empty16, Card as Card24, Typography as Typography54, Button as Button50, Input as Input14, Modal as Modal17, Popconfirm as Popconfirm6 } from "antd";
 import {
   PlusOutlined as PlusOutlined8,
   DeleteOutlined as DeleteOutlined4,
@@ -28770,12 +28771,455 @@ steps: []
   );
 };
 
-// src/components/Chat/WorkflowAutomationView.tsx
-import { Fragment as Fragment22, jsx as jsx111, jsxs as jsxs79 } from "react/jsx-runtime";
+// src/components/Chat/EnvironmentCard.tsx
+import { useMemo as useMemo29 } from "react";
+import {
+  Wrench,
+  Folders,
+  Terminal as Terminal2,
+  Globe as Globe3,
+  Database as Database6,
+  Sparkles as Sparkles2,
+  Link as Link2,
+  Clock as Clock4,
+  GitBranch,
+  MessageSquare as MessageSquare2,
+  Puzzle as Puzzle2,
+  Bell,
+  CalendarCheck,
+  Boxes,
+  Settings as Settings3,
+  Users as Users2
+} from "lucide-react";
+import { Typography as Typography53, Tooltip as Tooltip24 } from "antd";
+import { jsx as jsx111, jsxs as jsxs79 } from "react/jsx-runtime";
 var { Text: Text42 } = Typography53;
-function extractDSL(graphDef) {
+function parseConfig(graphDef) {
   if (!graphDef || typeof graphDef !== "object") return null;
   const def = graphDef;
+  return {
+    modelKey: def.modelKey || def.model || void 0,
+    tools: Array.isArray(def.tools) ? def.tools : [],
+    middleware: Array.isArray(def.middleware) ? def.middleware.filter(
+      (m) => m && typeof m === "object" && m.type
+    ) : [],
+    subAgents: Array.isArray(def.subAgents) ? def.subAgents : [],
+    skillCategories: Array.isArray(def.skillCategories) ? def.skillCategories : [],
+    runConfig: def.runConfig && typeof def.runConfig === "object" ? def.runConfig : void 0
+  };
+}
+var MIDDLEWARE_ICONS = {
+  filesystem: /* @__PURE__ */ jsx111(Folders, { size: 12 }),
+  code_eval: /* @__PURE__ */ jsx111(Terminal2, { size: 12 }),
+  browser: /* @__PURE__ */ jsx111(Globe3, { size: 12 }),
+  sql: /* @__PURE__ */ jsx111(Database6, { size: 12 }),
+  skill: /* @__PURE__ */ jsx111(Sparkles2, { size: 12 }),
+  http: /* @__PURE__ */ jsx111(Link2, { size: 12 }),
+  scheduler: /* @__PURE__ */ jsx111(Clock4, { size: 12 }),
+  metrics: /* @__PURE__ */ jsx111(Bell, { size: 12 }),
+  topology: /* @__PURE__ */ jsx111(GitBranch, { size: 12 }),
+  ask_user_to_clarify: /* @__PURE__ */ jsx111(MessageSquare2, { size: 12 }),
+  widget: /* @__PURE__ */ jsx111(Boxes, { size: 12 }),
+  date: /* @__PURE__ */ jsx111(CalendarCheck, { size: 12 }),
+  task: /* @__PURE__ */ jsx111(GitBranch, { size: 12 }),
+  custom: /* @__PURE__ */ jsx111(Puzzle2, { size: 12 }),
+  claw: /* @__PURE__ */ jsx111(Settings3, { size: 12 })
+};
+var MIDDLEWARE_COLORS = {
+  filesystem: { bg: "rgba(34,197,94,0.08)", text: "#16a34a", border: "rgba(34,197,94,0.2)" },
+  code_eval: { bg: "rgba(99,102,241,0.08)", text: "#4f46e5", border: "rgba(99,102,241,0.2)" },
+  browser: { bg: "rgba(59,130,246,0.08)", text: "#2563eb", border: "rgba(59,130,246,0.2)" },
+  sql: { bg: "rgba(249,115,22,0.08)", text: "#ea580c", border: "rgba(249,115,22,0.2)" },
+  skill: { bg: "rgba(168,85,247,0.08)", text: "#9333ea", border: "rgba(168,85,247,0.2)" },
+  http: { bg: "rgba(20,184,166,0.08)", text: "#0d9488", border: "rgba(20,184,166,0.2)" },
+  scheduler: { bg: "rgba(245,158,11,0.08)", text: "#d97706", border: "rgba(245,158,11,0.2)" },
+  metrics: { bg: "rgba(236,72,153,0.08)", text: "#db2777", border: "rgba(236,72,153,0.2)" },
+  topology: { bg: "rgba(99,102,241,0.08)", text: "#4f46e5", border: "rgba(99,102,241,0.2)" },
+  ask_user_to_clarify: { bg: "rgba(245,158,11,0.08)", text: "#d97706", border: "rgba(245,158,11,0.2)" },
+  widget: { bg: "rgba(20,184,166,0.08)", text: "#0d9488", border: "rgba(20,184,166,0.2)" },
+  date: { bg: "rgba(139,92,246,0.08)", text: "#7c3aed", border: "rgba(139,92,246,0.2)" },
+  task: { bg: "rgba(99,102,241,0.08)", text: "#4f46e5", border: "rgba(99,102,241,0.2)" },
+  custom: { bg: "rgba(107,114,128,0.08)", text: "#4b5563", border: "rgba(107,114,128,0.2)" },
+  claw: { bg: "rgba(107,114,128,0.08)", text: "#4b5563", border: "rgba(107,114,128,0.2)" }
+};
+var DEFAULT_MW_COLOR = { bg: "rgba(107,114,128,0.08)", text: "#4b5563", border: "rgba(107,114,128,0.2)" };
+function getToolAcronym(name) {
+  const parts = name.split(/[_\-]+/).filter(Boolean);
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
+  return parts.map((p) => p[0]).join("").toUpperCase().slice(0, 2);
+}
+var TOOL_COLORS = [
+  { bg: "rgba(99,102,241,0.1)", text: "#6366f1" },
+  { bg: "rgba(34,197,94,0.1)", text: "#22c55e" },
+  { bg: "rgba(245,158,11,0.1)", text: "#f59e0b" },
+  { bg: "rgba(59,130,246,0.1)", text: "#3b82f6" },
+  { bg: "rgba(239,68,68,0.1)", text: "#ef4444" },
+  { bg: "rgba(168,85,247,0.1)", text: "#a855f7" },
+  { bg: "rgba(20,184,166,0.1)", text: "#14b8a6" },
+  { bg: "rgba(236,72,153,0.1)", text: "#ec4899" }
+];
+function getToolColor(index) {
+  return TOOL_COLORS[index % TOOL_COLORS.length];
+}
+var Section = ({ icon, label, count, children }) => {
+  return /* @__PURE__ */ jsxs79("div", { style: { marginBottom: 10 }, children: [
+    /* @__PURE__ */ jsxs79(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 6,
+          marginBottom: 6
+        },
+        children: [
+          /* @__PURE__ */ jsx111("span", { style: { color: "#6366f1", display: "flex", alignItems: "center" }, children: icon }),
+          /* @__PURE__ */ jsx111(
+            Text42,
+            {
+              strong: true,
+              style: {
+                fontSize: 11,
+                color: "#52525b",
+                textTransform: "uppercase",
+                letterSpacing: "0.3px"
+              },
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx111(
+            "span",
+            {
+              style: {
+                fontSize: 9,
+                fontWeight: 600,
+                color: "#a1a1aa",
+                background: "rgba(0,0,0,0.04)",
+                borderRadius: 8,
+                padding: "1px 6px",
+                lineHeight: "16px"
+              },
+              children: count
+            }
+          )
+        ]
+      }
+    ),
+    children
+  ] });
+};
+var EnvironmentCard = ({ graphDef }) => {
+  const config = useMemo29(() => parseConfig(graphDef), [graphDef]);
+  if (!config) return null;
+  const enabledMiddleware = config.middleware.filter((m) => m.enabled !== false);
+  const hasChannels = false;
+  if (config.tools.length === 0 && enabledMiddleware.length === 0 && config.subAgents.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx111("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsxs79(
+    "div",
+    {
+      style: {
+        background: "rgba(255,255,255,0.5)",
+        borderRadius: 8,
+        width: 250,
+        transition: "all 0.25s ease",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsx111(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 8,
+              padding: "8px 12px",
+              background: "rgba(99,102,241,0.02)",
+              borderBottom: "1px solid rgba(0,0,0,0.03)"
+            },
+            children: /* @__PURE__ */ jsxs79("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+              /* @__PURE__ */ jsx111(
+                "div",
+                {
+                  style: {
+                    width: 24,
+                    height: 24,
+                    borderRadius: 6,
+                    background: "rgba(99,102,241,0.05)",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    color: "#6366f1"
+                  },
+                  children: /* @__PURE__ */ jsx111(Settings3, { size: 13 })
+                }
+              ),
+              /* @__PURE__ */ jsx111(Text42, { strong: true, style: { fontSize: 12, color: "#1a1a1a" }, children: "Environment" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs79(
+          "div",
+          {
+            style: {
+              padding: "10px 12px 12px",
+              maxHeight: "calc(60vh - 48px)",
+              overflowY: "auto"
+            },
+            children: [
+              config.tools.length > 0 && /* @__PURE__ */ jsx111(
+                Section,
+                {
+                  icon: /* @__PURE__ */ jsx111(Wrench, { size: 12 }),
+                  label: "Tools",
+                  count: config.tools.length,
+                  children: /* @__PURE__ */ jsx111("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: config.tools.map((tool, i) => {
+                    const c = getToolColor(i);
+                    return /* @__PURE__ */ jsx111(Tooltip24, { title: tool, placement: "top", children: /* @__PURE__ */ jsxs79(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: 4,
+                          padding: "3px 8px",
+                          borderRadius: 6,
+                          fontSize: 10,
+                          fontWeight: 500,
+                          color: c.text,
+                          background: c.bg,
+                          cursor: "default",
+                          whiteSpace: "nowrap",
+                          lineHeight: "16px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx111(
+                            "span",
+                            {
+                              style: {
+                                fontWeight: 700,
+                                fontSize: 9,
+                                opacity: 0.7
+                              },
+                              children: getToolAcronym(tool)
+                            }
+                          ),
+                          /* @__PURE__ */ jsx111("span", { children: tool })
+                        ]
+                      }
+                    ) }, tool);
+                  }) })
+                }
+              ),
+              enabledMiddleware.length > 0 && /* @__PURE__ */ jsx111(
+                Section,
+                {
+                  icon: /* @__PURE__ */ jsx111(Boxes, { size: 12 }),
+                  label: "Capabilities",
+                  count: enabledMiddleware.length,
+                  children: /* @__PURE__ */ jsx111("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: enabledMiddleware.map((mw) => {
+                    const colors3 = MIDDLEWARE_COLORS[mw.type] || DEFAULT_MW_COLOR;
+                    const icon = MIDDLEWARE_ICONS[mw.type] || /* @__PURE__ */ jsx111(Settings3, { size: 12 });
+                    return /* @__PURE__ */ jsx111(
+                      Tooltip24,
+                      {
+                        title: mw.name || mw.type,
+                        placement: "top",
+                        children: /* @__PURE__ */ jsxs79(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: 4,
+                              padding: "3px 8px",
+                              borderRadius: 6,
+                              fontSize: 10,
+                              fontWeight: 500,
+                              color: colors3.text,
+                              background: colors3.bg,
+                              border: `1px solid ${colors3.border}`,
+                              cursor: "default",
+                              whiteSpace: "nowrap",
+                              lineHeight: "16px"
+                            },
+                            children: [
+                              icon,
+                              /* @__PURE__ */ jsx111("span", { children: mw.name || mw.type })
+                            ]
+                          }
+                        )
+                      },
+                      mw.type
+                    );
+                  }) })
+                }
+              ),
+              config.subAgents.length > 0 && /* @__PURE__ */ jsx111(
+                Section,
+                {
+                  icon: /* @__PURE__ */ jsx111(Users2, { size: 12 }),
+                  label: "Sub-agents",
+                  count: config.subAgents.length,
+                  children: /* @__PURE__ */ jsx111("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: config.subAgents.map((sa, i) => {
+                    const c = getToolColor(i + 3);
+                    return /* @__PURE__ */ jsx111(Tooltip24, { title: sa, placement: "top", children: /* @__PURE__ */ jsxs79(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: 4,
+                          padding: "3px 8px",
+                          borderRadius: 6,
+                          fontSize: 10,
+                          fontWeight: 500,
+                          color: c.text,
+                          background: c.bg,
+                          cursor: "default",
+                          whiteSpace: "nowrap",
+                          lineHeight: "16px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx111(Users2, { size: 10 }),
+                          /* @__PURE__ */ jsx111("span", { children: sa })
+                        ]
+                      }
+                    ) }, sa);
+                  }) })
+                }
+              ),
+              (config.modelKey || config.runConfig) && /* @__PURE__ */ jsx111(
+                Section,
+                {
+                  icon: /* @__PURE__ */ jsx111(Clock4, { size: 12 }),
+                  label: "Runtime",
+                  count: config.modelKey ? 1 : 0,
+                  children: /* @__PURE__ */ jsxs79("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: [
+                    config.modelKey && /* @__PURE__ */ jsxs79(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: 4,
+                          padding: "3px 8px",
+                          borderRadius: 6,
+                          fontSize: 10,
+                          fontWeight: 500,
+                          color: "#4f46e5",
+                          background: "rgba(99,102,241,0.08)",
+                          border: "1px solid rgba(99,102,241,0.2)",
+                          cursor: "default",
+                          whiteSpace: "nowrap",
+                          lineHeight: "16px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx111(Settings3, { size: 10 }),
+                          /* @__PURE__ */ jsxs79("span", { children: [
+                            "Model: ",
+                            config.modelKey
+                          ] })
+                        ]
+                      }
+                    ),
+                    Boolean(config.runConfig?.databaseKey) && /* @__PURE__ */ jsxs79(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: 4,
+                          padding: "3px 8px",
+                          borderRadius: 6,
+                          fontSize: 10,
+                          fontWeight: 500,
+                          color: "#ea580c",
+                          background: "rgba(249,115,22,0.08)",
+                          border: "1px solid rgba(249,115,22,0.2)",
+                          cursor: "default",
+                          whiteSpace: "nowrap",
+                          lineHeight: "16px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx111(Database6, { size: 10 }),
+                          /* @__PURE__ */ jsxs79("span", { children: [
+                            "DB: ",
+                            String(config.runConfig?.databaseKey)
+                          ] })
+                        ]
+                      }
+                    ),
+                    config.skillCategories && config.skillCategories.length > 0 && /* @__PURE__ */ jsxs79(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: 4,
+                          padding: "3px 8px",
+                          borderRadius: 6,
+                          fontSize: 10,
+                          fontWeight: 500,
+                          color: "#9333ea",
+                          background: "rgba(168,85,247,0.08)",
+                          border: "1px solid rgba(168,85,247,0.2)",
+                          cursor: "default",
+                          whiteSpace: "nowrap",
+                          lineHeight: "16px"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx111(Sparkles2, { size: 10 }),
+                          /* @__PURE__ */ jsxs79("span", { children: [
+                            "Skills: ",
+                            config.skillCategories.join(", ")
+                          ] })
+                        ]
+                      }
+                    )
+                  ] })
+                }
+              ),
+              hasChannels && /* @__PURE__ */ jsx111(
+                Section,
+                {
+                  icon: /* @__PURE__ */ jsx111(Globe3, { size: 12 }),
+                  label: "Channels",
+                  count: 0,
+                  children: /* @__PURE__ */ jsx111(
+                    Text42,
+                    {
+                      type: "secondary",
+                      style: { fontSize: 10, fontStyle: "italic" },
+                      children: "No channels configured"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+// src/components/Chat/WorkflowAutomationView.tsx
+import { Fragment as Fragment22, jsx as jsx112, jsxs as jsxs80 } from "react/jsx-runtime";
+var { Text: Text43 } = Typography54;
+function extractDSL(graphDef) {
+  let def = null;
+  if (typeof graphDef === "string") {
+    try {
+      def = JSON.parse(graphDef);
+    } catch {
+      return null;
+    }
+  } else if (graphDef && typeof graphDef === "object") {
+    def = graphDef;
+  }
+  if (!def) return null;
   if (def.type !== "workflow") {
     console.warn("[extractDSL] type is not 'workflow':", def.type);
     return null;
@@ -28798,12 +29242,13 @@ function WorkflowFlowInner({
   onCreate,
   onDelete,
   dsl,
-  onSpecClick
+  onSpecClick,
+  environmentConfig
 }) {
   const selected = workflows.find((w) => w.id === selectedId);
   const [listOpen, setListOpen] = useState70(true);
   const [search, setSearch] = useState70("");
-  const filtered = useMemo29(() => {
+  const filtered = useMemo30(() => {
     const q = search.trim().toLowerCase();
     if (!q) return workflows;
     return workflows.filter(
@@ -28822,19 +29267,19 @@ function WorkflowFlowInner({
     onSelect(id);
     setListOpen(false);
   };
-  return /* @__PURE__ */ jsx111("div", { style: { display: "flex", height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxs79("div", { style: { flex: 1, position: "relative" }, children: [
-    selected ? /* @__PURE__ */ jsxs79(Fragment22, { children: [
-      dsl ? /* @__PURE__ */ jsx111(WorkflowCanvas_default, { dsl }) : /* @__PURE__ */ jsx111("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ jsx111(Spin18, { tip: "Loading workflow DSL..." }) }),
-      !listOpen && /* @__PURE__ */ jsx111("div", { style: {
+  return /* @__PURE__ */ jsx112("div", { style: { display: "flex", height: "100%", width: "100%" }, children: /* @__PURE__ */ jsxs80("div", { style: { flex: 1, position: "relative" }, children: [
+    selected ? /* @__PURE__ */ jsxs80(Fragment22, { children: [
+      dsl ? /* @__PURE__ */ jsx112(WorkflowCanvas_default, { dsl }) : /* @__PURE__ */ jsx112("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ jsx112(Spin18, { tip: "Loading workflow DSL..." }) }),
+      !listOpen && /* @__PURE__ */ jsx112("div", { style: {
         position: "absolute",
         top: 12,
         left: 12,
         zIndex: 10
-      }, children: /* @__PURE__ */ jsx111(
+      }, children: /* @__PURE__ */ jsx112(
         Button50,
         {
           type: "default",
-          icon: /* @__PURE__ */ jsx111(MenuOutlined, {}),
+          icon: /* @__PURE__ */ jsx112(MenuOutlined, {}),
           onClick: () => setListOpen(true),
           style: {
             width: 32,
@@ -28850,7 +29295,7 @@ function WorkflowFlowInner({
           }
         }
       ) }),
-      /* @__PURE__ */ jsxs79("div", { style: {
+      /* @__PURE__ */ jsxs80("div", { style: {
         position: "absolute",
         top: 12,
         left: !listOpen ? 56 : 12,
@@ -28865,9 +29310,9 @@ function WorkflowFlowInner({
         boxShadow: "0 2px 12px rgba(0,0,0,0.08)",
         border: "1px solid #f0f0f0"
       }, children: [
-        /* @__PURE__ */ jsx111(Workflow2, { size: 16, color: "#6366f1" }),
-        /* @__PURE__ */ jsx111(Text42, { strong: true, style: { fontSize: 13 }, children: selected.name }),
-        /* @__PURE__ */ jsx111(
+        /* @__PURE__ */ jsx112(Workflow2, { size: 16, color: "#6366f1" }),
+        /* @__PURE__ */ jsx112(Text43, { strong: true, style: { fontSize: 13 }, children: selected.name }),
+        /* @__PURE__ */ jsx112(
           InfoCircleOutlined6,
           {
             style: { color: "#6366f1", cursor: "pointer", fontSize: 15 },
@@ -28875,7 +29320,7 @@ function WorkflowFlowInner({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx111("div", { style: {
+      /* @__PURE__ */ jsx112("div", { style: {
         position: "absolute",
         top: 12,
         right: 12,
@@ -28888,7 +29333,7 @@ function WorkflowFlowInner({
         borderRadius: 10,
         boxShadow: "0 2px 12px rgba(0,0,0,0.08)",
         border: "1px solid #f0f0f0"
-      }, children: /* @__PURE__ */ jsx111(
+      }, children: /* @__PURE__ */ jsx112(
         Popconfirm6,
         {
           title: "Delete workflow",
@@ -28897,12 +29342,24 @@ function WorkflowFlowInner({
           okText: "Delete",
           cancelText: "Cancel",
           okButtonProps: { danger: true },
-          children: /* @__PURE__ */ jsx111(DeleteOutlined4, { style: { color: "#ff4d4f", cursor: "pointer", fontSize: 15 } })
+          children: /* @__PURE__ */ jsx112(DeleteOutlined4, { style: { color: "#ff4d4f", cursor: "pointer", fontSize: 15 } })
         }
-      ) })
-    ] }) : /* @__PURE__ */ jsx111("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ jsx111(Empty16, { description: "Select a workflow to view its graph" }) }),
-    listOpen && /* @__PURE__ */ jsxs79(Fragment22, { children: [
-      selectedId && /* @__PURE__ */ jsx111(
+      ) }),
+      !listOpen && /* @__PURE__ */ jsx112(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 52,
+            left: !listOpen ? 56 : 12,
+            zIndex: 20
+          },
+          children: /* @__PURE__ */ jsx112(EnvironmentCard, { graphDef: environmentConfig }, selected.id)
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx112("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ jsx112(Empty16, { description: "Select a workflow to view its graph" }) }),
+    listOpen && /* @__PURE__ */ jsxs80(Fragment22, { children: [
+      selectedId && /* @__PURE__ */ jsx112(
         "div",
         {
           onClick: () => setListOpen(false),
@@ -28914,17 +29371,17 @@ function WorkflowFlowInner({
           }
         }
       ),
-      /* @__PURE__ */ jsxs79(
+      /* @__PURE__ */ jsxs80(
         Card24,
         {
           size: "small",
-          title: /* @__PURE__ */ jsx111(Text42, { strong: true, style: { fontSize: 15, color: "#1a1a1a" }, children: "Workflows" }),
-          extra: /* @__PURE__ */ jsx111(
+          title: /* @__PURE__ */ jsx112(Text43, { strong: true, style: { fontSize: 15, color: "#1a1a1a" }, children: "Workflows" }),
+          extra: /* @__PURE__ */ jsx112(
             Button50,
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ jsx111(PlusOutlined8, {}),
+              icon: /* @__PURE__ */ jsx112(PlusOutlined8, {}),
               onClick: onCreate,
               style: { color: "#6366f1" }
             }
@@ -28947,10 +29404,10 @@ function WorkflowFlowInner({
             background: "rgba(255, 255, 255, 0.92)"
           },
           children: [
-            /* @__PURE__ */ jsx111("div", { style: { marginBottom: 12 }, children: /* @__PURE__ */ jsx111(
+            /* @__PURE__ */ jsx112("div", { style: { marginBottom: 12 }, children: /* @__PURE__ */ jsx112(
               Input14,
               {
-                prefix: /* @__PURE__ */ jsx111(SearchOutlined2, { style: { color: "#bbb" } }),
+                prefix: /* @__PURE__ */ jsx112(SearchOutlined2, { style: { color: "#bbb" } }),
                 placeholder: "Filter workflows...",
                 value: search,
                 onChange: (e) => setSearch(e.target.value),
@@ -28962,7 +29419,7 @@ function WorkflowFlowInner({
                 }
               }
             ) }),
-            filtered.length === 0 ? /* @__PURE__ */ jsxs79("div", { style: {
+            filtered.length === 0 ? /* @__PURE__ */ jsxs80("div", { style: {
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
@@ -28970,11 +29427,11 @@ function WorkflowFlowInner({
               padding: "32px 16px",
               color: "#bbb"
             }, children: [
-              /* @__PURE__ */ jsx111(Workflow2, { size: 28, style: { marginBottom: 10, opacity: 0.4 } }),
-              /* @__PURE__ */ jsx111(Text42, { type: "secondary", style: { fontSize: 13 }, children: search.trim() ? "No workflows match your search" : "No workflows yet" })
+              /* @__PURE__ */ jsx112(Workflow2, { size: 28, style: { marginBottom: 10, opacity: 0.4 } }),
+              /* @__PURE__ */ jsx112(Text43, { type: "secondary", style: { fontSize: 13 }, children: search.trim() ? "No workflows match your search" : "No workflows yet" })
             ] }) : filtered.map((w) => {
               const isSelected = selectedId === w.id;
-              return /* @__PURE__ */ jsxs79(
+              return /* @__PURE__ */ jsxs80(
                 "div",
                 {
                   onClick: () => handleSelect(w.id),
@@ -29007,7 +29464,7 @@ function WorkflowFlowInner({
                     }
                   },
                   children: [
-                    /* @__PURE__ */ jsx111("div", { style: {
+                    /* @__PURE__ */ jsx112("div", { style: {
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center",
@@ -29017,10 +29474,10 @@ function WorkflowFlowInner({
                       background: isSelected ? "rgba(99, 102, 241, 0.12)" : "rgba(0, 0, 0, 0.04)",
                       flexShrink: 0,
                       transition: "background 0.2s ease"
-                    }, children: /* @__PURE__ */ jsx111(Workflow2, { size: 18, color: isSelected ? "#6366f1" : "#888" }) }),
-                    /* @__PURE__ */ jsxs79("div", { style: { flex: 1, minWidth: 0 }, children: [
-                      /* @__PURE__ */ jsx111(
-                        Text42,
+                    }, children: /* @__PURE__ */ jsx112(Workflow2, { size: 18, color: isSelected ? "#6366f1" : "#888" }) }),
+                    /* @__PURE__ */ jsxs80("div", { style: { flex: 1, minWidth: 0 }, children: [
+                      /* @__PURE__ */ jsx112(
+                        Text43,
                         {
                           strong: true,
                           ellipsis: { tooltip: w.name },
@@ -29032,7 +29489,7 @@ function WorkflowFlowInner({
                           children: w.name
                         }
                       ),
-                      w.description && /* @__PURE__ */ jsx111("div", { style: {
+                      w.description && /* @__PURE__ */ jsx112("div", { style: {
                         fontSize: 12,
                         color: "#999",
                         whiteSpace: "nowrap",
@@ -29058,6 +29515,29 @@ var WorkflowAutomationView = () => {
   const [workflows, setWorkflows] = useState70([]);
   const [selectedId, setSelectedId] = useState70(null);
   const [dsl, setDsl] = useState70(null);
+  const [graphDef, setGraphDef] = useState70(null);
+  const [agentConfigs, setAgentConfigs] = useState70([]);
+  const fetchAllAssistants = useCallback37(async () => {
+    try {
+      const res = await get("/api/assistants");
+      if (res.success && res.data?.records) {
+        const cfgs = [];
+        for (const a of res.data.records) {
+          if (!a.graphDefinition) continue;
+          if (typeof a.graphDefinition === "string") {
+            try {
+              cfgs.push(JSON.parse(a.graphDefinition));
+            } catch {
+            }
+          } else if (typeof a.graphDefinition === "object") {
+            cfgs.push(a.graphDefinition);
+          }
+        }
+        setAgentConfigs(cfgs);
+      }
+    } catch {
+    }
+  }, [get]);
   const [copilotOpen, setCopilotOpen] = useState70(true);
   const [copilotWidth, setCopilotWidth] = useState70(420);
   const resizingRef = useRef25(null);
@@ -29066,7 +29546,7 @@ var WorkflowAutomationView = () => {
   const [specModalOpen, setSpecModalOpen] = useState70(false);
   const [createModalOpen, setCreateModalOpen] = useState70(false);
   const [initialMessage, setInitialMessage] = useState70(null);
-  const workflowTools = useMemo29(
+  const workflowTools = useMemo30(
     () => ["create_workflow", "update_workflow", "validate_workflow", "create_agent", "update_agent", "delete_agent"],
     []
   );
@@ -29101,11 +29581,26 @@ var WorkflowAutomationView = () => {
     try {
       const res = await get(`/api/assistants/${id}`);
       if (res.success && res.data) {
-        const wf = extractDSL(res.data.graphDefinition);
+        const raw = res.data.graphDefinition;
+        const wf = extractDSL(raw);
         setDsl(wf);
+        if (!raw) {
+          setGraphDef(null);
+        } else if (typeof raw === "string") {
+          try {
+            setGraphDef(JSON.parse(raw));
+          } catch {
+            setGraphDef(null);
+          }
+        } else if (typeof raw === "object") {
+          setGraphDef(raw);
+        } else {
+          setGraphDef(null);
+        }
       }
     } catch {
       setDsl(null);
+      setGraphDef(null);
     }
   }, [get]);
   useEffect48(() => {
@@ -29113,6 +29608,7 @@ var WorkflowAutomationView = () => {
     const load2 = async () => {
       try {
         await fetchWorkflows();
+        await fetchAllAssistants();
       } catch (err) {
         if (!cancelled) {
           setError(err instanceof Error ? err.message : "Failed to load workflows");
@@ -29171,23 +29667,57 @@ var WorkflowAutomationView = () => {
     if (selectedId === id) setSelectedId(null);
     await fetchWorkflows();
   }, [del, fetchWorkflows, selectedId]);
-  const selectedWorkflow = useMemo29(
+  const selectedWorkflow = useMemo30(
     () => workflows.find((w) => w.id === selectedId) || null,
     [workflows, selectedId]
   );
-  const workflowContext = useMemo29(
+  const workflowContext = useMemo30(
     () => selectedId && selectedWorkflow ? { id: selectedId, name: selectedWorkflow.name, type: "workflow" } : null,
     [selectedId, selectedWorkflow]
   );
+  const environmentConfig = useMemo30(() => {
+    const refs = dsl?.nodes.filter((n) => n.type !== "terminal" && n.ref).map((n) => n.ref).filter((v, i, a) => a.indexOf(v) === i) ?? [];
+    if (refs.length === 0) return graphDef;
+    const matching = agentConfigs.filter((cfg) => {
+      const key = cfg.key;
+      return key && refs.includes(key);
+    });
+    if (matching.length === 0) return graphDef;
+    const merged = { ...graphDef ?? {} };
+    const allTools = new Set(merged.tools ?? []);
+    const allMidd = [
+      ...merged.middleware ?? []
+    ];
+    const allSubAgents = new Set(merged.subAgents ?? []);
+    const seenMw = new Set(
+      allMidd.map((m) => m.type).filter(Boolean)
+    );
+    for (const cfg of matching) {
+      const c = cfg;
+      for (const t of c.tools ?? []) allTools.add(t);
+      for (const m of c.middleware ?? []) {
+        const mt = m.type;
+        if (mt && !seenMw.has(mt)) {
+          allMidd.push(m);
+          seenMw.add(mt);
+        }
+      }
+      for (const sa of c.subAgents ?? []) allSubAgents.add(sa);
+    }
+    merged.tools = Array.from(allTools);
+    merged.middleware = allMidd;
+    merged.subAgents = Array.from(allSubAgents);
+    return merged;
+  }, [dsl, graphDef, agentConfigs]);
   if (initialLoading) {
-    return /* @__PURE__ */ jsx111("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ jsx111(Spin18, { size: "large", tip: "Loading workflows..." }) });
+    return /* @__PURE__ */ jsx112("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ jsx112(Spin18, { size: "large", tip: "Loading workflows..." }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx111(Empty16, { description: error });
+    return /* @__PURE__ */ jsx112(Empty16, { description: error });
   }
   if (workflows.length === 0) {
-    return /* @__PURE__ */ jsxs79("div", { style: { width: "100%", height: "100%" }, children: [
-      /* @__PURE__ */ jsx111(
+    return /* @__PURE__ */ jsxs80("div", { style: { width: "100%", height: "100%" }, children: [
+      /* @__PURE__ */ jsx112(
         CreateWorkflowModal,
         {
           open: createModalOpen,
@@ -29196,19 +29726,19 @@ var WorkflowAutomationView = () => {
           type: "workflow"
         }
       ),
-      /* @__PURE__ */ jsx111(Empty16, { description: "No workflow definitions found.", children: /* @__PURE__ */ jsx111(
+      /* @__PURE__ */ jsx112(Empty16, { description: "No workflow definitions found.", children: /* @__PURE__ */ jsx112(
         Button50,
         {
           type: "primary",
-          icon: /* @__PURE__ */ jsx111(PlusOutlined8, {}),
+          icon: /* @__PURE__ */ jsx112(PlusOutlined8, {}),
           onClick: () => setCreateModalOpen(true),
           children: "Create Workflow"
         }
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs79("div", { style: { width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsxs80("div", { style: { width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ jsx112(
       CreateWorkflowModal,
       {
         open: createModalOpen,
@@ -29217,7 +29747,7 @@ var WorkflowAutomationView = () => {
         type: "workflow"
       }
     ),
-    /* @__PURE__ */ jsx111(
+    /* @__PURE__ */ jsx112(
       Modal17,
       {
         title: selectedWorkflow?.name,
@@ -29227,11 +29757,11 @@ var WorkflowAutomationView = () => {
         width: "85vw",
         centered: true,
         styles: { body: { maxHeight: "calc(85vh - 120px)", overflow: "auto", padding: "12px 24px 24px" } },
-        children: selectedWorkflow?.description ? /* @__PURE__ */ jsx111(MDResponse, { content: selectedWorkflow.description }) : /* @__PURE__ */ jsx111(Text42, { type: "secondary", children: "No description set." })
+        children: selectedWorkflow?.description ? /* @__PURE__ */ jsx112(MDResponse, { content: selectedWorkflow.description }) : /* @__PURE__ */ jsx112(Text43, { type: "secondary", children: "No description set." })
       }
     ),
-    /* @__PURE__ */ jsx111(ReactFlowProvider6, { children: /* @__PURE__ */ jsxs79("div", { style: { height: "100%", width: "100%", position: "relative", overflow: "hidden" }, children: [
-      /* @__PURE__ */ jsx111(
+    /* @__PURE__ */ jsx112(ReactFlowProvider6, { children: /* @__PURE__ */ jsxs80("div", { style: { height: "100%", width: "100%", position: "relative", overflow: "hidden" }, children: [
+      /* @__PURE__ */ jsx112(
         WorkflowFlowInner,
         {
           workflows,
@@ -29240,16 +29770,17 @@ var WorkflowAutomationView = () => {
           onCreate: () => setCreateModalOpen(true),
           onDelete: handleDelete,
           dsl,
-          onSpecClick: () => setSpecModalOpen(true)
+          onSpecClick: () => setSpecModalOpen(true),
+          environmentConfig
         }
       ),
-      !copilotOpen && selectedId && /* @__PURE__ */ jsx111("div", { style: {
+      !copilotOpen && selectedId && /* @__PURE__ */ jsx112("div", { style: {
         position: "absolute",
         right: 0,
         top: "50%",
         transform: "translateY(-50%)",
         zIndex: 20
-      }, children: /* @__PURE__ */ jsx111("div", { onClick: () => setCopilotOpen(true), style: {
+      }, children: /* @__PURE__ */ jsx112("div", { onClick: () => setCopilotOpen(true), style: {
         writingMode: "vertical-rl",
         textOrientation: "mixed",
         padding: "16px 8px",
@@ -29261,7 +29792,7 @@ var WorkflowAutomationView = () => {
         fontWeight: 500,
         userSelect: "none"
       }, children: "Copilot" }) }),
-      copilotOpen && selectedId && /* @__PURE__ */ jsxs79("div", { style: {
+      copilotOpen && selectedId && /* @__PURE__ */ jsxs80("div", { style: {
         position: "absolute",
         right: 16,
         top: 48,
@@ -29272,7 +29803,7 @@ var WorkflowAutomationView = () => {
         overflow: "hidden",
         boxShadow: "0 4px 24px rgba(0,0,0,0.12)"
       }, children: [
-        /* @__PURE__ */ jsx111(
+        /* @__PURE__ */ jsx112(
           "div",
           {
             onMouseDown: handleResizeStart,
@@ -29288,7 +29819,7 @@ var WorkflowAutomationView = () => {
             }
           }
         ),
-        /* @__PURE__ */ jsx111(
+        /* @__PURE__ */ jsx112(
           CopilotPanel,
           {
             workflowContext,
@@ -29309,17 +29840,17 @@ var WorkflowAutomationView = () => {
 };
 
 // src/components/Eval/EvalPanel.tsx
-import React64, { useState as useState73, useMemo as useMemo30 } from "react";
+import React65, { useState as useState73, useMemo as useMemo31 } from "react";
 import { createStyles as createStyles34 } from "antd-style";
-import { Button as Button53, Card as Card28, Typography as Typography57, Row as Row4, Col as Col4, Tag as Tag28, theme as theme15, Dropdown as Dropdown2, Popconfirm as Popconfirm10, message as message17 } from "antd";
-import { Play as Play2, FlaskConical as FlaskConical2, TestTube2 as TestTube26, TrendingUp, CheckCircle as CheckCircle4, XCircle as XCircle3, ArrowRight as ArrowRight3, ChevronDown as ChevronDown5, Trash2 as Trash27, Clock as Clock4 } from "lucide-react";
+import { Button as Button53, Card as Card28, Typography as Typography58, Row as Row4, Col as Col4, Tag as Tag28, theme as theme15, Dropdown as Dropdown2, Popconfirm as Popconfirm10, message as message17 } from "antd";
+import { Play as Play2, FlaskConical as FlaskConical2, TestTube2 as TestTube26, TrendingUp, CheckCircle as CheckCircle4, XCircle as XCircle3, ArrowRight as ArrowRight3, ChevronDown as ChevronDown5, Trash2 as Trash27, Clock as Clock5 } from "lucide-react";
 
 // src/components/Eval/EvalSuiteCardList.tsx
 import { createStyles as createStyles31 } from "antd-style";
-import { Card as Card25, Typography as Typography54, Row as Row3, Col as Col3, Empty as Empty17, Popconfirm as Popconfirm7, Spin as Spin19 } from "antd";
+import { Card as Card25, Typography as Typography55, Row as Row3, Col as Col3, Empty as Empty17, Popconfirm as Popconfirm7, Spin as Spin19 } from "antd";
 import { Trash2 as Trash24, TestTube2 as TestTube24 } from "lucide-react";
-import { jsx as jsx112, jsxs as jsxs80 } from "react/jsx-runtime";
-var { Text: Text43 } = Typography54;
+import { jsx as jsx113, jsxs as jsxs81 } from "react/jsx-runtime";
+var { Text: Text44 } = Typography55;
 var useStyle13 = createStyles31(({ token, css }) => ({
   card: css`
     border-radius: ${token.borderRadiusLG}px;
@@ -29381,26 +29912,26 @@ var EvalSuiteCardList = ({ projectId, onSelectSuite }) => {
   const { styles } = useStyle13();
   const { suites, loading, remove } = useEvalSuites(projectId);
   if (loading) {
-    return /* @__PURE__ */ jsx112("div", { style: { display: "flex", justifyContent: "center", padding: 48 }, children: /* @__PURE__ */ jsx112(Spin19, {}) });
+    return /* @__PURE__ */ jsx113("div", { style: { display: "flex", justifyContent: "center", padding: 48 }, children: /* @__PURE__ */ jsx113(Spin19, {}) });
   }
   if (suites.length === 0) {
-    return /* @__PURE__ */ jsx112(Empty17, { image: Empty17.PRESENTED_IMAGE_SIMPLE, description: /* @__PURE__ */ jsx112(Text43, { type: "secondary", children: "No test suites yet" }) });
+    return /* @__PURE__ */ jsx113(Empty17, { image: Empty17.PRESENTED_IMAGE_SIMPLE, description: /* @__PURE__ */ jsx113(Text44, { type: "secondary", children: "No test suites yet" }) });
   }
-  return /* @__PURE__ */ jsx112(Row3, { gutter: [16, 16], children: suites.map((s) => /* @__PURE__ */ jsx112(Col3, { xs: 24, sm: 12, md: 8, xl: 6, children: /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx113(Row3, { gutter: [16, 16], children: suites.map((s) => /* @__PURE__ */ jsx113(Col3, { xs: 24, sm: 12, md: 8, xl: 6, children: /* @__PURE__ */ jsx113(
     Card25,
     {
       className: styles.card,
       styles: { body: { padding: 0 } },
       size: "small",
       onClick: () => onSelectSuite(projectId, s.id),
-      children: /* @__PURE__ */ jsxs80("div", { className: styles.inner, children: [
-        /* @__PURE__ */ jsx112("div", { className: styles.icon, children: /* @__PURE__ */ jsx112(TestTube24, { size: 20, color: "#6366f1" }) }),
-        /* @__PURE__ */ jsxs80("div", { className: styles.header, children: [
-          /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx112(Text43, { className: styles.title, children: s.name }),
-            /* @__PURE__ */ jsx112("div", { className: styles.subtitle, children: "Server-side agent testing" })
+      children: /* @__PURE__ */ jsxs81("div", { className: styles.inner, children: [
+        /* @__PURE__ */ jsx113("div", { className: styles.icon, children: /* @__PURE__ */ jsx113(TestTube24, { size: 20, color: "#6366f1" }) }),
+        /* @__PURE__ */ jsxs81("div", { className: styles.header, children: [
+          /* @__PURE__ */ jsxs81("div", { children: [
+            /* @__PURE__ */ jsx113(Text44, { className: styles.title, children: s.name }),
+            /* @__PURE__ */ jsx113("div", { className: styles.subtitle, children: "Server-side agent testing" })
           ] }),
-          /* @__PURE__ */ jsx112(
+          /* @__PURE__ */ jsx113(
             Popconfirm7,
             {
               title: "Delete this suite?",
@@ -29409,13 +29940,13 @@ var EvalSuiteCardList = ({ projectId, onSelectSuite }) => {
                 remove(projectId, s.id);
               },
               onCancel: (e) => e?.stopPropagation(),
-              children: /* @__PURE__ */ jsx112("div", { onClick: (e) => e.stopPropagation(), style: { cursor: "pointer" }, children: /* @__PURE__ */ jsx112(Trash24, { size: 14, color: "#999" }) })
+              children: /* @__PURE__ */ jsx113("div", { onClick: (e) => e.stopPropagation(), style: { cursor: "pointer" }, children: /* @__PURE__ */ jsx113(Trash24, { size: 14, color: "#999" }) })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx112("div", { className: styles.meta, children: /* @__PURE__ */ jsxs80("div", { className: styles.metaItem, children: [
-          /* @__PURE__ */ jsx112(TestTube24, { size: 14 }),
-          /* @__PURE__ */ jsxs80("span", { children: [
+        /* @__PURE__ */ jsx113("div", { className: styles.meta, children: /* @__PURE__ */ jsxs81("div", { className: styles.metaItem, children: [
+          /* @__PURE__ */ jsx113(TestTube24, { size: 14 }),
+          /* @__PURE__ */ jsxs81("span", { children: [
             s.caseCount ?? 0,
             " test cases"
           ] })
@@ -29428,10 +29959,10 @@ var EvalSuiteCardList = ({ projectId, onSelectSuite }) => {
 // src/components/Eval/EvalSuiteDetail.tsx
 import { useState as useState71 } from "react";
 import { createStyles as createStyles32 } from "antd-style";
-import { Button as Button51, Card as Card26, Typography as Typography55, Modal as Modal18, Form as Form8, Input as Input15, Select as Select7, Table as Table3, Popconfirm as Popconfirm8, Empty as Empty18 } from "antd";
-import { Play, Plus as Plus6, Trash2 as Trash25, Bot as Bot3, MessageSquare as MessageSquare2, FlaskConical } from "lucide-react";
-import { jsx as jsx113, jsxs as jsxs81 } from "react/jsx-runtime";
-var { Text: Text44 } = Typography55;
+import { Button as Button51, Card as Card26, Typography as Typography56, Modal as Modal18, Form as Form8, Input as Input15, Select as Select7, Table as Table3, Popconfirm as Popconfirm8, Empty as Empty18 } from "antd";
+import { Play, Plus as Plus6, Trash2 as Trash25, Bot as Bot3, MessageSquare as MessageSquare3, FlaskConical } from "lucide-react";
+import { jsx as jsx114, jsxs as jsxs82 } from "react/jsx-runtime";
+var { Text: Text45 } = Typography56;
 var { TextArea: TextArea8 } = Input15;
 var useStyle14 = createStyles32(({ token, css }) => ({
   shell: css`
@@ -29559,22 +30090,22 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
   };
   const columns = [
     {
-      title: /* @__PURE__ */ jsx113(MessageSquare2, { size: 14 }),
+      title: /* @__PURE__ */ jsx114(MessageSquare3, { size: 14 }),
       key: "msg",
       render: (_, c) => {
         const rubricCount = c.rubrics?.length || 1;
-        return /* @__PURE__ */ jsxs81("div", { className: styles.caseRow, children: [
-          /* @__PURE__ */ jsx113("div", { className: styles.caseIcon, children: /* @__PURE__ */ jsx113(FlaskConical, { size: 14, color: "#6366f1" }) }),
-          /* @__PURE__ */ jsxs81("div", { className: styles.caseMeta, children: [
-            /* @__PURE__ */ jsx113("div", { className: styles.caseTitle, children: c.contentAssertion || "Untitled case" }),
-            /* @__PURE__ */ jsxs81("div", { className: styles.caseSub, children: [
-              /* @__PURE__ */ jsx113(Bot3, { size: 11 }),
-              /* @__PURE__ */ jsx113("span", { children: c.steps?.map((s) => s.agent_id).join(", ") || "\u2014" }),
-              /* @__PURE__ */ jsx113("span", { children: "\xB7" }),
-              /* @__PURE__ */ jsx113(MessageSquare2, { size: 11 }),
-              /* @__PURE__ */ jsx113("span", { style: { maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: c.inputMessage || "\u2014" }),
-              /* @__PURE__ */ jsx113("span", { children: "\xB7" }),
-              /* @__PURE__ */ jsxs81("span", { children: [
+        return /* @__PURE__ */ jsxs82("div", { className: styles.caseRow, children: [
+          /* @__PURE__ */ jsx114("div", { className: styles.caseIcon, children: /* @__PURE__ */ jsx114(FlaskConical, { size: 14, color: "#6366f1" }) }),
+          /* @__PURE__ */ jsxs82("div", { className: styles.caseMeta, children: [
+            /* @__PURE__ */ jsx114("div", { className: styles.caseTitle, children: c.contentAssertion || "Untitled case" }),
+            /* @__PURE__ */ jsxs82("div", { className: styles.caseSub, children: [
+              /* @__PURE__ */ jsx114(Bot3, { size: 11 }),
+              /* @__PURE__ */ jsx114("span", { children: c.steps?.map((s) => s.agent_id).join(", ") || "\u2014" }),
+              /* @__PURE__ */ jsx114("span", { children: "\xB7" }),
+              /* @__PURE__ */ jsx114(MessageSquare3, { size: 11 }),
+              /* @__PURE__ */ jsx114("span", { style: { maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: c.inputMessage || "\u2014" }),
+              /* @__PURE__ */ jsx114("span", { children: "\xB7" }),
+              /* @__PURE__ */ jsxs82("span", { children: [
                 rubricCount,
                 " rubric",
                 rubricCount > 1 ? "s" : ""
@@ -29588,38 +30119,38 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
       title: "",
       key: "actions",
       width: 40,
-      render: (_, c) => /* @__PURE__ */ jsx113(Popconfirm8, { title: "Delete?", onConfirm: () => removeCase(projectId, suiteId, c.id), children: /* @__PURE__ */ jsx113(Button51, { type: "text", danger: true, size: "small", icon: /* @__PURE__ */ jsx113(Trash25, { size: 14 }) }) })
+      render: (_, c) => /* @__PURE__ */ jsx114(Popconfirm8, { title: "Delete?", onConfirm: () => removeCase(projectId, suiteId, c.id), children: /* @__PURE__ */ jsx114(Button51, { type: "text", danger: true, size: "small", icon: /* @__PURE__ */ jsx114(Trash25, { size: 14 }) }) })
     }
   ];
-  return /* @__PURE__ */ jsxs81("div", { className: styles.shell, children: [
-    /* @__PURE__ */ jsxs81("div", { className: styles.topBar, children: [
-      /* @__PURE__ */ jsxs81("div", { className: styles.topLeft, children: [
-        /* @__PURE__ */ jsx113("button", { className: styles.breadcrumb, onClick: onBack, children: "Suites" }),
-        /* @__PURE__ */ jsx113("span", { className: styles.breadcrumbSep, children: "/" }),
-        /* @__PURE__ */ jsx113("span", { className: styles.pageTitle, children: suite.name || "Suite" })
+  return /* @__PURE__ */ jsxs82("div", { className: styles.shell, children: [
+    /* @__PURE__ */ jsxs82("div", { className: styles.topBar, children: [
+      /* @__PURE__ */ jsxs82("div", { className: styles.topLeft, children: [
+        /* @__PURE__ */ jsx114("button", { className: styles.breadcrumb, onClick: onBack, children: "Suites" }),
+        /* @__PURE__ */ jsx114("span", { className: styles.breadcrumbSep, children: "/" }),
+        /* @__PURE__ */ jsx114("span", { className: styles.pageTitle, children: suite.name || "Suite" })
       ] }),
-      /* @__PURE__ */ jsx113("div", { className: styles.topRight, children: /* @__PURE__ */ jsx113(Button51, { type: "primary", icon: /* @__PURE__ */ jsx113(Play, { size: 16 }), onClick: async () => {
+      /* @__PURE__ */ jsx114("div", { className: styles.topRight, children: /* @__PURE__ */ jsx114(Button51, { type: "primary", icon: /* @__PURE__ */ jsx114(Play, { size: 16 }), onClick: async () => {
         const r = await start(projectId);
         if (r?.run_id) onRun(r.run_id);
       }, children: "Run All Cases" }) })
     ] }),
-    /* @__PURE__ */ jsxs81("div", { className: styles.body, children: [
-      /* @__PURE__ */ jsxs81("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
-        /* @__PURE__ */ jsxs81(Text44, { strong: true, style: { fontSize: 15 }, children: [
+    /* @__PURE__ */ jsxs82("div", { className: styles.body, children: [
+      /* @__PURE__ */ jsxs82("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
+        /* @__PURE__ */ jsxs82(Text45, { strong: true, style: { fontSize: 15 }, children: [
           "Test Cases (",
           cases.length,
           ")"
         ] }),
-        /* @__PURE__ */ jsx113(Button51, { type: "primary", icon: /* @__PURE__ */ jsx113(Plus6, { size: 16 }), onClick: () => {
+        /* @__PURE__ */ jsx114(Button51, { type: "primary", icon: /* @__PURE__ */ jsx114(Plus6, { size: 16 }), onClick: () => {
           loadAgents();
           setModalOpen(true);
         }, children: "Add Case" })
       ] }),
-      cases.length === 0 ? /* @__PURE__ */ jsx113(Empty18, { description: "No test cases", style: { marginTop: 60 }, children: /* @__PURE__ */ jsx113(Button51, { type: "primary", icon: /* @__PURE__ */ jsx113(Plus6, { size: 16 }), onClick: () => {
+      cases.length === 0 ? /* @__PURE__ */ jsx114(Empty18, { description: "No test cases", style: { marginTop: 60 }, children: /* @__PURE__ */ jsx114(Button51, { type: "primary", icon: /* @__PURE__ */ jsx114(Plus6, { size: 16 }), onClick: () => {
         loadAgents();
         setModalOpen(true);
-      }, children: "Add First Case" }) }) : /* @__PURE__ */ jsx113(Card26, { className: styles.tableCard, styles: { body: { padding: 0 } }, children: /* @__PURE__ */ jsx113(Table3, { dataSource: cases, rowKey: "id", columns, pagination: false, showHeader: false }) }),
-      /* @__PURE__ */ jsx113(
+      }, children: "Add First Case" }) }) : /* @__PURE__ */ jsx114(Card26, { className: styles.tableCard, styles: { body: { padding: 0 } }, children: /* @__PURE__ */ jsx114(Table3, { dataSource: cases, rowKey: "id", columns, pagination: false, showHeader: false }) }),
+      /* @__PURE__ */ jsx114(
         Modal18,
         {
           title: "Add Test Case",
@@ -29631,9 +30162,9 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
           footer: null,
           width: 540,
           destroyOnClose: true,
-          children: /* @__PURE__ */ jsxs81(Form8, { form, layout: "vertical", onFinish: handleAdd, children: [
-            /* @__PURE__ */ jsx113(Form8.Item, { name: "inputMessage", label: "Input Message", rules: [{ required: true }], children: /* @__PURE__ */ jsx113(TextArea8, { rows: 2, placeholder: "What to send to the agent" }) }),
-            /* @__PURE__ */ jsx113(Form8.Item, { name: "agentId", label: "Agent", rules: [{ required: true }], children: /* @__PURE__ */ jsx113(
+          children: /* @__PURE__ */ jsxs82(Form8, { form, layout: "vertical", onFinish: handleAdd, children: [
+            /* @__PURE__ */ jsx114(Form8.Item, { name: "inputMessage", label: "Input Message", rules: [{ required: true }], children: /* @__PURE__ */ jsx114(TextArea8, { rows: 2, placeholder: "What to send to the agent" }) }),
+            /* @__PURE__ */ jsx114(Form8.Item, { name: "agentId", label: "Agent", rules: [{ required: true }], children: /* @__PURE__ */ jsx114(
               Select7,
               {
                 placeholder: "Select agent",
@@ -29645,17 +30176,17 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
                 }))
               }
             ) }),
-            /* @__PURE__ */ jsx113(Form8.Item, { name: "outputType", label: "Output Type", initialValue: "message_content", children: /* @__PURE__ */ jsx113(Select7, { options: [
+            /* @__PURE__ */ jsx114(Form8.Item, { name: "outputType", label: "Output Type", initialValue: "message_content", children: /* @__PURE__ */ jsx114(Select7, { options: [
               { value: "message_content", label: "Message Content" },
               { value: "file_content", label: "File Content" }
             ] }) }),
-            /* @__PURE__ */ jsx113(Form8.Item, { name: "contentAssertion", label: "Expected Output", children: /* @__PURE__ */ jsx113(TextArea8, { rows: 2, placeholder: "Describe expected output" }) }),
-            /* @__PURE__ */ jsxs81("div", { style: { textAlign: "right" }, children: [
-              /* @__PURE__ */ jsx113(Button51, { onClick: () => {
+            /* @__PURE__ */ jsx114(Form8.Item, { name: "contentAssertion", label: "Expected Output", children: /* @__PURE__ */ jsx114(TextArea8, { rows: 2, placeholder: "Describe expected output" }) }),
+            /* @__PURE__ */ jsxs82("div", { style: { textAlign: "right" }, children: [
+              /* @__PURE__ */ jsx114(Button51, { onClick: () => {
                 form.resetFields();
                 setModalOpen(false);
               }, style: { marginRight: 8 }, children: "Cancel" }),
-              /* @__PURE__ */ jsx113(Button51, { type: "primary", htmlType: "submit", children: "Add Case" })
+              /* @__PURE__ */ jsx114(Button51, { type: "primary", htmlType: "submit", children: "Add Case" })
             ] })
           ] })
         }
@@ -29667,10 +30198,10 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
 // src/components/Eval/EvalRunResults.tsx
 import { useEffect as useEffect49, useState as useState72 } from "react";
 import { createStyles as createStyles33 } from "antd-style";
-import { Button as Button52, Card as Card27, Typography as Typography56, Progress as Progress3, Tag as Tag27, Table as Table4, Empty as Empty19, Popconfirm as Popconfirm9, message as message16 } from "antd";
+import { Button as Button52, Card as Card27, Typography as Typography57, Progress as Progress3, Tag as Tag27, Table as Table4, Empty as Empty19, Popconfirm as Popconfirm9, message as message16 } from "antd";
 import { CheckCircle as CheckCircle3, XCircle as XCircle2, Trash2 as Trash26 } from "lucide-react";
-import { jsx as jsx114, jsxs as jsxs82 } from "react/jsx-runtime";
-var { Text: Text45 } = Typography56;
+import { jsx as jsx115, jsxs as jsxs83 } from "react/jsx-runtime";
+var { Text: Text46 } = Typography57;
 var useStyle15 = createStyles33(({ token, css }) => ({
   shell: css`
     display: flex;
@@ -29760,22 +30291,22 @@ var EvalRunResults = ({ runId, onBack }) => {
     client.eval.runs.get(runId).then(setRun).catch(console.error);
   }, [runId, client]);
   if (!run) {
-    return /* @__PURE__ */ jsxs82("div", { className: styles.shell, children: [
-      /* @__PURE__ */ jsx114("div", { className: styles.topBar, children: /* @__PURE__ */ jsx114("div", { className: styles.topLeft, children: /* @__PURE__ */ jsx114("button", { className: styles.breadcrumb, onClick: onBack, children: "\u2190 Back" }) }) }),
-      /* @__PURE__ */ jsx114("div", { style: { display: "flex", justifyContent: "center", padding: 60 }, children: /* @__PURE__ */ jsx114(Text45, { type: "secondary", children: "Loading..." }) })
+    return /* @__PURE__ */ jsxs83("div", { className: styles.shell, children: [
+      /* @__PURE__ */ jsx115("div", { className: styles.topBar, children: /* @__PURE__ */ jsx115("div", { className: styles.topLeft, children: /* @__PURE__ */ jsx115("button", { className: styles.breadcrumb, onClick: onBack, children: "\u2190 Back" }) }) }),
+      /* @__PURE__ */ jsx115("div", { style: { display: "flex", justifyContent: "center", padding: 60 }, children: /* @__PURE__ */ jsx115(Text46, { type: "secondary", children: "Loading..." }) })
     ] });
   }
   const isRunning = run.status === "running";
   const isLive = connected && streamingStatus === "running";
   const pct = run.totalCases > 0 ? Math.round((run.passedCases + run.failedCases) / run.totalCases * 100) : 100;
-  return /* @__PURE__ */ jsxs82("div", { className: styles.shell, children: [
-    /* @__PURE__ */ jsxs82("div", { className: styles.topBar, children: [
-      /* @__PURE__ */ jsxs82("div", { className: styles.topLeft, children: [
-        /* @__PURE__ */ jsx114("button", { className: styles.breadcrumb, onClick: onBack, children: "\u2190 Back" }),
-        /* @__PURE__ */ jsx114("span", { className: styles.pageTitle, children: "Run Results" }),
-        /* @__PURE__ */ jsx114(Tag27, { color: run.status === "completed" ? "success" : run.status === "running" ? "processing" : run.status === "failed" ? "error" : "warning", children: run.status })
+  return /* @__PURE__ */ jsxs83("div", { className: styles.shell, children: [
+    /* @__PURE__ */ jsxs83("div", { className: styles.topBar, children: [
+      /* @__PURE__ */ jsxs83("div", { className: styles.topLeft, children: [
+        /* @__PURE__ */ jsx115("button", { className: styles.breadcrumb, onClick: onBack, children: "\u2190 Back" }),
+        /* @__PURE__ */ jsx115("span", { className: styles.pageTitle, children: "Run Results" }),
+        /* @__PURE__ */ jsx115(Tag27, { color: run.status === "completed" ? "success" : run.status === "running" ? "processing" : run.status === "failed" ? "error" : "warning", children: run.status })
       ] }),
-      /* @__PURE__ */ jsx114(
+      /* @__PURE__ */ jsx115(
         Popconfirm9,
         {
           title: "Delete this run?",
@@ -29787,63 +30318,63 @@ var EvalRunResults = ({ runId, onBack }) => {
           },
           okText: "Delete",
           okButtonProps: { danger: true },
-          children: /* @__PURE__ */ jsx114(Button52, { danger: true, icon: /* @__PURE__ */ jsx114(Trash26, { size: 16 }), children: "Delete Run" })
+          children: /* @__PURE__ */ jsx115(Button52, { danger: true, icon: /* @__PURE__ */ jsx115(Trash26, { size: 16 }), children: "Delete Run" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs82("div", { className: styles.body, children: [
-      (isRunning || isLive) && isLive && /* @__PURE__ */ jsxs82("div", { className: styles.progressWrap, children: [
-        /* @__PURE__ */ jsx114(Progress3, { percent: pct, status: "active", strokeColor: "#6366f1" }),
-        /* @__PURE__ */ jsxs82("div", { style: { display: "flex", justifyContent: "center", gap: 24, marginTop: 8 }, children: [
-          /* @__PURE__ */ jsxs82(Text45, { type: "secondary", style: { fontSize: 13 }, children: [
+    /* @__PURE__ */ jsxs83("div", { className: styles.body, children: [
+      (isRunning || isLive) && isLive && /* @__PURE__ */ jsxs83("div", { className: styles.progressWrap, children: [
+        /* @__PURE__ */ jsx115(Progress3, { percent: pct, status: "active", strokeColor: "#6366f1" }),
+        /* @__PURE__ */ jsxs83("div", { style: { display: "flex", justifyContent: "center", gap: 24, marginTop: 8 }, children: [
+          /* @__PURE__ */ jsxs83(Text46, { type: "secondary", style: { fontSize: 13 }, children: [
             progress.completed,
             " / ",
             progress.total,
             " cases"
           ] }),
-          /* @__PURE__ */ jsxs82(Text45, { type: "success", style: { fontSize: 13 }, children: [
+          /* @__PURE__ */ jsxs83(Text46, { type: "success", style: { fontSize: 13 }, children: [
             progress.passed,
             " passed"
           ] }),
-          /* @__PURE__ */ jsxs82(Text45, { type: "danger", style: { fontSize: 13 }, children: [
+          /* @__PURE__ */ jsxs83(Text46, { type: "danger", style: { fontSize: 13 }, children: [
             progress.failed,
             " failed"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs82("div", { className: styles.summaryCard, children: [
-        /* @__PURE__ */ jsxs82("div", { className: styles.summaryRow, children: [
-          /* @__PURE__ */ jsxs82("div", { className: styles.summaryItem, children: [
-            /* @__PURE__ */ jsx114(Text45, { style: { color: "#6366f1", fontSize: 24, fontWeight: 700 }, children: run.totalCases }),
-            /* @__PURE__ */ jsx114("div", { className: styles.summaryLabel, children: "Total Cases" })
+      /* @__PURE__ */ jsxs83("div", { className: styles.summaryCard, children: [
+        /* @__PURE__ */ jsxs83("div", { className: styles.summaryRow, children: [
+          /* @__PURE__ */ jsxs83("div", { className: styles.summaryItem, children: [
+            /* @__PURE__ */ jsx115(Text46, { style: { color: "#6366f1", fontSize: 24, fontWeight: 700 }, children: run.totalCases }),
+            /* @__PURE__ */ jsx115("div", { className: styles.summaryLabel, children: "Total Cases" })
           ] }),
-          /* @__PURE__ */ jsxs82("div", { className: styles.summaryItem, children: [
-            /* @__PURE__ */ jsx114(Text45, { style: { color: "#22c55e", fontSize: 24, fontWeight: 700 }, children: run.passedCases }),
-            /* @__PURE__ */ jsx114("div", { className: styles.summaryLabel, children: "Passed" })
+          /* @__PURE__ */ jsxs83("div", { className: styles.summaryItem, children: [
+            /* @__PURE__ */ jsx115(Text46, { style: { color: "#22c55e", fontSize: 24, fontWeight: 700 }, children: run.passedCases }),
+            /* @__PURE__ */ jsx115("div", { className: styles.summaryLabel, children: "Passed" })
           ] }),
-          /* @__PURE__ */ jsxs82("div", { className: styles.summaryItem, children: [
-            /* @__PURE__ */ jsx114(Text45, { style: { color: "#ef4444", fontSize: 24, fontWeight: 700 }, children: run.failedCases }),
-            /* @__PURE__ */ jsx114("div", { className: styles.summaryLabel, children: "Failed" })
+          /* @__PURE__ */ jsxs83("div", { className: styles.summaryItem, children: [
+            /* @__PURE__ */ jsx115(Text46, { style: { color: "#ef4444", fontSize: 24, fontWeight: 700 }, children: run.failedCases }),
+            /* @__PURE__ */ jsx115("div", { className: styles.summaryLabel, children: "Failed" })
           ] }),
-          /* @__PURE__ */ jsxs82("div", { className: styles.summaryItem, children: [
-            /* @__PURE__ */ jsx114(Text45, { style: { color: "#3b82f6", fontSize: 24, fontWeight: 700 }, children: typeof run.avgScore === "number" ? run.avgScore.toFixed(1) : "\u2014" }),
-            /* @__PURE__ */ jsx114("div", { className: styles.summaryLabel, children: "Avg Score" })
+          /* @__PURE__ */ jsxs83("div", { className: styles.summaryItem, children: [
+            /* @__PURE__ */ jsx115(Text46, { style: { color: "#3b82f6", fontSize: 24, fontWeight: 700 }, children: typeof run.avgScore === "number" ? run.avgScore.toFixed(1) : "\u2014" }),
+            /* @__PURE__ */ jsx115("div", { className: styles.summaryLabel, children: "Avg Score" })
           ] }),
-          /* @__PURE__ */ jsxs82("div", { className: styles.summaryItem, children: [
-            /* @__PURE__ */ jsxs82(Text45, { style: { color: "#f59e0b", fontSize: 24, fontWeight: 700 }, children: [
+          /* @__PURE__ */ jsxs83("div", { className: styles.summaryItem, children: [
+            /* @__PURE__ */ jsxs83(Text46, { style: { color: "#f59e0b", fontSize: 24, fontWeight: 700 }, children: [
               run.totalCases > 0 ? Math.round(run.passedCases / run.totalCases * 100) : 0,
               "%"
             ] }),
-            /* @__PURE__ */ jsx114("div", { className: styles.summaryLabel, children: "Pass Rate" })
+            /* @__PURE__ */ jsx115("div", { className: styles.summaryLabel, children: "Pass Rate" })
           ] })
         ] }),
-        run.error && /* @__PURE__ */ jsxs82(Text45, { type: "danger", style: { display: "block", marginTop: 16, fontSize: 13 }, children: [
+        run.error && /* @__PURE__ */ jsxs83(Text46, { type: "danger", style: { display: "block", marginTop: 16, fontSize: 13 }, children: [
           "Error: ",
           run.error
         ] })
       ] }),
-      /* @__PURE__ */ jsx114(Text45, { strong: true, style: { fontSize: 15, display: "block", marginBottom: 12 }, children: "Case Results" }),
-      /* @__PURE__ */ jsx114(Card27, { className: styles.tableCard, styles: { body: { padding: 0 } }, children: (run.results || []).length === 0 ? /* @__PURE__ */ jsx114(Empty19, { description: "No results yet", style: { padding: 40 } }) : /* @__PURE__ */ jsx114(
+      /* @__PURE__ */ jsx115(Text46, { strong: true, style: { fontSize: 15, display: "block", marginBottom: 12 }, children: "Case Results" }),
+      /* @__PURE__ */ jsx115(Card27, { className: styles.tableCard, styles: { body: { padding: 0 } }, children: (run.results || []).length === 0 ? /* @__PURE__ */ jsx115(Empty19, { description: "No results yet", style: { padding: 40 } }) : /* @__PURE__ */ jsx115(
         Table4,
         {
           dataSource: run.results || [],
@@ -29851,22 +30382,22 @@ var EvalRunResults = ({ runId, onBack }) => {
           size: "small",
           pagination: false,
           expandable: {
-            expandedRowRender: (r) => /* @__PURE__ */ jsxs82("div", { style: { padding: "12px 16px 12px 56px", background: "#fafafa", borderRadius: 8, margin: "0 12px 8px" }, children: [
-              r.summary && /* @__PURE__ */ jsxs82("div", { style: { marginBottom: 8 }, children: [
-                /* @__PURE__ */ jsx114(Text45, { type: "secondary", style: { fontSize: 12 }, children: "Judge Summary" }),
-                /* @__PURE__ */ jsx114("div", { style: { fontSize: 13, marginTop: 4 }, children: r.summary })
+            expandedRowRender: (r) => /* @__PURE__ */ jsxs83("div", { style: { padding: "12px 16px 12px 56px", background: "#fafafa", borderRadius: 8, margin: "0 12px 8px" }, children: [
+              r.summary && /* @__PURE__ */ jsxs83("div", { style: { marginBottom: 8 }, children: [
+                /* @__PURE__ */ jsx115(Text46, { type: "secondary", style: { fontSize: 12 }, children: "Judge Summary" }),
+                /* @__PURE__ */ jsx115("div", { style: { fontSize: 13, marginTop: 4 }, children: r.summary })
               ] }),
-              r.dimensionResults && r.dimensionResults.length > 0 && /* @__PURE__ */ jsxs82("div", { children: [
-                /* @__PURE__ */ jsxs82(Text45, { type: "secondary", style: { fontSize: 12, marginBottom: 6, display: "block" }, children: [
+              r.dimensionResults && r.dimensionResults.length > 0 && /* @__PURE__ */ jsxs83("div", { children: [
+                /* @__PURE__ */ jsxs83(Text46, { type: "secondary", style: { fontSize: 12, marginBottom: 6, display: "block" }, children: [
                   "Dimension Scores (",
                   r.dimensionResults.length,
                   " rubric",
                   r.dimensionResults.length > 1 ? "s" : "",
                   ")"
                 ] }),
-                r.dimensionResults.map((d, i) => /* @__PURE__ */ jsxs82("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
-                  /* @__PURE__ */ jsx114(Text45, { style: { fontSize: 13, width: 120 }, children: d.name }),
-                  /* @__PURE__ */ jsx114(
+                r.dimensionResults.map((d, i) => /* @__PURE__ */ jsxs83("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
+                  /* @__PURE__ */ jsx115(Text46, { style: { fontSize: 13, width: 120 }, children: d.name }),
+                  /* @__PURE__ */ jsx115(
                     Progress3,
                     {
                       percent: d.score,
@@ -29875,10 +30406,10 @@ var EvalRunResults = ({ runId, onBack }) => {
                       strokeColor: d.score >= 80 ? "#22c55e" : d.score >= 60 ? "#f59e0b" : "#ef4444"
                     }
                   ),
-                  /* @__PURE__ */ jsx114(Text45, { style: { fontSize: 13, width: 40, textAlign: "right" }, children: d.score })
+                  /* @__PURE__ */ jsx115(Text46, { style: { fontSize: 13, width: 40, textAlign: "right" }, children: d.score })
                 ] }, i))
               ] }),
-              !r.summary && !r.dimensionResults?.length && /* @__PURE__ */ jsx114(Text45, { type: "secondary", style: { fontSize: 13 }, children: "No detail available" })
+              !r.summary && !r.dimensionResults?.length && /* @__PURE__ */ jsx115(Text46, { type: "secondary", style: { fontSize: 13 }, children: "No detail available" })
             ] }),
             rowExpandable: () => true
           },
@@ -29887,7 +30418,7 @@ var EvalRunResults = ({ runId, onBack }) => {
               title: "",
               key: "pass",
               width: 40,
-              render: (_, r) => r.pass ? /* @__PURE__ */ jsx114(CheckCircle3, { size: 16, color: "#22c55e" }) : /* @__PURE__ */ jsx114(XCircle2, { size: 16, color: "#ef4444" })
+              render: (_, r) => r.pass ? /* @__PURE__ */ jsx115(CheckCircle3, { size: 16, color: "#22c55e" }) : /* @__PURE__ */ jsx115(XCircle2, { size: 16, color: "#ef4444" })
             },
             { title: "Suite", dataIndex: "suiteName", key: "suite", width: 100 },
             {
@@ -29897,16 +30428,16 @@ var EvalRunResults = ({ runId, onBack }) => {
               render: (_, r) => {
                 const humanMsg = r.messages?.find((m) => m.role === "human");
                 const text = humanMsg?.content || "\u2014";
-                return /* @__PURE__ */ jsx114(Text45, { style: { fontSize: 13 }, ellipsis: { tooltip: text }, children: text });
+                return /* @__PURE__ */ jsx115(Text46, { style: { fontSize: 13 }, ellipsis: { tooltip: text }, children: text });
               }
             },
             {
               title: "Result",
               key: "result",
               render: (_, r) => {
-                if (r.error) return /* @__PURE__ */ jsx114(Text45, { type: "danger", style: { fontSize: 12 }, ellipsis: { tooltip: r.error }, children: r.error });
+                if (r.error) return /* @__PURE__ */ jsx115(Text46, { type: "danger", style: { fontSize: 12 }, ellipsis: { tooltip: r.error }, children: r.error });
                 const s = r.summary || "\u2014";
-                return /* @__PURE__ */ jsx114(Text45, { style: { fontSize: 13 }, ellipsis: { tooltip: s }, children: s });
+                return /* @__PURE__ */ jsx115(Text46, { style: { fontSize: 13 }, ellipsis: { tooltip: s }, children: s });
               }
             },
             {
@@ -29916,7 +30447,7 @@ var EvalRunResults = ({ runId, onBack }) => {
               align: "center",
               render: (_, r) => {
                 const n = r.dimensionResults?.length || 0;
-                return n > 0 ? /* @__PURE__ */ jsx114(Tag27, { children: n }) : /* @__PURE__ */ jsx114(Text45, { type: "secondary", children: "\u2014" });
+                return n > 0 ? /* @__PURE__ */ jsx115(Tag27, { children: n }) : /* @__PURE__ */ jsx115(Text46, { type: "secondary", children: "\u2014" });
               }
             },
             {
@@ -29925,7 +30456,7 @@ var EvalRunResults = ({ runId, onBack }) => {
               key: "score",
               width: 80,
               align: "center",
-              render: (s) => /* @__PURE__ */ jsx114(Tag27, { color: s >= 80 ? "success" : "error", children: typeof s === "number" ? s.toFixed(1) : "\u2014" })
+              render: (s) => /* @__PURE__ */ jsx115(Tag27, { color: s >= 80 ? "success" : "error", children: typeof s === "number" ? s.toFixed(1) : "\u2014" })
             }
           ]
         }
@@ -29935,8 +30466,8 @@ var EvalRunResults = ({ runId, onBack }) => {
 };
 
 // src/components/Eval/EvalPanel.tsx
-import { jsx as jsx115, jsxs as jsxs83 } from "react/jsx-runtime";
-var { Text: Text46, Title: Title15, Paragraph: Paragraph3 } = Typography57;
+import { jsx as jsx116, jsxs as jsxs84 } from "react/jsx-runtime";
+var { Text: Text47, Title: Title15, Paragraph: Paragraph3 } = Typography58;
 var useStyle16 = createStyles34(({ token, css }) => ({
   shell: css`
     display: flex;
@@ -30111,14 +30642,14 @@ var EvalPanel = () => {
   const [page, setPage] = useState73("dashboard");
   const [suiteId, setSuiteId] = useState73("");
   const [runId, setRunId] = useState73("");
-  React64.useEffect(() => {
+  React65.useEffect(() => {
     if (!projectId && projects.length > 0) {
       setProjectId(projects[0].id);
     }
   }, [projects, projectId]);
   const { suites } = useEvalSuites(projectId);
   const { runs, start, remove } = useEvalRuns(projectId);
-  const stats = useMemo30(() => {
+  const stats = useMemo31(() => {
     const totalCases = suites.reduce((s, x) => s + (x.caseCount ?? 0), 0);
     const latest = runs[0];
     const passRate = latest?.totalCases > 0 ? Math.round(latest.passedCases / latest.totalCases * 100) : null;
@@ -30129,105 +30660,105 @@ var EvalPanel = () => {
     if (sid !== void 0) setSuiteId(sid);
     if (rid !== void 0) setRunId(rid);
   };
-  const StatBox = ({ icon, bg, label, value }) => /* @__PURE__ */ jsx115(Card28, { className: styles.statCard, styles: { body: { padding: 0 } }, size: "small", children: /* @__PURE__ */ jsxs83("div", { className: styles.statInner, children: [
-    /* @__PURE__ */ jsx115("div", { className: styles.statIcon, style: { background: bg }, children: icon }),
-    /* @__PURE__ */ jsxs83("div", { children: [
-      /* @__PURE__ */ jsx115("div", { className: styles.statValue, children: value }),
-      /* @__PURE__ */ jsx115("div", { className: styles.statLabel, children: label })
+  const StatBox = ({ icon, bg, label, value }) => /* @__PURE__ */ jsx116(Card28, { className: styles.statCard, styles: { body: { padding: 0 } }, size: "small", children: /* @__PURE__ */ jsxs84("div", { className: styles.statInner, children: [
+    /* @__PURE__ */ jsx116("div", { className: styles.statIcon, style: { background: bg }, children: icon }),
+    /* @__PURE__ */ jsxs84("div", { children: [
+      /* @__PURE__ */ jsx116("div", { className: styles.statValue, children: value }),
+      /* @__PURE__ */ jsx116("div", { className: styles.statLabel, children: label })
     ] })
   ] }) });
   if (page === "dashboard") {
-    return /* @__PURE__ */ jsxs83("div", { className: styles.shell, children: [
-      /* @__PURE__ */ jsxs83("div", { className: styles.topBar, children: [
-        /* @__PURE__ */ jsxs83("div", { className: styles.topLeft, children: [
-          /* @__PURE__ */ jsx115("div", { className: styles.pageIcon, children: /* @__PURE__ */ jsx115(FlaskConical2, { size: 20, color: token.colorPrimary }) }),
-          /* @__PURE__ */ jsx115("span", { className: styles.pageTitle, children: "Evaluation Dashboard" })
+    return /* @__PURE__ */ jsxs84("div", { className: styles.shell, children: [
+      /* @__PURE__ */ jsxs84("div", { className: styles.topBar, children: [
+        /* @__PURE__ */ jsxs84("div", { className: styles.topLeft, children: [
+          /* @__PURE__ */ jsx116("div", { className: styles.pageIcon, children: /* @__PURE__ */ jsx116(FlaskConical2, { size: 20, color: token.colorPrimary }) }),
+          /* @__PURE__ */ jsx116("span", { className: styles.pageTitle, children: "Evaluation Dashboard" })
         ] }),
-        /* @__PURE__ */ jsxs83("div", { className: styles.topRight, children: [
-          /* @__PURE__ */ jsx115(
+        /* @__PURE__ */ jsxs84("div", { className: styles.topRight, children: [
+          /* @__PURE__ */ jsx116(
             Dropdown2,
             {
               menu: {
                 items: projects.map((p) => ({
                   key: p.id,
-                  label: /* @__PURE__ */ jsxs83("div", { children: [
-                    /* @__PURE__ */ jsx115("div", { children: p.name }),
-                    /* @__PURE__ */ jsx115(Text46, { type: "secondary", style: { fontSize: 11 }, children: p.targetServerConfig?.base_url || "\u2014" })
+                  label: /* @__PURE__ */ jsxs84("div", { children: [
+                    /* @__PURE__ */ jsx116("div", { children: p.name }),
+                    /* @__PURE__ */ jsx116(Text47, { type: "secondary", style: { fontSize: 11 }, children: p.targetServerConfig?.base_url || "\u2014" })
                   ] }),
                   onClick: () => setProjectId(p.id)
                 }))
               },
-              children: /* @__PURE__ */ jsxs83("div", { className: styles.projectBtn, children: [
-                /* @__PURE__ */ jsx115("div", { className: styles.projectDot }),
-                /* @__PURE__ */ jsxs83("div", { style: { textAlign: "left" }, children: [
-                  /* @__PURE__ */ jsx115("div", { style: { lineHeight: 1.3 }, children: projects.find((p) => p.id === projectId)?.name || "Select Project" }),
-                  /* @__PURE__ */ jsx115(Text46, { type: "secondary", style: { fontSize: 11 }, children: projects.find((p) => p.id === projectId)?.targetServerConfig?.base_url || "" })
+              children: /* @__PURE__ */ jsxs84("div", { className: styles.projectBtn, children: [
+                /* @__PURE__ */ jsx116("div", { className: styles.projectDot }),
+                /* @__PURE__ */ jsxs84("div", { style: { textAlign: "left" }, children: [
+                  /* @__PURE__ */ jsx116("div", { style: { lineHeight: 1.3 }, children: projects.find((p) => p.id === projectId)?.name || "Select Project" }),
+                  /* @__PURE__ */ jsx116(Text47, { type: "secondary", style: { fontSize: 11 }, children: projects.find((p) => p.id === projectId)?.targetServerConfig?.base_url || "" })
                 ] }),
-                /* @__PURE__ */ jsx115(ChevronDown5, { size: 14 })
+                /* @__PURE__ */ jsx116(ChevronDown5, { size: 14 })
               ] })
             }
           ),
-          /* @__PURE__ */ jsx115(Button53, { type: "primary", icon: /* @__PURE__ */ jsx115(Play2, { size: 16 }), onClick: () => navTo("suites"), children: "Go to Suites" })
+          /* @__PURE__ */ jsx116(Button53, { type: "primary", icon: /* @__PURE__ */ jsx116(Play2, { size: 16 }), onClick: () => navTo("suites"), children: "Go to Suites" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs83("div", { className: styles.body, children: [
-        /* @__PURE__ */ jsxs83(Row4, { gutter: [16, 16], className: styles.statRow, children: [
-          /* @__PURE__ */ jsx115(Col4, { span: 6, children: /* @__PURE__ */ jsx115(
+      /* @__PURE__ */ jsxs84("div", { className: styles.body, children: [
+        /* @__PURE__ */ jsxs84(Row4, { gutter: [16, 16], className: styles.statRow, children: [
+          /* @__PURE__ */ jsx116(Col4, { span: 6, children: /* @__PURE__ */ jsx116(
             StatBox,
             {
-              icon: /* @__PURE__ */ jsx115(FlaskConical2, { size: 22, color: token.colorPrimary }),
+              icon: /* @__PURE__ */ jsx116(FlaskConical2, { size: 22, color: token.colorPrimary }),
               bg: `${token.colorPrimary}14`,
               label: "Test Suites",
               value: stats.suiteCount
             }
           ) }),
-          /* @__PURE__ */ jsx115(Col4, { span: 6, children: /* @__PURE__ */ jsx115(
+          /* @__PURE__ */ jsx116(Col4, { span: 6, children: /* @__PURE__ */ jsx116(
             StatBox,
             {
-              icon: /* @__PURE__ */ jsx115(TestTube26, { size: 22, color: token.colorSuccess }),
+              icon: /* @__PURE__ */ jsx116(TestTube26, { size: 22, color: token.colorSuccess }),
               bg: `${token.colorSuccess}14`,
               label: "Test Cases",
               value: stats.totalCases
             }
           ) }),
-          /* @__PURE__ */ jsx115(Col4, { span: 6, children: /* @__PURE__ */ jsx115(
+          /* @__PURE__ */ jsx116(Col4, { span: 6, children: /* @__PURE__ */ jsx116(
             StatBox,
             {
-              icon: /* @__PURE__ */ jsx115(TrendingUp, { size: 22, color: token.colorInfo }),
+              icon: /* @__PURE__ */ jsx116(TrendingUp, { size: 22, color: token.colorInfo }),
               bg: `${token.colorInfo}14`,
               label: "Total Runs",
               value: stats.runCount
             }
           ) }),
-          /* @__PURE__ */ jsx115(Col4, { span: 6, children: /* @__PURE__ */ jsx115(
+          /* @__PURE__ */ jsx116(Col4, { span: 6, children: /* @__PURE__ */ jsx116(
             StatBox,
             {
-              icon: stats.passRate !== null && stats.passRate >= 80 ? /* @__PURE__ */ jsx115(CheckCircle4, { size: 22, color: token.colorSuccess }) : /* @__PURE__ */ jsx115(XCircle3, { size: 22, color: token.colorWarning }),
+              icon: stats.passRate !== null && stats.passRate >= 80 ? /* @__PURE__ */ jsx116(CheckCircle4, { size: 22, color: token.colorSuccess }) : /* @__PURE__ */ jsx116(XCircle3, { size: 22, color: token.colorWarning }),
               bg: stats.passRate !== null ? `${token.colorSuccess}14` : `${token.colorFill}`,
               label: "Latest Pass Rate",
               value: stats.passRate !== null ? `${stats.passRate}%` : "N/A"
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs83("div", { className: styles.section, children: [
-          /* @__PURE__ */ jsxs83("div", { className: styles.sectionHead, children: [
-            /* @__PURE__ */ jsxs83("h3", { className: styles.sectionTitle, children: [
-              /* @__PURE__ */ jsx115(FlaskConical2, { size: 16 }),
+        /* @__PURE__ */ jsxs84("div", { className: styles.section, children: [
+          /* @__PURE__ */ jsxs84("div", { className: styles.sectionHead, children: [
+            /* @__PURE__ */ jsxs84("h3", { className: styles.sectionTitle, children: [
+              /* @__PURE__ */ jsx116(FlaskConical2, { size: 16 }),
               "Evaluation Suites"
             ] }),
-            /* @__PURE__ */ jsxs83(Button53, { size: "small", type: "text", onClick: () => navTo("suites"), children: [
+            /* @__PURE__ */ jsxs84(Button53, { size: "small", type: "text", onClick: () => navTo("suites"), children: [
               "View All ",
-              /* @__PURE__ */ jsx115(ArrowRight3, { size: 14, style: { marginLeft: 4 } })
+              /* @__PURE__ */ jsx116(ArrowRight3, { size: 14, style: { marginLeft: 4 } })
             ] })
           ] }),
-          /* @__PURE__ */ jsx115(EvalSuiteCardList, { projectId, onSelectSuite: (_, sid) => navTo("suite", sid) })
+          /* @__PURE__ */ jsx116(EvalSuiteCardList, { projectId, onSelectSuite: (_, sid) => navTo("suite", sid) })
         ] }),
-        /* @__PURE__ */ jsxs83("div", { className: styles.section, children: [
-          /* @__PURE__ */ jsx115("div", { className: styles.sectionHead, children: /* @__PURE__ */ jsxs83("h3", { className: styles.sectionTitle, children: [
-            /* @__PURE__ */ jsx115(TrendingUp, { size: 16 }),
+        /* @__PURE__ */ jsxs84("div", { className: styles.section, children: [
+          /* @__PURE__ */ jsx116("div", { className: styles.sectionHead, children: /* @__PURE__ */ jsxs84("h3", { className: styles.sectionTitle, children: [
+            /* @__PURE__ */ jsx116(TrendingUp, { size: 16 }),
             "Recent Runs"
           ] }) }),
-          /* @__PURE__ */ jsx115(Card28, { styles: { body: { padding: 0 } }, size: "small", children: runs.length === 0 ? /* @__PURE__ */ jsx115("div", { style: { padding: 40, textAlign: "center" }, children: /* @__PURE__ */ jsx115(Text46, { type: "secondary", children: "No runs yet. Go to Suites to run your first evaluation." }) }) : runs.slice(0, 5).map((r) => {
+          /* @__PURE__ */ jsx116(Card28, { styles: { body: { padding: 0 } }, size: "small", children: runs.length === 0 ? /* @__PURE__ */ jsx116("div", { style: { padding: 40, textAlign: "center" }, children: /* @__PURE__ */ jsx116(Text47, { type: "secondary", children: "No runs yet. Go to Suites to run your first evaluation." }) }) : runs.slice(0, 5).map((r) => {
             const meta = statusMeta[r.status] || { color: "default", label: r.status };
             const createdAt = r.createdAt ? new Date(r.createdAt) : null;
             const completedAt = r.completedAt ? new Date(r.completedAt) : null;
@@ -30243,29 +30774,29 @@ var EvalPanel = () => {
               return `${Math.floor(ms / 6e4)}m ${Math.round(ms % 6e4 / 1e3)}s`;
             };
             const shortId = r.id?.slice(0, 8);
-            return /* @__PURE__ */ jsxs83("div", { className: styles.runRow, onClick: () => navTo("run", void 0, r.id), children: [
-              /* @__PURE__ */ jsxs83("div", { className: styles.runRowLeft, children: [
-                /* @__PURE__ */ jsx115(Text46, { code: true, style: { fontSize: 12, marginRight: 8 }, children: shortId }),
-                createdAt && /* @__PURE__ */ jsxs83(Text46, { type: "secondary", style: { fontSize: 12, minWidth: 120 }, children: [
-                  /* @__PURE__ */ jsx115(Clock4, { size: 11, style: { marginRight: 3, verticalAlign: "middle" } }),
+            return /* @__PURE__ */ jsxs84("div", { className: styles.runRow, onClick: () => navTo("run", void 0, r.id), children: [
+              /* @__PURE__ */ jsxs84("div", { className: styles.runRowLeft, children: [
+                /* @__PURE__ */ jsx116(Text47, { code: true, style: { fontSize: 12, marginRight: 8 }, children: shortId }),
+                createdAt && /* @__PURE__ */ jsxs84(Text47, { type: "secondary", style: { fontSize: 12, minWidth: 120 }, children: [
+                  /* @__PURE__ */ jsx116(Clock5, { size: 11, style: { marginRight: 3, verticalAlign: "middle" } }),
                   fmtDate(createdAt)
                 ] }),
-                /* @__PURE__ */ jsxs83(Text46, { style: { fontSize: 13 }, children: [
-                  /* @__PURE__ */ jsx115(Text46, { type: "success", children: r.passedCases }),
-                  /* @__PURE__ */ jsx115(Text46, { type: "secondary", children: " passed " }),
-                  /* @__PURE__ */ jsx115(Text46, { type: "danger", children: r.failedCases }),
-                  /* @__PURE__ */ jsx115(Text46, { type: "secondary", children: " failed" })
+                /* @__PURE__ */ jsxs84(Text47, { style: { fontSize: 13 }, children: [
+                  /* @__PURE__ */ jsx116(Text47, { type: "success", children: r.passedCases }),
+                  /* @__PURE__ */ jsx116(Text47, { type: "secondary", children: " passed " }),
+                  /* @__PURE__ */ jsx116(Text47, { type: "danger", children: r.failedCases }),
+                  /* @__PURE__ */ jsx116(Text47, { type: "secondary", children: " failed" })
                 ] }),
-                passRate !== null && /* @__PURE__ */ jsxs83(Tag28, { color: passRate >= 80 ? "success" : passRate >= 50 ? "warning" : "error", children: [
+                passRate !== null && /* @__PURE__ */ jsxs84(Tag28, { color: passRate >= 80 ? "success" : passRate >= 50 ? "warning" : "error", children: [
                   passRate,
                   "%"
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs83("div", { className: styles.runRowRight, style: { gap: 16 }, children: [
-                durationMs !== null && /* @__PURE__ */ jsx115(Text46, { type: "secondary", style: { fontSize: 12 }, children: fmtDuration(durationMs) }),
-                /* @__PURE__ */ jsx115(Tag28, { color: meta.color, style: { margin: 0 }, children: meta.label }),
-                /* @__PURE__ */ jsx115(Text46, { strong: true, style: { fontSize: 15, minWidth: 40, textAlign: "right" }, children: typeof r.avgScore === "number" ? r.avgScore.toFixed(1) : "\u2014" }),
-                /* @__PURE__ */ jsx115(
+              /* @__PURE__ */ jsxs84("div", { className: styles.runRowRight, style: { gap: 16 }, children: [
+                durationMs !== null && /* @__PURE__ */ jsx116(Text47, { type: "secondary", style: { fontSize: 12 }, children: fmtDuration(durationMs) }),
+                /* @__PURE__ */ jsx116(Tag28, { color: meta.color, style: { margin: 0 }, children: meta.label }),
+                /* @__PURE__ */ jsx116(Text47, { strong: true, style: { fontSize: 15, minWidth: 40, textAlign: "right" }, children: typeof r.avgScore === "number" ? r.avgScore.toFixed(1) : "\u2014" }),
+                /* @__PURE__ */ jsx116(
                   Popconfirm10,
                   {
                     title: "Delete this run?",
@@ -30278,13 +30809,13 @@ var EvalPanel = () => {
                     onCancel: (e) => e?.stopPropagation(),
                     okText: "Delete",
                     okButtonProps: { danger: true },
-                    children: /* @__PURE__ */ jsx115(
+                    children: /* @__PURE__ */ jsx116(
                       Button53,
                       {
                         type: "text",
                         size: "small",
                         danger: true,
-                        icon: /* @__PURE__ */ jsx115(Trash27, { size: 14 }),
+                        icon: /* @__PURE__ */ jsx116(Trash27, { size: 14 }),
                         onClick: (e) => e.stopPropagation()
                       }
                     )
@@ -30307,23 +30838,23 @@ var EvalPanel = () => {
       setName("");
       setShowAdd(false);
     };
-    return /* @__PURE__ */ jsxs83("div", { className: styles.shell, children: [
-      /* @__PURE__ */ jsxs83("div", { className: styles.topBar, children: [
-        /* @__PURE__ */ jsxs83("div", { className: styles.topLeft, children: [
-          /* @__PURE__ */ jsx115("button", { className: styles.breadcrumb, onClick: () => navTo("dashboard"), children: "Dashboard" }),
-          /* @__PURE__ */ jsx115("span", { className: styles.breadcrumbSep, children: "/" }),
-          /* @__PURE__ */ jsx115("span", { className: styles.pageTitle, children: "Test Suites" })
+    return /* @__PURE__ */ jsxs84("div", { className: styles.shell, children: [
+      /* @__PURE__ */ jsxs84("div", { className: styles.topBar, children: [
+        /* @__PURE__ */ jsxs84("div", { className: styles.topLeft, children: [
+          /* @__PURE__ */ jsx116("button", { className: styles.breadcrumb, onClick: () => navTo("dashboard"), children: "Dashboard" }),
+          /* @__PURE__ */ jsx116("span", { className: styles.breadcrumbSep, children: "/" }),
+          /* @__PURE__ */ jsx116("span", { className: styles.pageTitle, children: "Test Suites" })
         ] }),
-        /* @__PURE__ */ jsxs83("div", { className: styles.topRight, children: [
-          /* @__PURE__ */ jsx115(Button53, { icon: /* @__PURE__ */ jsx115(Play2, { size: 16 }), onClick: () => setShowAdd(!showAdd), children: "New Suite" }),
-          /* @__PURE__ */ jsx115(Button53, { type: "primary", icon: /* @__PURE__ */ jsx115(Play2, { size: 16 }), onClick: async () => {
+        /* @__PURE__ */ jsxs84("div", { className: styles.topRight, children: [
+          /* @__PURE__ */ jsx116(Button53, { icon: /* @__PURE__ */ jsx116(Play2, { size: 16 }), onClick: () => setShowAdd(!showAdd), children: "New Suite" }),
+          /* @__PURE__ */ jsx116(Button53, { type: "primary", icon: /* @__PURE__ */ jsx116(Play2, { size: 16 }), onClick: async () => {
             const r = await start(projectId);
             if (r?.run_id) navTo("run", void 0, r.run_id);
           }, children: "Run All" })
         ] })
       ] }),
-      showAdd && /* @__PURE__ */ jsxs83("div", { style: { padding: "12px 28px", borderBottom: `1px solid ${token.colorBorderSecondary}`, display: "flex", gap: 8 }, children: [
-        /* @__PURE__ */ jsx115(
+      showAdd && /* @__PURE__ */ jsxs84("div", { style: { padding: "12px 28px", borderBottom: `1px solid ${token.colorBorderSecondary}`, display: "flex", gap: 8 }, children: [
+        /* @__PURE__ */ jsx116(
           "input",
           {
             type: "text",
@@ -30342,15 +30873,15 @@ var EvalPanel = () => {
             }
           }
         ),
-        /* @__PURE__ */ jsx115(Button53, { type: "primary", size: "small", onClick: handleAdd, children: "Create" }),
-        /* @__PURE__ */ jsx115(Button53, { size: "small", onClick: () => setShowAdd(false), children: "Cancel" })
+        /* @__PURE__ */ jsx116(Button53, { type: "primary", size: "small", onClick: handleAdd, children: "Create" }),
+        /* @__PURE__ */ jsx116(Button53, { size: "small", onClick: () => setShowAdd(false), children: "Cancel" })
       ] }),
-      /* @__PURE__ */ jsx115("div", { className: styles.body, children: /* @__PURE__ */ jsx115(EvalSuiteCardList, { projectId, onSelectSuite: (_, sid) => navTo("suite", sid) }) })
+      /* @__PURE__ */ jsx116("div", { className: styles.body, children: /* @__PURE__ */ jsx116(EvalSuiteCardList, { projectId, onSelectSuite: (_, sid) => navTo("suite", sid) }) })
     ] });
   };
-  if (page === "suites") return /* @__PURE__ */ jsx115(SuiteListPage, {});
+  if (page === "suites") return /* @__PURE__ */ jsx116(SuiteListPage, {});
   if (page === "suite" && suiteId) {
-    return /* @__PURE__ */ jsx115(
+    return /* @__PURE__ */ jsx116(
       EvalSuiteDetail,
       {
         projectId,
@@ -30361,29 +30892,30 @@ var EvalPanel = () => {
     );
   }
   if (page === "run" && runId) {
-    return /* @__PURE__ */ jsx115(EvalRunResults, { runId, onBack: () => navTo("dashboard") });
+    return /* @__PURE__ */ jsx116(EvalRunResults, { runId, onBack: () => navTo("dashboard") });
   }
   return null;
 };
 
 // src/components/Chat/PersonalAssistantPage.tsx
 import { useEffect as useEffect50, useState as useState74, useCallback as useCallback38, useRef as useRef26 } from "react";
-import { Card as Card29, Button as Button54, Input as Input16, Typography as Typography58, message as message18, Dropdown as Dropdown3, Modal as Modal19 } from "antd";
+import { Card as Card29, Button as Button54, Input as Input16, Typography as Typography59, message as message18, Dropdown as Dropdown3, Modal as Modal19 } from "antd";
 import { createStyles as createStyles35 } from "antd-style";
-import { Bot as Bot4, Sparkles as Sparkles2, ArrowRight as ArrowRight4, ArrowLeft as ArrowLeft3, Smile, Zap, Heart, Lightbulb, Edit3, MoreHorizontal, Trash2 as Trash28 } from "lucide-react";
+import { Bot as Bot4, Sparkles as Sparkles3, ArrowRight as ArrowRight4, ArrowLeft as ArrowLeft3, Smile, Zap, Heart, Lightbulb, Edit3, MoreHorizontal, Trash2 as Trash28 } from "lucide-react";
+import { Client as Client2 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/LatticeAgentWorkspace.tsx
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var LatticeAgentWorkspace = ({
   workspaceId,
   projectId = "default",
   assistant_id,
   ...chatProps
-}) => /* @__PURE__ */ jsx116(WorkspaceContextProvider, { workspaceId, projectId, children: /* @__PURE__ */ jsx116(AssistantContextProvider, { autoLoad: true, initialAssistantId: assistant_id, children: /* @__PURE__ */ jsx116(LatticeChat, { showProjectSelector: false, assistant_id, ...chatProps }) }) });
+}) => /* @__PURE__ */ jsx117(WorkspaceContextProvider, { workspaceId, projectId, children: /* @__PURE__ */ jsx117(AssistantContextProvider, { autoLoad: true, initialAssistantId: assistant_id, children: /* @__PURE__ */ jsx117(LatticeChat, { showProjectSelector: false, assistant_id, ...chatProps }) }) });
 
 // src/components/Chat/PersonalAssistantPage.tsx
-import { Fragment as Fragment23, jsx as jsx117, jsxs as jsxs84 } from "react/jsx-runtime";
-var { Title: Title16, Text: Text47, Paragraph: Paragraph4 } = Typography58;
+import { Fragment as Fragment23, jsx as jsx118, jsxs as jsxs85 } from "react/jsx-runtime";
+var { Title: Title16, Text: Text48, Paragraph: Paragraph4 } = Typography59;
 var useStyles19 = createStyles35(({ css, token }) => ({
   container: css` display: flex; flex-direction: column; height: 100%; padding: 24px; overflow-y: auto; `,
   setupWrap: css` max-width: 520px; margin: 30px auto 0; `,
@@ -30420,11 +30952,11 @@ var useStyles19 = createStyles35(({ css, token }) => ({
   chatFill: css` flex: 1; min-height: 0; `
 }));
 var PERSONALITIES = [
-  { key: "warm_caring", icon: /* @__PURE__ */ jsx117(Heart, { size: 20 }), bg: "#fef2f2", fg: "#ef4444", title: "Warm & Caring", desc: "Gentle, patient, emotionally supportive \u2014 like a close friend who always has your back." },
-  { key: "witty_playful", icon: /* @__PURE__ */ jsx117(Smile, { size: 20 }), bg: "#fefce8", fg: "#eab308", title: "Witty & Playful", desc: "Quick with a joke, a little mischievous, keeps things light." },
-  { key: "energetic_motivator", icon: /* @__PURE__ */ jsx117(Zap, { size: 20 }), bg: "#eff6ff", fg: "#3b82f6", title: "Energetic Motivator", desc: "High-energy hype machine. Celebrates wins, never lets you give up." },
-  { key: "wise_mentor", icon: /* @__PURE__ */ jsx117(Lightbulb, { size: 20 }), bg: "#f5f3ff", fg: "#8b5cf6", title: "Wise Mentor", desc: "Calm, thoughtful, insightful. Asks the right questions." },
-  { key: "custom", icon: /* @__PURE__ */ jsx117(Edit3, { size: 20 }), bg: "#f5f5f5", fg: "#737373", title: "Custom", desc: "Describe your own \u2014 a mix or something completely unique." }
+  { key: "warm_caring", icon: /* @__PURE__ */ jsx118(Heart, { size: 20 }), bg: "#fef2f2", fg: "#ef4444", title: "Warm & Caring", desc: "Gentle, patient, emotionally supportive \u2014 like a close friend who always has your back." },
+  { key: "witty_playful", icon: /* @__PURE__ */ jsx118(Smile, { size: 20 }), bg: "#fefce8", fg: "#eab308", title: "Witty & Playful", desc: "Quick with a joke, a little mischievous, keeps things light." },
+  { key: "energetic_motivator", icon: /* @__PURE__ */ jsx118(Zap, { size: 20 }), bg: "#eff6ff", fg: "#3b82f6", title: "Energetic Motivator", desc: "High-energy hype machine. Celebrates wins, never lets you give up." },
+  { key: "wise_mentor", icon: /* @__PURE__ */ jsx118(Lightbulb, { size: 20 }), bg: "#f5f3ff", fg: "#8b5cf6", title: "Wise Mentor", desc: "Calm, thoughtful, insightful. Asks the right questions." },
+  { key: "custom", icon: /* @__PURE__ */ jsx118(Edit3, { size: 20 }), bg: "#f5f5f5", fg: "#737373", title: "Custom", desc: "Describe your own \u2014 a mix or something completely unique." }
 ];
 var PERSONALITY_MAP = {
   warm_caring: "\u4F60\u662F\u4E00\u4E2A\u6E29\u6696\u3001\u8D34\u5FC3\u7684\u966A\u4F34\u8005\u3002\u4F60\u8BF4\u8BDD\u6E29\u67D4\uFF0C\u6709\u8010\u5FC3\uFF0C\u5584\u4E8E\u503E\u542C\u3002\u4F60\u7684\u5B58\u5728\u5C31\u50CF\u4E00\u676F\u70ED\u8336\u2014\u2014\u5B89\u9759\u5730\u966A\u4F34\uFF0C\u4F46\u603B\u662F\u5728\u90A3\u91CC\u3002",
@@ -30471,6 +31003,7 @@ var PersonalAssistantPage = () => {
     }
   }, [name, personalityText, post]);
   const resolveThread = useCallback38(async (assistantId2) => {
+    Client2.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
     const day = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
     const list = await get(
       `/api/assistants/${assistantId2}/threads`
@@ -30482,7 +31015,7 @@ var PersonalAssistantPage = () => {
       { metadata: { label: day } }
     );
     return created.data.id;
-  }, [get, post]);
+  }, [get, post, workspaceId, projectId]);
   const lastDate = useRef26("");
   useEffect50(() => {
     if (!assistantId) return;
@@ -30529,10 +31062,10 @@ var PersonalAssistantPage = () => {
     });
   }, [del, setPersonalAssistant]);
   const moreItems = [
-    { key: "delete", icon: /* @__PURE__ */ jsx117(Trash28, { size: 16 }), label: "Delete", danger: true, onClick: handleDelete }
+    { key: "delete", icon: /* @__PURE__ */ jsx118(Trash28, { size: 16 }), label: "Delete", danger: true, onClick: handleDelete }
   ];
   if (chatMode && assistantId && threadId) {
-    return /* @__PURE__ */ jsx117(
+    return /* @__PURE__ */ jsx118(
       LatticeAgentWorkspace,
       {
         assistant_id: assistantId,
@@ -30540,18 +31073,18 @@ var PersonalAssistantPage = () => {
         workspaceId,
         projectId,
         menu: null,
-        emptyPlaceholder: /* @__PURE__ */ jsxs84("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", color: "#999", gap: 8 }, children: [
-          /* @__PURE__ */ jsxs84(Text47, { type: "secondary", style: { fontSize: 16 }, children: [
+        emptyPlaceholder: /* @__PURE__ */ jsxs85("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", color: "#999", gap: 8 }, children: [
+          /* @__PURE__ */ jsxs85(Text48, { type: "secondary", style: { fontSize: 16 }, children: [
             "Today is ",
             (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric" })
           ] }),
-          /* @__PURE__ */ jsx117(Text47, { type: "secondary", children: "What can I help you with?" })
+          /* @__PURE__ */ jsx118(Text48, { type: "secondary", children: "What can I help you with?" })
         ] }),
-        emptyStateGreeting: /* @__PURE__ */ jsxs84(Fragment23, { children: [
+        emptyStateGreeting: /* @__PURE__ */ jsxs85(Fragment23, { children: [
           "Hey",
-          userName ? /* @__PURE__ */ jsxs84(Fragment23, { children: [
+          userName ? /* @__PURE__ */ jsxs85(Fragment23, { children: [
             ", ",
-            /* @__PURE__ */ jsx117("span", { style: { color: "#6366f1", fontWeight: 600 }, children: userName })
+            /* @__PURE__ */ jsx118("span", { style: { color: "#6366f1", fontWeight: 600 }, children: userName })
           ] }) : ""
         ] }),
         emptyStateQuestion: `Today is ${(/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric" })} \u2014 What can I help you with?`,
@@ -30560,22 +31093,22 @@ var PersonalAssistantPage = () => {
         showDatabaseSlot: false,
         showSkillSlot: false,
         showAgentSlot: false,
-        headerRight: /* @__PURE__ */ jsxs84(Fragment23, { children: [
-          /* @__PURE__ */ jsx117(FilePanelToggle, {}),
-          /* @__PURE__ */ jsx117(Dropdown3, { menu: { items: moreItems }, trigger: ["click"], placement: "bottomRight", children: /* @__PURE__ */ jsx117(Button54, { type: "text", icon: /* @__PURE__ */ jsx117(MoreHorizontal, { size: 18 }) }) })
+        headerRight: /* @__PURE__ */ jsxs85(Fragment23, { children: [
+          /* @__PURE__ */ jsx118(FilePanelToggle, {}),
+          /* @__PURE__ */ jsx118(Dropdown3, { menu: { items: moreItems }, trigger: ["click"], placement: "bottomRight", children: /* @__PURE__ */ jsx118(Button54, { type: "text", icon: /* @__PURE__ */ jsx118(MoreHorizontal, { size: 18 }) }) })
         ] })
       }
     );
   }
   const can0 = name.trim().length > 0;
   const can1 = personalityKey !== null && (personalityKey !== "custom" || customPersonality.trim().length > 0);
-  return /* @__PURE__ */ jsx117("div", { className: styles.container, children: /* @__PURE__ */ jsxs84("div", { className: styles.setupWrap, children: [
-    /* @__PURE__ */ jsx117("div", { className: styles.stepIndicator, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx117("div", { className: `${styles.stepDot} ${i === step ? styles.stepDotActive : i < step ? styles.stepDotDone : styles.stepDotPending}` }, i)) }),
-    step === 0 && /* @__PURE__ */ jsxs84(Card29, { className: styles.card, children: [
-      /* @__PURE__ */ jsx117("div", { className: styles.avatar, children: /* @__PURE__ */ jsx117(Sparkles2, { size: 26 }) }),
-      /* @__PURE__ */ jsx117(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What would you like to call them?" }),
-      /* @__PURE__ */ jsx117(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "This is the name you'll use every day \u2014 your go-to nickname for your AI sidekick." }),
-      /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118("div", { className: styles.container, children: /* @__PURE__ */ jsxs85("div", { className: styles.setupWrap, children: [
+    /* @__PURE__ */ jsx118("div", { className: styles.stepIndicator, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx118("div", { className: `${styles.stepDot} ${i === step ? styles.stepDotActive : i < step ? styles.stepDotDone : styles.stepDotPending}` }, i)) }),
+    step === 0 && /* @__PURE__ */ jsxs85(Card29, { className: styles.card, children: [
+      /* @__PURE__ */ jsx118("div", { className: styles.avatar, children: /* @__PURE__ */ jsx118(Sparkles3, { size: 26 }) }),
+      /* @__PURE__ */ jsx118(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What would you like to call them?" }),
+      /* @__PURE__ */ jsx118(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "This is the name you'll use every day \u2014 your go-to nickname for your AI sidekick." }),
+      /* @__PURE__ */ jsx118(
         Input16,
         {
           size: "large",
@@ -30587,13 +31120,13 @@ var PersonalAssistantPage = () => {
           style: { marginBottom: 20 }
         }
       ),
-      /* @__PURE__ */ jsx117(Button54, { type: "primary", block: true, size: "large", disabled: !can0, onClick: () => setStep(1), icon: /* @__PURE__ */ jsx117(ArrowRight4, { size: 18 }), children: "Next" })
+      /* @__PURE__ */ jsx118(Button54, { type: "primary", block: true, size: "large", disabled: !can0, onClick: () => setStep(1), icon: /* @__PURE__ */ jsx118(ArrowRight4, { size: 18 }), children: "Next" })
     ] }),
-    step === 1 && /* @__PURE__ */ jsxs84(Card29, { className: styles.card, children: [
-      /* @__PURE__ */ jsx117("div", { className: styles.avatar, children: /* @__PURE__ */ jsx117(Smile, { size: 26 }) }),
-      /* @__PURE__ */ jsx117(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What's their vibe?" }),
-      /* @__PURE__ */ jsx117(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 20px" }, children: "Pick the personality that feels right. This shapes how they talk and support you." }),
-      /* @__PURE__ */ jsx117("div", { className: styles.personalityGrid, children: PERSONALITIES.map((p) => /* @__PURE__ */ jsxs84(
+    step === 1 && /* @__PURE__ */ jsxs85(Card29, { className: styles.card, children: [
+      /* @__PURE__ */ jsx118("div", { className: styles.avatar, children: /* @__PURE__ */ jsx118(Smile, { size: 26 }) }),
+      /* @__PURE__ */ jsx118(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What's their vibe?" }),
+      /* @__PURE__ */ jsx118(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 20px" }, children: "Pick the personality that feels right. This shapes how they talk and support you." }),
+      /* @__PURE__ */ jsx118("div", { className: styles.personalityGrid, children: PERSONALITIES.map((p) => /* @__PURE__ */ jsxs85(
         "div",
         {
           className: `${styles.personalityOption} ${personalityKey === p.key ? styles.personalityOptionSelected : ""}`,
@@ -30602,16 +31135,16 @@ var PersonalAssistantPage = () => {
             if (p.key !== "custom") setCustomPersonality("");
           },
           children: [
-            /* @__PURE__ */ jsx117("div", { className: styles.personalityIcon, style: { background: p.bg, color: p.fg }, children: p.icon }),
-            /* @__PURE__ */ jsxs84("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx117(Text47, { strong: true, style: { fontSize: 15 }, children: p.title }),
-              /* @__PURE__ */ jsx117(Paragraph4, { type: "secondary", style: { margin: "4px 0 0", fontSize: 13, lineHeight: 1.5 }, children: p.desc })
+            /* @__PURE__ */ jsx118("div", { className: styles.personalityIcon, style: { background: p.bg, color: p.fg }, children: p.icon }),
+            /* @__PURE__ */ jsxs85("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx118(Text48, { strong: true, style: { fontSize: 15 }, children: p.title }),
+              /* @__PURE__ */ jsx118(Paragraph4, { type: "secondary", style: { margin: "4px 0 0", fontSize: 13, lineHeight: 1.5 }, children: p.desc })
             ] })
           ]
         },
         p.key
       )) }),
-      personalityKey === "custom" && /* @__PURE__ */ jsx117(
+      personalityKey === "custom" && /* @__PURE__ */ jsx118(
         Input16.TextArea,
         {
           rows: 3,
@@ -30622,28 +31155,28 @@ var PersonalAssistantPage = () => {
           style: { marginTop: 12 }
         }
       ),
-      /* @__PURE__ */ jsxs84("div", { style: { display: "flex", gap: 12, marginTop: 20 }, children: [
-        /* @__PURE__ */ jsx117(Button54, { size: "large", icon: /* @__PURE__ */ jsx117(ArrowLeft3, { size: 18 }), onClick: () => setStep(0), children: "Back" }),
-        /* @__PURE__ */ jsx117(Button54, { type: "primary", block: true, size: "large", disabled: !can1, onClick: () => setStep(2), icon: /* @__PURE__ */ jsx117(ArrowRight4, { size: 18 }), children: "Next" })
+      /* @__PURE__ */ jsxs85("div", { style: { display: "flex", gap: 12, marginTop: 20 }, children: [
+        /* @__PURE__ */ jsx118(Button54, { size: "large", icon: /* @__PURE__ */ jsx118(ArrowLeft3, { size: 18 }), onClick: () => setStep(0), children: "Back" }),
+        /* @__PURE__ */ jsx118(Button54, { type: "primary", block: true, size: "large", disabled: !can1, onClick: () => setStep(2), icon: /* @__PURE__ */ jsx118(ArrowRight4, { size: 18 }), children: "Next" })
       ] })
     ] }),
-    step === 2 && /* @__PURE__ */ jsxs84(Card29, { className: styles.card, children: [
-      /* @__PURE__ */ jsx117("div", { className: styles.avatar, children: /* @__PURE__ */ jsx117(Bot4, { size: 26 }) }),
-      /* @__PURE__ */ jsx117(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "Almost ready!" }),
-      /* @__PURE__ */ jsx117(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "Your assistant will have private memory and learn about you over time." }),
-      /* @__PURE__ */ jsxs84(Card29, { size: "small", style: { background: "#fafafa", borderRadius: 12, marginBottom: 20 }, children: [
-        /* @__PURE__ */ jsx117(Text47, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Name" }),
-        /* @__PURE__ */ jsx117("br", {}),
-        /* @__PURE__ */ jsx117(Text47, { strong: true, style: { fontSize: 18 }, children: name || "(not set)" }),
-        /* @__PURE__ */ jsxs84("div", { style: { marginTop: 10 }, children: [
-          /* @__PURE__ */ jsx117(Text47, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Personality" }),
-          /* @__PURE__ */ jsx117("br", {}),
-          /* @__PURE__ */ jsx117(Text47, { style: { fontSize: 14 }, children: personalityKey === "custom" ? customPersonality.slice(0, 100) : PERSONALITIES.find((p) => p.key === personalityKey)?.title })
+    step === 2 && /* @__PURE__ */ jsxs85(Card29, { className: styles.card, children: [
+      /* @__PURE__ */ jsx118("div", { className: styles.avatar, children: /* @__PURE__ */ jsx118(Bot4, { size: 26 }) }),
+      /* @__PURE__ */ jsx118(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "Almost ready!" }),
+      /* @__PURE__ */ jsx118(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "Your assistant will have private memory and learn about you over time." }),
+      /* @__PURE__ */ jsxs85(Card29, { size: "small", style: { background: "#fafafa", borderRadius: 12, marginBottom: 20 }, children: [
+        /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Name" }),
+        /* @__PURE__ */ jsx118("br", {}),
+        /* @__PURE__ */ jsx118(Text48, { strong: true, style: { fontSize: 18 }, children: name || "(not set)" }),
+        /* @__PURE__ */ jsxs85("div", { style: { marginTop: 10 }, children: [
+          /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Personality" }),
+          /* @__PURE__ */ jsx118("br", {}),
+          /* @__PURE__ */ jsx118(Text48, { style: { fontSize: 14 }, children: personalityKey === "custom" ? customPersonality.slice(0, 100) : PERSONALITIES.find((p) => p.key === personalityKey)?.title })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs84("div", { style: { display: "flex", gap: 12 }, children: [
-        /* @__PURE__ */ jsx117(Button54, { size: "large", icon: /* @__PURE__ */ jsx117(ArrowLeft3, { size: 18 }), onClick: () => setStep(1), children: "Back" }),
-        /* @__PURE__ */ jsx117(Button54, { type: "primary", block: true, size: "large", loading: creating, onClick: handleCreate, icon: /* @__PURE__ */ jsx117(Sparkles2, { size: 18 }), children: "Create My Assistant" })
+      /* @__PURE__ */ jsxs85("div", { style: { display: "flex", gap: 12 }, children: [
+        /* @__PURE__ */ jsx118(Button54, { size: "large", icon: /* @__PURE__ */ jsx118(ArrowLeft3, { size: 18 }), onClick: () => setStep(1), children: "Back" }),
+        /* @__PURE__ */ jsx118(Button54, { type: "primary", block: true, size: "large", loading: creating, onClick: handleCreate, icon: /* @__PURE__ */ jsx118(Sparkles3, { size: 18 }), children: "Create My Assistant" })
       ] })
     ] })
   ] }) });
@@ -30655,8 +31188,8 @@ import { Spin as Spin21 } from "antd";
 // src/components/Chat/AgentConversations.tsx
 import { Conversations } from "@ant-design/x";
 import { theme as theme16 } from "antd";
-import { useMemo as useMemo31 } from "react";
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { useMemo as useMemo32 } from "react";
+import { jsx as jsx119 } from "react/jsx-runtime";
 var AgentConversations = ({
   enableThreadCreation = true,
   enableThreadList = true
@@ -30676,7 +31209,7 @@ var AgentConversations = ({
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = useMemo31(() => {
+  const threadItems = useMemo32(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -30695,7 +31228,7 @@ var AgentConversations = ({
   const creation = enableThreadCreation ? {
     onClick: newChatClick
   } : void 0;
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119(
     Conversations,
     {
       creation,
@@ -30711,7 +31244,7 @@ var AgentConversations = ({
 };
 
 // src/components/Chat/CustomMenuPage.tsx
-import { jsx as jsx119, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx120, jsxs as jsxs86 } from "react/jsx-runtime";
 var IFRAME_STYLE = {
   width: "100%",
   height: "100%",
@@ -30719,25 +31252,26 @@ var IFRAME_STYLE = {
 };
 var AgentChatWithThread = ({ assistantId }) => {
   const { thread } = useConversationContext();
+  const { menuCollapsed } = useChatUIContext();
   if (!thread) {
-    return /* @__PURE__ */ jsx119("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%" }, children: /* @__PURE__ */ jsx119(Spin21, { tip: "Creating conversation..." }) });
+    return /* @__PURE__ */ jsx120("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%" }, children: /* @__PURE__ */ jsx120(Spin21, { tip: "Creating conversation..." }) });
   }
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(
     LatticeChat,
     {
       thread_id: thread.id,
       assistant_id: assistantId,
       showProjectSelector: false,
-      menu: /* @__PURE__ */ jsx119(AgentConversations, {})
+      menu: menuCollapsed ? void 0 : /* @__PURE__ */ jsx120(AgentConversations, {})
     }
   );
 };
 var CustomMenuPage = ({ component_key }) => {
   const parsed = parseCustomMenuId(component_key);
   if (!parsed) {
-    return /* @__PURE__ */ jsxs85("div", { style: { padding: 24 }, children: [
-      /* @__PURE__ */ jsx119("p", { style: { color: "#999" }, children: "Invalid menu item" }),
-      /* @__PURE__ */ jsxs85("pre", { style: { fontSize: 11, color: "#aaa" }, children: [
+    return /* @__PURE__ */ jsxs86("div", { style: { padding: 24 }, children: [
+      /* @__PURE__ */ jsx120("p", { style: { color: "#999" }, children: "Invalid menu item" }),
+      /* @__PURE__ */ jsxs86("pre", { style: { fontSize: 11, color: "#aaa" }, children: [
         "component_key: ",
         component_key || "(empty)"
       ] })
@@ -30745,39 +31279,39 @@ var CustomMenuPage = ({ component_key }) => {
   }
   switch (parsed.contentType) {
     case "agent":
-      return /* @__PURE__ */ jsx119(
+      return /* @__PURE__ */ jsx120(
         WorkspaceContextProvider,
         {
           workspaceId: parsed.workspaceId || void 0,
           projectId: parsed.projectId || void 0,
-          children: /* @__PURE__ */ jsx119(
+          children: /* @__PURE__ */ jsx120(
             AssistantContextProvider,
             {
               autoLoad: true,
               initialAssistantId: parsed.payload,
-              children: /* @__PURE__ */ jsx119(ConversationContextProvider, { children: /* @__PURE__ */ jsx119(AgentChatWithThread, { assistantId: parsed.payload }) })
+              children: /* @__PURE__ */ jsx120(ConversationContextProvider, { children: /* @__PURE__ */ jsx120(AgentChatWithThread, { assistantId: parsed.payload }) })
             }
           )
         }
       );
     case "html": {
       const url = decodeURIComponent(parsed.payload);
-      return /* @__PURE__ */ jsx119("iframe", { src: url, style: IFRAME_STYLE, title: "Custom HTML Page" });
+      return /* @__PURE__ */ jsx120("iframe", { src: url, style: IFRAME_STYLE, title: "Custom HTML Page" });
     }
     case "custom": {
       const element = getElement(parsed.payload);
       if (element?.side_app_view) {
         const Comp = element.side_app_view;
-        return /* @__PURE__ */ jsx119(Comp, { component_key: parsed.payload, data: void 0 });
+        return /* @__PURE__ */ jsx120(Comp, { component_key: parsed.payload, data: void 0 });
       }
-      return /* @__PURE__ */ jsxs85("div", { style: { padding: 24, color: "#999" }, children: [
+      return /* @__PURE__ */ jsxs86("div", { style: { padding: 24, color: "#999" }, children: [
         'Component "',
         parsed.payload,
         '" not found'
       ] });
     }
     default:
-      return /* @__PURE__ */ jsxs85("div", { style: { padding: 24, color: "#999" }, children: [
+      return /* @__PURE__ */ jsxs86("div", { style: { padding: 24, color: "#999" }, children: [
         "Unknown content type: ",
         parsed.contentType
       ] });
@@ -30790,10 +31324,10 @@ import {
   AppstoreOutlined,
   MoreOutlined as MoreOutlined3
 } from "@ant-design/icons";
-import { Dropdown as Dropdown4, Tooltip as Tooltip24 } from "antd";
+import { Dropdown as Dropdown4, Tooltip as Tooltip25 } from "antd";
 import { createStyles as createStyles36 } from "antd-style";
-import { useEffect as useEffect51, useMemo as useMemo32, useState as useState75 } from "react";
-import { Fragment as Fragment24, jsx as jsx120, jsxs as jsxs86 } from "react/jsx-runtime";
+import { useEffect as useEffect51, useMemo as useMemo33, useState as useState75 } from "react";
+import { Fragment as Fragment24, jsx as jsx121, jsxs as jsxs87 } from "react/jsx-runtime";
 var useStyle17 = createStyles36(({ token, css }) => {
   return {
     container: css`
@@ -30970,15 +31504,15 @@ var useStyle17 = createStyles36(({ token, css }) => {
 });
 var EmptySideAppView = ({ component_key, data }) => {
   if (data?.component) {
-    return /* @__PURE__ */ jsx120(Fragment24, { children: data.component });
+    return /* @__PURE__ */ jsx121(Fragment24, { children: data.component });
   }
-  return /* @__PURE__ */ jsxs86("div", { children: [
-    /* @__PURE__ */ jsx120("p", { children: "Component view not found" }),
-    /* @__PURE__ */ jsx120("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
+  return /* @__PURE__ */ jsxs87("div", { children: [
+    /* @__PURE__ */ jsx121("p", { children: "Component view not found" }),
+    /* @__PURE__ */ jsx121("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
 };
 var getTabIcon = (componentKey) => {
-  return /* @__PURE__ */ jsx120(AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
+  return /* @__PURE__ */ jsx121(AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
 };
 var SideAppViewBrowser = ({ region = "side" }) => {
   const { styles } = useStyle17();
@@ -31039,7 +31573,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     add(
       key,
       selectedCard?.message || selectedCard?.data?.message || "Unnamed",
-      /* @__PURE__ */ jsx120(
+      /* @__PURE__ */ jsx121(
         SideAppView,
         {
           component_key: selectedCard?.component_key || "",
@@ -31053,7 +31587,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const activeItem = items.find((item) => item.key === activeKey);
   const dropdownItems = items.map((item) => ({
     key: item.key,
-    label: /* @__PURE__ */ jsxs86(
+    label: /* @__PURE__ */ jsxs87(
       "div",
       {
         style: {
@@ -31064,8 +31598,8 @@ var SideAppViewBrowser = ({ region = "side" }) => {
         },
         children: [
           getTabIcon(item.componentKey),
-          /* @__PURE__ */ jsx120("span", { style: { flex: 1 }, children: item.label }),
-          /* @__PURE__ */ jsx120(
+          /* @__PURE__ */ jsx121("span", { style: { flex: 1 }, children: item.label }),
+          /* @__PURE__ */ jsx121(
             CloseOutlined4,
             {
               style: { fontSize: 10, opacity: 0.5 },
@@ -31080,13 +31614,13 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     ),
     onClick: () => switchTab(item.key)
   }));
-  const sideAppBrowserValue = useMemo32(
+  const sideAppBrowserValue = useMemo33(
     () => ({ openApp }),
     [openApp]
   );
-  return /* @__PURE__ */ jsxs86("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs86("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx120("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx120(Tooltip24, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs87("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs87("div", { className: styles.header, children: [
+      /* @__PURE__ */ jsx121("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx121(Tooltip25, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs87(
         "div",
         {
           "data-tab-key": item.key,
@@ -31096,8 +31630,8 @@ var SideAppViewBrowser = ({ region = "side" }) => {
           onMouseLeave: () => setHoveredTab(null),
           children: [
             getTabIcon(item.componentKey),
-            /* @__PURE__ */ jsx120("span", { className: styles.tabLabel, children: item.label }),
-            /* @__PURE__ */ jsx120(
+            /* @__PURE__ */ jsx121("span", { className: styles.tabLabel, children: item.label }),
+            /* @__PURE__ */ jsx121(
               "span",
               {
                 className: `${styles.closeIndicator} ${hoveredTab === item.key || item.key === activeKey ? "always-visible" : ""}`,
@@ -31105,48 +31639,48 @@ var SideAppViewBrowser = ({ region = "side" }) => {
                   e.stopPropagation();
                   remove(item.key);
                 },
-                children: /* @__PURE__ */ jsx120(CloseOutlined4, { style: { fontSize: 10 } })
+                children: /* @__PURE__ */ jsx121(CloseOutlined4, { style: { fontSize: 10 } })
               }
             )
           ]
         }
       ) }, item.key)) }),
-      /* @__PURE__ */ jsxs86("div", { className: styles.actions, children: [
-        items.length > 0 && /* @__PURE__ */ jsx120("div", { className: styles.tabCounter, children: items.length }),
-        items.length > 1 && /* @__PURE__ */ jsx120(
+      /* @__PURE__ */ jsxs87("div", { className: styles.actions, children: [
+        items.length > 0 && /* @__PURE__ */ jsx121("div", { className: styles.tabCounter, children: items.length }),
+        items.length > 1 && /* @__PURE__ */ jsx121(
           Dropdown4,
           {
             menu: { items: dropdownItems },
             placement: "bottomRight",
             trigger: ["click"],
-            children: /* @__PURE__ */ jsx120("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ jsx120(MoreOutlined3, {}) })
+            children: /* @__PURE__ */ jsx121("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ jsx121(MoreOutlined3, {}) })
           }
         ),
-        /* @__PURE__ */ jsx120(Tooltip24, { title: "Close", children: /* @__PURE__ */ jsx120("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ jsx120(CloseOutlined4, {}) }) })
+        /* @__PURE__ */ jsx121(Tooltip25, { title: "Close", children: /* @__PURE__ */ jsx121("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ jsx121(CloseOutlined4, {}) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx120("div", { className: styles.content, children: /* @__PURE__ */ jsx120(SideAppBrowserContext.Provider, { value: sideAppBrowserValue, children: activeItem ? /* @__PURE__ */ jsx120("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs86("div", { className: styles.emptyState, children: [
-      /* @__PURE__ */ jsx120(AppstoreOutlined, { className: "icon" }),
-      /* @__PURE__ */ jsx120("span", { children: "Select an app to start" })
+    /* @__PURE__ */ jsx121("div", { className: styles.content, children: /* @__PURE__ */ jsx121(SideAppBrowserContext.Provider, { value: sideAppBrowserValue, children: activeItem ? /* @__PURE__ */ jsx121("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs87("div", { className: styles.emptyState, children: [
+      /* @__PURE__ */ jsx121(AppstoreOutlined, { className: "icon" }),
+      /* @__PURE__ */ jsx121("span", { children: "Select an app to start" })
     ] }) }) })
   ] });
 };
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { jsx as jsx121, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs88 } from "react/jsx-runtime";
 var DEFAULT_WORKSPACE_MENU_ITEMS = [
   {
     id: "personal_assistant",
     type: "route",
     name: "Personal Assistant",
-    icon: /* @__PURE__ */ jsx121(Bot5, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Bot5, { size: 20 }),
     order: -10
   },
   {
     id: "workspace_projects",
     type: "route",
     name: "Projects",
-    icon: /* @__PURE__ */ jsx121(FolderOpen3, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(FolderOpen3, { size: 20 }),
     order: 0
   },
   {
@@ -31154,7 +31688,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "metrics",
     type: "route",
     name: "Metrics",
-    icon: /* @__PURE__ */ jsx121(Activity4, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Activity4, { size: 20 }),
     order: 10,
     group: "DataSource"
   },
@@ -31163,7 +31697,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "database",
     type: "route",
     name: "Database",
-    icon: /* @__PURE__ */ jsx121(Database6, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Database7, { size: 20 }),
     order: 20,
     group: "DataSource"
   },
@@ -31171,7 +31705,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     id: "topology-runtimes",
     type: "route",
     name: "Runtime",
-    icon: /* @__PURE__ */ jsx121(History, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(History, { size: 20 }),
     order: 26,
     group: "Process"
   },
@@ -31179,7 +31713,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     id: "topology-inbox",
     type: "route",
     name: "Inbox",
-    icon: /* @__PURE__ */ jsx121(Inbox3, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Inbox3, { size: 20 }),
     order: 27,
     group: "Process"
   },
@@ -31187,7 +31721,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     id: "workflows",
     type: "route",
     name: "Automations",
-    icon: /* @__PURE__ */ jsx121(Share2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Share2, { size: 20 }),
     order: 25,
     group: "Process"
   },
@@ -31195,7 +31729,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     id: "eval",
     type: "route",
     name: "Eval",
-    icon: /* @__PURE__ */ jsx121(FlaskConical3, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(FlaskConical3, { size: 20 }),
     order: 28,
     group: "Process"
   },
@@ -31204,7 +31738,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "assistants",
     type: "route",
     name: "Assistants",
-    icon: /* @__PURE__ */ jsx121(Bot5, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Bot5, { size: 20 }),
     order: 30,
     group: "Settings"
   },
@@ -31213,7 +31747,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "skills",
     type: "route",
     name: "Skills",
-    icon: /* @__PURE__ */ jsx121(Zap2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Zap2, { size: 20 }),
     order: 35,
     group: "Settings"
   },
@@ -31222,7 +31756,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "mcp",
     type: "route",
     name: "MCP",
-    icon: /* @__PURE__ */ jsx121(Plug2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Plug2, { size: 20 }),
     order: 40,
     group: "Settings"
   },
@@ -31231,7 +31765,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "tools",
     type: "route",
     name: "Tools",
-    icon: /* @__PURE__ */ jsx121(Wrench, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Wrench2, { size: 20 }),
     order: 50,
     group: "Settings"
   },
@@ -31240,13 +31774,13 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "switch-tenant",
     type: "action",
     name: "Switch tenant",
-    icon: /* @__PURE__ */ jsx121(Building23, { size: 20 }),
+    icon: /* @__PURE__ */ jsx122(Building23, { size: 20 }),
     order: 900,
     group: "Account"
   }
 ];
 var createWrapper = (Component) => {
-  return () => /* @__PURE__ */ jsx121(Component, { ...{} });
+  return () => /* @__PURE__ */ jsx122(Component, { ...{} });
 };
 var WorkspaceResourceManager = ({
   workspaceId,
@@ -31285,7 +31819,7 @@ var WorkspaceResourceManager = ({
       });
       regsiterElement("workspace_tools", {
         card_view: () => null,
-        side_app_view: createWrapper(() => /* @__PURE__ */ jsx121(
+        side_app_view: createWrapper(() => /* @__PURE__ */ jsx122(
           ToolsList,
           {
             onToolSelect: (tool) => {
@@ -31319,17 +31853,14 @@ var WorkspaceResourceManager = ({
   const { user, logout, tenants, currentTenant, selectTenant, isLoading } = useAuth();
   const { setWorkspace, setProject } = useWorkspaceContext();
   const { config } = useLatticeChatShellContext();
+  const { get } = useApi();
   const [tenantModalOpen, setTenantModalOpen] = useState76(false);
   const [changePasswordOpen, setChangePasswordOpen] = useState76(false);
   const [fetchedCustomMenuItems, setFetchedCustomMenuItems] = useState76([]);
   useEffect52(() => {
     const fetchCustomMenu = async () => {
       try {
-        const baseUrl = config.baseURL || "";
-        const headers = {};
-        if (currentTenant?.id) headers["x-tenant-id"] = currentTenant.id;
-        const response = await fetch(`${baseUrl}/api/menu-items?menuTarget=workspace`, { headers });
-        const json = await response.json();
+        const json = await get("/api/menu-items?menuTarget=workspace");
         if (json.success && json.data?.records) {
           const items = json.data.records.map(menuItemToSideMenuItemConfig);
           setFetchedCustomMenuItems(items);
@@ -31338,7 +31869,7 @@ var WorkspaceResourceManager = ({
       }
     };
     fetchCustomMenu();
-  }, [config.baseURL, currentTenant?.id]);
+  }, [get]);
   useEffect52(() => {
     for (const item of fetchedCustomMenuItems) {
       regsiterElement(item.id, {
@@ -31347,7 +31878,7 @@ var WorkspaceResourceManager = ({
       });
     }
   }, [fetchedCustomMenuItems]);
-  const menuItems = useMemo33(() => {
+  const menuItems = useMemo34(() => {
     const workspaceMenu = config.workspaceMenuItems?.length ? config.workspaceMenuItems : void 0;
     if (workspaceMenu) {
       return [...workspaceMenu].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
@@ -31392,12 +31923,12 @@ var WorkspaceResourceManager = ({
       }
     }
   }, []);
-  const userMenuItems = /* @__PURE__ */ jsxs87("div", { style: { minWidth: 160 }, children: [
-    /* @__PURE__ */ jsxs87("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
-      /* @__PURE__ */ jsx121("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
-      /* @__PURE__ */ jsx121("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
+  const userMenuItems = /* @__PURE__ */ jsxs88("div", { style: { minWidth: 160 }, children: [
+    /* @__PURE__ */ jsxs88("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
+      /* @__PURE__ */ jsx122("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
+      /* @__PURE__ */ jsx122("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
     ] }),
-    /* @__PURE__ */ jsxs87(
+    /* @__PURE__ */ jsxs88(
       Button55,
       {
         type: "text",
@@ -31405,12 +31936,12 @@ var WorkspaceResourceManager = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: () => setChangePasswordOpen(true),
         children: [
-          /* @__PURE__ */ jsx121(Key, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx122(Key, { size: 16, style: { marginRight: 8 } }),
           "Change Password"
         ]
       }
     ),
-    /* @__PURE__ */ jsxs87(
+    /* @__PURE__ */ jsxs88(
       Button55,
       {
         type: "text",
@@ -31419,13 +31950,13 @@ var WorkspaceResourceManager = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: logout,
         children: [
-          /* @__PURE__ */ jsx121(LogOut3, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx122(LogOut3, { size: 16, style: { marginRight: 8 } }),
           "Logout"
         ]
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs87(
+  return /* @__PURE__ */ jsxs88(
     "div",
     {
       style: {
@@ -31435,10 +31966,10 @@ var WorkspaceResourceManager = ({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx122(
           ColumnLayout,
           {
-            menu: /* @__PURE__ */ jsx121(
+            menu: /* @__PURE__ */ jsx122(
               Menu,
               {
                 items: menuItems,
@@ -31449,13 +31980,13 @@ var WorkspaceResourceManager = ({
                 defaultExpanded: config.workspaceMenuDefaultExpanded ?? true,
                 collapsed: menuCollapsed,
                 onCollapsedChange: setMenuCollapsed,
-                footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx121(
+                footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx122(
                   Popover3,
                   {
                     content: userMenuItems,
                     placement: "rightTop",
                     trigger: "click",
-                    children: /* @__PURE__ */ jsxs87(
+                    children: /* @__PURE__ */ jsxs88(
                       "div",
                       {
                         style: {
@@ -31469,7 +32000,7 @@ var WorkspaceResourceManager = ({
                           transition: "all 0.2s"
                         },
                         children: [
-                          /* @__PURE__ */ jsx121(
+                          /* @__PURE__ */ jsx122(
                             Avatar12,
                             {
                               size: isIconMode ? 32 : 36,
@@ -31481,8 +32012,8 @@ var WorkspaceResourceManager = ({
                               children: (user.name?.charAt(0) || user.email.charAt(0)).toUpperCase()
                             }
                           ),
-                          !isIconMode && /* @__PURE__ */ jsxs87("div", { style: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ jsx121(
+                          !isIconMode && /* @__PURE__ */ jsxs88("div", { style: { flex: 1, minWidth: 0 }, children: [
+                            /* @__PURE__ */ jsx122(
                               "div",
                               {
                                 style: {
@@ -31494,7 +32025,7 @@ var WorkspaceResourceManager = ({
                                 children: user.name || user.email
                               }
                             ),
-                            /* @__PURE__ */ jsx121(
+                            /* @__PURE__ */ jsx122(
                               "div",
                               {
                                 style: {
@@ -31516,10 +32047,10 @@ var WorkspaceResourceManager = ({
               }
             ),
             logo,
-            main: /* @__PURE__ */ jsx121(SideAppViewBrowser, { region: "content" })
+            main: /* @__PURE__ */ jsx122(SideAppViewBrowser, { region: "content" })
           }
         ),
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx122(
           Modal20,
           {
             open: tenantModalOpen,
@@ -31536,7 +32067,7 @@ var WorkspaceResourceManager = ({
                 boxShadow: "none"
               }
             },
-            children: /* @__PURE__ */ jsx121(
+            children: /* @__PURE__ */ jsx122(
               TenantSelector,
               {
                 tenants: tenants.map((t) => t.tenant).filter(Boolean),
@@ -31551,7 +32082,7 @@ var WorkspaceResourceManager = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx121(
+        /* @__PURE__ */ jsx122(
           ChangePasswordModal,
           {
             open: changePasswordOpen,
@@ -31567,11 +32098,11 @@ var WorkspaceResourceUIContext = ({
   workspaceName,
   logo
 }) => {
-  return /* @__PURE__ */ jsx121(ChatUIContextProvider, { children: /* @__PURE__ */ jsx121(WorkspaceResourceManager, { workspaceId, workspaceName, logo }) });
+  return /* @__PURE__ */ jsx122(ChatUIContextProvider, { children: /* @__PURE__ */ jsx122(WorkspaceResourceManager, { workspaceId, workspaceName, logo }) });
 };
 
 // src/context/WorkspaceContext.tsx
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 var WorkspaceContext = createContext9(null);
 var useWorkspaceContext = () => {
   const context = useContext11(WorkspaceContext);
@@ -31600,21 +32131,21 @@ var WorkspaceContextProvider = ({
   };
   const [workspaceId, setWorkspaceId] = useState77(getInitialWorkspaceId);
   const [projectId, setProjectId] = useState77(getInitialProjectId);
-  React69.useEffect(() => {
+  React70.useEffect(() => {
     const wsId = getInitialWorkspaceId();
     const pjId = getInitialProjectId();
     if (wsId || pjId) {
-      Client2.setWorkspaceContext(wsId || void 0, pjId || void 0);
+      Client3.setWorkspaceContext(wsId || void 0, pjId || void 0);
     }
   }, []);
   useEffect53(() => {
-    Client2.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
+    Client3.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
   }, [workspaceId, projectId]);
   const [workspaces, setWorkspaces] = useState77([]);
   const [projects, setProjects] = useState77([]);
   const [loading, setLoading] = useState77(false);
   const [error, setError] = useState77(null);
-  const client = React69.useMemo(() => {
+  const client = React70.useMemo(() => {
     const authApiKey = isAuthenticated ? sessionStorage.getItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
     return new WorkspaceClient({
       baseURL: config.baseURL,
@@ -31898,7 +32429,7 @@ var WorkspaceContextProvider = ({
       await createProject(workspaceId, { name, description });
     }
   };
-  return /* @__PURE__ */ jsx122(WorkspaceContext.Provider, { value, children: projectId ? children : /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(WorkspaceContext.Provider, { value, children: projectId ? children : /* @__PURE__ */ jsx123(
     WorkspaceResourceUIContext,
     {
       workspaceId: workspaceId || "",
@@ -31908,21 +32439,54 @@ var WorkspaceContextProvider = ({
 };
 
 // src/components/Chat/PinToMenuButton.tsx
-import { Fragment as Fragment25, jsx as jsx123, jsxs as jsxs88 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx124, jsxs as jsxs89 } from "react/jsx-runtime";
 var MODAL_BODY_STYLE = {
   display: "flex",
   flexDirection: "column",
   gap: 12
 };
 var PinToMenuButton = ({ assistantId }) => {
-  const { currentTenant } = useAuth();
-  const workspaceCtx = React70.useContext(WorkspaceContext);
+  const workspaceCtx = React71.useContext(WorkspaceContext);
   const { config } = useLatticeChatShellContext();
+  const { post, get, del } = useApi();
   const [open, setOpen] = useState78(false);
   const [group, setGroup] = useState78("");
   const [name, setName] = useState78("");
   const [loading, setLoading] = useState78(false);
-  if (!assistantId) return null;
+  const [isPinned, setIsPinned] = useState78(false);
+  const [pinnedItemId, setPinnedItemId] = useState78(null);
+  const [checking, setChecking] = useState78(true);
+  const checkPinned = useCallback40(async () => {
+    if (!assistantId || !config.enableCustomMenu) {
+      setChecking(false);
+      return;
+    }
+    setChecking(true);
+    try {
+      const json = await get(
+        "/api/menu-items?menuTarget=workspace"
+      );
+      if (json.success && json.data?.records) {
+        const pinned = json.data.records.find(
+          (item) => item.contentConfig?.agentId === assistantId
+        );
+        if (pinned) {
+          setIsPinned(true);
+          setPinnedItemId(pinned.id);
+        } else {
+          setIsPinned(false);
+          setPinnedItemId(null);
+        }
+      }
+    } catch {
+    } finally {
+      setChecking(false);
+    }
+  }, [assistantId, config.enableCustomMenu, get]);
+  useEffect54(() => {
+    checkPinned();
+  }, [checkPinned]);
+  if (!assistantId || !config.enableCustomMenu) return null;
   const handlePin = async () => {
     if (!name.trim()) {
       message19.warning("Please enter a menu name");
@@ -31930,9 +32494,6 @@ var PinToMenuButton = ({ assistantId }) => {
     }
     setLoading(true);
     try {
-      const baseUrl = config.baseURL || "";
-      const headers = { "Content-Type": "application/json" };
-      if (currentTenant?.id) headers["x-tenant-id"] = currentTenant.id;
       const body = {
         menuTarget: "workspace",
         contentType: "agent",
@@ -31945,17 +32506,13 @@ var PinToMenuButton = ({ assistantId }) => {
         name: name.trim(),
         sortOrder: 0
       };
-      const response = await fetch(`${baseUrl}/api/menu-items`, {
-        method: "POST",
-        headers,
-        body: JSON.stringify(body)
-      });
-      const json = await response.json();
+      const json = await post("/api/menu-items", body);
       if (json.success) {
         message19.success("Pinned to menu");
         setOpen(false);
         setGroup("");
         setName("");
+        checkPinned();
       } else {
         message19.error(json.message || "Failed to pin");
       }
@@ -31965,17 +32522,43 @@ var PinToMenuButton = ({ assistantId }) => {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs88(Fragment25, { children: [
-    /* @__PURE__ */ jsx123(Tooltip25, { title: "Pin to Menu", children: /* @__PURE__ */ jsx123(
+  const handleUnpin = async () => {
+    if (!pinnedItemId) return;
+    setLoading(true);
+    try {
+      const json = await del(`/api/menu-items/${pinnedItemId}`);
+      if (json.success) {
+        message19.success("Unpinned from menu");
+        setIsPinned(false);
+        setPinnedItemId(null);
+      } else {
+        message19.error(json.message || "Failed to unpin");
+      }
+    } catch {
+      message19.error("Failed to unpin from menu");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleClick = () => {
+    if (isPinned) {
+      handleUnpin();
+    } else {
+      setOpen(true);
+    }
+  };
+  return /* @__PURE__ */ jsxs89(Fragment25, { children: [
+    /* @__PURE__ */ jsx124(Tooltip26, { title: isPinned ? "Unpin from Menu" : "Pin to Menu", children: /* @__PURE__ */ jsx124(
       Button56,
       {
         type: "text",
         size: "small",
-        icon: /* @__PURE__ */ jsx123(Pin, { size: 14 }),
-        onClick: () => setOpen(true)
+        icon: isPinned ? /* @__PURE__ */ jsx124(Pin, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ jsx124(Pin, { size: 14 }),
+        onClick: handleClick,
+        loading: checking || loading && isPinned
       }
     ) }),
-    /* @__PURE__ */ jsx123(
+    /* @__PURE__ */ jsx124(
       Modal21,
       {
         title: "Pin to Menu",
@@ -31984,8 +32567,8 @@ var PinToMenuButton = ({ assistantId }) => {
         onCancel: () => setOpen(false),
         confirmLoading: loading,
         okText: "Pin",
-        children: /* @__PURE__ */ jsxs88("div", { style: MODAL_BODY_STYLE, children: [
-          /* @__PURE__ */ jsx123(
+        children: /* @__PURE__ */ jsxs89("div", { style: MODAL_BODY_STYLE, children: [
+          /* @__PURE__ */ jsx124(
             Input17,
             {
               placeholder: "Menu name (required)",
@@ -31993,7 +32576,7 @@ var PinToMenuButton = ({ assistantId }) => {
               onChange: (e) => setName(e.target.value)
             }
           ),
-          /* @__PURE__ */ jsx123(
+          /* @__PURE__ */ jsx124(
             Input17,
             {
               placeholder: "Group (optional, e.g. Process)",
@@ -32011,11 +32594,11 @@ var PinToMenuButton = ({ assistantId }) => {
 import { createStyles as createStyles39 } from "antd-style";
 
 // src/components/Chat/ProjectSelector.tsx
-import { useState as useState79, useCallback as useCallback40, useMemo as useMemo34, useRef as useRef29 } from "react";
+import { useState as useState79, useCallback as useCallback41, useMemo as useMemo35, useRef as useRef29 } from "react";
 import { Modal as Modal22, Input as Input18, Button as Button57, message as message20 } from "antd";
 import { createStyles as createStyles37 } from "antd-style";
 import { Folder, ChevronDown as ChevronDown6, Building2 as Building24 } from "lucide-react";
-import { Fragment as Fragment26, jsx as jsx124, jsxs as jsxs89 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx125, jsxs as jsxs90 } from "react/jsx-runtime";
 var PROJECT_NAME_MAX_LENGTH = 50;
 var useStyles20 = createStyles37(({ token, css }) => ({
   container: css`
@@ -32255,26 +32838,26 @@ var ProjectSelector = ({
   const [validationError, setValidationError] = useState79(null);
   const [isCreating, setIsCreating] = useState79(false);
   const projectNameInputRef = useRef29(null);
-  const currentProject = useMemo34(() => {
+  const currentProject = useMemo35(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
-  const currentWorkspace = useMemo34(() => {
+  const currentWorkspace = useMemo35(() => {
     return workspaces.find((w) => w.id === workspaceId);
   }, [workspaces, workspaceId]);
-  const handleSelectProject = useCallback40((selectedProjectId) => {
+  const handleSelectProject = useCallback41((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const handleWorkspaceClick = useCallback40(() => {
+  const handleWorkspaceClick = useCallback41(() => {
     setProject(null);
   }, [setProject]);
-  const toggleProjectList = useCallback40(() => {
+  const toggleProjectList = useCallback41(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const toggleWorkspaceList = useCallback40(() => {
+  const toggleWorkspaceList = useCallback41(() => {
     setIsWorkspaceListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = useCallback40((name) => {
+  const validateProjectName = useCallback41((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH) {
@@ -32282,7 +32865,7 @@ var ProjectSelector = ({
     }
     return null;
   }, []);
-  const handleOpenModal = useCallback40((e) => {
+  const handleOpenModal = useCallback41((e) => {
     e.stopPropagation();
     if (!workspaceId) {
       message20.warning("Please select a workspace first");
@@ -32293,7 +32876,7 @@ var ProjectSelector = ({
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = useCallback40(() => {
+  const handleCloseModal = useCallback41(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -32303,7 +32886,7 @@ var ProjectSelector = ({
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = useCallback40(async () => {
+  const handleCreateProject = useCallback41(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -32335,48 +32918,48 @@ var ProjectSelector = ({
     }
   };
   const isProjectNameValid = !validateProjectName(projectName.trim());
-  return /* @__PURE__ */ jsxs89(Fragment26, { children: [
-    /* @__PURE__ */ jsx124("div", { className: styles.container, children: /* @__PURE__ */ jsxs89("div", { className: styles.selectorWrapper, children: [
-      /* @__PURE__ */ jsx124("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsxs90(Fragment26, { children: [
+    /* @__PURE__ */ jsx125("div", { className: styles.container, children: /* @__PURE__ */ jsxs90("div", { className: styles.selectorWrapper, children: [
+      /* @__PURE__ */ jsx125("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ jsx125(
         "button",
         {
           className: styles.workspaceButton,
           onClick: handleWorkspaceClick,
           title: currentWorkspace?.name || "Select Workspace",
-          children: /* @__PURE__ */ jsx124("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ jsx124(Building24, { size: 16 }) })
+          children: /* @__PURE__ */ jsx125("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ jsx125(Building24, { size: 16 }) })
         }
       ) }),
-      /* @__PURE__ */ jsx124("span", { className: styles.divider, children: "/" }),
-      /* @__PURE__ */ jsxs89(
+      /* @__PURE__ */ jsx125("span", { className: styles.divider, children: "/" }),
+      /* @__PURE__ */ jsxs90(
         "div",
         {
           className: styles.projectTrigger,
           onClick: disableDropdown ? void 0 : toggleProjectList,
           style: { cursor: disableDropdown ? "default" : "pointer" },
           children: [
-            /* @__PURE__ */ jsx124("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx124(Folder, { size: 16 }) }),
-            /* @__PURE__ */ jsx124("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx124("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
-            !disableDropdown && /* @__PURE__ */ jsx124("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx124(ChevronDown6, { size: 14 }) })
+            /* @__PURE__ */ jsx125("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx125(Folder, { size: 16 }) }),
+            /* @__PURE__ */ jsx125("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx125("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
+            !disableDropdown && /* @__PURE__ */ jsx125("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx125(ChevronDown6, { size: 14 }) })
           ]
         }
       ),
-      !disableDropdown && isProjectListOpen && /* @__PURE__ */ jsxs89("div", { className: styles.projectDropdown, children: [
-        projects.map((project) => /* @__PURE__ */ jsxs89(
+      !disableDropdown && isProjectListOpen && /* @__PURE__ */ jsxs90("div", { className: styles.projectDropdown, children: [
+        projects.map((project) => /* @__PURE__ */ jsxs90(
           "div",
           {
             className: `${styles.projectDropdownItem} ${project.id === projectId ? "active" : ""}`,
             onClick: () => handleSelectProject(project.id),
             children: [
-              /* @__PURE__ */ jsx124("div", { className: styles.projectDropdownItemIcon, children: /* @__PURE__ */ jsx124(Folder, { size: 14 }) }),
-              /* @__PURE__ */ jsx124("div", { className: project.id === projectId ? styles.projectDropdownItemNameActive : styles.projectDropdownItemName, children: project.name })
+              /* @__PURE__ */ jsx125("div", { className: styles.projectDropdownItemIcon, children: /* @__PURE__ */ jsx125(Folder, { size: 14 }) }),
+              /* @__PURE__ */ jsx125("div", { className: project.id === projectId ? styles.projectDropdownItemNameActive : styles.projectDropdownItemName, children: project.name })
             ]
           },
           project.id
         )),
-        projects.length === 0 && /* @__PURE__ */ jsx124("div", { className: styles.emptyState, children: "No projects" })
+        projects.length === 0 && /* @__PURE__ */ jsx125("div", { className: styles.emptyState, children: "No projects" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs89(
+    /* @__PURE__ */ jsxs90(
       Modal22,
       {
         title: "Create New Project",
@@ -32388,9 +32971,9 @@ var ProjectSelector = ({
         maskClosable: !isCreating,
         keyboard: true,
         closable: true,
-        footer: /* @__PURE__ */ jsxs89("div", { className: styles.modalFooter, children: [
-          /* @__PURE__ */ jsx124(Button57, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
-          /* @__PURE__ */ jsx124(
+        footer: /* @__PURE__ */ jsxs90("div", { className: styles.modalFooter, children: [
+          /* @__PURE__ */ jsx125(Button57, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
+          /* @__PURE__ */ jsx125(
             Button57,
             {
               type: "primary",
@@ -32402,7 +32985,7 @@ var ProjectSelector = ({
           )
         ] }),
         children: [
-          /* @__PURE__ */ jsx124(
+          /* @__PURE__ */ jsx125(
             Input18,
             {
               ref: projectNameInputRef,
@@ -32414,7 +32997,7 @@ var ProjectSelector = ({
               status: validationError ? "error" : void 0
             }
           ),
-          validationError && /* @__PURE__ */ jsx124("div", { style: { color: "#ff4d4f", fontSize: "12px", marginTop: "4px" }, children: validationError })
+          validationError && /* @__PURE__ */ jsx125("div", { style: { color: "#ff4d4f", fontSize: "12px", marginTop: "4px" }, children: validationError })
         ]
       }
     )
@@ -32422,15 +33005,15 @@ var ProjectSelector = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { useCallback as useCallback41, useEffect as useEffect54, useMemo as useMemo35, useState as useState80 } from "react";
+import { useCallback as useCallback42, useEffect as useEffect55, useMemo as useMemo36, useState as useState80 } from "react";
 import { message as message21 } from "antd";
 
 // src/components/Chat/FileDirectoryPanel.tsx
-import React72 from "react";
+import React73 from "react";
 import { Spin as Spin22 } from "antd";
 import { ChevronRight as ChevronRight8, FolderOpen as FolderOpen4, Upload } from "lucide-react";
 import { createStyles as createStyles38 } from "antd-style";
-import { Fragment as Fragment27, jsx as jsx125, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx126, jsxs as jsxs91 } from "react/jsx-runtime";
 var useStyles21 = createStyles38(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -32658,26 +33241,26 @@ var FileDirectoryPanel = ({
   onAssetClick
 }) => {
   const { styles } = useStyles21();
-  const renderEntry = React72.useCallback((entry, depth) => {
+  const renderEntry = React73.useCallback((entry, depth) => {
     const entryName = getEntryName(entry);
     if (entry.is_dir) {
       const isExpanded = directoryExpanded[entry.path] || false;
       const children = directoryChildren[entry.path] || [];
       const isLoading = directoryLoading[entry.path] || false;
-      return /* @__PURE__ */ jsxs90("div", { className: styles.treeChildren, children: [
-        /* @__PURE__ */ jsxs90("div", { className: styles.treeRow, children: [
-          Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx125("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
-          /* @__PURE__ */ jsx125(
+      return /* @__PURE__ */ jsxs91("div", { className: styles.treeChildren, children: [
+        /* @__PURE__ */ jsxs91("div", { className: styles.treeRow, children: [
+          Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx126("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
+          /* @__PURE__ */ jsx126(
             "button",
             {
               type: "button",
               className: styles.treeToggle,
               "aria-label": `${isExpanded ? "collapse" : "expand"} ${entryName}`,
               onClick: () => void onToggleDirectory(entry.path),
-              children: /* @__PURE__ */ jsx125(ChevronRight8, { size: 14, style: { transform: isExpanded ? "rotate(90deg)" : void 0 } })
+              children: /* @__PURE__ */ jsx126(ChevronRight8, { size: 14, style: { transform: isExpanded ? "rotate(90deg)" : void 0 } })
             }
           ),
-          /* @__PURE__ */ jsxs90(
+          /* @__PURE__ */ jsxs91(
             "button",
             {
               type: "button",
@@ -32686,19 +33269,19 @@ var FileDirectoryPanel = ({
               onClick: () => void onToggleDirectory(entry.path),
               title: entryName,
               children: [
-                /* @__PURE__ */ jsx125("div", { className: styles.assetIcon, children: /* @__PURE__ */ jsx125(FolderOpen4, { size: 14 }) }),
-                /* @__PURE__ */ jsx125("div", { className: styles.assetInfo, children: /* @__PURE__ */ jsx125("div", { className: styles.assetName, children: entryName }) })
+                /* @__PURE__ */ jsx126("div", { className: styles.assetIcon, children: /* @__PURE__ */ jsx126(FolderOpen4, { size: 14 }) }),
+                /* @__PURE__ */ jsx126("div", { className: styles.assetInfo, children: /* @__PURE__ */ jsx126("div", { className: styles.assetName, children: entryName }) })
               ]
             }
           )
         ] }),
-        isExpanded ? isLoading ? /* @__PURE__ */ jsx125("div", { className: styles.loading, children: /* @__PURE__ */ jsx125(Spin22, { size: "small" }) }) : children.length > 0 ? children.map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ jsx125("div", { className: styles.emptyState, children: "No files in this folder" }) : null
+        isExpanded ? isLoading ? /* @__PURE__ */ jsx126("div", { className: styles.loading, children: /* @__PURE__ */ jsx126(Spin22, { size: "small" }) }) : children.length > 0 ? children.map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ jsx126("div", { className: styles.emptyState, children: "No files in this folder" }) : null
       ] }, entry.path);
     }
-    return /* @__PURE__ */ jsxs90("div", { className: styles.treeRow, children: [
-      Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx125("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
-      /* @__PURE__ */ jsx125("span", { className: styles.treeSpacer }),
-      /* @__PURE__ */ jsxs90(
+    return /* @__PURE__ */ jsxs91("div", { className: styles.treeRow, children: [
+      Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx126("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
+      /* @__PURE__ */ jsx126("span", { className: styles.treeSpacer }),
+      /* @__PURE__ */ jsxs91(
         "button",
         {
           type: "button",
@@ -32707,10 +33290,10 @@ var FileDirectoryPanel = ({
           "aria-label": `open ${entryName}`,
           title: entryName,
           children: [
-            /* @__PURE__ */ jsx125("div", { className: styles.assetIcon, children: getFileIcon(entryName) }),
-            /* @__PURE__ */ jsxs90("div", { className: styles.assetInfo, children: [
-              /* @__PURE__ */ jsx125("div", { className: styles.assetName, children: entryName }),
-              /* @__PURE__ */ jsx125("div", { className: styles.assetMeta, children: formatDate5(entry.modified_at) })
+            /* @__PURE__ */ jsx126("div", { className: styles.assetIcon, children: getFileIcon(entryName) }),
+            /* @__PURE__ */ jsxs91("div", { className: styles.assetInfo, children: [
+              /* @__PURE__ */ jsx126("div", { className: styles.assetName, children: entryName }),
+              /* @__PURE__ */ jsx126("div", { className: styles.assetMeta, children: formatDate5(entry.modified_at) })
             ] })
           ]
         }
@@ -32718,20 +33301,20 @@ var FileDirectoryPanel = ({
     ] }, entry.path);
   }, [directoryChildren, directoryExpanded, directoryLoading, onAssetClick, onToggleDirectory, styles]);
   if (!projectId) {
-    return /* @__PURE__ */ jsx125("div", { className: styles.emptyState, children: "Please select a project to browse files" });
+    return /* @__PURE__ */ jsx126("div", { className: styles.emptyState, children: "Please select a project to browse files" });
   }
-  return /* @__PURE__ */ jsxs90("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs90("h3", { className: styles.header, children: [
-      /* @__PURE__ */ jsx125(FolderOpen4, { size: 16 }),
-      /* @__PURE__ */ jsx125("span", { children: "Files" })
+  return /* @__PURE__ */ jsxs91("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs91("h3", { className: styles.header, children: [
+      /* @__PURE__ */ jsx126(FolderOpen4, { size: 16 }),
+      /* @__PURE__ */ jsx126("span", { children: "Files" })
     ] }),
     resourceFolders.map((folder) => {
       const entries = folderEntries[folder.name] || [];
       const isLoading = folderLoading[folder.name] || false;
       const itemCount = entries.length;
-      return /* @__PURE__ */ jsxs90("div", { className: styles.section, children: [
-        /* @__PURE__ */ jsxs90("div", { className: styles.sectionHeader, children: [
-          /* @__PURE__ */ jsx125(
+      return /* @__PURE__ */ jsxs91("div", { className: styles.section, children: [
+        /* @__PURE__ */ jsxs91("div", { className: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsx126(
             "span",
             {
               className: styles.sectionTitle,
@@ -32740,24 +33323,24 @@ var FileDirectoryPanel = ({
               children: folder.displayName || folder.name
             }
           ),
-          /* @__PURE__ */ jsx125("span", { className: styles.badge, children: itemCount })
+          /* @__PURE__ */ jsx126("span", { className: styles.badge, children: itemCount })
         ] }),
-        isLoading ? /* @__PURE__ */ jsx125("div", { className: styles.loading, children: /* @__PURE__ */ jsx125(Spin22, { size: "small" }) }) : /* @__PURE__ */ jsxs90("div", { className: styles.assetList, children: [
+        isLoading ? /* @__PURE__ */ jsx126("div", { className: styles.loading, children: /* @__PURE__ */ jsx126(Spin22, { size: "small" }) }) : /* @__PURE__ */ jsxs91("div", { className: styles.assetList, children: [
           entries.map((entry) => renderEntry(entry, 0)),
-          entries.length === 0 ? /* @__PURE__ */ jsx125("div", { className: styles.emptyState, children: "No files in this folder" }) : null,
-          folder.allowUpload ? /* @__PURE__ */ jsx125(
+          entries.length === 0 ? /* @__PURE__ */ jsx126("div", { className: styles.emptyState, children: "No files in this folder" }) : null,
+          folder.allowUpload ? /* @__PURE__ */ jsx126(
             "button",
             {
               type: "button",
               className: styles.uploadBtn,
               onClick: () => void onUploadFolder(folder.name),
               disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
-              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs90(Fragment27, { children: [
-                /* @__PURE__ */ jsx125(Spin22, { size: "small" }),
-                /* @__PURE__ */ jsx125("span", { children: "Uploading..." })
-              ] }) : /* @__PURE__ */ jsxs90(Fragment27, { children: [
-                /* @__PURE__ */ jsx125(Upload, { size: 14 }),
-                /* @__PURE__ */ jsx125("span", { children: "Upload" })
+              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs91(Fragment27, { children: [
+                /* @__PURE__ */ jsx126(Spin22, { size: "small" }),
+                /* @__PURE__ */ jsx126("span", { children: "Uploading..." })
+              ] }) : /* @__PURE__ */ jsxs91(Fragment27, { children: [
+                /* @__PURE__ */ jsx126(Upload, { size: 14 }),
+                /* @__PURE__ */ jsx126("span", { children: "Upload" })
               ] })
             }
           ) : null
@@ -32768,7 +33351,7 @@ var FileDirectoryPanel = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var ToolPanelFiles = () => {
   const { config } = useLatticeChatShellContext();
   const { openSideApp } = useChatUIContext();
@@ -32787,10 +33370,10 @@ var ToolPanelFiles = () => {
   const [directoryLoading, setDirectoryLoading] = useState80({});
   const [directoryExpanded, setDirectoryExpanded] = useState80({});
   const [uploadingFolder, setUploadingFolder] = useState80(null);
-  const resourceFolders = useMemo35(() => {
+  const resourceFolders = useMemo36(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const loadAssetsForFolder = useCallback41(
+  const loadAssetsForFolder = useCallback42(
     async (folder, clearSubdirectoryCache = true) => {
       if (!workspaceId || !projectId) {
         setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
@@ -32830,7 +33413,7 @@ var ToolPanelFiles = () => {
     },
     [workspaceId, projectId, listPathByFolder, currentAssistant?.id]
   );
-  const handleToggleDirectory = useCallback41(async (path) => {
+  const handleToggleDirectory = useCallback42(async (path) => {
     const isExpanded = directoryExpanded[path] || false;
     if (isExpanded) {
       setDirectoryExpanded((prev) => ({ ...prev, [path]: false }));
@@ -32848,12 +33431,12 @@ var ToolPanelFiles = () => {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
   }, [directoryExpanded, listPath, currentAssistant?.id]);
-  useEffect54(() => {
+  useEffect55(() => {
     resourceFolders.forEach((folder) => {
       void loadAssetsForFolder(folder, false);
     });
   }, [resourceFolders, loadAssetsForFolder]);
-  const handleAssetClick = useCallback41((asset) => {
+  const handleAssetClick = useCallback42((asset) => {
     const fileUrl = getFileViewUrl(asset.path, currentAssistant?.id);
     if (!fileUrl) {
       message21.warning("Please select a workspace and project first.");
@@ -32869,7 +33452,7 @@ var ToolPanelFiles = () => {
       message: `Preview: ${asset.name || asset.path}`
     });
   }, [getFileViewUrl, openSideApp, currentAssistant?.id]);
-  const handleUploadFolder = useCallback41(async (folderName) => {
+  const handleUploadFolder = useCallback42(async (folderName) => {
     if (!workspaceId || !projectId) {
       message21.warning("Please select a workspace and project before uploading.");
       return;
@@ -32900,7 +33483,7 @@ var ToolPanelFiles = () => {
     };
     input.click();
   }, [workspaceId, projectId, uploadFileToFolder, resourceFolders, loadAssetsForFolder, currentAssistant?.id]);
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     FileDirectoryPanel,
     {
       workspaceId,
@@ -32921,7 +33504,7 @@ var ToolPanelFiles = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-import { Fragment as Fragment28, jsx as jsx127, jsxs as jsxs91 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx128, jsxs as jsxs92 } from "react/jsx-runtime";
 var useStyles22 = createStyles39(({ css }) => ({
   wrapper: css`
     display: flex;
@@ -32954,29 +33537,29 @@ var LatticeChatContent = (props) => {
   const { config } = useLatticeChatShellContext();
   const { styles } = useStyles22();
   const showWorkspaceSelector = showProjectSelector ?? config.enableWorkspace;
-  const layoutHeader = /* @__PURE__ */ jsxs91("div", { className: styles.headerBar, children: [
-    /* @__PURE__ */ jsx127("div", { className: styles.headerLeft, children: showWorkspaceSelector ? /* @__PURE__ */ jsx127(ProjectSelector, {}) : null }),
-    /* @__PURE__ */ jsx127("div", { className: styles.headerRight, children: headerRight !== void 0 ? headerRight : /* @__PURE__ */ jsxs91(Fragment28, { children: [
-      /* @__PURE__ */ jsx127(PinToMenuButton, { assistantId }),
-      /* @__PURE__ */ jsx127(FilePanelToggle, {})
+  const layoutHeader = /* @__PURE__ */ jsxs92("div", { className: styles.headerBar, children: [
+    /* @__PURE__ */ jsx128("div", { className: styles.headerLeft, children: showWorkspaceSelector ? /* @__PURE__ */ jsx128(ProjectSelector, {}) : null }),
+    /* @__PURE__ */ jsx128("div", { className: styles.headerRight, children: headerRight !== void 0 ? headerRight : /* @__PURE__ */ jsxs92(Fragment28, { children: [
+      /* @__PURE__ */ jsx128(PinToMenuButton, { assistantId }),
+      /* @__PURE__ */ jsx128(FilePanelToggle, {})
     ] }) })
   ] });
-  return /* @__PURE__ */ jsxs91("div", { className: styles.wrapper, children: [
+  return /* @__PURE__ */ jsxs92("div", { className: styles.wrapper, children: [
     header,
-    /* @__PURE__ */ jsx127(
+    /* @__PURE__ */ jsx128(
       ColumnLayout,
       {
         menu,
         header: layoutHeader,
-        main: thread_id ? /* @__PURE__ */ jsx127(Chating, { ...chatingProps }) : emptyPlaceholder ?? /* @__PURE__ */ jsx127("div", { children: "Please create a conversation first" }),
-        detail: /* @__PURE__ */ jsx127(SideAppViewBrowser, {}),
-        tools: /* @__PURE__ */ jsx127(ToolPanelFiles, {})
+        main: thread_id ? /* @__PURE__ */ jsx128(Chating, { ...chatingProps }) : emptyPlaceholder ?? /* @__PURE__ */ jsx128("div", { children: "Please create a conversation first" }),
+        detail: /* @__PURE__ */ jsx128(SideAppViewBrowser, {}),
+        tools: /* @__PURE__ */ jsx128(ToolPanelFiles, {})
       }
     )
   ] });
 };
 var LatticeChat = (props) => {
-  return /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx128(
     AgentThreadProvider,
     {
       assistantId: props.assistant_id,
@@ -32986,7 +33569,7 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx127(ChatUIContextProvider, { children: /* @__PURE__ */ jsx127(LatticeChatContent, { ...props }) })
+      children: /* @__PURE__ */ jsx128(ChatUIContextProvider, { children: /* @__PURE__ */ jsx128(LatticeChatContent, { ...props }) })
     }
   );
 };
@@ -32995,7 +33578,7 @@ var LatticeChat = (props) => {
 import { useContext as useContext12 } from "react";
 
 // src/components/Chat/ChatSidebar.tsx
-import { useState as useState81, useMemo as useMemo36, useCallback as useCallback43 } from "react";
+import { useState as useState81, useMemo as useMemo37, useCallback as useCallback44 } from "react";
 import { Drawer as Drawer3, Avatar as Avatar13, Popover as Popover4, Button as Button58 } from "antd";
 import {
   History as History2,
@@ -33006,11 +33589,11 @@ import {
 } from "lucide-react";
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-import React74, { useCallback as useCallback42 } from "react";
+import React75, { useCallback as useCallback43 } from "react";
 import { createStyles as createStyles40 } from "antd-style";
-import { MessageSquare as MessageSquare3, Trash2 as Trash29 } from "lucide-react";
+import { MessageSquare as MessageSquare4, Trash2 as Trash29 } from "lucide-react";
 import { message as message22, Modal as Modal23 } from "antd";
-import { jsx as jsx128, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs93 } from "react/jsx-runtime";
 var useStyles23 = createStyles40(({ token, css }) => ({
   container: css`
     padding: 4px;
@@ -33120,7 +33703,7 @@ var ThreadHistoryMenuContent = () => {
     deleteThread,
     isLoading
   } = useConversationContext();
-  const handleDeleteThread = useCallback42(
+  const handleDeleteThread = useCallback43(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
       Modal23.confirm({
@@ -33141,7 +33724,7 @@ var ThreadHistoryMenuContent = () => {
     },
     [deleteThread]
   );
-  const sortedThreads = React74.useMemo(() => {
+  const sortedThreads = React75.useMemo(() => {
     return [...threads].sort((a, b) => {
       const dateA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
       const dateB = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
@@ -33149,30 +33732,30 @@ var ThreadHistoryMenuContent = () => {
     });
   }, [threads]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx128("div", { className: styles.container, children: /* @__PURE__ */ jsx128("div", { className: styles.loading, children: "Loading conversations..." }) });
+    return /* @__PURE__ */ jsx129("div", { className: styles.container, children: /* @__PURE__ */ jsx129("div", { className: styles.loading, children: "Loading conversations..." }) });
   }
-  return /* @__PURE__ */ jsx128("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx128("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx128("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs92(
+  return /* @__PURE__ */ jsx129("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx129("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx129("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs93(
     "div",
     {
       className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
       onClick: () => selectThread(thread.id),
       title: thread.label,
       children: [
-        /* @__PURE__ */ jsx128("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx128(MessageSquare3, { size: 14 }) }),
-        /* @__PURE__ */ jsx128(
+        /* @__PURE__ */ jsx129("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx129(MessageSquare4, { size: 14 }) }),
+        /* @__PURE__ */ jsx129(
           "div",
           {
             className: thread.id === threadId ? styles.threadNameActive : styles.threadName,
             children: thread.label
           }
         ),
-        /* @__PURE__ */ jsx128(
+        /* @__PURE__ */ jsx129(
           "button",
           {
             className: styles.deleteBtn,
             onClick: (e) => handleDeleteThread(e, thread.id),
             title: "Delete conversation",
-            children: /* @__PURE__ */ jsx128(Trash29, { size: 12 })
+            children: /* @__PURE__ */ jsx129(Trash29, { size: 12 })
           }
         )
       ]
@@ -33182,7 +33765,7 @@ var ThreadHistoryMenuContent = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-import { Fragment as Fragment29, jsx as jsx129, jsxs as jsxs93 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx130, jsxs as jsxs94 } from "react/jsx-runtime";
 var DRAWER_STYLES2 = {
   wrapper: {
     background: "transparent",
@@ -33207,7 +33790,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "new-analysis",
     type: "action",
     name: "New Analysis",
-    icon: /* @__PURE__ */ jsx129(PlusCircle, { size: 20 }),
+    icon: /* @__PURE__ */ jsx130(PlusCircle, { size: 20 }),
     order: 0
   },
   {
@@ -33215,13 +33798,13 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "thread-history",
     type: "drawer",
     name: "History",
-    icon: /* @__PURE__ */ jsx129(History2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx130(History2, { size: 20 }),
     order: 1,
     title: "Conversation History",
     width: 320,
     inline: true,
     inlineDefaultExpanded: true,
-    content: /* @__PURE__ */ jsx129(ThreadHistoryMenuContent, {})
+    content: /* @__PURE__ */ jsx130(ThreadHistoryMenuContent, {})
   }
 ];
 var ChatSidebar = ({
@@ -33243,11 +33826,11 @@ var ChatSidebar = ({
     sidebarLogoIcon
   } = config;
   const isExpandedMode = sidebarMode === "expanded";
-  const menuItems = useMemo36(() => {
+  const menuItems = useMemo37(() => {
     const items = customMenuItems.length > 0 ? [...customMenuItems] : [...DEFAULT_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
-  const handleMenuClick = useCallback43(async (item) => {
+  const handleMenuClick = useCallback44(async (item) => {
     if (item.builtin === "settings") {
       setSettingsModalOpen(true);
       onSettingsClick?.();
@@ -33270,30 +33853,30 @@ var ChatSidebar = ({
       }
     }
   }, [onSettingsClick, setSettingsModalOpen, createThread, logout]);
-  const handleCloseDrawer = useCallback43((itemId) => {
+  const handleCloseDrawer = useCallback44((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleNewAnalysis = useCallback43(async () => {
+  const handleNewAnalysis = useCallback44(async () => {
     try {
       await createThread("New Analysis");
     } catch (error) {
       console.error("Failed to create new thread:", error);
     }
   }, [createThread]);
-  const renderDrawerContent = useCallback43((item) => {
+  const renderDrawerContent = useCallback44((item) => {
     switch (item.builtin) {
       case "thread-history":
-        return /* @__PURE__ */ jsx129(ThreadHistoryMenuContent, {});
+        return /* @__PURE__ */ jsx130(ThreadHistoryMenuContent, {});
       default:
         return item.content;
     }
   }, []);
-  const userMenuItems = /* @__PURE__ */ jsxs93("div", { style: { minWidth: 160 }, children: [
-    /* @__PURE__ */ jsxs93("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
-      /* @__PURE__ */ jsx129("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
-      /* @__PURE__ */ jsx129("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
+  const userMenuItems = /* @__PURE__ */ jsxs94("div", { style: { minWidth: 160 }, children: [
+    /* @__PURE__ */ jsxs94("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
+      /* @__PURE__ */ jsx130("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
+      /* @__PURE__ */ jsx130("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
     ] }),
-    /* @__PURE__ */ jsxs93(
+    /* @__PURE__ */ jsxs94(
       Button58,
       {
         type: "text",
@@ -33301,12 +33884,12 @@ var ChatSidebar = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: () => setChangePasswordOpen(true),
         children: [
-          /* @__PURE__ */ jsx129(Key2, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx130(Key2, { size: 16, style: { marginRight: 8 } }),
           "Change Password"
         ]
       }
     ),
-    /* @__PURE__ */ jsxs93(
+    /* @__PURE__ */ jsxs94(
       Button58,
       {
         type: "text",
@@ -33315,14 +33898,14 @@ var ChatSidebar = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: logout,
         children: [
-          /* @__PURE__ */ jsx129(LogOut4, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx130(LogOut4, { size: 16, style: { marginRight: 8 } }),
           "Logout"
         ]
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs93(Fragment29, { children: [
-    /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsxs94(Fragment29, { children: [
+    /* @__PURE__ */ jsx130(
       Menu,
       {
         items: menuItems,
@@ -33336,13 +33919,13 @@ var ChatSidebar = ({
         forceIconMode: sideAppVisible,
         collapsed: menuCollapsed,
         onCollapsedChange: setMenuCollapsed,
-        footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx129(
+        footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx130(
           Popover4,
           {
             content: userMenuItems,
             placement: "rightTop",
             trigger: "click",
-            children: /* @__PURE__ */ jsxs93(
+            children: /* @__PURE__ */ jsxs94(
               "div",
               {
                 style: {
@@ -33356,7 +33939,7 @@ var ChatSidebar = ({
                   transition: "all 0.2s"
                 },
                 children: [
-                  /* @__PURE__ */ jsx129(
+                  /* @__PURE__ */ jsx130(
                     Avatar13,
                     {
                       size: isIconMode ? 32 : 36,
@@ -33368,8 +33951,8 @@ var ChatSidebar = ({
                       children: (user.name?.charAt(0) || user.email.charAt(0)).toUpperCase()
                     }
                   ),
-                  !isIconMode && /* @__PURE__ */ jsxs93("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx129(
+                  !isIconMode && /* @__PURE__ */ jsxs94("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsx130(
                       "div",
                       {
                         style: {
@@ -33381,7 +33964,7 @@ var ChatSidebar = ({
                         children: user.name || user.email
                       }
                     ),
-                    /* @__PURE__ */ jsx129(
+                    /* @__PURE__ */ jsx130(
                       "div",
                       {
                         style: {
@@ -33402,19 +33985,19 @@ var ChatSidebar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx129(
+    /* @__PURE__ */ jsx130(
       ChangePasswordModal,
       {
         open: changePasswordOpen,
         onClose: () => setChangePasswordOpen(false)
       }
     ),
-    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx129(
+    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx130(
       Drawer3,
       {
-        title: /* @__PURE__ */ jsxs93("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
-          /* @__PURE__ */ jsx129("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
-          /* @__PURE__ */ jsx129(
+        title: /* @__PURE__ */ jsxs94("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+          /* @__PURE__ */ jsx130("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
+          /* @__PURE__ */ jsx130(
             "button",
             {
               onClick: () => handleCloseDrawer(item.id),
@@ -33429,7 +34012,7 @@ var ChatSidebar = ({
                 background: "rgba(255, 255, 255, 0.5)",
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ jsx129(PanelLeftClose2, { size: 24 })
+              children: /* @__PURE__ */ jsx130(PanelLeftClose2, { size: 24 })
             }
           )
         ] }),
@@ -33460,7 +34043,7 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-import { jsx as jsx130 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var LatticeChatView = (props) => {
   const shellContext = useContext12(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
@@ -33469,7 +34052,7 @@ var LatticeChatView = (props) => {
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ jsx130(
+  return assistantId && thread ? /* @__PURE__ */ jsx131(
     AxiomLatticeProvider,
     {
       config: {
@@ -33478,14 +34061,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ jsx130(
+      children: /* @__PURE__ */ jsx131(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: showSideMenu ? /* @__PURE__ */ jsx130(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
+          menu: showSideMenu ? /* @__PURE__ */ jsx131(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
         }
       )
     }
@@ -33493,14 +34076,14 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState82, useEffect as useEffect55, useRef as useRef30 } from "react";
+import { useState as useState82, useEffect as useEffect56, useRef as useRef30 } from "react";
 import {
   Modal as Modal24,
   Input as Input19,
   Button as Button59,
   message as message23,
   notification as notification5,
-  Typography as Typography59,
+  Typography as Typography60,
   Alert as Alert9,
   Select as Select8,
   Switch as Switch4,
@@ -33520,8 +34103,8 @@ import {
   CloudServerOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles41 } from "antd-style";
-import { Fragment as Fragment30, jsx as jsx131, jsxs as jsxs94 } from "react/jsx-runtime";
-var { Text: Text48, Title: Title17 } = Typography59;
+import { Fragment as Fragment30, jsx as jsx132, jsxs as jsxs95 } from "react/jsx-runtime";
+var { Text: Text49, Title: Title17 } = Typography60;
 var { TextArea: TextArea9 } = Input19;
 var useStyles24 = createStyles41(({ token, css }) => ({
   //   settingsModal: css`
@@ -33868,12 +34451,12 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ jsx131(EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ jsx132(EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ jsx131(ApiOutlined, {})
+    icon: /* @__PURE__ */ jsx132(ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
@@ -33907,7 +34490,7 @@ var SettingsModal = ({
   });
   const [serverConfigs, setServerConfigs] = useState82({});
   const connectionsRef = useRef30(connections);
-  useEffect55(() => {
+  useEffect56(() => {
     connectionsRef.current = connections;
   }, [connections]);
   const [activeTabKey, setActiveTabKey] = useState82(
@@ -34109,7 +34692,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  useEffect55(() => {
+  useEffect56(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -34118,7 +34701,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -34329,25 +34912,25 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ jsxs94("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx131(
+    return /* @__PURE__ */ jsxs95("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ jsx132(
         Alert9,
         {
           message: "Configuration Effect",
-          description: /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsxs94("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ jsx131(
+          description: /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsxs95("div", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ jsx132(
                 CheckCircleOutlined8,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ jsx131("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ jsx132("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__PURE__ */ jsxs94("div", { children: [
-              /* @__PURE__ */ jsx131(ReloadOutlined6, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ jsx131("strong", { children: "Requires restart:" }),
+            /* @__PURE__ */ jsxs95("div", { children: [
+              /* @__PURE__ */ jsx132(ReloadOutlined6, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ jsx132("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -34356,8 +34939,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ jsx131("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx131(Text48, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure environment variables in .env format (key=value). One variable per line. Leave password fields empty to keep current values." }) }),
-      /* @__PURE__ */ jsx131(
+      /* @__PURE__ */ jsx132("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure environment variables in .env format (key=value). One variable per line. Leave password fields empty to keep current values." }) }),
+      /* @__PURE__ */ jsx132(
         TextArea9,
         {
           value: config.envText,
@@ -34434,10 +35017,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    return /* @__PURE__ */ jsxs94("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx131("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx131(Text48, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
-      config.models.map((model, index) => /* @__PURE__ */ jsxs94("div", { className: styles.card, children: [
-        /* @__PURE__ */ jsxs94(
+    return /* @__PURE__ */ jsxs95("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ jsx132("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
+      config.models.map((model, index) => /* @__PURE__ */ jsxs95("div", { className: styles.card, children: [
+        /* @__PURE__ */ jsxs95(
           "div",
           {
             style: {
@@ -34449,13 +35032,13 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ jsxs94("div", { children: [
-                /* @__PURE__ */ jsxs94(Text48, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ jsxs95("div", { children: [
+                /* @__PURE__ */ jsxs95(Text49, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ jsxs94(
-                  Text48,
+                model.key && /* @__PURE__ */ jsxs95(
+                  Text49,
                   {
                     type: "secondary",
                     style: { marginLeft: 8, fontSize: 12 },
@@ -34467,7 +35050,7 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ jsx131(
+              config.models.length > 1 && /* @__PURE__ */ jsx132(
                 Button59,
                 {
                   type: "text",
@@ -34484,10 +35067,10 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__PURE__ */ jsxs94(Space39, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx131(Text48, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ jsx131(
+        /* @__PURE__ */ jsxs95(Space39, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ jsx132(
               Input19,
               {
                 placeholder: "e.g., default, gpt-4, claude",
@@ -34496,11 +35079,11 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx131(Text48, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ jsx132(Text49, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx131(Text48, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ jsx132(
               Select8,
               {
                 style: { width: "100%", height: 40 },
@@ -34516,9 +35099,9 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx131(Text48, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ jsx132(
               Input19,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
@@ -34528,9 +35111,9 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx131(Text48, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ jsx132(
               Input19.Password,
               {
                 placeholder: "Enter your API key",
@@ -34539,11 +35122,11 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx131(Text48, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ jsx132(Text49, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx131(Text48, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ jsx132(
               Input19,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
@@ -34552,22 +35135,22 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx131(Text48, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ jsx132(Text49, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ jsx131("div", { children: /* @__PURE__ */ jsxs94(Space39, { children: [
-            /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsx132("div", { children: /* @__PURE__ */ jsxs95(Space39, { children: [
+            /* @__PURE__ */ jsx132(
               Switch4,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ jsx131(Text48, { children: "Enable Streaming" })
+            /* @__PURE__ */ jsx132(Text49, { children: "Enable Streaming" })
           ] }) }),
-          /* @__PURE__ */ jsxs94("div", { style: { display: "flex", gap: 20 }, children: [
-            /* @__PURE__ */ jsxs94("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx131(Text48, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsxs95("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ jsxs95("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ jsx132(
                 Input19,
                 {
                   type: "number",
@@ -34582,9 +35165,9 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs94("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx131(Text48, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ jsx131(
+            /* @__PURE__ */ jsxs95("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ jsx132(
                 Input19,
                 {
                   type: "number",
@@ -34603,7 +35186,7 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ jsx131(
+      /* @__PURE__ */ jsx132(
         Button59,
         {
           type: "dashed",
@@ -34631,8 +35214,8 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ jsxs94("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx131(
+    return /* @__PURE__ */ jsxs95("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx132(
         CloudServerOutlined,
         {
           style: {
@@ -34641,14 +35224,14 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ jsx131("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ jsx131(
+      /* @__PURE__ */ jsx132("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ jsx132(
         CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ jsx131(
+      connection.error && !connection.connecting && /* @__PURE__ */ jsx132(
         CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
@@ -34659,35 +35242,35 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ jsx131("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx131(Fragment30, { children: /* @__PURE__ */ jsxs94("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ jsx131("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs94(
+    children: /* @__PURE__ */ jsx132("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx132(Fragment30, { children: /* @__PURE__ */ jsxs95("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ jsx132("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs95(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ jsx131("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ jsx131("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ jsx132("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ jsx132("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
       )) }),
-      /* @__PURE__ */ jsxs94("div", { className: styles.content, children: [
-        /* @__PURE__ */ jsxs94("div", { className: styles.contentHeader, children: [
-          /* @__PURE__ */ jsxs94("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ jsx131(Title17, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
-            /* @__PURE__ */ jsxs94(Text48, { className: styles.contentDescription, children: [
+      /* @__PURE__ */ jsxs95("div", { className: styles.content, children: [
+        /* @__PURE__ */ jsxs95("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ jsxs95("div", { className: styles.contentHeaderLeft, children: [
+            /* @__PURE__ */ jsx132(Title17, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ jsxs95(Text49, { className: styles.contentDescription, children: [
               activeMenu === "environment" && "Manage environment variables for the gateway server",
               activeMenu === "models" && "Configure and register model lattices for use by agents"
             ] })
           ] }),
-          /* @__PURE__ */ jsxs94("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ jsx131(Button59, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsxs95("div", { className: styles.contentHeaderRight, children: [
+            /* @__PURE__ */ jsx132(Button59, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsx132(
               Button59,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ jsx131(SaveOutlined2, {}),
+                icon: /* @__PURE__ */ jsx132(SaveOutlined2, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -34695,9 +35278,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx131("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ jsx132("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ jsx131(
+    ] }) }) : /* @__PURE__ */ jsx132(
       "div",
       {
         style: {
@@ -34709,29 +35292,29 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ jsxs94(Fragment30, { children: [
-          /* @__PURE__ */ jsx131(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ jsx131(Title17, { level: 4, children: "Connecting..." }),
-          /* @__PURE__ */ jsxs94(Text48, { type: "secondary", style: { textAlign: "center" }, children: [
+        children: connection.connecting ? /* @__PURE__ */ jsxs95(Fragment30, { children: [
+          /* @__PURE__ */ jsx132(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ jsx132(Title17, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ jsxs95(Text49, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ jsxs94(Fragment30, { children: [
-          /* @__PURE__ */ jsx131(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ jsx131(Title17, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ jsx131(
-            Text48,
+        ] }) : /* @__PURE__ */ jsxs95(Fragment30, { children: [
+          /* @__PURE__ */ jsx132(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ jsx132(Title17, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ jsx132(
+            Text49,
             {
               type: "secondary",
               style: { textAlign: "center", maxWidth: 400 },
               children: connection.error ? `Failed to connect to ${connection.url}. Please check the server URL and try again.` : `Click "Reconnect" to connect to ${connection.url}`
             }
           ),
-          /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsx132(
             Button59,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx131(LinkOutlined2, {}),
+              icon: /* @__PURE__ */ jsx132(LinkOutlined2, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -34743,8 +35326,8 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ jsxs94(Fragment30, { children: [
-    /* @__PURE__ */ jsx131(
+  return /* @__PURE__ */ jsxs95(Fragment30, { children: [
+    /* @__PURE__ */ jsx132(
       Modal24,
       {
         open,
@@ -34753,7 +35336,7 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ jsx131("div", { children: /* @__PURE__ */ jsx131(
+        children: /* @__PURE__ */ jsx132("div", { children: /* @__PURE__ */ jsx132(
           Tabs4,
           {
             activeKey: activeTabKey,
@@ -34767,7 +35350,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ jsxs94(
+            addIcon: /* @__PURE__ */ jsxs95(
               "div",
               {
                 style: {
@@ -34777,8 +35360,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx131(PlusOutlined9, {}),
-                  /* @__PURE__ */ jsx131("span", { children: "Add Server" })
+                  /* @__PURE__ */ jsx132(PlusOutlined9, {}),
+                  /* @__PURE__ */ jsx132("span", { children: "Add Server" })
                 ]
               }
             )
@@ -34786,7 +35369,7 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ jsx131(
+    /* @__PURE__ */ jsx132(
       Modal24,
       {
         title: "Add New Server",
@@ -34800,10 +35383,10 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        children: /* @__PURE__ */ jsxs94(Space39, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx131(Text48, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ jsx131(
+        children: /* @__PURE__ */ jsxs95(Space39, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsx132(Text49, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ jsx132(
               Input19,
               {
                 placeholder: "e.g., Production Server",
@@ -34812,11 +35395,11 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx131(Text48, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx131(Text48, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsx132(Text49, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ jsx132(
               Input19,
               {
                 placeholder: "e.g., http://localhost:4001",
@@ -34825,11 +35408,11 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx131(Text48, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__PURE__ */ jsxs94("div", { children: [
-            /* @__PURE__ */ jsx131(Text48, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ jsx131(
+          /* @__PURE__ */ jsxs95("div", { children: [
+            /* @__PURE__ */ jsx132(Text49, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ jsx132(
               Input19.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
@@ -34838,7 +35421,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx131(Text48, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -34847,10 +35430,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx133 } from "react/jsx-runtime";
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx133(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -34860,24 +35443,24 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-import { Fragment as Fragment31, jsx as jsx133, jsxs as jsxs95 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx134, jsxs as jsxs96 } from "react/jsx-runtime";
 var ShellContent = ({
   initialAssistantId,
   enableWorkspace
 }) => {
   const { currentTenant } = useAuth();
-  return /* @__PURE__ */ jsx133(Fragment31, { children: enableWorkspace ? /* @__PURE__ */ jsxs95(WorkspaceContextProvider, { children: [
-    /* @__PURE__ */ jsx133(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx133(ConversationContextProvider, { children: /* @__PURE__ */ jsx133(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx133(AgentServerSetting, {})
-  ] }) : /* @__PURE__ */ jsxs95(Fragment31, { children: [
-    /* @__PURE__ */ jsx133(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx133(ConversationContextProvider, { children: /* @__PURE__ */ jsx133(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx133(AgentServerSetting, {})
+  return /* @__PURE__ */ jsx134(Fragment31, { children: enableWorkspace ? /* @__PURE__ */ jsxs96(WorkspaceContextProvider, { children: [
+    /* @__PURE__ */ jsx134(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx134(ConversationContextProvider, { children: /* @__PURE__ */ jsx134(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx134(AgentServerSetting, {})
+  ] }) : /* @__PURE__ */ jsxs96(Fragment31, { children: [
+    /* @__PURE__ */ jsx134(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx134(ConversationContextProvider, { children: /* @__PURE__ */ jsx134(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx134(AgentServerSetting, {})
   ] }) });
 };
 var LatticeChatShell = (props) => {
   const { enableAssistantCreation, enableAssistantEditing, enableWorkspace: enableWorkspaceProp, ...restProps } = props;
   const enableWorkspace = enableWorkspaceProp ?? restProps.initialConfig?.enableWorkspace ?? false;
-  return /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsx134(
     LatticeChatShellContextProvider,
     {
       initialConfig: {
@@ -34886,7 +35469,7 @@ var LatticeChatShell = (props) => {
         enableWorkspace,
         ...restProps.initialConfig
       },
-      children: /* @__PURE__ */ jsx133(
+      children: /* @__PURE__ */ jsx134(
         ShellContent,
         {
           initialAssistantId: restProps.initialConfig?.assistantId,
@@ -34898,7 +35481,7 @@ var LatticeChatShell = (props) => {
 };
 
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
-import { useEffect as useEffect56, useState as useState83 } from "react";
+import { useEffect as useEffect57, useState as useState83 } from "react";
 import {
   Button as Button60,
   Card as Card30,
@@ -34908,12 +35491,12 @@ import {
   Popconfirm as Popconfirm12,
   Spin as Spin23,
   Tag as Tag30,
-  Typography as Typography60,
+  Typography as Typography61,
   message as message24
 } from "antd";
 import { Edit2 as Edit24, Plus as Plus9, RadioTower, Trash2 as Trash210 } from "lucide-react";
-import { jsx as jsx134, jsxs as jsxs96 } from "react/jsx-runtime";
-var { Text: Text49, Title: Title18 } = Typography60;
+import { jsx as jsx135, jsxs as jsxs97 } from "react/jsx-runtime";
+var { Text: Text50, Title: Title18 } = Typography61;
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
   const [installations, setInstallations] = useState83([]);
@@ -34940,7 +35523,7 @@ var ChannelInstallationsDrawerContent = () => {
       setLoading(false);
     }
   };
-  useEffect56(() => {
+  useEffect57(() => {
     loadInstallations();
   }, []);
   const handleDelete = async (installation) => {
@@ -34961,8 +35544,8 @@ var ChannelInstallationsDrawerContent = () => {
       message24.error("Failed to delete installation");
     }
   };
-  return /* @__PURE__ */ jsxs96("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx134("div", { style: { padding: 16 }, children: /* @__PURE__ */ jsxs96(
+  return /* @__PURE__ */ jsxs97("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx135("div", { style: { padding: 16 }, children: /* @__PURE__ */ jsxs97(
       "div",
       {
         style: {
@@ -34971,12 +35554,12 @@ var ChannelInstallationsDrawerContent = () => {
           alignItems: "center"
         },
         children: [
-          /* @__PURE__ */ jsx134(Title18, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
-          /* @__PURE__ */ jsx134(
+          /* @__PURE__ */ jsx135(Title18, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
+          /* @__PURE__ */ jsx135(
             Button60,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx134(Plus9, { size: 16 }),
+              icon: /* @__PURE__ */ jsx135(Plus9, { size: 16 }),
               onClick: () => {
                 setEditingInstallation(null);
                 setFormModalOpen(true);
@@ -34987,7 +35570,7 @@ var ChannelInstallationsDrawerContent = () => {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx134("div", { style: { flex: 1, overflowY: "auto", padding: 16 }, children: loading ? /* @__PURE__ */ jsx134("div", { style: { display: "flex", justifyContent: "center", padding: 32 }, children: /* @__PURE__ */ jsx134(Spin23, {}) }) : installations.length === 0 ? /* @__PURE__ */ jsxs96(
+    /* @__PURE__ */ jsx135("div", { style: { flex: 1, overflowY: "auto", padding: 16 }, children: loading ? /* @__PURE__ */ jsx135("div", { style: { display: "flex", justifyContent: "center", padding: 32 }, children: /* @__PURE__ */ jsx135(Spin23, {}) }) : installations.length === 0 ? /* @__PURE__ */ jsxs97(
       "div",
       {
         style: {
@@ -34998,15 +35581,15 @@ var ChannelInstallationsDrawerContent = () => {
           padding: "48px 16px"
         },
         children: [
-          /* @__PURE__ */ jsx134(RadioTower, { size: 48, style: { marginBottom: 16, opacity: 0.5 } }),
-          /* @__PURE__ */ jsx134(Text49, { strong: true, style: { fontSize: 15 }, children: "No channel installations" }),
-          /* @__PURE__ */ jsx134(Text49, { type: "secondary", style: { marginTop: 8 }, children: 'Click "Add Installation" to create one' })
+          /* @__PURE__ */ jsx135(RadioTower, { size: 48, style: { marginBottom: 16, opacity: 0.5 } }),
+          /* @__PURE__ */ jsx135(Text50, { strong: true, style: { fontSize: 15 }, children: "No channel installations" }),
+          /* @__PURE__ */ jsx135(Text50, { type: "secondary", style: { marginTop: 8 }, children: 'Click "Add Installation" to create one' })
         ]
       }
-    ) : /* @__PURE__ */ jsx134("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: installations.map((installation) => {
+    ) : /* @__PURE__ */ jsx135("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: installations.map((installation) => {
       const webhookPath = installation.channel === "lark" ? `/api/channels/lark/installations/${installation.id}/events` : null;
-      return /* @__PURE__ */ jsxs96(Card30, { size: "small", children: [
-        /* @__PURE__ */ jsxs96(
+      return /* @__PURE__ */ jsxs97(Card30, { size: "small", children: [
+        /* @__PURE__ */ jsxs97(
           "div",
           {
             style: {
@@ -35016,12 +35599,12 @@ var ChannelInstallationsDrawerContent = () => {
               marginBottom: 10
             },
             children: [
-              /* @__PURE__ */ jsx134(Text49, { strong: true, style: { fontSize: 15 }, children: installation.name || installation.id }),
-              /* @__PURE__ */ jsx134(Tag30, { color: "blue", children: installation.channel })
+              /* @__PURE__ */ jsx135(Text50, { strong: true, style: { fontSize: 15 }, children: installation.name || installation.id }),
+              /* @__PURE__ */ jsx135(Tag30, { color: "blue", children: installation.channel })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs96(
+        /* @__PURE__ */ jsxs97(
           "div",
           {
             style: {
@@ -35031,19 +35614,19 @@ var ChannelInstallationsDrawerContent = () => {
               marginBottom: 12
             },
             children: [
-              /* @__PURE__ */ jsxs96(Text49, { type: "secondary", style: { fontSize: 12 }, children: [
+              /* @__PURE__ */ jsxs97(Text50, { type: "secondary", style: { fontSize: 12 }, children: [
                 "ID: ",
                 installation.id
               ] }),
-              webhookPath ? /* @__PURE__ */ jsx134(Text49, { code: true, style: { fontSize: 12 }, children: webhookPath }) : /* @__PURE__ */ jsx134(Text49, { type: "secondary", style: { fontSize: 12 }, children: "Unsupported channel configuration UI" })
+              webhookPath ? /* @__PURE__ */ jsx135(Text50, { code: true, style: { fontSize: 12 }, children: webhookPath }) : /* @__PURE__ */ jsx135(Text50, { type: "secondary", style: { fontSize: 12 }, children: "Unsupported channel configuration UI" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs96("div", { style: { display: "flex", gap: 8 }, children: [
-          /* @__PURE__ */ jsx134(
+        /* @__PURE__ */ jsxs97("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ jsx135(
             Button60,
             {
-              icon: /* @__PURE__ */ jsx134(Edit24, { size: 14 }),
+              icon: /* @__PURE__ */ jsx135(Edit24, { size: 14 }),
               onClick: () => {
                 setEditingInstallation(installation);
                 setFormModalOpen(true);
@@ -35051,7 +35634,7 @@ var ChannelInstallationsDrawerContent = () => {
               children: "Edit"
             }
           ),
-          /* @__PURE__ */ jsx134(
+          /* @__PURE__ */ jsx135(
             Popconfirm12,
             {
               title: "Delete Channel Installation",
@@ -35060,13 +35643,13 @@ var ChannelInstallationsDrawerContent = () => {
               okText: "Delete",
               okType: "danger",
               cancelText: "Cancel",
-              children: /* @__PURE__ */ jsx134(Button60, { danger: true, icon: /* @__PURE__ */ jsx134(Trash210, { size: 14 }), children: "Delete" })
+              children: /* @__PURE__ */ jsx135(Button60, { danger: true, icon: /* @__PURE__ */ jsx135(Trash210, { size: 14 }), children: "Delete" })
             }
           )
         ] })
       ] }, installation.id);
     }) }) }),
-    formModalOpen ? /* @__PURE__ */ jsx134(
+    formModalOpen ? /* @__PURE__ */ jsx135(
       LarkChannelInstallationFormModal,
       {
         installation: editingInstallation,
@@ -35088,7 +35671,7 @@ var ChannelInstallationsDrawerContent = () => {
 };
 var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
   const [form] = Form9.useForm();
-  useEffect56(() => {
+  useEffect57(() => {
     if (installation) {
       const config = installation.config;
       form.setFieldsValue({
@@ -35150,7 +35733,7 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
       );
     }
   };
-  return /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsx135(
     Modal25,
     {
       open,
@@ -35159,29 +35742,29 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
       onOk: handleSubmit,
       okText: installation ? "Save" : "Create",
       destroyOnHidden: true,
-      children: /* @__PURE__ */ jsxs96(Form9, { form, layout: "vertical", children: [
-        /* @__PURE__ */ jsx134(Form9.Item, { label: "Channel", children: /* @__PURE__ */ jsx134(Input20, { value: "lark", disabled: true }) }),
-        /* @__PURE__ */ jsx134(Form9.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx134(Input20, {}) }),
-        /* @__PURE__ */ jsx134(
+      children: /* @__PURE__ */ jsxs97(Form9, { form, layout: "vertical", children: [
+        /* @__PURE__ */ jsx135(Form9.Item, { label: "Channel", children: /* @__PURE__ */ jsx135(Input20, { value: "lark", disabled: true }) }),
+        /* @__PURE__ */ jsx135(Form9.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx135(Input20, {}) }),
+        /* @__PURE__ */ jsx135(
           Form9.Item,
           {
             name: "appId",
             label: "App ID",
             rules: [{ required: true, message: "App ID is required" }],
-            children: /* @__PURE__ */ jsx134(Input20, {})
+            children: /* @__PURE__ */ jsx135(Input20, {})
           }
         ),
-        /* @__PURE__ */ jsx134(
+        /* @__PURE__ */ jsx135(
           Form9.Item,
           {
             name: "appSecret",
             label: "App Secret",
             rules: [{ required: true, message: "App Secret is required" }],
-            children: /* @__PURE__ */ jsx134(Input20, {})
+            children: /* @__PURE__ */ jsx135(Input20, {})
           }
         ),
-        /* @__PURE__ */ jsx134(Form9.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx134(Input20, {}) }),
-        /* @__PURE__ */ jsx134(Form9.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx134(Input20, {}) })
+        /* @__PURE__ */ jsx135(Form9.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx135(Input20, {}) }),
+        /* @__PURE__ */ jsx135(Form9.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx135(Input20, {}) })
       ] })
     }
   );