@axiom-lattice/react-sdk 2.1.77 → 2.1.78

package/dist/index.d.mts

@@ -769,10 +769,24 @@ interface ChatingProps {
      * When provided, overrides the shell config's enableModelSelector
      */
     showModelSelector?: boolean;
+    /** Show database picker in sender footer. Overrides shell config enableDatabaseSlot */
+    showDatabaseSlot?: boolean;
+    /** Show skill picker in sender footer. Overrides shell config enableSkillSlot */
+    showSkillSlot?: boolean;
+    /** Show agent picker in sender footer. Overrides shell config enableAgentSlot */
+    showAgentSlot?: boolean;
+    /** Show metrics data source picker in sender footer. Overrides shell config enableMetricsDataSourceSlot */
+    showMetricsDataSourceSlot?: boolean;
     showEmptyState?: boolean;
     emptyStateGreeting?: React__default.ReactNode;
     emptyStateQuestion?: string;
     welcomePrefix?: string;
+    /** Context string injected before the first user message (e.g. workflow context) */
+    systemContext?: string;
+    /** Auto-send this message when agent becomes idle (thread ready, not loading) */
+    initialMessage?: string | null;
+    /** Called after initialMessage has been sent */
+    onInitialMessageSent?: () => void;
 }
 declare const Chating: React__default.FC<ChatingProps>;
 

package/dist/index.d.ts

@@ -769,10 +769,24 @@ interface ChatingProps {
      * When provided, overrides the shell config's enableModelSelector
      */
     showModelSelector?: boolean;
+    /** Show database picker in sender footer. Overrides shell config enableDatabaseSlot */
+    showDatabaseSlot?: boolean;
+    /** Show skill picker in sender footer. Overrides shell config enableSkillSlot */
+    showSkillSlot?: boolean;
+    /** Show agent picker in sender footer. Overrides shell config enableAgentSlot */
+    showAgentSlot?: boolean;
+    /** Show metrics data source picker in sender footer. Overrides shell config enableMetricsDataSourceSlot */
+    showMetricsDataSourceSlot?: boolean;
     showEmptyState?: boolean;
     emptyStateGreeting?: React__default.ReactNode;
     emptyStateQuestion?: string;
     welcomePrefix?: string;
+    /** Context string injected before the first user message (e.g. workflow context) */
+    systemContext?: string;
+    /** Auto-send this message when agent becomes idle (thread ready, not loading) */
+    initialMessage?: string | null;
+    /** Called after initialMessage has been sent */
+    onInitialMessageSent?: () => void;
 }
 declare const Chating: React__default.FC<ChatingProps>;
 

package/dist/index.js

@@ -8804,7 +8804,7 @@ var import_antd72 = require("antd");
 
 // src/components/Chat/Chating.tsx
 var import_icons37 = require("@ant-design/icons");
-var import_x7 = require("@ant-design/x");
+var import_x6 = require("@ant-design/x");
 
 // src/components/Chat/MessageList.tsx
 var import_x3 = require("@ant-design/x");
@@ -18090,142 +18090,10 @@ var TopologyNode_default = TopologyNode;
 
 // src/components/Chat/CopilotPanel.tsx
 var import_react61 = require("react");
-var import_x4 = require("@ant-design/x");
 var import_antd54 = require("antd");
 var import_icons31 = require("@ant-design/icons");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var { Text: Text25 } = import_antd54.Typography;
-var CopilotPanelChatBody = ({ workflowContext, initialMessage, onInitialMessageSent }) => {
-  const {
-    messages,
-    isLoading,
-    error: chatError,
-    sendMessage,
-    stopStreaming,
-    threadId
-  } = useAgentChat();
-  const [inputValue, setInputValue] = (0, import_react61.useState)("");
-  const contextSentRef = (0, import_react61.useRef)(false);
-  const initialMessageSentRef = (0, import_react61.useRef)(false);
-  const prevLoadingRef = (0, import_react61.useRef)(false);
-  const workflowId = workflowContext?.id;
-  const workflowName = workflowContext?.name;
-  (0, import_react61.useEffect)(() => {
-    contextSentRef.current = false;
-  }, [threadId]);
-  (0, import_react61.useEffect)(() => {
-    initialMessageSentRef.current = false;
-  }, [threadId]);
-  (0, import_react61.useEffect)(() => {
-    const wasLoading = prevLoadingRef.current;
-    prevLoadingRef.current = isLoading;
-    if (wasLoading && !isLoading && initialMessage && threadId && !initialMessageSentRef.current) {
-      initialMessageSentRef.current = true;
-      const message23 = initialMessage.trim();
-      if (message23) {
-        const formattedMessage = [
-          `Purpose: ${message23}`,
-          "",
-          `Configure the topology for workflow "${workflowId}" based on this purpose. Create sub-agents, set up the processing pipeline, and wire them together with topology edges.`,
-          `The current name is a placeholder \u2014 feel free to update it via update_processing_agent if you have a better one.`
-        ].join("\n");
-        sendMessage({
-          input: { message: formattedMessage },
-          streaming: true
-        });
-        onInitialMessageSent?.();
-      }
-    }
-  }, [isLoading, initialMessage, threadId, sendMessage, onInitialMessageSent, workflowId, workflowName]);
-  const handleSubmit = (0, import_react61.useCallback)(
-    (nextContent) => {
-      if (!nextContent.trim()) return;
-      let finalContent = nextContent;
-      if (workflowId && workflowName && !contextSentRef.current) {
-        finalContent = `[Context: You're viewing workflow "${workflowName}" (agent: ${workflowId})]
-User: ${nextContent}`;
-        contextSentRef.current = true;
-      }
-      sendMessage({
-        input: { message: finalContent },
-        streaming: true
-      });
-      setInputValue("");
-    },
-    [workflowId, workflowName, sendMessage]
-  );
-  const isEmpty = messages.length === 0 && !isLoading;
-  const showContentLoading = isLoading && messages.length === 0;
-  const hasContent = !isEmpty;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
-    "div",
-    {
-      style: {
-        flex: 1,
-        minHeight: 0,
-        display: "flex",
-        flexDirection: "column",
-        padding: 0
-      },
-      children: [
-        isEmpty && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "center",
-              alignItems: "center",
-              height: "100%",
-              textAlign: "center",
-              gap: 4
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text25, { strong: true, children: "Workflow Builder" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text25, { type: "secondary", children: "Ask me to design, review, or modify your workflows" })
-            ]
-          }
-        ),
-        showContentLoading && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-          "div",
-          {
-            style: {
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              height: "100%"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_antd54.Spin, {})
-          }
-        ),
-        hasContent && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { flex: 1, minHeight: 0, display: "flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MessageList, { messages }) }),
-        chatError && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { padding: "8px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text25, { type: "danger", children: chatError.message }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-          "div",
-          {
-            style: {
-              padding: "12px 8px",
-              borderTop: "1px solid #f0f0f0",
-              flexShrink: 0
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-              import_x4.Sender,
-              {
-                value: inputValue,
-                placeholder: "Ask about workflows...",
-                onChange: setInputValue,
-                onSubmit: handleSubmit,
-                loading: isLoading,
-                onCancel: () => stopStreaming(),
-                allowSpeech: false
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
 var CopilotPanel = ({
   workflowContext,
   onClose,
@@ -18235,6 +18103,21 @@ var CopilotPanel = ({
 }) => {
   const client = useClient("agent-architect");
   const threadId = workflowContext?.id ? `${client.tenantId}:${workflowContext.id}` : null;
+  const systemContext = (0, import_react61.useMemo)(() => {
+    if (workflowContext?.id && workflowContext?.name) {
+      return `[Context: You're viewing workflow "${workflowContext.name}" (agent: ${workflowContext.id})]`;
+    }
+    return void 0;
+  }, [workflowContext]);
+  const initialMessageContent = (0, import_react61.useMemo)(() => {
+    if (!initialMessage || !workflowContext?.id) return void 0;
+    return [
+      `Purpose: ${initialMessage.trim()}`,
+      "",
+      `Configure the topology for workflow "${workflowContext.id}" based on this purpose. Create sub-agents, set up the processing pipeline, and wire them together with topology edges.`,
+      `The current name is a placeholder \u2014 feel free to update it via update_processing_agent if you have a better one.`
+    ].join("\n");
+  }, [initialMessage, workflowContext?.id]);
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "div",
     {
@@ -18286,10 +18169,16 @@ var CopilotPanel = ({
             options: { streaming: true },
             onToolCompleted,
             children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-              CopilotPanelChatBody,
+              Chating,
               {
-                workflowContext,
-                initialMessage,
+                showHeader: false,
+                showEmptyState: false,
+                showDatabaseSlot: false,
+                showSkillSlot: false,
+                showAgentSlot: false,
+                showMetricsDataSourceSlot: false,
+                systemContext,
+                initialMessage: initialMessageContent,
                 onInitialMessageSent
               }
             )
@@ -18530,6 +18419,7 @@ function TopologyFlowInner({
   selectedWorkflowId,
   onSelectWorkflow,
   onCreateWorkflow,
+  onDeleteWorkflow,
   nodes: initialNodes,
   edges: initialEdges
 }) {
@@ -18661,7 +18551,8 @@ function TopologyFlowInner({
             display: "flex",
             alignItems: "center",
             gap: 6,
-            padding: "6px 14px",
+            height: 32,
+            padding: "0 14px",
             background: "rgba(255,255,255,0.95)",
             borderRadius: 10,
             boxShadow: "0 2px 12px rgba(0,0,0,0.08)",
@@ -18679,6 +18570,42 @@ function TopologyFlowInner({
           ]
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            top: 12,
+            right: 12,
+            zIndex: 10,
+            display: "flex",
+            alignItems: "center",
+            height: 32,
+            padding: "0 14px",
+            background: "rgba(255,255,255,0.95)",
+            borderRadius: 10,
+            boxShadow: "0 2px 12px rgba(0,0,0,0.08)",
+            border: "1px solid #f0f0f0"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            import_antd56.Popconfirm,
+            {
+              title: "Delete workflow",
+              description: "This will delete the workflow and all associated topology. This action cannot be undone.",
+              onConfirm: () => onDeleteWorkflow(selectedAgent.id),
+              okText: "Delete",
+              cancelText: "Cancel",
+              okButtonProps: { danger: true },
+              children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                import_icons32.DeleteOutlined,
+                {
+                  style: { color: "#ff4d4f", cursor: "pointer", fontSize: 15 }
+                }
+              )
+            }
+          )
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         import_antd56.Modal,
         {
@@ -18707,7 +18634,7 @@ function TopologyFlowInner({
   ] });
 }
 var TopologyAutomationView = () => {
-  const { get } = useApi();
+  const { get, del } = useApi();
   const [agents, setAgents] = (0, import_react63.useState)([]);
   const [agentNameMap, setAgentNameMap] = (0, import_react63.useState)(/* @__PURE__ */ new Map());
   const [selectedWorkflowId, setSelectedWorkflowId] = (0, import_react63.useState)(null);
@@ -18781,6 +18708,16 @@ var TopologyAutomationView = () => {
   const handleSelectWorkflow = (0, import_react63.useCallback)((id) => {
     setSelectedWorkflowId(id);
   }, []);
+  const handleDeleteWorkflow = (0, import_react63.useCallback)(async (id) => {
+    try {
+      await del(`/api/assistants/${id}`);
+      setSelectedWorkflowId(null);
+      await fetchData();
+    } catch (err) {
+      const message23 = err instanceof Error ? err.message : "Failed to delete workflow";
+      setError(message23);
+    }
+  }, [del, fetchData]);
   const selectedAgent = (0, import_react63.useMemo)(
     () => agents.find((a) => a.id === selectedWorkflowId) || null,
     [agents, selectedWorkflowId]
@@ -18851,6 +18788,7 @@ var TopologyAutomationView = () => {
                 selectedWorkflowId,
                 onSelectWorkflow: handleSelectWorkflow,
                 onCreateWorkflow: () => setIsCreateModalOpen(true),
+                onDeleteWorkflow: handleDeleteWorkflow,
                 nodes,
                 edges
               }
@@ -19391,7 +19329,7 @@ function RunSummaryBanner({ run, agentName }) {
     }
   );
 }
-var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh }) => {
+var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAutoRefreshChange }) => {
   const { get } = useApi();
   const [steps, setSteps] = (0, import_react65.useState)([]);
   const [loading, setLoading] = (0, import_react65.useState)(false);
@@ -19449,7 +19387,11 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh }) =>
     {
       title: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_antd57.Space, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { strong: true, children: "Pipeline Execution" }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Tag, { color: "purple", style: { fontSize: 11 }, children: "Flow View" })
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Tag, { color: "purple", style: { fontSize: 11 }, children: "Flow View" }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_antd57.Space, { size: 4, style: { marginLeft: 12 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", style: { fontSize: 11 }, children: "Auto-refresh" }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Switch, { size: "small", checked: autoRefresh, onChange: onAutoRefreshChange })
+        ] })
       ] }),
       placement: "right",
       width: "90%",
@@ -19477,7 +19419,7 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh }) =>
 };
 var POLLING_INTERVAL = 3e3;
 var TopologyRuntimeView = () => {
-  const { get } = useApi();
+  const { get, del } = useApi();
   const [runs, setRuns] = (0, import_react65.useState)([]);
   const [agentNames, setAgentNames] = (0, import_react65.useState)({});
   const [loading, setLoading] = (0, import_react65.useState)(true);
@@ -19491,6 +19433,16 @@ var TopologyRuntimeView = () => {
     );
     setSelectedRun((prev) => prev?.id === updated.id ? updated : prev);
   }, []);
+  const handleDeleteRun = (0, import_react65.useCallback)(async (runId) => {
+    try {
+      await del(`/api/workflows/runs/${runId}`);
+      setRuns((prev) => prev.filter((r) => r.id !== runId));
+      setSelectedRun((prev) => prev?.id === runId ? null : prev);
+    } catch (err) {
+      const message23 = err instanceof Error ? err.message : "Failed to delete run";
+      setError(message23);
+    }
+  }, [del]);
   const refreshRuns = (0, import_react65.useCallback)(async () => {
     setLoading(true);
     try {
@@ -19573,24 +19525,13 @@ var TopologyRuntimeView = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { padding: 16, overflow: "auto", height: "100%" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Title5, { level: 5, style: { marginBottom: 0 }, children: "Workflow Runs" }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_antd57.Space, { size: 8, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", style: { fontSize: 11 }, children: "Auto-refresh" }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          import_antd57.Switch,
-          {
-            size: "small",
-            checked: autoRefresh,
-            onChange: setAutoRefresh
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Tooltip, { title: "Refresh now", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          import_icons33.ReloadOutlined,
-          {
-            style: { cursor: "pointer", color: "#999" },
-            onClick: () => refreshRuns()
-          }
-        ) })
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Tooltip, { title: "Refresh now", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        import_icons33.ReloadOutlined,
+        {
+          style: { cursor: "pointer", color: "#999" },
+          onClick: () => refreshRuns()
+        }
+      ) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       import_antd57.List,
@@ -19632,7 +19573,25 @@ var TopologyRuntimeView = () => {
                     run.totalEdges
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Tag, { color: sc.color, icon: sc.icon, children: sc.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", style: { fontSize: 11 }, children: formatTime(run.startedAt) })
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", style: { fontSize: 11 }, children: formatTime(run.startedAt) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                    import_antd57.Popconfirm,
+                    {
+                      title: "Delete run",
+                      description: "Delete this workflow run and all its step records?",
+                      onConfirm: () => handleDeleteRun(run.id),
+                      okText: "Delete",
+                      cancelText: "Cancel",
+                      okButtonProps: { danger: true },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                        import_icons33.DeleteOutlined,
+                        {
+                          style: { color: "#ff4d4f", cursor: "pointer", fontSize: 13 },
+                          onClick: (e) => e.stopPropagation()
+                        }
+                      )
+                    }
+                  )
                 ] })
               ] })
             },
@@ -19649,7 +19608,8 @@ var TopologyRuntimeView = () => {
         open: !!selectedRun,
         onClose: () => setSelectedRun(null),
         onRunUpdate: handleRunUpdate,
-        autoRefresh
+        autoRefresh,
+        onAutoRefreshChange: setAutoRefresh
       }
     )
   ] });
@@ -22408,7 +22368,7 @@ var ModelSelector = ({
 
 // src/components/Chat/SkillCategoryPrompts.tsx
 var import_icons35 = require("@ant-design/icons");
-var import_x5 = require("@ant-design/x");
+var import_x4 = require("@ant-design/x");
 var import_antd69 = require("antd");
 var import_react78 = require("react");
 var import_lucide_react19 = require("lucide-react");
@@ -22603,7 +22563,7 @@ var SkillCategoryPrompts = ({
           overflowX: "hidden"
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-          import_x5.Prompts,
+          import_x4.Prompts,
           {
             title: "\u2728 Quick actions",
             items: getSimpleItems(),
@@ -22641,7 +22601,7 @@ var SkillCategoryPrompts = ({
       children: Object.entries(groupedSkills).map(([category, categorySkills]) => {
         const config = getCategoryConfig(category);
         return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-          import_x5.Prompts,
+          import_x4.Prompts,
           {
             title: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_antd69.Space, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { style: { color: config.color }, children: config.icon }),
@@ -22671,7 +22631,7 @@ var SkillCategoryPrompts_default = SkillCategoryPrompts;
 
 // src/components/Chat/BusinessAnalysisPrompts.tsx
 var import_icons36 = require("@ant-design/icons");
-var import_x6 = require("@ant-design/x");
+var import_x5 = require("@ant-design/x");
 var import_antd70 = require("antd");
 var import_react79 = require("react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
@@ -22963,7 +22923,7 @@ var BusinessAnalysisPrompts = ({
           margin: "0 auto"
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-          import_x6.Prompts,
+          import_x5.Prompts,
           {
             title: simpleModeTitle,
             items: getSimpleItems(),
@@ -23009,7 +22969,7 @@ var BusinessAnalysisPrompts = ({
               /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: category.title })
             ] }),
             children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-              import_x6.Prompts,
+              import_x5.Prompts,
               {
                 items: getGroupedItems(category.items),
                 onItemClick: (info) => {
@@ -23053,10 +23013,17 @@ var Chating = ({
   showHITL = true,
   showRefreshButton = false,
   showModelSelector,
+  showDatabaseSlot,
+  showSkillSlot,
+  showAgentSlot,
+  showMetricsDataSourceSlot,
   showEmptyState = true,
   emptyStateGreeting,
   emptyStateQuestion = "Ready to turn data into insightful charts in seconds?",
-  welcomePrefix = "Hey"
+  welcomePrefix = "Hey",
+  systemContext,
+  initialMessage,
+  onInitialMessageSent
 }) => {
   const [content, setContent] = (0, import_react80.useState)("");
   const [attachedFiles, setAttachedFiles] = (0, import_react80.useState)([]);
@@ -23095,6 +23062,27 @@ var Chating = ({
     return () => clearInterval(interval);
   }, [isStreaming]);
   const conversationContext = useConversationContext();
+  const systemContextSentRef = (0, import_react80.useRef)(false);
+  const initialMessageSentRef = (0, import_react80.useRef)(false);
+  const prevLoadingRef = (0, import_react80.useRef)(false);
+  (0, import_react80.useEffect)(() => {
+    systemContextSentRef.current = false;
+  }, [threadId]);
+  (0, import_react80.useEffect)(() => {
+    initialMessageSentRef.current = false;
+  }, [threadId]);
+  (0, import_react80.useEffect)(() => {
+    const wasLoading = prevLoadingRef.current;
+    prevLoadingRef.current = isLoading;
+    if (wasLoading && !isLoading && initialMessage && threadId && !initialMessageSentRef.current) {
+      initialMessageSentRef.current = true;
+      sendMessage({
+        input: { message: initialMessage },
+        streaming: true
+      });
+      onInitialMessageSent?.();
+    }
+  }, [isLoading, initialMessage, threadId, sendMessage, onInitialMessageSent]);
   const [modelConfig, setModelConfig] = (0, import_react80.useState)(null);
   const handleModelChange = (0, import_react80.useCallback)((config2) => {
     setModelConfig(config2);
@@ -23219,6 +23207,11 @@ var Chating = ({
     if (!nextContent && attachedFiles.length > 0) {
       nextContent = default_submit_message || "";
     }
+    if (systemContext && !systemContextSentRef.current) {
+      systemContextSentRef.current = true;
+      nextContent = `${systemContext}
+${nextContent}`;
+    }
     const files = attachedFiles.map(
       (file) => isArchiveFile(file) ? {
         name: file.response.zipFileName || file.response.rarFileName,
@@ -23287,7 +23280,7 @@ var Chating = ({
     return true;
   };
   const senderHeader = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-    import_x7.Sender.Header,
+    import_x6.Sender.Header,
     {
       title: "Attachments",
       open: headerOpen,
@@ -23299,7 +23292,7 @@ var Chating = ({
       },
       forceRender: true,
       children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-        import_x7.Attachments,
+        import_x6.Attachments,
         {
           ref: attachmentsRef,
           items: attachedFiles,
@@ -23330,13 +23323,13 @@ var Chating = ({
       )
     }
   );
-  const showDatabaseSlot = config.enableDatabaseSlot;
-  const showSkillSlot = config.enableSkillSlot;
-  const showAgentSlot = config.enableAgentSlot;
-  const showMetricsDataSourceSlot = config.enableMetricsDataSourceSlot;
+  const effectiveShowDatabaseSlot = showDatabaseSlot !== void 0 ? showDatabaseSlot : config.enableDatabaseSlot;
+  const effectiveShowSkillSlot = showSkillSlot !== void 0 ? showSkillSlot : config.enableSkillSlot;
+  const effectiveShowAgentSlot = showAgentSlot !== void 0 ? showAgentSlot : config.enableAgentSlot;
+  const effectiveShowMetricsDataSourceSlot = showMetricsDataSourceSlot !== void 0 ? showMetricsDataSourceSlot : config.enableMetricsDataSourceSlot;
   const shouldShowModelSelector = showModelSelector !== void 0 ? showModelSelector : config.enableModelSelector;
   const senderFooter = (actionNode) => {
-    const hasSlotButtons = showAgentSlot || showDatabaseSlot || showSkillSlot || showMetricsDataSourceSlot;
+    const hasSlotButtons = effectiveShowAgentSlot || effectiveShowDatabaseSlot || effectiveShowSkillSlot || effectiveShowMetricsDataSourceSlot;
     return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_antd71.Flex, { justify: "space-between", align: "center", style: { padding: "8px 0" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_antd71.Flex, { align: "center", gap: 8, children: [
         /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_antd71.Badge, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
@@ -23349,10 +23342,10 @@ var Chating = ({
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_antd71.Divider, { type: "vertical", style: { margin: 0 } }),
         hasSlotButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_antd71.Flex, { align: "center", gap: 8, children: [
-          showAgentSlot && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AgentPicker, { senderRef, iconOnly: true }),
-          showDatabaseSlot && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DatabasePicker, { senderRef, iconOnly: true }),
-          showSkillSlot && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkillPicker, { senderRef, iconOnly: true }),
-          showMetricsDataSourceSlot && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MetricsDataSourcePicker, { senderRef, iconOnly: true })
+          effectiveShowAgentSlot && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(AgentPicker, { senderRef, iconOnly: true }),
+          effectiveShowDatabaseSlot && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DatabasePicker, { senderRef, iconOnly: true }),
+          effectiveShowSkillSlot && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SkillPicker, { senderRef, iconOnly: true }),
+          effectiveShowMetricsDataSourceSlot && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MetricsDataSourcePicker, { senderRef, iconOnly: true })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_antd71.Flex, { align: "center", gap: 8, children: [
@@ -23421,7 +23414,7 @@ var Chating = ({
       label: file.path
     }));
     return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-      import_x7.Suggestion,
+      import_x6.Suggestion,
       {
         items: suggestionItems,
         onSelect: (itemVal) => {
@@ -23453,7 +23446,7 @@ var Chating = ({
           }
         },
         children: ({ onTrigger, onKeyDown }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
-          import_x7.Sender,
+          import_x6.Sender,
           {
             slotConfig,
             disabled: isInputDisabled,
@@ -23574,7 +23567,7 @@ var Chating = ({
           className: `${styles.messages} ${isTransitioning ? styles.entering : ""}`
         }
       ),
-      !isLoading && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_x7.Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
+      !isLoading && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_x6.Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
       error && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         import_antd71.Alert,
         {
@@ -30736,7 +30729,7 @@ var LatticeChat = (props) => {
 };
 
 // src/components/Chat/AgentConversations.tsx
-var import_x8 = require("@ant-design/x");
+var import_x7 = require("@ant-design/x");
 var import_antd93 = require("antd");
 var import_react99 = require("react");
 var import_jsx_runtime119 = require("react/jsx-runtime");
@@ -30779,7 +30772,7 @@ var AgentConversations = ({
     onClick: newChatClick
   } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
-    import_x8.Conversations,
+    import_x7.Conversations,
     {
       creation,
       items,