@axiom-lattice/react-sdk 2.1.31 → 2.1.32

package/dist/index.d.mts

@@ -817,11 +817,21 @@ interface LatticeChatShellConfig {
       */
     globalSharedSandboxURL?: string;
     /**
-     * Available middleware types that can be configured for agents
-     * Each middleware type defines its name, description, and default configuration
-     * If not provided, default middleware types will be used
-     */
+      * Available middleware types that can be configured for agents
+      * Each middleware type defines its name, description, and default configuration
+      * If not provided, default middleware types will be used
+      */
     availableMiddlewareTypes?: MiddlewareTypeDefinition[];
+    /**
+     * Whether users can create new assistants
+     * Defaults to true
+     */
+    enableAssistantCreation?: boolean;
+    /**
+     * Whether users can edit existing assistants
+     * Defaults to true
+     */
+    enableAssistantEditing?: boolean;
 }
 /**
  * Lattice Chat Shell context value interface
@@ -945,7 +955,16 @@ interface AgentConversationsProps {
 }
 declare const AgentConversations: React__default.FC<AgentConversationsProps>;
 
-type LatticeChatShellProps = Omit<LatticeChatShellContextProviderProps, "children">;
+type LatticeChatShellProps = Omit<LatticeChatShellContextProviderProps, "children"> & {
+    /**
+     * Whether users can create new assistants (default: true)
+     */
+    enableAssistantCreation?: boolean;
+    /**
+     * Whether users can edit existing assistants (default: true)
+     */
+    enableAssistantEditing?: boolean;
+};
 /**
  * Lattice Chat Shell component
  * Provides a complete chat interface with conversation management
@@ -1045,7 +1064,7 @@ declare const SkillNode: React__default.FC<NodeProps<Node<SkillNodeData>>>;
 interface CreateAssistantModalProps {
     open: boolean;
     onCancel: () => void;
-    onSuccess?: () => void;
+    onSuccess?: (assistant: Assistant) => void;
 }
 declare const CreateAssistantModal: React__default.FC<CreateAssistantModalProps>;
 

package/dist/index.d.ts

@@ -817,11 +817,21 @@ interface LatticeChatShellConfig {
       */
     globalSharedSandboxURL?: string;
     /**
-     * Available middleware types that can be configured for agents
-     * Each middleware type defines its name, description, and default configuration
-     * If not provided, default middleware types will be used
-     */
+      * Available middleware types that can be configured for agents
+      * Each middleware type defines its name, description, and default configuration
+      * If not provided, default middleware types will be used
+      */
     availableMiddlewareTypes?: MiddlewareTypeDefinition[];
+    /**
+     * Whether users can create new assistants
+     * Defaults to true
+     */
+    enableAssistantCreation?: boolean;
+    /**
+     * Whether users can edit existing assistants
+     * Defaults to true
+     */
+    enableAssistantEditing?: boolean;
 }
 /**
  * Lattice Chat Shell context value interface
@@ -945,7 +955,16 @@ interface AgentConversationsProps {
 }
 declare const AgentConversations: React__default.FC<AgentConversationsProps>;
 
-type LatticeChatShellProps = Omit<LatticeChatShellContextProviderProps, "children">;
+type LatticeChatShellProps = Omit<LatticeChatShellContextProviderProps, "children"> & {
+    /**
+     * Whether users can create new assistants (default: true)
+     */
+    enableAssistantCreation?: boolean;
+    /**
+     * Whether users can edit existing assistants (default: true)
+     */
+    enableAssistantEditing?: boolean;
+};
 /**
  * Lattice Chat Shell component
  * Provides a complete chat interface with conversation management
@@ -1045,7 +1064,7 @@ declare const SkillNode: React__default.FC<NodeProps<Node<SkillNodeData>>>;
 interface CreateAssistantModalProps {
     open: boolean;
     onCancel: () => void;
-    onSuccess?: () => void;
+    onSuccess?: (assistant: Assistant) => void;
 }
 declare const CreateAssistantModal: React__default.FC<CreateAssistantModalProps>;
 

package/dist/index.js

@@ -2218,6 +2218,8 @@ var DEFAULT_CONFIG = {
   enableThreadCreation: true,
   enableThreadList: true,
   showSideMenu: true,
+  enableAssistantCreation: true,
+  enableAssistantEditing: true,
   availableMiddlewareTypes: DEFAULT_MIDDLEWARE_TYPES
 };
 var LatticeChatShellContext = (0, import_react10.createContext)({
@@ -7332,7 +7334,7 @@ var import_react42 = require("react");
 // src/components/Chat/ChatSidebar.tsx
 var import_react41 = require("react");
 var import_antd40 = require("antd");
-var import_icons26 = require("@ant-design/icons");
+var import_lucide_react = require("lucide-react");
 var import_antd_style13 = require("antd-style");
 
 // src/components/Chat/AssistantFlow.tsx
@@ -7818,7 +7820,7 @@ var AssistantNode = ({
               e.currentTarget.style.boxShadow = `0 1px 4px rgba(0, 0, 0, 0.08)`;
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              onConfigure && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                 "div",
                 {
                   onClick: (e) => {
@@ -8627,13 +8629,16 @@ var AgentConfigPanel = ({
   allAssistants,
   visible,
   onClose,
-  onSave
+  onSave,
+  onDelete
 }) => {
   const [form] = import_antd32.Form.useForm();
   const { token } = import_antd32.theme.useToken();
   const { config } = useLatticeChatShellContext();
   const [toolsLoading, setToolsLoading] = (0, import_react31.useState)(false);
   const [saving, setSaving] = (0, import_react31.useState)(false);
+  const [deleting, setDeleting] = (0, import_react31.useState)(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react31.useState)(false);
   const [tools, setTools] = (0, import_react31.useState)([]);
   const [selectedTools, setSelectedTools] = (0, import_react31.useState)([]);
   const [selectedSubAgents, setSelectedSubAgents] = (0, import_react31.useState)([]);
@@ -8749,6 +8754,20 @@ var AgentConfigPanel = ({
       setSaving(false);
     }
   };
+  const handleDelete = async () => {
+    if (!assistant) return;
+    setDeleting(true);
+    try {
+      await onDelete?.(assistant);
+      setIsDeleteModalOpen(false);
+      onClose();
+    } catch (error) {
+      setIsDeleteModalOpen(false);
+      import_antd32.message.error(error instanceof Error ? error.message : "Failed to delete assistant");
+    } finally {
+      setDeleting(false);
+    }
+  };
   const handleMiddlewareToggle = (middlewareId) => {
     setMiddleware(
       (prev) => prev.map((m) => {
@@ -8899,15 +8918,27 @@ var AgentConfigPanel = ({
                 /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text16, { strong: true, style: { fontSize: 14 }, children: assistant.name }),
                 /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_antd32.Tag, { color: "blue", style: { margin: 0, fontSize: 10 }, children: "Config" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
-                import_antd32.Button,
-                {
-                  type: "text",
-                  size: "small",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons19.CloseOutlined, {}),
-                  onClick: onClose
-                }
-              )
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_antd32.Space, { children: [
+                onDelete && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_antd32.Tooltip, { title: "Delete Assistant", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  import_antd32.Button,
+                  {
+                    type: "text",
+                    size: "small",
+                    danger: true,
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons19.DeleteOutlined, {}),
+                    onClick: () => setIsDeleteModalOpen(true)
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  import_antd32.Button,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_icons19.CloseOutlined, {}),
+                    onClick: onClose
+                  }
+                )
+              ] })
             ]
           }
         ),
@@ -9186,10 +9217,10 @@ var AgentConfigPanel = ({
               alignItems: "center"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text16, { type: "secondary", style: { fontSize: 12 }, children: "Changes will be saved to the agent" }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text16, { type: "secondary", style: { fontSize: 12 }, children: onSave ? "Changes will be saved to the agent" : "Viewing agent configuration" }),
               /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_antd32.Space, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_antd32.Button, { onClick: onClose, size: "small", children: "Close" }),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                onSave && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   import_antd32.Button,
                   {
                     type: "primary",
@@ -9278,6 +9309,33 @@ var AgentConfigPanel = ({
               )
             ]
           }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          import_antd32.Modal,
+          {
+            title: "Delete Assistant",
+            open: isDeleteModalOpen,
+            onCancel: () => setIsDeleteModalOpen(false),
+            footer: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_antd32.Button, { onClick: () => setIsDeleteModalOpen(false), children: "Cancel" }, "cancel"),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                import_antd32.Button,
+                {
+                  type: "primary",
+                  danger: true,
+                  loading: deleting,
+                  onClick: handleDelete,
+                  children: "Delete"
+                },
+                "delete"
+              )
+            ],
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Text16, { children: [
+              "Are you sure you want to delete ",
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Text16, { strong: true, children: assistant.name }),
+              "? This action cannot be undone."
+            ] })
+          }
         )
       ]
     }
@@ -9339,7 +9397,7 @@ var CreateAssistantModal = ({
           description: "Assistant created successfully"
         });
         form.resetFields();
-        onSuccess?.();
+        onSuccess?.(data.data);
         onCancel();
       } else {
         import_antd33.message.error(data.message || "Failed to create assistant");
@@ -9473,6 +9531,7 @@ var import_antd34 = require("antd");
 var import_icons21 = require("@ant-design/icons");
 var import_jsx_runtime50 = 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)([]);
@@ -9482,6 +9541,7 @@ var AssistantFlowInner = ({ onChat }) => {
   const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react33.useState)(false);
   const { config } = useLatticeChatShellContext();
   const { token } = import_antd34.theme.useToken();
+  const { enableAssistantCreation = true, enableAssistantEditing = true } = config;
   const nodeTypes = (0, import_react33.useMemo)(
     () => ({
       assistant: AssistantNode_default
@@ -9494,6 +9554,7 @@ var AssistantFlowInner = ({ onChat }) => {
   }, []);
   const handleClosePanel = (0, import_react33.useCallback)(() => {
     setConfigPanelVisible(false);
+    setSelectedAssistant(null);
   }, []);
   const fetchAssistants = async () => {
     setAssistantsLoading(true);
@@ -9672,7 +9733,7 @@ var AssistantFlowInner = ({ onChat }) => {
             type: "assistant",
             data: {
               assistant,
-              onConfigure: () => handleConfigure(assistant),
+              onConfigure: enableAssistantEditing ? () => handleConfigure(assistant) : void 0,
               onChat
             },
             position: { x, y }
@@ -9702,7 +9763,7 @@ var AssistantFlowInner = ({ onChat }) => {
           type: "assistant",
           data: {
             assistant,
-            onConfigure: () => handleConfigure(assistant),
+            onConfigure: enableAssistantEditing ? () => handleConfigure(assistant) : void 0,
             onChat
           },
           position: { x, y }
@@ -9763,9 +9824,82 @@ var AssistantFlowInner = ({ onChat }) => {
       throw error;
     }
   };
-  const handleAssistantCreated = async () => {
-    await fetchAssistants();
+  const handleDeleteAssistant = async (assistant) => {
+    try {
+      const headers = {};
+      if (config.apiKey) {
+        headers["Authorization"] = `Bearer ${config.apiKey}`;
+      }
+      const response = await fetch(
+        `${config.baseURL}/api/assistants/${assistant.id}`,
+        {
+          method: "DELETE",
+          headers,
+          body: JSON.stringify({})
+        }
+      );
+      const data = await response.json();
+      if (response.ok && data.success) {
+        setAssistants((prev) => prev.filter((a) => a.id !== assistant.id));
+        if (selectedAssistant?.id === assistant.id) {
+          setSelectedAssistant(null);
+          setConfigPanelVisible(false);
+        }
+        import_antd34.notification.success({
+          message: "Deleted",
+          description: "Assistant deleted successfully"
+        });
+      } else {
+        import_antd34.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");
+      throw error;
+    }
   };
+  const handleAssistantCreated = (createdAssistant) => {
+    setAssistants((prev) => {
+      const exists = prev.some((a) => a.id === createdAssistant.id);
+      if (exists) {
+        return prev.map((a) => a.id === createdAssistant.id ? createdAssistant : a);
+      }
+      return [...prev, createdAssistant];
+    });
+    lastCreatedAssistantRef.current = createdAssistant;
+  };
+  (0, import_react33.useEffect)(() => {
+    if (selectedAssistant) {
+      const node = nodes.find((n) => n.id === selectedAssistant.id);
+      if (node) {
+        setCenter(node.position.x + 140, node.position.y + 100, { zoom: 1, duration: 800 });
+      }
+    }
+  }, [selectedAssistant, nodes, setCenter]);
+  (0, import_react33.useEffect)(() => {
+    if (assistants.length > 0 && selectedAssistant) {
+      const assistant = assistants.find((a) => a.id === selectedAssistant.id);
+      if (assistant && !configPanelVisible) {
+        setConfigPanelVisible(true);
+      }
+    }
+  }, [assistants, selectedAssistant, configPanelVisible]);
+  const lastCreatedAssistantRef = (0, import_react33.useRef)(null);
+  (0, import_react33.useEffect)(() => {
+    if (lastCreatedAssistantRef.current && !assistants.find((a) => a.id === lastCreatedAssistantRef.current?.id)) {
+      lastCreatedAssistantRef.current = null;
+    }
+    if (lastCreatedAssistantRef.current) {
+      const node = nodes.find((n) => n.id === lastCreatedAssistantRef.current.id);
+      if (node) {
+        setCenter(node.position.x + 140, node.position.y + 100, { zoom: 1, duration: 800 });
+        setSelectedAssistant(lastCreatedAssistantRef.current);
+        setConfigPanelVisible(true);
+        lastCreatedAssistantRef.current = null;
+      }
+    }
+  }, [nodes, setCenter]);
   if (assistantsLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "div",
@@ -9808,7 +9942,7 @@ var AssistantFlowInner = ({ onChat }) => {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          enableAssistantCreation && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "div",
             {
               style: {
@@ -9848,7 +9982,8 @@ var AssistantFlowInner = ({ onChat }) => {
         assistant: selectedAssistant,
         allAssistants: assistants,
         onClose: handleClosePanel,
-        onSave: handleSaveConfig
+        onSave: handleSaveConfig,
+        onDelete: handleDeleteAssistant
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
@@ -11874,8 +12009,9 @@ var useStyles4 = (0, import_antd_style13.createStyles)(({ token, css }) => ({
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
     }
 
-    .anticon {
-      font-size: 22px;
+    .lucide {
+      width: 22px;
+      height: 22px;
     }
   `
 }));
@@ -11910,7 +12046,7 @@ var ChatSidebar = ({
           onClick: handleAssistantFlowClick,
           title: "Assistant Flow Canvas",
           "aria-label": "Assistant Flow Canvas",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons26.ApartmentOutlined, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react.Bot, {})
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
@@ -11920,7 +12056,7 @@ var ChatSidebar = ({
           onClick: handleSkillFlowClick,
           title: "Skill Flow Canvas",
           "aria-label": "Skill Flow Canvas",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons26.StarOutlined, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react.BrainCircuit, {})
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
@@ -11930,7 +12066,7 @@ var ChatSidebar = ({
           onClick: handleToolsClick,
           title: "Tools List",
           "aria-label": "Tools List",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons26.ToolOutlined, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react.Wrench, {})
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
@@ -11940,7 +12076,7 @@ var ChatSidebar = ({
           onClick: handleSettingsClick,
           title: "Settings",
           "aria-label": "Settings",
-          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_icons26.SettingOutlined, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react.Settings, {})
         }
       )
     ] }) }),
@@ -12056,7 +12192,7 @@ var LatticeChatView = (props) => {
 // src/components/Chat/SettingsModal.tsx
 var import_react43 = require("react");
 var import_antd41 = require("antd");
-var import_icons27 = require("@ant-design/icons");
+var import_icons26 = 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;
@@ -12407,12 +12543,12 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons27.EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons27.ApiOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
@@ -12876,7 +13012,7 @@ var SettingsModal = ({
           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_icons27.CheckCircleOutlined,
+                import_icons26.CheckCircleOutlined,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
@@ -12885,7 +13021,7 @@ var SettingsModal = ({
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons27.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
               /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
@@ -13172,7 +13308,7 @@ QUEUE_NAME=tasks`,
   const renderTabLabel = (connection) => {
     return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        import_icons27.CloudServerOutlined,
+        import_icons26.CloudServerOutlined,
         {
           style: {
             marginRight: 8,
@@ -13182,13 +13318,13 @@ QUEUE_NAME=tasks`,
       ),
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: connection.name }),
       connection.connected && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        import_icons27.CheckCircleFilled,
+        import_icons26.CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
       connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-        import_icons27.CloseCircleFilled,
+        import_icons26.CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
         }
@@ -13226,7 +13362,7 @@ QUEUE_NAME=tasks`,
               import_antd41.Button,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons27.SaveOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -13249,14 +13385,14 @@ QUEUE_NAME=tasks`,
           padding: 48
         },
         children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons27.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__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: [
             "Connecting to ",
             connection.url
           ] })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons27.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__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,
@@ -13270,7 +13406,7 @@ QUEUE_NAME=tasks`,
             import_antd41.Button,
             {
               type: "primary",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons27.LinkOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -13316,7 +13452,7 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons27.PlusOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_icons26.PlusOutlined, {}),
                   /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: "Add Server" })
                 ]
               }
@@ -13401,11 +13537,21 @@ var AgentServerSetting = () => {
 // src/components/Chat/LatticeChatShell.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var LatticeChatShell = (props) => {
-  const { initialConfig } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(LatticeChatShellContextProvider, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId: 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, {})
-  ] });
+  const { enableAssistantCreation, enableAssistantEditing, ...restProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    LatticeChatShellContextProvider,
+    {
+      initialConfig: {
+        enableAssistantCreation,
+        enableAssistantEditing,
+        ...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, {})
+      ]
+    }
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {