@axiom-lattice/react-sdk 2.1.32 → 2.1.33

package/dist/index.js

@@ -4267,7 +4267,7 @@ var AttachmentsCard = ({
   const { config } = useLatticeChatShellContext();
   const baseURL = config.baseURL;
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
-  const { Text: Text21 } = import_antd10.Typography;
+  const { Text: Text23 } = import_antd10.Typography;
   const [showAll, setShowAll] = (0, import_react18.useState)(false);
   const { openSideApp } = useChatUIContext();
   const getStyles = () => {
@@ -4342,7 +4342,7 @@ var AttachmentsCard = ({
     );
   };
   const renderFileDescription = (item) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_antd10.Space, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_antd10.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    Text21,
+    Text23,
     {
       type: "secondary",
       style: {
@@ -4416,7 +4416,7 @@ var AttachmentsCard = ({
         }
       ),
       item.files && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { paddingLeft: "12px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Text21, { type: "secondary", style: { fontSize: "12px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Text23, { type: "secondary", style: { fontSize: "12px" }, children: [
           "\u5305\u542B\u6587\u4EF6(",
           item.files.length,
           ")"
@@ -7329,17 +7329,17 @@ var AgentConversations = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 
 // src/components/Chat/ChatSidebar.tsx
-var import_react41 = require("react");
-var import_antd40 = require("antd");
+var import_react42 = require("react");
+var import_antd42 = require("antd");
 var import_lucide_react = require("lucide-react");
 var import_antd_style13 = require("antd-style");
 
 // src/components/Chat/AssistantFlow.tsx
-var import_react33 = require("react");
-var import_react34 = require("@xyflow/react");
+var import_react34 = require("react");
+var import_react35 = require("@xyflow/react");
 var import_style = require("@xyflow/react/dist/style.css");
 
 // src/components/Chat/AssistantNode.tsx
@@ -7376,11 +7376,9 @@ var getBadgeColor = (id) => {
 };
 var AssistantNode = ({
   data,
-  selected,
-  id
+  selected
 }) => {
   const { token } = import_antd31.theme.useToken();
-  const { setNodes, fitView, getNodes } = (0, import_react30.useReactFlow)();
   if (!data) {
     return null;
   }
@@ -7422,8 +7420,8 @@ var AssistantNode = ({
   const getAgentTypeLabel = (type) => {
     if (!type) return "";
     const typeMap = {
-      react: "REACT",
-      deep_agent: "DEEP AGENT",
+      react: "Executor",
+      deep_agent: "Orchestrator",
       plan_execute: "PLAN EXECUTE",
       sequential: "SEQUENTIAL"
     };
@@ -7820,62 +7818,6 @@ var AssistantNode = ({
               e.currentTarget.style.boxShadow = `0 1px 4px rgba(0, 0, 0, 0.08)`;
             },
             children: [
-              onConfigure && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                "div",
-                {
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    setNodes(
-                      (nodes) => nodes.map((node) => ({
-                        ...node,
-                        selected: node.id === id
-                      }))
-                    );
-                    const currentNode = getNodes().find((n) => n.id === id);
-                    if (currentNode) {
-                      fitView({
-                        nodes: [currentNode],
-                        duration: 400,
-                        minZoom: 0.5,
-                        maxZoom: 1.5
-                      });
-                    }
-                    onConfigure?.(assistant);
-                  },
-                  style: {
-                    position: "absolute",
-                    top: 8,
-                    right: 8,
-                    zIndex: 10,
-                    cursor: "pointer",
-                    padding: 6,
-                    borderRadius: 6,
-                    background: token.colorBgContainer,
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    transition: "all 0.2s ease",
-                    border: `1px solid ${token.colorBorderSecondary}`
-                  },
-                  onMouseEnter: (e) => {
-                    e.currentTarget.style.background = token.colorPrimaryBg;
-                    e.currentTarget.style.borderColor = token.colorPrimary;
-                  },
-                  onMouseLeave: (e) => {
-                    e.currentTarget.style.background = token.colorBgContainer;
-                    e.currentTarget.style.borderColor = token.colorBorderSecondary;
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-                    import_icons18.EditOutlined,
-                    {
-                      style: {
-                        fontSize: 14,
-                        color: token.colorPrimary
-                      }
-                    }
-                  )
-                }
-              ),
               /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
                 "div",
                 {
@@ -8136,14 +8078,11 @@ var AssistantNode = ({
                           onChat && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
                             "div",
                             {
+                              onMouseDown: (e) => {
+                                e.stopPropagation();
+                              },
                               onClick: (e) => {
                                 e.stopPropagation();
-                                setNodes(
-                                  (nodes) => nodes.map((node) => ({
-                                    ...node,
-                                    selected: node.id === id
-                                  }))
-                                );
                                 onChat(assistant);
                               },
                               style: {
@@ -8998,8 +8937,8 @@ var AgentConfigPanel = ({
                               value: agentType,
                               onChange: (value) => setAgentType(value),
                               options: [
-                                { value: "react", label: "React" },
-                                { value: "deep_agent", label: "Deep" }
+                                { value: "react", label: "Executor" },
+                                { value: "deep_agent", label: "Orchestrator" }
                               ],
                               block: true
                             }
@@ -9009,7 +8948,7 @@ var AgentConfigPanel = ({
                             {
                               type: "secondary",
                               style: { fontSize: 11, marginTop: 6, display: "block", lineHeight: 1.4 },
-                              children: agentType === "react" ? "React: Single-turn reasoning with tool calling for simple tasks" : "Deep: Multi-agent orchestration with sub-agents for complex workflows"
+                              children: agentType === "react" ? "Executor: Directly executes tasks using tools. Best for single-step operations like search, code execution, and data retrieval." : "Orchestrator: Coordinates multiple sub-agents to accomplish complex workflows. Best for multi-step tasks that require planning, delegation, and synthesis."
                             }
                           )
                         ]
@@ -9344,47 +9283,328 @@ var AgentConfigPanel = ({
 var AgentConfigPanel_default = AgentConfigPanel;
 
 // src/components/Chat/CreateAssistantModal.tsx
+var import_react33 = require("react");
+var import_antd35 = require("antd");
+var import_icons21 = require("@ant-design/icons");
+
+// src/components/Chat/ParentAgentSelector.tsx
 var import_react32 = require("react");
 var import_antd33 = require("antd");
-var import_icons20 = require("@ant-design/icons");
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var { TextArea: TextArea2 } = import_antd33.Input;
 var { Text: Text17 } = import_antd33.Typography;
+var ParentAgentSelector = ({
+  onSelect,
+  value,
+  placeholder = "Select a parent agent to extend..."
+}) => {
+  const { config } = useLatticeChatShellContext();
+  const [assistants, setAssistants] = (0, import_react32.useState)([]);
+  const [loading, setLoading] = (0, import_react32.useState)(false);
+  (0, import_react32.useEffect)(() => {
+    const fetchAssistants = async () => {
+      setLoading(true);
+      try {
+        const headers = {
+          "Content-Type": "application/json"
+        };
+        if (config.apiKey) {
+          headers["Authorization"] = `Bearer ${config.apiKey}`;
+        }
+        const response = await fetch(`${config.baseURL}/api/assistants`, {
+          method: "GET",
+          headers
+        });
+        const data = await response.json();
+        if (response.ok && data.success) {
+          setAssistants(data.data.records || []);
+        }
+      } catch (error) {
+        console.error("Failed to fetch assistants:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchAssistants();
+  }, [config.baseURL, config.apiKey]);
+  const handleChange = (selectedId) => {
+    if (!selectedId) {
+      onSelect(null);
+      return;
+    }
+    const selected = assistants.find((a) => a.id === selectedId);
+    onSelect(selected || null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    import_antd33.Select,
+    {
+      showSearch: true,
+      allowClear: true,
+      value,
+      placeholder,
+      loading,
+      onChange: handleChange,
+      optionFilterProp: "label",
+      style: { width: "100%" },
+      options: assistants.map((assistant) => ({
+        value: assistant.id,
+        label: assistant.name || assistant.id,
+        description: assistant.description
+      })),
+      optionRender: (option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { children: option.label }),
+        option.data.description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Text17, { type: "secondary", style: { fontSize: 12 }, children: option.data.description })
+      ] })
+    }
+  );
+};
+
+// src/components/Chat/SubAgentInheritList.tsx
+var import_antd34 = require("antd");
+var import_icons20 = require("@ant-design/icons");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var { Text: Text18 } = import_antd34.Typography;
+var SubAgentInheritList = ({
+  subAgentKeys,
+  decisions,
+  onChange
+}) => {
+  const { token } = import_antd34.theme.useToken();
+  const handleToggle = (key, clone) => {
+    const updated = decisions.map(
+      (d) => d.originalKey === key ? { ...d, clone, cloneKey: clone ? `${key}_clone` : void 0 } : d
+    );
+    onChange(updated);
+  };
+  const handleCloneKeyChange = (originalKey, cloneKey) => {
+    const updated = decisions.map(
+      (d) => d.originalKey === originalKey ? { ...d, cloneKey } : d
+    );
+    onChange(updated);
+  };
+  if (subAgentKeys.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text18, { type: "secondary", style: { display: "block", marginBottom: 8 }, children: "Choose how to handle each sub-agent from the parent:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      import_antd34.List,
+      {
+        size: "small",
+        bordered: true,
+        dataSource: decisions,
+        style: { borderRadius: token.borderRadius },
+        renderItem: (decision) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          import_antd34.List.Item,
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "stretch",
+              gap: 8,
+              padding: "8px 16px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                  decision.clone ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons20.ForkOutlined, { style: { color: token.colorPrimary } }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons20.LinkOutlined, { style: { color: token.colorTextSecondary } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text18, { style: { fontFamily: "monospace" }, children: decision.originalKey })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_antd34.Tag, { color: decision.clone ? "blue" : "default", children: decision.clone ? "Clone as new" : "Reuse" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                    import_antd34.Switch,
+                    {
+                      size: "small",
+                      checked: decision.clone,
+                      onChange: (checked) => handleToggle(decision.originalKey, checked)
+                    }
+                  )
+                ] })
+              ] }),
+              decision.clone && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                import_antd34.Input,
+                {
+                  size: "small",
+                  placeholder: "Enter key for the cloned agent",
+                  value: decision.cloneKey,
+                  onChange: (e) => handleCloneKeyChange(decision.originalKey, e.target.value),
+                  style: { fontFamily: "monospace", fontSize: 12 },
+                  addonBefore: "Key"
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+
+// src/components/Chat/CreateAssistantModal.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var { TextArea: TextArea2 } = import_antd35.Input;
+var { Text: Text19 } = import_antd35.Typography;
 var CreateAssistantModal = ({
   open,
   onCancel,
   onSuccess
 }) => {
-  const [form] = import_antd33.Form.useForm();
-  const [loading, setLoading] = (0, import_react32.useState)(false);
+  const [form] = import_antd35.Form.useForm();
+  const [loading, setLoading] = (0, import_react33.useState)(false);
+  const [creationMode, setCreationMode] = (0, import_react33.useState)("scratch");
+  const [parentAssistant, setParentAssistant] = (0, import_react33.useState)(null);
+  const [subAgentDecisions, setSubAgentDecisions] = (0, import_react33.useState)([]);
   const { config } = useLatticeChatShellContext();
-  const { token } = import_antd33.theme.useToken();
+  const { token } = import_antd35.theme.useToken();
+  const getHeaders = (0, import_react33.useCallback)(() => {
+    const headers = { "Content-Type": "application/json" };
+    if (config.apiKey) {
+      headers["Authorization"] = `Bearer ${config.apiKey}`;
+    }
+    return headers;
+  }, [config.apiKey]);
+  const resetExtendState = (0, import_react33.useCallback)(() => {
+    setParentAssistant(null);
+    setSubAgentDecisions([]);
+  }, []);
+  const handleParentSelect = (0, import_react33.useCallback)(
+    (assistant) => {
+      setParentAssistant(assistant);
+      if (!assistant) {
+        form.resetFields(["key", "name", "description", "type", "prompt"]);
+        setSubAgentDecisions([]);
+        return;
+      }
+      const graphDef = typeof assistant.graphDefinition === "object" && assistant.graphDefinition !== null ? assistant.graphDefinition : {};
+      const parentKey = graphDef.key || assistant.id;
+      const parentName = assistant.name || graphDef.name || "";
+      form.setFieldsValue({
+        key: `${parentKey}_ext`,
+        name: parentName ? `${parentName} (Extended)` : "",
+        description: assistant.description || graphDef.description || "",
+        type: graphDef.type || "react",
+        prompt: graphDef.prompt || ""
+      });
+      const parentSubAgents2 = graphDef.subAgents || [];
+      setSubAgentDecisions(
+        parentSubAgents2.map((key) => ({ originalKey: key, clone: false }))
+      );
+    },
+    [form]
+  );
+  const handleModeChange = (0, import_react33.useCallback)(
+    (mode) => {
+      setCreationMode(mode);
+      if (mode === "scratch") {
+        resetExtendState();
+        form.resetFields();
+      }
+    },
+    [form, resetExtendState]
+  );
+  const cloneSubAgent = async (originalKey, newKey, headers) => {
+    const getResponse = await fetch(
+      `${config.baseURL}/api/assistants/${originalKey}`,
+      { method: "GET", headers }
+    );
+    const getData = await getResponse.json();
+    if (!getResponse.ok || !getData.success) {
+      throw new Error(`Failed to fetch sub-agent "${originalKey}" for cloning`);
+    }
+    const originalAssistant = getData.data;
+    const originalGraphDef = typeof originalAssistant.graphDefinition === "object" ? originalAssistant.graphDefinition : {};
+    const cloneBody = {
+      id: newKey,
+      name: `${originalAssistant.name} (Clone)`,
+      description: originalAssistant.description || "",
+      graphDefinition: {
+        ...originalGraphDef,
+        key: newKey,
+        name: `${originalAssistant.name} (Clone)`
+      }
+    };
+    const createResponse = await fetch(`${config.baseURL}/api/assistants`, {
+      method: "POST",
+      headers,
+      body: JSON.stringify(cloneBody)
+    });
+    const createData = await createResponse.json();
+    if (!createResponse.ok || !createData.success) {
+      throw new Error(`Failed to clone sub-agent "${originalKey}"`);
+    }
+    return createData.data;
+  };
+  const buildScratchBody = (values) => ({
+    id: values.key,
+    name: values.name,
+    description: values.description || "",
+    graphDefinition: {
+      key: values.key,
+      name: values.name,
+      description: values.description || "",
+      type: values.type,
+      prompt: values.prompt || "",
+      tools: [],
+      skills: [],
+      subAgents: values.type === "deep_agent" ? [] : void 0,
+      middleware: []
+    }
+  });
+  const buildExtendBody = async (values, headers, createdAssistants) => {
+    if (!parentAssistant) {
+      throw new Error("No parent agent selected");
+    }
+    const cloneDecisions = subAgentDecisions.filter((d) => d.clone);
+    for (const decision of cloneDecisions) {
+      if (!decision.cloneKey || !decision.cloneKey.trim()) {
+        throw new Error(
+          `Please provide a key for the cloned sub-agent "${decision.originalKey}"`
+        );
+      }
+      if (!/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(decision.cloneKey)) {
+        throw new Error(
+          `Invalid key "${decision.cloneKey}" for cloned sub-agent "${decision.originalKey}". Key must start with a letter and contain only letters, numbers, underscores, or hyphens.`
+        );
+      }
+    }
+    const resolvedSubAgents = [];
+    for (const decision of subAgentDecisions) {
+      if (decision.clone) {
+        const clonedAssistant = await cloneSubAgent(decision.originalKey, decision.cloneKey, headers);
+        createdAssistants.push(clonedAssistant);
+        resolvedSubAgents.push(decision.cloneKey);
+      } else {
+        resolvedSubAgents.push(decision.originalKey);
+      }
+    }
+    const parentGraphDef = typeof parentAssistant.graphDefinition === "object" ? parentAssistant.graphDefinition : {};
+    const graphDefinition = {
+      key: values.key,
+      name: values.name,
+      description: values.description || "",
+      extendsAgent: parentAssistant.id,
+      type: values.type || parentGraphDef.type
+    };
+    if (values.prompt && values.prompt !== parentGraphDef.prompt) {
+      graphDefinition.prompt = values.prompt;
+    }
+    if (resolvedSubAgents.length > 0 || parentGraphDef.subAgents && parentGraphDef.subAgents.length > 0) {
+      graphDefinition.subAgents = resolvedSubAgents;
+    }
+    return {
+      id: values.key,
+      name: values.name,
+      description: values.description || "",
+      graphDefinition
+    };
+  };
   const handleSubmit = async () => {
     try {
       const values = await form.validateFields();
       setLoading(true);
-      const headers = {
-        "Content-Type": "application/json"
-      };
-      if (config.apiKey) {
-        headers["Authorization"] = `Bearer ${config.apiKey}`;
-      }
-      const requestBody = {
-        id: values.key,
-        name: values.name,
-        description: values.description || "",
-        graphDefinition: {
-          key: values.key,
-          name: values.name,
-          description: values.description || "",
-          type: values.type,
-          prompt: values.prompt || "",
-          tools: [],
-          skills: [],
-          subAgents: values.type === "deep_agent" ? [] : void 0,
-          middleware: []
-        }
-      };
+      const headers = getHeaders();
+      const createdAssistants = [];
+      const requestBody = creationMode === "scratch" ? buildScratchBody(values) : await buildExtendBody(values, headers, createdAssistants);
       const response = await fetch(`${config.baseURL}/api/assistants`, {
         method: "POST",
         headers,
@@ -9392,170 +9612,284 @@ var CreateAssistantModal = ({
       });
       const data = await response.json();
       if (response.ok && data.success) {
-        import_antd33.notification.success({
+        import_antd35.notification.success({
           message: "Created",
-          description: "Assistant created successfully"
+          description: creationMode === "extend" ? `Assistant created by extending "${parentAssistant?.name}"` : "Assistant created successfully"
         });
         form.resetFields();
+        resetExtendState();
+        setCreationMode("scratch");
+        for (const clonedAssistant of createdAssistants) {
+          onSuccess?.(clonedAssistant);
+        }
         onSuccess?.(data.data);
         onCancel();
       } else {
-        import_antd33.message.error(data.message || "Failed to create assistant");
+        import_antd35.message.error(data.message || "Failed to create assistant");
       }
     } catch (error) {
       if (error.errorFields) {
         return;
       }
-      import_antd33.message.error(error.message || "An error occurred while creating the assistant");
+      import_antd35.message.error(
+        error.message || "An error occurred while creating the assistant"
+      );
     } finally {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-    import_antd33.Modal,
+  const parentSubAgents = parentAssistant?.graphDefinition?.subAgents || [];
+  const showSubAgentList = creationMode === "extend" && parentAssistant && parentSubAgents.length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    import_antd35.Modal,
     {
       title: "Create New Assistant",
       open,
-      onCancel,
+      onCancel: () => {
+        resetExtendState();
+        setCreationMode("scratch");
+        onCancel();
+      },
       footer: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_antd33.Button, { onClick: onCancel, children: "Cancel" }, "cancel"),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-          import_antd33.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          import_antd35.Button,
+          {
+            onClick: () => {
+              resetExtendState();
+              setCreationMode("scratch");
+              onCancel();
+            },
+            children: "Cancel"
+          },
+          "cancel"
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          import_antd35.Button,
           {
             type: "primary",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_icons20.PlusOutlined, {}),
+            icon: creationMode === "extend" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons21.ForkOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons21.PlusOutlined, {}),
             loading,
             onClick: handleSubmit,
-            children: "Create"
+            children: creationMode === "extend" ? "Create (Extend)" : "Create"
           },
           "submit"
         )
       ],
       width: 600,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-        import_antd33.Form,
-        {
-          form,
-          layout: "vertical",
-          autoComplete: "off",
-          initialValues: { type: "react" },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              import_antd33.Form.Item,
-              {
-                name: "key",
-                label: "Key (ID)",
-                rules: [
-                  { required: true, message: "Please enter a unique key" },
-                  { pattern: /^[a-zA-Z][a-zA-Z0-9_-]*$/, message: "Key must start with a letter and contain only letters, numbers, underscores, or hyphens" }
-                ],
-                style: { marginBottom: 16 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_antd33.Input, { placeholder: "e.g., my_assistant" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              import_antd33.Form.Item,
-              {
-                name: "name",
-                label: "Name",
-                rules: [{ required: true, message: "Please enter a name" }],
-                style: { marginBottom: 16 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_antd33.Input, { placeholder: "e.g., My Assistant" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              import_antd33.Form.Item,
-              {
-                name: "description",
-                label: "Description",
-                rules: [{ required: true, message: "Please enter a description" }],
-                style: { marginBottom: 16 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                  TextArea2,
-                  {
-                    placeholder: "Enter a description for this assistant...",
-                    autoSize: { minRows: 2, maxRows: 4 }
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              import_antd33.Form.Item,
-              {
-                name: "type",
-                label: "Agent Type",
-                rules: [{ required: true }],
-                style: { marginBottom: 16 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                  import_antd33.Segmented,
-                  {
-                    options: [
-                      { value: "react", label: "React" },
-                      { value: "deep_agent", label: "Deep" }
-                    ],
-                    block: true
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              import_antd33.Form.Item,
-              {
-                name: "prompt",
-                label: "System Prompt",
-                rules: [{ required: true, message: "Please enter a system prompt" }],
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-                  TextArea2,
-                  {
-                    placeholder: "Enter the system prompt for this agent...",
-                    autoSize: { minRows: 4, maxRows: 8 },
-                    style: {
-                      fontFamily: "monospace",
-                      fontSize: 13,
-                      lineHeight: 1.6
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { marginBottom: 20 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            Text19,
+            {
+              type: "secondary",
+              style: { display: "block", marginBottom: 8 },
+              children: "Creation Mode"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            import_antd35.Segmented,
+            {
+              value: creationMode,
+              onChange: handleModeChange,
+              options: [
+                { value: "scratch", label: "From Scratch" },
+                { value: "extend", label: "Extend Existing Agent" }
+              ],
+              block: true
+            }
+          )
+        ] }),
+        creationMode === "extend" && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { marginBottom: 20 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            Text19,
+            {
+              type: "secondary",
+              style: { display: "block", marginBottom: 8 },
+              children: "Parent Agent"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            ParentAgentSelector,
+            {
+              value: parentAssistant?.id,
+              onSelect: handleParentSelect
+            }
+          ),
+          parentAssistant && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            Text19,
+            {
+              type: "secondary",
+              style: { display: "block", marginTop: 4, fontSize: 12 },
+              children: "Fields left unchanged will be inherited from the parent agent."
+            }
+          )
+        ] }),
+        creationMode === "extend" && parentAssistant && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_antd35.Divider, { style: { margin: "12px 0" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          import_antd35.Form,
+          {
+            form,
+            layout: "vertical",
+            autoComplete: "off",
+            initialValues: { type: "react" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                import_antd35.Form.Item,
+                {
+                  name: "key",
+                  label: "Key (ID)",
+                  rules: [
+                    { required: true, message: "Please enter a unique key" },
+                    {
+                      pattern: /^[a-zA-Z][a-zA-Z0-9_-]*$/,
+                      message: "Key must start with a letter and contain only letters, numbers, underscores, or hyphens"
                     }
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
+                  ],
+                  style: { marginBottom: 16 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_antd35.Input, { placeholder: "e.g., my_assistant" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                import_antd35.Form.Item,
+                {
+                  name: "name",
+                  label: "Name",
+                  rules: [{ required: true, message: "Please enter a name" }],
+                  style: { marginBottom: 16 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_antd35.Input, { placeholder: "e.g., My Assistant" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                import_antd35.Form.Item,
+                {
+                  name: "description",
+                  label: "Description",
+                  rules: [
+                    { required: true, message: "Please enter a description" }
+                  ],
+                  style: { marginBottom: 16 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                    TextArea2,
+                    {
+                      placeholder: "Enter a description for this assistant...",
+                      autoSize: { minRows: 2, maxRows: 4 }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                import_antd35.Form.Item,
+                {
+                  name: "type",
+                  label: "Agent Type",
+                  rules: [{ required: true }],
+                  style: { marginBottom: 16 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                    import_antd35.Segmented,
+                    {
+                      options: [
+                        { value: "react", label: "Executor" },
+                        { value: "deep_agent", label: "Orchestrator" }
+                      ],
+                      block: true
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_antd35.Form.Item, { noStyle: true, shouldUpdate: (prev, cur) => prev.type !== cur.type, children: () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                Text19,
+                {
+                  type: "secondary",
+                  style: { fontSize: 12, display: "block", marginTop: -12, marginBottom: 16, lineHeight: 1.5 },
+                  children: form.getFieldValue("type") === "deep_agent" ? "Orchestrator: Coordinates multiple sub-agents to accomplish complex workflows. Best for multi-step tasks that require planning, delegation, and synthesis." : "Executor: Directly executes tasks using tools. Best for single-step operations like search, code execution, and data retrieval."
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                import_antd35.Form.Item,
+                {
+                  name: "prompt",
+                  label: creationMode === "extend" && parentAssistant ? "System Prompt (leave unchanged to inherit from parent)" : "System Prompt",
+                  rules: creationMode === "scratch" ? [{ required: true, message: "Please enter a system prompt" }] : [],
+                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                    TextArea2,
+                    {
+                      placeholder: creationMode === "extend" && parentAssistant ? "Leave empty to inherit parent's prompt, or enter a new prompt to override..." : "Enter the system prompt for this agent...",
+                      autoSize: { minRows: 4, maxRows: 8 },
+                      style: {
+                        fontFamily: "monospace",
+                        fontSize: 13,
+                        lineHeight: 1.6
+                      }
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        showSubAgentList && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_antd35.Divider, { style: { margin: "12px 0" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text19, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Sub-Agents" }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            SubAgentInheritList,
+            {
+              subAgentKeys: parentSubAgents,
+              decisions: subAgentDecisions,
+              onChange: setSubAgentDecisions
+            }
+          )
+        ] })
+      ]
     }
   );
 };
 var CreateAssistantModal_default = CreateAssistantModal;
 
 // src/components/Chat/AssistantFlow.tsx
-var import_antd34 = require("antd");
-var import_icons21 = require("@ant-design/icons");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_antd36 = require("antd");
+var import_icons22 = require("@ant-design/icons");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var AssistantFlowInner = ({ onChat }) => {
-  const { setCenter, fitView } = (0, import_react34.useReactFlow)();
-  const [nodes, setNodes, onNodesChange] = (0, import_react34.useNodesState)([]);
-  const [edges, setEdges, onEdgesChange] = (0, import_react34.useEdgesState)([]);
-  const [assistants, setAssistants] = (0, import_react33.useState)([]);
-  const [assistantsLoading, setAssistantsLoading] = (0, import_react33.useState)(false);
-  const [configPanelVisible, setConfigPanelVisible] = (0, import_react33.useState)(false);
-  const [selectedAssistant, setSelectedAssistant] = (0, import_react33.useState)(null);
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react33.useState)(false);
+  const { setCenter, fitView } = (0, import_react35.useReactFlow)();
+  const [nodes, setNodes, onNodesChange] = (0, import_react35.useNodesState)([]);
+  const [edges, setEdges, onEdgesChange] = (0, import_react35.useEdgesState)([]);
+  const [assistants, setAssistants] = (0, import_react34.useState)([]);
+  const [assistantsLoading, setAssistantsLoading] = (0, import_react34.useState)(false);
+  const [configPanelVisible, setConfigPanelVisible] = (0, import_react34.useState)(false);
+  const [selectedAssistant, setSelectedAssistant] = (0, import_react34.useState)(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react34.useState)(false);
   const { config } = useLatticeChatShellContext();
-  const { token } = import_antd34.theme.useToken();
+  const { token } = import_antd36.theme.useToken();
   const { enableAssistantCreation = true, enableAssistantEditing = true } = config;
-  const nodeTypes = (0, import_react33.useMemo)(
+  const nodeTypes = (0, import_react34.useMemo)(
     () => ({
       assistant: AssistantNode_default
     }),
     []
   );
-  const handleConfigure = (0, import_react33.useCallback)((assistant) => {
+  const handleConfigure = (0, import_react34.useCallback)((assistant) => {
     setSelectedAssistant(assistant);
     setConfigPanelVisible(true);
   }, []);
-  const handleClosePanel = (0, import_react33.useCallback)(() => {
+  const handleClosePanel = (0, import_react34.useCallback)(() => {
     setConfigPanelVisible(false);
     setSelectedAssistant(null);
   }, []);
+  const handleSelectionChange = (0, import_react34.useCallback)(
+    ({ nodes: selectedNodes }) => {
+      if (selectedNodes.length === 1 && enableAssistantEditing) {
+        const nodeData = selectedNodes[0].data;
+        if (nodeData?.assistant) {
+          setSelectedAssistant(nodeData.assistant);
+          setConfigPanelVisible(true);
+        }
+      } else if (selectedNodes.length === 0) {
+        setConfigPanelVisible(false);
+        setSelectedAssistant(null);
+      }
+    },
+    [enableAssistantEditing]
+  );
   const fetchAssistants = async () => {
     setAssistantsLoading(true);
     try {
@@ -9579,10 +9913,10 @@ var AssistantFlowInner = ({ onChat }) => {
       setAssistantsLoading(false);
     }
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     fetchAssistants();
   }, []);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!assistants || assistants.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -9810,17 +10144,17 @@ var AssistantFlowInner = ({ onChat }) => {
             } : a
           )
         );
-        import_antd34.notification.success({
+        import_antd36.notification.success({
           message: "Saved",
           description: data.message || "Agent configuration saved successfully"
         });
       } else {
-        import_antd34.message.error(data.message || "Failed to save agent configuration");
+        import_antd36.message.error(data.message || "Failed to save agent configuration");
         throw new Error(data.message || "Failed to save agent configuration");
       }
     } catch (error) {
       console.error("Failed to save agent configuration:", error);
-      import_antd34.message.error(error instanceof Error ? error.message : "Failed to save agent configuration");
+      import_antd36.message.error(error instanceof Error ? error.message : "Failed to save agent configuration");
       throw error;
     }
   };
@@ -9845,17 +10179,17 @@ var AssistantFlowInner = ({ onChat }) => {
           setSelectedAssistant(null);
           setConfigPanelVisible(false);
         }
-        import_antd34.notification.success({
+        import_antd36.notification.success({
           message: "Deleted",
           description: "Assistant deleted successfully"
         });
       } else {
-        import_antd34.message.error(data.message || "Failed to delete assistant");
+        import_antd36.message.error(data.message || "Failed to delete assistant");
         throw new Error(data.message || "Failed to delete assistant");
       }
     } catch (error) {
       console.error("Failed to delete assistant:", error);
-      import_antd34.message.error(error instanceof Error ? error.message : "Failed to delete assistant");
+      import_antd36.message.error(error instanceof Error ? error.message : "Failed to delete assistant");
       throw error;
     }
   };
@@ -9869,7 +10203,7 @@ var AssistantFlowInner = ({ onChat }) => {
     });
     lastCreatedAssistantRef.current = createdAssistant;
   };
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (selectedAssistant) {
       const node = nodes.find((n) => n.id === selectedAssistant.id);
       if (node) {
@@ -9877,7 +10211,7 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [selectedAssistant, nodes, setCenter]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (assistants.length > 0 && selectedAssistant) {
       const assistant = assistants.find((a) => a.id === selectedAssistant.id);
       if (assistant && !configPanelVisible) {
@@ -9885,8 +10219,8 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [assistants, selectedAssistant, configPanelVisible]);
-  const lastCreatedAssistantRef = (0, import_react33.useRef)(null);
-  (0, import_react33.useEffect)(() => {
+  const lastCreatedAssistantRef = (0, import_react34.useRef)(null);
+  (0, import_react34.useEffect)(() => {
     if (lastCreatedAssistantRef.current && !assistants.find((a) => a.id === lastCreatedAssistantRef.current?.id)) {
       lastCreatedAssistantRef.current = null;
     }
@@ -9901,7 +10235,7 @@ var AssistantFlowInner = ({ onChat }) => {
     }
   }, [nodes, setCenter]);
   if (assistantsLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "div",
       {
         style: {
@@ -9916,8 +10250,8 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { style: { width: "100%", height: "100%", display: "flex" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { width: "100%", height: "100%", display: "flex" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "div",
       {
         style: {
@@ -9927,22 +10261,23 @@ var AssistantFlowInner = ({ onChat }) => {
           position: "relative"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
-            import_react34.ReactFlow,
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+            import_react35.ReactFlow,
             {
               nodes,
               edges,
               onNodesChange,
               onEdgesChange,
+              onSelectionChange: handleSelectionChange,
               nodeTypes,
               fitView: true,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react34.Background, { color: "#eee", gap: 20 }),
-                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react34.Controls, {})
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.Background, { color: "#eee", gap: 20 }),
+                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.Controls, {})
               ]
             }
           ),
-          enableAssistantCreation && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          enableAssistantCreation && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "div",
             {
               style: {
@@ -9951,12 +10286,12 @@ var AssistantFlowInner = ({ onChat }) => {
                 right: 20,
                 zIndex: 10
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                import_antd34.Button,
+              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                import_antd36.Button,
                 {
                   type: "primary",
                   size: "large",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_icons21.PlusOutlined, {}),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons22.PlusOutlined, {}),
                   onClick: () => setIsCreateModalOpen(true),
                   style: {
                     height: 48,
@@ -9975,7 +10310,7 @@ var AssistantFlowInner = ({ onChat }) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       AgentConfigPanel_default,
       {
         visible: configPanelVisible,
@@ -9986,7 +10321,7 @@ var AssistantFlowInner = ({ onChat }) => {
         onDelete: handleDeleteAssistant
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       CreateAssistantModal_default,
       {
         open: isCreateModalOpen,
@@ -9996,25 +10331,25 @@ var AssistantFlowInner = ({ onChat }) => {
     )
   ] });
 };
-var AssistantFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react34.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AssistantFlowInner, { ...props }) });
+var AssistantFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react35.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(AssistantFlowInner, { ...props }) });
 var AssistantFlow_default = AssistantFlow;
 
 // src/components/Chat/SkillFlow.tsx
-var import_react38 = require("react");
-var import_react39 = require("@xyflow/react");
+var import_react39 = require("react");
+var import_react40 = require("@xyflow/react");
 var import_style2 = require("@xyflow/react/dist/style.css");
-var import_antd38 = require("antd");
-var import_icons24 = require("@ant-design/icons");
+var import_antd40 = require("antd");
+var import_icons25 = require("@ant-design/icons");
 
 // src/components/Chat/SkillNode.tsx
-var import_react35 = require("react");
-var import_react36 = require("@xyflow/react");
-var import_antd35 = require("antd");
-var import_icons22 = require("@ant-design/icons");
+var import_react36 = require("react");
+var import_react37 = require("@xyflow/react");
+var import_antd37 = require("antd");
+var import_icons23 = require("@ant-design/icons");
 var import_client_sdk8 = require("@axiom-lattice/client-sdk");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var { Text: Text18 } = import_antd35.Typography;
-var { TextArea: TextArea3 } = import_antd35.Input;
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var { Text: Text20 } = import_antd37.Typography;
+var { TextArea: TextArea3 } = import_antd37.Input;
 var getBadgeColor2 = (name) => {
   const colors = [
     "#1890ff",
@@ -10041,9 +10376,9 @@ var getBadgeColor2 = (name) => {
   return colors[Math.abs(hash) % colors.length];
 };
 var SkillNode = ({ data }) => {
-  const { token } = import_antd35.theme.useToken();
+  const { token } = import_antd37.theme.useToken();
   const { config } = useLatticeChatShellContext();
-  const client = (0, import_react35.useMemo)(
+  const client = (0, import_react36.useMemo)(
     () => new import_client_sdk8.Client({
       baseURL: config.baseURL,
       apiKey: config.apiKey || "",
@@ -10060,12 +10395,12 @@ var SkillNode = ({ data }) => {
   if (!skill) {
     return null;
   }
-  const [currentSkill, setCurrentSkill] = (0, import_react35.useState)(skill);
+  const [currentSkill, setCurrentSkill] = (0, import_react36.useState)(skill);
   const badgeColor = getBadgeColor2(currentSkill.name);
   const initials = currentSkill.name?.split("-").map((n) => n.charAt(0)).join("").toUpperCase().slice(0, 2) || "SK";
   const hasSubSkills = currentSkill.subSkills && currentSkill.subSkills.length > 0;
   const category = currentSkill.metadata && currentSkill.metadata.category || "global";
-  const metadataEntries = (0, import_react35.useMemo)(
+  const metadataEntries = (0, import_react36.useMemo)(
     () => currentSkill.metadata ? Object.entries(
       currentSkill.metadata
     ).filter(
@@ -10082,20 +10417,20 @@ var SkillNode = ({ data }) => {
   const handleCopy = (text) => {
     navigator.clipboard.writeText(text);
   };
-  const [isEditing, setIsEditing] = (0, import_react35.useState)(false);
-  const [draftSkill, setDraftSkill] = (0, import_react35.useState)({
+  const [isEditing, setIsEditing] = (0, import_react36.useState)(false);
+  const [draftSkill, setDraftSkill] = (0, import_react36.useState)({
     ...skill,
     id: skill.name
   });
-  const [metadataRows, setMetadataRows] = (0, import_react35.useState)(
+  const [metadataRows, setMetadataRows] = (0, import_react36.useState)(
     metadataEntries.map(([key, value]) => ({
       key,
       value
     }))
   );
-  const [isModalOpen, setIsModalOpen] = (0, import_react35.useState)(false);
-  const [saving, setSaving] = (0, import_react35.useState)(false);
-  (0, import_react35.useEffect)(() => {
+  const [isModalOpen, setIsModalOpen] = (0, import_react36.useState)(false);
+  const [saving, setSaving] = (0, import_react36.useState)(false);
+  (0, import_react36.useEffect)(() => {
     setIsEditing(false);
     setCurrentSkill(skill);
     setDraftSkill({ ...skill, id: skill.name });
@@ -10126,11 +10461,11 @@ var SkillNode = ({ data }) => {
     try {
       const skillId = currentSkill.id || currentSkill.name;
       if (!skillId) {
-        import_antd35.message.error("Skill ID is missing");
+        import_antd37.message.error("Skill ID is missing");
         return;
       }
       await client.skills.delete(skillId);
-      import_antd35.notification.success({
+      import_antd37.notification.success({
         message: "Deleted",
         description: "Skill deleted successfully"
       });
@@ -10139,7 +10474,7 @@ var SkillNode = ({ data }) => {
         await onDelete();
       }
     } catch (error) {
-      import_antd35.message.error(
+      import_antd37.message.error(
         error?.message || "An error occurred while deleting the skill"
       );
     }
@@ -10196,7 +10531,7 @@ var SkillNode = ({ data }) => {
       );
       const data2 = await response.json();
       if (response.ok && data2.success) {
-        import_antd35.notification.success({
+        import_antd37.notification.success({
           message: "Saved",
           description: "Skill updated successfully"
         });
@@ -10211,17 +10546,17 @@ var SkillNode = ({ data }) => {
         setIsEditing(false);
         onClick?.(updatedSkill);
       } else {
-        import_antd35.message.error(data2.message || "Failed to update skill");
+        import_antd37.message.error(data2.message || "Failed to update skill");
       }
     } catch (error) {
-      import_antd35.message.error(
+      import_antd37.message.error(
         error.message || "An error occurred while updating the skill"
       );
     } finally {
       setSaving(false);
     }
   };
-  const editingView = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  const editingView = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       style: {
@@ -10230,9 +10565,9 @@ var SkillNode = ({ data }) => {
         gap: 12
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text18, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Description" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text20, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             TextArea3,
             {
               value: draftSkill.description,
@@ -10242,10 +10577,10 @@ var SkillNode = ({ data }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text18, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "License" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            import_antd35.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text20, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "License" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            import_antd37.Input,
             {
               value: draftSkill.license,
               onChange: (e) => handleFieldChange("license", e.target.value),
@@ -10253,10 +10588,10 @@ var SkillNode = ({ data }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text18, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Compatibility" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            import_antd35.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text20, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Compatibility" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            import_antd37.Input,
             {
               value: draftSkill.compatibility,
               onChange: (e) => handleFieldChange("compatibility", e.target.value),
@@ -10264,7 +10599,7 @@ var SkillNode = ({ data }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
           "div",
           {
             style: {
@@ -10274,8 +10609,8 @@ var SkillNode = ({ data }) => {
               gap: 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                Text18,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                Text20,
                 {
                   style: {
                     fontSize: 12,
@@ -10285,11 +10620,11 @@ var SkillNode = ({ data }) => {
                   children: "Metadata"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                import_antd35.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_antd37.Button,
                 {
                   size: "small",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons22.PlusOutlined, {}),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons23.PlusOutlined, {}),
                   onClick: handleAddMetadataRow,
                   children: "Add"
                 }
@@ -10297,9 +10632,9 @@ var SkillNode = ({ data }) => {
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_antd35.Space, { direction: "vertical", size: 8, style: { width: "100%" }, children: [
-          metadataRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            Text18,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_antd37.Space, { direction: "vertical", size: 8, style: { width: "100%" }, children: [
+          metadataRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            Text20,
             {
               style: {
                 fontSize: 11,
@@ -10308,7 +10643,7 @@ var SkillNode = ({ data }) => {
               children: "No metadata yet. Use Add to create one."
             }
           ),
-          metadataRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          metadataRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
             "div",
             {
               style: {
@@ -10318,13 +10653,13 @@ var SkillNode = ({ data }) => {
                 width: "100%"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Text18, { style: { fontSize: 11, color: token.colorTextSecondary }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Text20, { style: { fontSize: 11, color: token.colorTextSecondary }, children: [
                   "Meta ",
                   index + 1
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_antd35.Space, { style: { width: "100%" }, size: 8, wrap: true, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                    import_antd35.Input,
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_antd37.Space, { style: { width: "100%" }, size: 8, wrap: true, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    import_antd37.Input,
                     {
                       value: row.key,
                       placeholder: "Key",
@@ -10332,8 +10667,8 @@ var SkillNode = ({ data }) => {
                       onChange: (e) => handleMetadataChange(index, "key", e.target.value)
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                    import_antd35.Input,
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    import_antd37.Input,
                     {
                       value: row.value,
                       placeholder: "Value",
@@ -10347,9 +10682,9 @@ var SkillNode = ({ data }) => {
             index
           ))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text18, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Content" }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text20, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Content" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             TextArea3,
             {
               value: draftSkill.content,
@@ -10362,7 +10697,7 @@ var SkillNode = ({ data }) => {
       ]
     }
   );
-  const detailCardContent = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  const detailCardContent = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       style: {
@@ -10372,7 +10707,7 @@ var SkillNode = ({ data }) => {
         padding: 16
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "div",
           {
             style: {
@@ -10381,8 +10716,8 @@ var SkillNode = ({ data }) => {
               justifyContent: "space-between",
               marginBottom: 16
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                 "div",
                 {
                   style: {
@@ -10392,8 +10727,8 @@ var SkillNode = ({ data }) => {
                     marginBottom: 8
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                      Text18,
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                      Text20,
                       {
                         strong: true,
                         style: {
@@ -10404,8 +10739,8 @@ var SkillNode = ({ data }) => {
                         children: currentSkill.name
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                      import_antd35.Tag,
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                      import_antd37.Tag,
                       {
                         style: {
                           margin: 0,
@@ -10420,7 +10755,7 @@ var SkillNode = ({ data }) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 "div",
                 {
                   style: {
@@ -10428,8 +10763,8 @@ var SkillNode = ({ data }) => {
                     alignItems: "center",
                     gap: 6
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                    Text18,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    Text20,
                     {
                       style: {
                         fontSize: 11,
@@ -10444,9 +10779,9 @@ var SkillNode = ({ data }) => {
             ] })
           }
         ),
-        isEditing ? editingView : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-          currentSkill.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-            Text18,
+        isEditing ? editingView : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          currentSkill.description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+            Text20,
             {
               style: {
                 fontSize: 12,
@@ -10461,8 +10796,8 @@ var SkillNode = ({ data }) => {
               ]
             }
           ) }),
-          metadataEntries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { marginBottom: 16 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          metadataEntries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { marginBottom: 16 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
               "div",
               {
                 style: {
@@ -10472,8 +10807,8 @@ var SkillNode = ({ data }) => {
                   marginBottom: 8
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                    import_icons22.InfoCircleOutlined,
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    import_icons23.InfoCircleOutlined,
                     {
                       style: {
                         fontSize: 14,
@@ -10481,8 +10816,8 @@ var SkillNode = ({ data }) => {
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-                    Text18,
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                    Text20,
                     {
                       style: {
                         fontSize: 12,
@@ -10499,7 +10834,7 @@ var SkillNode = ({ data }) => {
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "div",
               {
                 style: {
@@ -10507,7 +10842,7 @@ var SkillNode = ({ data }) => {
                   borderRadius: 6,
                   overflow: "hidden"
                 },
-                children: metadataEntries.map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                children: metadataEntries.map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                   "div",
                   {
                     style: {
@@ -10516,7 +10851,7 @@ var SkillNode = ({ data }) => {
                       borderBottom: index === metadataEntries.length - 1 ? "none" : `1px solid ${token.colorBorderSecondary}`
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                         "div",
                         {
                           style: {
@@ -10532,7 +10867,7 @@ var SkillNode = ({ data }) => {
                           children: key
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                         "div",
                         {
                           style: {
@@ -10552,8 +10887,8 @@ var SkillNode = ({ data }) => {
               }
             )
           ] }),
-          hasSubSkills && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { marginBottom: 16 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          hasSubSkills && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { marginBottom: 16 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
               "div",
               {
                 style: {
@@ -10563,8 +10898,8 @@ var SkillNode = ({ data }) => {
                   marginBottom: 8
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                    import_icons22.BranchesOutlined,
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    import_icons23.BranchesOutlined,
                     {
                       style: {
                         fontSize: 14,
@@ -10572,8 +10907,8 @@ var SkillNode = ({ data }) => {
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-                    Text18,
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                    Text20,
                     {
                       style: {
                         fontSize: 12,
@@ -10590,9 +10925,9 @@ var SkillNode = ({ data }) => {
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_antd35.Space, { size: [8, 8], wrap: true, children: currentSkill.subSkills.map(
-              (subSkill, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                import_antd35.Tag,
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_antd37.Space, { size: [8, 8], wrap: true, children: currentSkill.subSkills.map(
+              (subSkill, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_antd37.Tag,
                 {
                   style: {
                     fontSize: 11,
@@ -10607,11 +10942,11 @@ var SkillNode = ({ data }) => {
               )
             ) })
           ] }),
-          (currentSkill.license || currentSkill.compatibility) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_antd35.Space, { size: [8, 8], wrap: true, children: [
-            currentSkill.license && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-              import_antd35.Tag,
+          (currentSkill.license || currentSkill.compatibility) && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_antd37.Space, { size: [8, 8], wrap: true, children: [
+            currentSkill.license && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              import_antd37.Tag,
               {
-                icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons22.CopyrightOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons23.CopyrightOutlined, {}),
                 style: {
                   margin: 0,
                   fontSize: 11,
@@ -10626,8 +10961,8 @@ var SkillNode = ({ data }) => {
                 children: currentSkill.license
               }
             ),
-            currentSkill.compatibility && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-              import_antd35.Tag,
+            currentSkill.compatibility && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              import_antd37.Tag,
               {
                 style: {
                   margin: 0,
@@ -10647,9 +10982,9 @@ var SkillNode = ({ data }) => {
               }
             )
           ] }) }),
-          (currentSkill.createdAt || currentSkill.updatedAt) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_antd35.Space, { direction: "vertical", size: 4, children: [
-            currentSkill.createdAt && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-              Text18,
+          (currentSkill.createdAt || currentSkill.updatedAt) && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_antd37.Space, { direction: "vertical", size: 4, children: [
+            currentSkill.createdAt && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+              Text20,
               {
                 style: {
                   fontSize: 11,
@@ -10662,8 +10997,8 @@ var SkillNode = ({ data }) => {
                 ]
               }
             ),
-            currentSkill.updatedAt && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-              Text18,
+            currentSkill.updatedAt && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+              Text20,
               {
                 style: {
                   fontSize: 11,
@@ -10677,8 +11012,8 @@ var SkillNode = ({ data }) => {
               }
             )
           ] }) }),
-          currentSkill.content && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { marginBottom: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+          currentSkill.content && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { marginBottom: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
               "div",
               {
                 style: {
@@ -10688,8 +11023,8 @@ var SkillNode = ({ data }) => {
                   marginBottom: 8
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                    import_icons22.FileTextOutlined,
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    import_icons23.FileTextOutlined,
                     {
                       style: {
                         fontSize: 14,
@@ -10697,8 +11032,8 @@ var SkillNode = ({ data }) => {
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                    Text18,
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    Text20,
                     {
                       style: {
                         fontSize: 12,
@@ -10712,7 +11047,7 @@ var SkillNode = ({ data }) => {
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "div",
               {
                 style: {
@@ -10723,8 +11058,8 @@ var SkillNode = ({ data }) => {
                   maxHeight: 200,
                   overflowY: "auto"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                  Text18,
+                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  Text20,
                   {
                     style: {
                       fontSize: 11,
@@ -10739,8 +11074,8 @@ var SkillNode = ({ data }) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_antd35.Divider, { style: { margin: "16px 0" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_antd37.Divider, { style: { margin: "16px 0" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "div",
           {
             style: {
@@ -10749,9 +11084,9 @@ var SkillNode = ({ data }) => {
               justifyContent: "space-between",
               gap: 8
             },
-            children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                import_antd35.Button,
+            children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_antd37.Button,
                 {
                   block: true,
                   onClick: () => {
@@ -10764,8 +11099,8 @@ var SkillNode = ({ data }) => {
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                import_antd35.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_antd37.Button,
                 {
                   type: "primary",
                   block: true,
@@ -10777,9 +11112,9 @@ var SkillNode = ({ data }) => {
                   children: "Save"
                 }
               )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                import_antd35.Button,
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_antd37.Button,
                 {
                   type: "primary",
                   block: true,
@@ -10790,8 +11125,8 @@ var SkillNode = ({ data }) => {
                   children: "Edit Skill"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                import_antd35.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_antd37.Button,
                 {
                   danger: true,
                   onClick: (e) => {
@@ -10801,10 +11136,10 @@ var SkillNode = ({ data }) => {
                   children: "Delete"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                import_antd35.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                import_antd37.Button,
                 {
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons22.CopyOutlined, {}),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons23.CopyOutlined, {}),
                   onClick: () => handleCopy(currentSkill.id),
                   title: "Copy ID"
                 }
@@ -10823,23 +11158,23 @@ var SkillNode = ({ data }) => {
     height: 0,
     pointerEvents: "none"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       style: {
         padding: 4
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          import_react36.Handle,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_react37.Handle,
           {
             type: "target",
-            position: import_react36.Position.Top,
+            position: import_react37.Position.Top,
             style: hiddenHandleStyle,
             isConnectable: false
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "div",
           {
             onClick: () => {
@@ -10869,7 +11204,7 @@ var SkillNode = ({ data }) => {
               e.currentTarget.style.transform = "translateY(0)";
               e.currentTarget.style.boxShadow = `0 1px 4px rgba(0, 0, 0, 0.08)`;
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
               "div",
               {
                 style: {
@@ -10879,7 +11214,7 @@ var SkillNode = ({ data }) => {
                   gap: 10
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                     "div",
                     {
                       style: {
@@ -10888,7 +11223,7 @@ var SkillNode = ({ data }) => {
                         gap: 10
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                           "div",
                           {
                             style: {
@@ -10896,11 +11231,11 @@ var SkillNode = ({ data }) => {
                               flexShrink: 0
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                                import_antd35.Avatar,
+                              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                                import_antd37.Avatar,
                                 {
                                   size: 44,
-                                  icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons22.BookOutlined, {}),
+                                  icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons23.BookOutlined, {}),
                                   style: {
                                     backgroundColor: badgeColor,
                                     color: "#fff",
@@ -10910,7 +11245,7 @@ var SkillNode = ({ data }) => {
                                   children: initials
                                 }
                               ),
-                              hasSubSkills && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                              hasSubSkills && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -10926,8 +11261,8 @@ var SkillNode = ({ data }) => {
                                     alignItems: "center",
                                     justifyContent: "center"
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                                    import_icons22.BranchesOutlined,
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                                    import_icons23.BranchesOutlined,
                                     {
                                       style: {
                                         fontSize: 10,
@@ -10940,7 +11275,7 @@ var SkillNode = ({ data }) => {
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                           "div",
                           {
                             style: {
@@ -10948,8 +11283,8 @@ var SkillNode = ({ data }) => {
                               minWidth: 0
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                                Text18,
+                              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                                Text20,
                                 {
                                   strong: true,
                                   style: {
@@ -10964,7 +11299,7 @@ var SkillNode = ({ data }) => {
                                   children: currentSkill.name
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                                 "div",
                                 {
                                   style: {
@@ -10973,8 +11308,8 @@ var SkillNode = ({ data }) => {
                                     gap: 4
                                   },
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                                      import_icons22.FileTextOutlined,
+                                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                                      import_icons23.FileTextOutlined,
                                       {
                                         style: {
                                           fontSize: 9,
@@ -10982,8 +11317,8 @@ var SkillNode = ({ data }) => {
                                         }
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                                      Text18,
+                                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                                      Text20,
                                       {
                                         style: {
                                           fontSize: 9,
@@ -11002,7 +11337,7 @@ var SkillNode = ({ data }) => {
                       ]
                     }
                   ),
-                  currentSkill.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                  currentSkill.description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                     "div",
                     {
                       style: {
@@ -11012,12 +11347,12 @@ var SkillNode = ({ data }) => {
                         borderRadius: 4,
                         borderLeft: `2px solid ${badgeColor}`
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                        import_antd35.Tooltip,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                        import_antd37.Tooltip,
                         {
                           title: currentSkill.description.length > 150 ? currentSkill.description : void 0,
                           placement: "top",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                             "div",
                             {
                               style: {
@@ -11043,7 +11378,7 @@ var SkillNode = ({ data }) => {
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                     "div",
                     {
                       style: {
@@ -11054,8 +11389,8 @@ var SkillNode = ({ data }) => {
                         marginTop: "auto"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                          import_antd35.Tag,
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                          import_antd37.Tag,
                           {
                             style: {
                               margin: 0,
@@ -11072,8 +11407,8 @@ var SkillNode = ({ data }) => {
                             children: category.toUpperCase()
                           }
                         ),
-                        hasSubSkills && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
-                          import_antd35.Tag,
+                        hasSubSkills && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                          import_antd37.Tag,
                           {
                             style: {
                               margin: 0,
@@ -11095,8 +11430,8 @@ var SkillNode = ({ data }) => {
                             ]
                           }
                         ),
-                        currentSkill.license && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                          import_antd35.Tag,
+                        currentSkill.license && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                          import_antd37.Tag,
                           {
                             style: {
                               margin: 0,
@@ -11109,12 +11444,12 @@ var SkillNode = ({ data }) => {
                               fontWeight: 500,
                               lineHeight: "14px"
                             },
-                            icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons22.CopyrightOutlined, {}),
+                            icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons23.CopyrightOutlined, {}),
                             children: currentSkill.license
                           }
                         ),
-                        currentSkill.compatibility && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                          import_antd35.Tag,
+                        currentSkill.compatibility && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                          import_antd37.Tag,
                           {
                             style: {
                               margin: 0,
@@ -11127,7 +11462,7 @@ var SkillNode = ({ data }) => {
                               fontWeight: 500,
                               lineHeight: "14px"
                             },
-                            icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_icons22.InfoCircleOutlined, {}),
+                            icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons23.InfoCircleOutlined, {}),
                             children: currentSkill.compatibility
                           }
                         )
@@ -11139,8 +11474,8 @@ var SkillNode = ({ data }) => {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          import_antd35.Modal,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_antd37.Modal,
           {
             open: isModalOpen,
             onCancel: () => {
@@ -11158,11 +11493,11 @@ var SkillNode = ({ data }) => {
             children: detailCardContent
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-          import_react36.Handle,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_react37.Handle,
           {
             type: "source",
-            position: import_react36.Position.Bottom,
+            position: import_react37.Position.Bottom,
             style: hiddenHandleStyle,
             isConnectable: false
           }
@@ -11174,24 +11509,24 @@ var SkillNode = ({ data }) => {
 var SkillNode_default = SkillNode;
 
 // src/components/Chat/CreateSkillModal.tsx
-var import_react37 = require("react");
-var import_antd36 = require("antd");
-var import_icons23 = require("@ant-design/icons");
-var import_antd37 = require("antd");
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var { TextArea: TextArea4 } = import_antd36.Input;
-var { Text: Text19 } = import_antd36.Typography;
+var import_react38 = require("react");
+var import_antd38 = require("antd");
+var import_icons24 = require("@ant-design/icons");
+var import_antd39 = require("antd");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var { TextArea: TextArea4 } = import_antd38.Input;
+var { Text: Text21 } = import_antd38.Typography;
 var CreateSkillModal = ({
   open,
   onCancel,
   onSuccess
 }) => {
-  const [form] = import_antd36.Form.useForm();
-  const [loading, setLoading] = (0, import_react37.useState)(false);
+  const [form] = import_antd38.Form.useForm();
+  const [loading, setLoading] = (0, import_react38.useState)(false);
   const { config } = useLatticeChatShellContext();
-  const { token } = import_antd37.theme.useToken();
+  const { token } = import_antd39.theme.useToken();
   const defaultMetadataRows = [{ key: "category", value: "global" }];
-  const [metadataRows, setMetadataRows] = (0, import_react37.useState)(defaultMetadataRows);
+  const [metadataRows, setMetadataRows] = (0, import_react38.useState)(defaultMetadataRows);
   const handleSubmit = async () => {
     try {
       const values = await form.validateFields();
@@ -11227,7 +11562,7 @@ var CreateSkillModal = ({
       });
       const data = await response.json();
       if (response.ok && data.success) {
-        import_antd36.notification.success({
+        import_antd38.notification.success({
           message: "Created",
           description: "Skill created successfully"
         });
@@ -11236,13 +11571,13 @@ var CreateSkillModal = ({
         onSuccess?.();
         onCancel();
       } else {
-        import_antd36.message.error(data.message || "Failed to create skill");
+        import_antd38.message.error(data.message || "Failed to create skill");
       }
     } catch (error) {
       if (error.errorFields) {
         return;
       }
-      import_antd36.message.error(
+      import_antd38.message.error(
         error.message || "An error occurred while creating the skill"
       );
     } finally {
@@ -11265,8 +11600,8 @@ var CreateSkillModal = ({
   const handleAddMetadataRow = () => {
     setMetadataRows([...metadataRows, { key: "", value: "" }]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    import_antd36.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    import_antd38.Modal,
     {
       title: "Create New Skill",
       open,
@@ -11277,14 +11612,14 @@ var CreateSkillModal = ({
       styles: {
         body: { padding: 16 }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-        import_antd36.Form,
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        import_antd38.Form,
         {
           form,
           layout: "vertical",
           onFinish: handleSubmit,
           autoComplete: "off",
-          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
             "div",
             {
               style: {
@@ -11293,10 +11628,10 @@ var CreateSkillModal = ({
                 gap: 12
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text19, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                    import_antd36.Form.Item,
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text21, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Name" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                    import_antd38.Form.Item,
                     {
                       name: "name",
                       rules: [
@@ -11308,21 +11643,21 @@ var CreateSkillModal = ({
                         { min: 1, max: 64, message: "Name must be 1-64 characters" }
                       ],
                       style: { marginBottom: 0 },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_antd36.Input, { placeholder: "e.g., data-analysis" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_antd38.Input, { placeholder: "e.g., data-analysis" })
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text19, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Description" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                    import_antd36.Form.Item,
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text21, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Description" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                    import_antd38.Form.Item,
                     {
                       name: "description",
                       rules: [
                         { required: true, message: "Please enter skill description" }
                       ],
                       style: { marginBottom: 0 },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                         TextArea4,
                         {
                           placeholder: "Description",
@@ -11332,16 +11667,16 @@ var CreateSkillModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text19, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "License" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_antd36.Form.Item, { name: "license", style: { marginBottom: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_antd36.Input, { placeholder: "License" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text21, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "License" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_antd38.Form.Item, { name: "license", style: { marginBottom: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_antd38.Input, { placeholder: "License" }) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text19, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Compatibility" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_antd36.Form.Item, { name: "compatibility", style: { marginBottom: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_antd36.Input, { placeholder: "Compatibility" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text21, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Compatibility" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_antd38.Form.Item, { name: "compatibility", style: { marginBottom: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_antd38.Input, { placeholder: "Compatibility" }) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
                     "div",
                     {
                       style: {
@@ -11351,8 +11686,8 @@ var CreateSkillModal = ({
                         gap: 8
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                          Text19,
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                          Text21,
                           {
                             style: {
                               fontSize: 12,
@@ -11362,11 +11697,11 @@ var CreateSkillModal = ({
                             children: "Metadata"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                          import_antd36.Button,
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                          import_antd38.Button,
                           {
                             size: "small",
-                            icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_icons23.PlusOutlined, {}),
+                            icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons24.PlusOutlined, {}),
                             onClick: handleAddMetadataRow,
                             children: "Add"
                           }
@@ -11374,9 +11709,9 @@ var CreateSkillModal = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_antd36.Space, { direction: "vertical", size: 8, style: { width: "100%" }, children: [
-                    metadataRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                      Text19,
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_antd38.Space, { direction: "vertical", size: 8, style: { width: "100%" }, children: [
+                    metadataRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                      Text21,
                       {
                         style: {
                           fontSize: 11,
@@ -11385,7 +11720,7 @@ var CreateSkillModal = ({
                         children: "No metadata yet. Use Add to create one."
                       }
                     ),
-                    metadataRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                    metadataRows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
                       "div",
                       {
                         style: {
@@ -11395,8 +11730,8 @@ var CreateSkillModal = ({
                           width: "100%"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
-                            Text19,
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                            Text21,
                             {
                               style: { fontSize: 11, color: token.colorTextSecondary },
                               children: [
@@ -11405,9 +11740,9 @@ var CreateSkillModal = ({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_antd36.Space, { style: { width: "100%" }, size: 8, wrap: true, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                              import_antd36.Input,
+                          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_antd38.Space, { style: { width: "100%" }, size: 8, wrap: true, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                              import_antd38.Input,
                               {
                                 value: row.key,
                                 placeholder: "Key",
@@ -11415,8 +11750,8 @@ var CreateSkillModal = ({
                                 onChange: (e) => handleMetadataChange(index, "key", e.target.value)
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                              import_antd36.Input,
+                            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                              import_antd38.Input,
                               {
                                 value: row.value,
                                 placeholder: "Value",
@@ -11431,9 +11766,9 @@ var CreateSkillModal = ({
                     ))
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text19, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Content" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_antd36.Form.Item, { name: "content", style: { marginBottom: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Text21, { style: { fontSize: 12, color: token.colorTextSecondary }, children: "Content" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_antd38.Form.Item, { name: "content", style: { marginBottom: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     TextArea4,
                     {
                       placeholder: "Content",
@@ -11441,7 +11776,7 @@ var CreateSkillModal = ({
                     }
                   ) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
                   "div",
                   {
                     style: {
@@ -11452,8 +11787,8 @@ var CreateSkillModal = ({
                       marginTop: 8
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_antd36.Button, { onClick: handleCancel, children: "Cancel" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_antd36.Button, { type: "primary", htmlType: "submit", loading, children: "Create Skill" })
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_antd38.Button, { onClick: handleCancel, children: "Cancel" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_antd38.Button, { type: "primary", htmlType: "submit", loading, children: "Create Skill" })
                     ]
                   }
                 )
@@ -11468,16 +11803,16 @@ var CreateSkillModal = ({
 var CreateSkillModal_default = CreateSkillModal;
 
 // src/components/Chat/SkillFlow.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var SkillFlowInner = ({ onNodeClick }) => {
-  const [nodes, setNodes, onNodesChange] = (0, import_react39.useNodesState)([]);
-  const [edges, setEdges, onEdgesChange] = (0, import_react39.useEdgesState)([]);
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react38.useState)(false);
-  const [skills, setSkills] = (0, import_react38.useState)([]);
-  const [skillsLoading, setSkillsLoading] = (0, import_react38.useState)(false);
-  const { token } = import_antd38.theme.useToken();
+  const [nodes, setNodes, onNodesChange] = (0, import_react40.useNodesState)([]);
+  const [edges, setEdges, onEdgesChange] = (0, import_react40.useEdgesState)([]);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react39.useState)(false);
+  const [skills, setSkills] = (0, import_react39.useState)([]);
+  const [skillsLoading, setSkillsLoading] = (0, import_react39.useState)(false);
+  const { token } = import_antd40.theme.useToken();
   const { config } = useLatticeChatShellContext();
-  const nodeTypes = (0, import_react38.useMemo)(
+  const nodeTypes = (0, import_react39.useMemo)(
     () => ({
       skill: SkillNode_default
     }),
@@ -11506,10 +11841,10 @@ var SkillFlowInner = ({ onNodeClick }) => {
       setSkillsLoading(false);
     }
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     fetchSkills();
   }, []);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!skills || skills.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -11641,7 +11976,7 @@ var SkillFlowInner = ({ onNodeClick }) => {
     await fetchSkills();
   };
   if (skillsLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "div",
       {
         style: {
@@ -11656,9 +11991,9 @@ var SkillFlowInner = ({ onNodeClick }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { width: "100%", height: "100%", background: "#fafafa", position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-      import_react39.ReactFlow,
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { width: "100%", height: "100%", background: "#fafafa", position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      import_react40.ReactFlow,
       {
         nodes,
         edges,
@@ -11667,12 +12002,12 @@ var SkillFlowInner = ({ onNodeClick }) => {
         nodeTypes,
         fitView: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react39.Background, { color: "#eee", gap: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react39.Controls, {})
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.Background, { color: "#eee", gap: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.Controls, {})
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "div",
       {
         style: {
@@ -11681,12 +12016,12 @@ var SkillFlowInner = ({ onNodeClick }) => {
           right: 20,
           zIndex: 10
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-          import_antd38.Button,
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          import_antd40.Button,
           {
             type: "primary",
             size: "large",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons24.PlusOutlined, {}),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons25.PlusOutlined, {}),
             onClick: () => setIsCreateModalOpen(true),
             style: {
               height: 48,
@@ -11702,7 +12037,7 @@ var SkillFlowInner = ({ onNodeClick }) => {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       CreateSkillModal_default,
       {
         open: isCreateModalOpen,
@@ -11712,27 +12047,27 @@ var SkillFlowInner = ({ onNodeClick }) => {
     )
   ] });
 };
-var SkillFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react39.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SkillFlowInner, { ...props }) });
+var SkillFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SkillFlowInner, { ...props }) });
 var SkillFlow_default = SkillFlow;
 
 // src/components/Chat/ToolsList.tsx
-var import_antd39 = require("antd");
-var import_icons25 = require("@ant-design/icons");
-var import_react40 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_antd41 = require("antd");
+var import_icons26 = require("@ant-design/icons");
+var import_react41 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var ToolsList = ({
   onToolSelect,
   autoLoad = true
 }) => {
-  const { token } = import_antd39.theme.useToken();
+  const { token } = import_antd41.theme.useToken();
   const { config } = useLatticeChatShellContext();
-  const [state, setState] = (0, import_react40.useState)({
+  const [state, setState] = (0, import_react41.useState)({
     tools: [],
     isLoading: false,
     error: null
   });
-  const [selectedToolId, setSelectedToolId] = (0, import_react40.useState)(null);
-  const fetchTools = (0, import_react40.useCallback)(async () => {
+  const [selectedToolId, setSelectedToolId] = (0, import_react41.useState)(null);
+  const fetchTools = (0, import_react41.useCallback)(async () => {
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     try {
       const headers = {};
@@ -11765,17 +12100,17 @@ var ToolsList = ({
       }));
     }
   }, [config]);
-  const handleToolSelect = (0, import_react40.useCallback)(
+  const handleToolSelect = (0, import_react41.useCallback)(
     (tool) => {
       setSelectedToolId(tool.id);
       onToolSelect?.(tool);
     },
     [onToolSelect]
   );
-  const handleRefresh = (0, import_react40.useCallback)(() => {
+  const handleRefresh = (0, import_react41.useCallback)(() => {
     fetchTools();
   }, [fetchTools]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (autoLoad) {
       fetchTools();
     }
@@ -11788,18 +12123,18 @@ var ToolsList = ({
     padding: token.paddingSM
   };
   if (state.error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-      import_antd39.Alert,
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      import_antd41.Alert,
       {
         message: "Error Loading Tools",
         description: state.error.message,
         type: "error",
         showIcon: true,
-        action: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-          import_antd39.Button,
+        action: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          import_antd41.Button,
           {
             size: "small",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons25.ReloadOutlined, {}),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons26.ReloadOutlined, {}),
             onClick: handleRefresh,
             children: "Retry"
           }
@@ -11807,8 +12142,8 @@ var ToolsList = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "div",
       {
         style: {
@@ -11817,12 +12152,12 @@ var ToolsList = ({
           right: token.paddingSM,
           zIndex: 1
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-          import_antd39.Button,
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          import_antd41.Button,
           {
             type: "text",
             size: "small",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons25.ReloadOutlined, {}),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons26.ReloadOutlined, {}),
             onClick: handleRefresh,
             title: "Refresh tools",
             style: {
@@ -11832,7 +12167,7 @@ var ToolsList = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "div",
       {
         style: {
@@ -11842,13 +12177,13 @@ var ToolsList = ({
           overflowX: "hidden",
           paddingTop: token.paddingLG
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-          import_antd39.List,
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          import_antd41.List,
           {
             dataSource: state.tools,
             loading: state.isLoading,
             locale: {
-              emptyText: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+              emptyText: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -11859,11 +12194,11 @@ var ToolsList = ({
                     padding: token.paddingLG
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { color: token.colorTextSecondary }, children: "No tools available" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                      import_antd39.Button,
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { color: token.colorTextSecondary }, children: "No tools available" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                      import_antd41.Button,
                       {
-                        icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons25.ReloadOutlined, {}),
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_icons26.ReloadOutlined, {}),
                         onClick: handleRefresh,
                         type: "dashed",
                         size: "small",
@@ -11878,8 +12213,8 @@ var ToolsList = ({
               ...style,
               paddingTop: 0
             },
-            renderItem: (tool) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-              import_antd39.List.Item,
+            renderItem: (tool) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+              import_antd41.List.Item,
               {
                 onClick: () => handleToolSelect(tool),
                 style: {
@@ -11899,11 +12234,11 @@ var ToolsList = ({
                     e.currentTarget.style.backgroundColor = "transparent";
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                  import_antd39.List.Item.Meta,
+                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  import_antd41.List.Item.Meta,
                   {
-                    avatar: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                      import_antd39.Avatar,
+                    avatar: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                      import_antd41.Avatar,
                       {
                         size: "small",
                         style: {
@@ -11913,7 +12248,7 @@ var ToolsList = ({
                         children: tool.name.charAt(0).toUpperCase()
                       }
                     ),
-                    title: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                    title: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "div",
                       {
                         style: {
@@ -11922,9 +12257,9 @@ var ToolsList = ({
                           gap: token.marginXS
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: tool.name }),
-                          tool.needUserApprove && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-                            import_antd39.Tag,
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: tool.name }),
+                          tool.needUserApprove && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                            import_antd41.Tag,
                             {
                               color: "warning",
                               style: {
@@ -11939,7 +12274,7 @@ var ToolsList = ({
                         ]
                       }
                     ),
-                    description: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                    description: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "div",
                       {
                         style: {
@@ -11965,7 +12300,7 @@ var ToolsList = ({
 };
 
 // src/components/Chat/ChatSidebar.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var useStyles4 = (0, import_antd_style13.createStyles)(({ token, css }) => ({
   sidebar: css`
     display: flex;
@@ -12021,9 +12356,9 @@ var ChatSidebar = ({
   const { styles } = useStyles4();
   const { setSettingsModalOpen } = useLatticeChatShellContext();
   const { selectAssistant } = useAssistantContext();
-  const [isFlowModalOpen, setIsFlowModalOpen] = (0, import_react41.useState)(false);
-  const [isSkillFlowModalOpen, setIsSkillFlowModalOpen] = (0, import_react41.useState)(false);
-  const [isToolsModalOpen, setIsToolsModalOpen] = (0, import_react41.useState)(false);
+  const [isFlowModalOpen, setIsFlowModalOpen] = (0, import_react42.useState)(false);
+  const [isSkillFlowModalOpen, setIsSkillFlowModalOpen] = (0, import_react42.useState)(false);
+  const [isToolsModalOpen, setIsToolsModalOpen] = (0, import_react42.useState)(false);
   const handleSettingsClick = () => {
     setSettingsModalOpen(true);
     onSettingsClick?.();
@@ -12037,51 +12372,51 @@ var ChatSidebar = ({
   const handleToolsClick = () => {
     setIsToolsModalOpen(true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: styles.sidebar, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: styles.buttonContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: styles.sidebar, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: styles.buttonContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "button",
         {
           className: styles.actionButton,
           onClick: handleAssistantFlowClick,
           title: "Assistant Flow Canvas",
           "aria-label": "Assistant Flow Canvas",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react.Bot, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react.Bot, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "button",
         {
           className: styles.actionButton,
           onClick: handleSkillFlowClick,
           title: "Skill Flow Canvas",
           "aria-label": "Skill Flow Canvas",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react.BrainCircuit, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react.BrainCircuit, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "button",
         {
           className: styles.actionButton,
           onClick: handleToolsClick,
           title: "Tools List",
           "aria-label": "Tools List",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react.Wrench, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react.Wrench, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "button",
         {
           className: styles.actionButton,
           onClick: handleSettingsClick,
           title: "Settings",
           "aria-label": "Settings",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react.Settings, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react.Settings, {})
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-      import_antd40.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      import_antd42.Modal,
       {
         destroyOnHidden: true,
         title: "Assistant Overview",
@@ -12094,7 +12429,7 @@ var ChatSidebar = ({
           height: "calc(100vh - 120px)",
           padding: 0
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           AssistantFlow_default,
           {
             onChat: (assistant) => {
@@ -12105,8 +12440,8 @@ var ChatSidebar = ({
         ) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-      import_antd40.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      import_antd42.Modal,
       {
         destroyOnHidden: true,
         title: "Skill Overview",
@@ -12119,7 +12454,7 @@ var ChatSidebar = ({
           height: "calc(100vh - 120px)",
           padding: 0
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           SkillFlow_default,
           {
             onNodeClick: (skill) => {
@@ -12129,8 +12464,8 @@ var ChatSidebar = ({
         ) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-      import_antd40.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      import_antd42.Modal,
       {
         destroyOnHidden: true,
         title: "Tools Overview",
@@ -12143,7 +12478,7 @@ var ChatSidebar = ({
           height: "calc(100vh - 120px)",
           padding: 0
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           ToolsList,
           {
             onToolSelect: (tool) => {
@@ -12157,16 +12492,16 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var LatticeChatView = (props) => {
-  const shellContext = (0, import_react42.useContext)(LatticeChatShellContext);
+  const shellContext = (0, import_react43.useContext)(LatticeChatShellContext);
   const { showSideMenu } = shellContext.config;
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     AxiomLatticeProvider,
     {
       config: {
@@ -12175,14 +12510,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: showSideMenu ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ChatSidebar, {}) : void 0
+          menu: showSideMenu ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ChatSidebar, {}) : void 0
         }
       )
     }
@@ -12190,13 +12525,13 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-var import_react43 = require("react");
-var import_antd41 = require("antd");
-var import_icons26 = require("@ant-design/icons");
+var import_react44 = require("react");
+var import_antd43 = require("antd");
+var import_icons27 = require("@ant-design/icons");
 var import_antd_style14 = require("antd-style");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var { Text: Text20, Title: Title4 } = import_antd41.Typography;
-var { TextArea: TextArea5 } = import_antd41.Input;
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var { Text: Text22, Title: Title4 } = import_antd43.Typography;
+var { TextArea: TextArea5 } = import_antd43.Input;
 var useStyles5 = (0, import_antd_style14.createStyles)(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
@@ -12543,12 +12878,12 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons27.EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.ApiOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons27.ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
@@ -12557,7 +12892,7 @@ var SettingsModal = ({
 }) => {
   const { styles } = useStyles5();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = (0, import_react43.useState)(() => {
+  const [connections, setConnections] = (0, import_react44.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -12580,21 +12915,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = (0, import_react43.useState)({});
-  const connectionsRef = (0, import_react43.useRef)(connections);
-  (0, import_react43.useEffect)(() => {
+  const [serverConfigs, setServerConfigs] = (0, import_react44.useState)({});
+  const connectionsRef = (0, import_react44.useRef)(connections);
+  (0, import_react44.useEffect)(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = (0, import_react43.useState)(
+  const [activeTabKey, setActiveTabKey] = (0, import_react44.useState)(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = (0, import_react43.useState)("environment");
-  const [loading, setLoading] = (0, import_react43.useState)(false);
-  const [showAddServerModal, setShowAddServerModal] = (0, import_react43.useState)(false);
-  const [newServerUrl, setNewServerUrl] = (0, import_react43.useState)("");
-  const [newServerName, setNewServerName] = (0, import_react43.useState)("");
-  const [newServerApiKey, setNewServerApiKey] = (0, import_react43.useState)("");
-  const [addingServer, setAddingServer] = (0, import_react43.useState)(false);
+  const [activeMenu, setActiveMenu] = (0, import_react44.useState)("environment");
+  const [loading, setLoading] = (0, import_react44.useState)(false);
+  const [showAddServerModal, setShowAddServerModal] = (0, import_react44.useState)(false);
+  const [newServerUrl, setNewServerUrl] = (0, import_react44.useState)("");
+  const [newServerName, setNewServerName] = (0, import_react44.useState)("");
+  const [newServerApiKey, setNewServerApiKey] = (0, import_react44.useState)("");
+  const [addingServer, setAddingServer] = (0, import_react44.useState)(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -12733,7 +13068,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      import_antd41.message.error("Failed to load current configuration");
+      import_antd43.message.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -12784,7 +13119,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -12793,7 +13128,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -12807,7 +13142,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      import_antd41.message.error("Please enter a server URL");
+      import_antd43.message.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -12833,7 +13168,7 @@ var SettingsModal = ({
     setNewServerUrl("");
     setNewServerName("");
     setNewServerApiKey("");
-    import_antd41.notification.success({
+    import_antd43.notification.success({
       message: "Added",
       description: "Server added successfully"
     });
@@ -12853,7 +13188,7 @@ var SettingsModal = ({
         setActiveTabKey("");
       }
     }
-    import_antd41.notification.success({
+    import_antd43.notification.success({
       message: "Deleted",
       description: "Server deleted"
     });
@@ -12870,12 +13205,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      import_antd41.message.error("Please connect to a server first");
+      import_antd43.message.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      import_antd41.message.error("Please connect to a server first");
+      import_antd43.message.error("Please connect to a server first");
       return;
     }
     try {
@@ -12939,26 +13274,26 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            import_antd41.message.warning(
+            import_antd43.message.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
               5
             );
           } else {
-            import_antd41.notification.success({
+            import_antd43.notification.success({
               message: "Saved",
               description: "Configuration saved and applied successfully"
             });
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              import_antd41.message.warning(warning, 5);
+              import_antd43.message.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          import_antd41.message.error(data.error || "Failed to save configuration");
+          import_antd43.message.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -12977,18 +13312,18 @@ var SettingsModal = ({
         });
         const data = await response.json();
         if (response.ok && data.success) {
-          import_antd41.notification.success({
+          import_antd43.notification.success({
             message: "Saved",
             description: "Model configuration saved and registered successfully"
           });
           onClose();
         } else {
-          import_antd41.message.error(data.error || "Failed to save model configuration");
+          import_antd43.message.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      import_antd41.message.error(error.message || "Failed to save configuration");
+      import_antd43.message.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -13004,25 +13339,25 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        import_antd41.Alert,
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        import_antd43.Alert,
         {
           message: "Configuration Effect",
-          description: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                import_icons26.CheckCircleOutlined,
+          description: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                import_icons27.CheckCircleOutlined,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("strong", { children: "Requires restart:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons27.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -13031,8 +13366,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { 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__ */ (0, import_jsx_runtime57.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { 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__ */ (0, import_jsx_runtime59.jsx)(
         TextArea5,
         {
           value: config.envText,
@@ -13109,10 +13444,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { 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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: styles.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { 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__ */ (0, import_jsx_runtime59.jsxs)("div", { className: styles.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "div",
           {
             style: {
@@ -13124,13 +13459,13 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Text20, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Text22, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
-                  Text20,
+                model.key && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+                  Text22,
                   {
                     type: "secondary",
                     style: { marginLeft: 8, fontSize: 12 },
@@ -13142,8 +13477,8 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                import_antd41.Button,
+              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                import_antd43.Button,
                 {
                   type: "text",
                   danger: true,
@@ -13159,11 +13494,11 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_antd41.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_antd43.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Input,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -13171,12 +13506,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Select,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Select,
               {
                 style: { width: "100%", height: 40 },
                 value: model.provider,
@@ -13191,10 +13526,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Input,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -13203,10 +13538,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Input.Password,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Input.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -13214,12 +13549,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Input,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -13227,23 +13562,23 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_antd41.Space, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Switch,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_antd43.Space, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Switch,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { children: "Enable Streaming" })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { children: "Enable Streaming" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                import_antd41.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                import_antd43.Input,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -13257,10 +13592,10 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                import_antd41.Input,
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                import_antd43.Input,
                 {
                   type: "number",
                   step: "0.1",
@@ -13278,8 +13613,8 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        import_antd41.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        import_antd43.Button,
         {
           type: "dashed",
           onClick: handleAddModel,
@@ -13306,9 +13641,9 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        import_icons26.CloudServerOutlined,
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        import_icons27.CloudServerOutlined,
         {
           style: {
             marginRight: 8,
@@ -13316,15 +13651,15 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        import_icons26.CheckCircleFilled,
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        import_icons27.CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        import_icons26.CloseCircleFilled,
+      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        import_icons27.CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
         }
@@ -13334,35 +13669,35 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: styles.content, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: styles.contentHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Title4, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Text20, { className: styles.contentDescription, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: styles.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: styles.contentHeaderLeft, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Title4, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Text22, { 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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_antd41.Button, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: styles.contentHeaderRight, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_antd43.Button, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Button,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.SaveOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons27.SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -13370,9 +13705,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "div",
       {
         style: {
@@ -13384,29 +13719,29 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Title4, { level: 4, children: "Connecting..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Text20, { type: "secondary", style: { textAlign: "center" }, children: [
+        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons27.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Title4, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Text22, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Title4, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-            Text20,
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons27.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Title4, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            Text22,
             {
               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__ */ (0, import_jsx_runtime57.jsx)(
-            import_antd41.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            import_antd43.Button,
             {
               type: "primary",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.LinkOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons27.LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -13418,9 +13753,9 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      import_antd41.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      import_antd43.Modal,
       {
         open,
         onCancel: onClose,
@@ -13428,8 +13763,8 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-          import_antd41.Tabs,
+        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          import_antd43.Tabs,
           {
             activeKey: activeTabKey,
             onChange: handleTabChange,
@@ -13442,7 +13777,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            addIcon: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
               "div",
               {
                 style: {
@@ -13452,8 +13787,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.PlusOutlined, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: "Add Server" })
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_icons27.PlusOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: "Add Server" })
                 ]
               }
             )
@@ -13461,8 +13796,8 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      import_antd41.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      import_antd43.Modal,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -13475,11 +13810,11 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_antd41.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Input,
+        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_antd43.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Input,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -13487,12 +13822,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Input,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -13500,12 +13835,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-              import_antd41.Input.Password,
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              import_antd43.Input.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -13513,7 +13848,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Text20, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text22, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -13522,10 +13857,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -13535,10 +13870,10 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var LatticeChatShell = (props) => {
   const { enableAssistantCreation, enableAssistantEditing, ...restProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     LatticeChatShellContextProvider,
     {
       initialConfig: {
@@ -13547,8 +13882,8 @@ var LatticeChatShell = (props) => {
         ...restProps.initialConfig
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId: restProps.initialConfig?.assistantId, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(LatticeChatView, {}) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AgentServerSetting, {})
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId: restProps.initialConfig?.assistantId, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(LatticeChatView, {}) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(AgentServerSetting, {})
       ]
     }
   );