npm - @axiom-lattice/react-sdk - Versions diffs - 2.1.80 → 2.1.82 - Mend

@axiom-lattice/react-sdk 2.1.80 → 2.1.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -70,6 +70,7 @@ __export(index_exports, {
   ProtectedRoute: () => ProtectedRoute,
   RegisterForm: () => RegisterForm,
   ScheduleButton: () => ScheduleButton,
+  SideAppBrowserContext: () => SideAppBrowserContext,
   SideAppViewBrowser: () => SideAppViewBrowser,
   SkillCategoryPrompts: () => SkillCategoryPrompts_default,
   SkillFlow: () => SkillFlow_default,
@@ -113,6 +114,8 @@ __export(index_exports, {
   useEvalRuns: () => useEvalRuns,
   useEvalSuites: () => useEvalSuites,
   useLatticeChatShellContext: () => useLatticeChatShellContext,
+  useSideAppBrowser: () => useSideAppBrowser,
+  useSideAppOpener: () => useSideAppOpener,
   useTenants: () => useTenants,
   useUsers: () => useUsers
 });
@@ -5031,11 +5034,11 @@ var import_icons43 = require("@ant-design/icons");
 // src/components/GenUI/elements/confirm_feedback.tsx
 var import_antd12 = require("antd");
-var import_react30 = require("react");
+var import_react31 = require("react");
 // src/components/GenUI/MDResponse.tsx
 var import_x_markdown = __toESM(require("@ant-design/x-markdown"));
-var import_react29 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_antd_style6 = require("antd-style");
 // src/components/GenUI/Code.tsx
@@ -5080,21 +5083,35 @@ data
 };
 // src/components/GenUI/ReactChart.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var echarts = __toESM(require("echarts"));
 var import_antd6 = require("antd");
 var import_best_effort_json_parser = require("best-effort-json-parser");
 // src/components/GenUI/elements/generic_data_table.tsx
 var import_antd5 = require("antd");
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_icons3 = require("@ant-design/icons");
+// src/components/Chat/SideAppBrowserContext.tsx
+var import_react22 = require("react");
+var SideAppBrowserContext = (0, import_react22.createContext)(null);
+var useSideAppBrowser = () => {
+  return (0, import_react22.useContext)(SideAppBrowserContext);
+};
+var useSideAppOpener = () => {
+  const { openSideApp } = useChatUIContext();
+  const browserCtx = (0, import_react22.useContext)(SideAppBrowserContext);
+  return browserCtx?.openApp ?? openSideApp;
+};
+// src/components/GenUI/elements/generic_data_table.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var { Text: Text3 } = import_antd5.Typography;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
   const { dataSource, message: message23 } = data ?? {};
-  const [expandedRowKeys, setExpandedRowKeys] = (0, import_react22.useState)([]);
-  const { openSideApp } = useChatUIContext();
+  const [expandedRowKeys, setExpandedRowKeys] = (0, import_react23.useState)([]);
+  const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
     ...item,
     key: `${index}_${JSON.stringify(item).slice(0, 20)}`
@@ -5570,11 +5587,11 @@ function parseAndValidateChartData(input) {
 }
 var ReactChart = (props) => {
   const { children } = props;
-  const chartRef = (0, import_react23.useRef)(null);
-  const chartInstance = (0, import_react23.useRef)(null);
-  const resizeObserverRef = (0, import_react23.useRef)(null);
-  const [tableData, setTableData] = (0, import_react23.useState)(null);
-  (0, import_react23.useEffect)(() => {
+  const chartRef = (0, import_react24.useRef)(null);
+  const chartInstance = (0, import_react24.useRef)(null);
+  const resizeObserverRef = (0, import_react24.useRef)(null);
+  const [tableData, setTableData] = (0, import_react24.useState)(null);
+  (0, import_react24.useEffect)(() => {
     if (!chartRef.current) {
       return;
     }
@@ -5647,7 +5664,7 @@ var ReactChart = (props) => {
       window.removeEventListener("resize", handleResize);
     };
   }, [children]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     return () => {
       if (resizeObserverRef.current) {
         resizeObserverRef.current.disconnect();
@@ -5702,17 +5719,17 @@ var ReactChart = (props) => {
 };
 // src/components/GenUI/Embed.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_antd9 = require("antd");
 var import_antd_style5 = require("antd-style");
 // src/components/GenUI/FileRenderer.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_antd8 = require("antd");
 var import_antd_style4 = require("antd-style");
 // src/components/GenUI/MarkdownViewer.tsx
-var import_react24 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 var import_antd7 = require("antd");
 var import_icons4 = require("@ant-design/icons");
 var import_jspdf = require("jspdf");
@@ -5979,9 +5996,9 @@ var MarkdownViewer = ({
   style
 }) => {
   const { styles, cx } = useStyles();
-  const [copied, setCopied] = (0, import_react24.useState)(false);
-  const contentRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useEffect)(() => {
+  const [copied, setCopied] = (0, import_react25.useState)(false);
+  const contentRef = (0, import_react25.useRef)(null);
+  (0, import_react25.useEffect)(() => {
     if (copied) {
       const timer = setTimeout(() => setCopied(false), 2e3);
       return () => clearTimeout(timer);
@@ -6097,7 +6114,7 @@ var MarkdownViewer = ({
       import_antd7.message.error({ content: "Failed to generate PDF", key: "pdf" });
     }
   };
-  const displayContent = import_react24.default.useMemo(() => {
+  const displayContent = import_react25.default.useMemo(() => {
     const lang = getLanguageFromFileName(fileName);
     if (lang && lang !== "markdown" && lang !== "text") {
       return `\`\`\`${lang}
@@ -6234,11 +6251,11 @@ var FileRenderer = ({
   showHeader = true
 }) => {
   const { styles } = useStyles2();
-  const [content, setContent] = (0, import_react25.useState)("");
-  const [loading, setLoading] = (0, import_react25.useState)(true);
-  const [error, setError] = (0, import_react25.useState)(null);
-  const category = (0, import_react25.useMemo)(() => getFileCategory(fileName), [fileName]);
-  (0, import_react25.useEffect)(() => {
+  const [content, setContent] = (0, import_react26.useState)("");
+  const [loading, setLoading] = (0, import_react26.useState)(true);
+  const [error, setError] = (0, import_react26.useState)(null);
+  const category = (0, import_react26.useMemo)(() => getFileCategory(fileName), [fileName]);
+  (0, import_react26.useEffect)(() => {
     if (category === "markdown" || category === "text") {
       setLoading(true);
       setError(null);
@@ -6385,13 +6402,13 @@ var Embed = ({ children }) => {
   const { styles } = useStyles3();
   const { config } = useLatticeChatShellContext();
   const { threadId, assistantId } = useConversationContext();
-  const embedConfig = (0, import_react26.useMemo)(() => parseEmbedContent(children), [children]);
-  const fileUrl = (0, import_react26.useMemo)(() => {
+  const embedConfig = (0, import_react27.useMemo)(() => parseEmbedContent(children), [children]);
+  const fileUrl = (0, import_react27.useMemo)(() => {
     if (embedConfig.url) return embedConfig.url;
     if (!embedConfig.path || !config?.baseURL || !assistantId || !threadId) return null;
     return `${config.baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=${encodeURIComponent(embedConfig.path)}`;
   }, [embedConfig, config?.baseURL, assistantId, threadId]);
-  const displayTitle = (0, import_react26.useMemo)(() => {
+  const displayTitle = (0, import_react27.useMemo)(() => {
     if (embedConfig.title) return embedConfig.title;
     if (embedConfig.path) return embedConfig.path.split("/").pop() || embedConfig.path;
     if (embedConfig.url) {
@@ -6403,7 +6420,7 @@ var Embed = ({ children }) => {
     }
     return "Embedded File";
   }, [embedConfig]);
-  const fileIcon = (0, import_react26.useMemo)(() => {
+  const fileIcon = (0, import_react27.useMemo)(() => {
     const fileName = embedConfig.path || embedConfig.url || "";
     return getFileIcon(fileName);
   }, [embedConfig]);
@@ -6514,7 +6531,7 @@ var MDComponentWrap = (Element) => {
 // src/components/GenUI/elements/file_link.tsx
 var import_antd11 = require("antd");
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var FileLink = ({ data }) => {
   if (!data) {
@@ -6523,16 +6540,16 @@ var FileLink = ({ data }) => {
   if (!isFileName(data)) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: data });
   }
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const { threadId, assistantId } = useConversationContext();
   const { config } = useLatticeChatShellContext();
-  const fileBaseURL = (0, import_react27.useMemo)(() => {
+  const fileBaseURL = (0, import_react28.useMemo)(() => {
     if (!config?.baseURL || !assistantId || !threadId) {
       return null;
     }
     return `${config.baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
   }, [config?.baseURL, assistantId, threadId]);
-  const handleItemClick = (0, import_react27.useCallback)((path) => {
+  const handleItemClick = (0, import_react28.useCallback)((path) => {
     if (!fileBaseURL) return;
     openSideApp({
       component_key: "attachments",
@@ -6551,7 +6568,7 @@ var FileLink = ({ data }) => {
 };
 // src/components/GenUI/elements/MarkdownTable.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var extractTableData = (domNode) => {
   if (!domNode || !domNode.children) {
@@ -6618,7 +6635,7 @@ var extractTableData = (domNode) => {
 };
 var MarkdownTable = (props) => {
   const { domNode } = props;
-  const tableData = (0, import_react28.useMemo)(() => {
+  const tableData = (0, import_react29.useMemo)(() => {
     return extractTableData(domNode);
   }, [domNode]);
   if (!tableData || tableData.dataSource.length === 0) {
@@ -6716,7 +6733,7 @@ var useStyles4 = (0, import_antd_style6.createStyles)(({ token, css }) => ({
     }
   `
 }));
-var MarkdownErrorBoundary = class extends import_react29.default.Component {
+var MarkdownErrorBoundary = class extends import_react30.default.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -6734,8 +6751,8 @@ var MarkdownErrorBoundary = class extends import_react29.default.Component {
     return this.props.children;
   }
 };
-var SafeXMarkdown = import_react29.default.memo(({ content, components, className }) => {
-  const deferredContent = (0, import_react29.useDeferredValue)(content);
+var SafeXMarkdown = import_react30.default.memo(({ content, components, className }) => {
+  const deferredContent = (0, import_react30.useDeferredValue)(content);
   if (typeof deferredContent !== "string") {
     console.warn("[MDResponse] Content is not a string:", typeof deferredContent, deferredContent);
   }
@@ -6759,7 +6776,7 @@ var MDResponseInner = ({
   noGenUI
 }) => {
   const { styles } = useStyles4();
-  const fallbackContent = (0, import_react29.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: styles.markdownContainer, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("pre", { style: { whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: content }) }), [content, styles.markdownContainer]);
+  const fallbackContent = (0, import_react30.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: styles.markdownContainer, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("pre", { style: { whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: content }) }), [content, styles.markdownContainer]);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MarkdownErrorBoundary, { fallback: fallbackContent, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     SafeXMarkdown,
     {
@@ -6769,7 +6786,7 @@ var MDResponseInner = ({
     }
   ) });
 };
-var MDResponse = import_react29.default.memo(MDResponseInner);
+var MDResponse = import_react30.default.memo(MDResponseInner);
 MDResponse.displayName = "MDResponse";
 var MDViewFormItem = ({ value }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MDResponse, { content: value || "" });
@@ -6784,7 +6801,7 @@ var ConfirmFeedback = ({
 }) => {
   const { message: message23, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
-  const [clicked, setClicked] = (0, import_react30.useState)(false);
+  const [clicked, setClicked] = (0, import_react31.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_antd12.Space, { direction: "vertical", style: { width: "100%" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MDResponse, { content: message23 }),
     options ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_antd12.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -6863,7 +6880,7 @@ var ConfirmFeedback = ({
 // src/components/GenUI/elements/clarify_feedback.tsx
 var import_antd13 = require("antd");
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var { Text: Text5 } = import_antd13.Typography;
 var ClarifyFeedback = ({
@@ -6872,9 +6889,9 @@ var ClarifyFeedback = ({
 }) => {
   const { questions } = data ?? {};
   const { sendMessage } = useAgentChat();
-  const [currentStep, setCurrentStep] = (0, import_react31.useState)(0);
-  const [answers, setAnswers] = (0, import_react31.useState)({});
-  const [submitted, setSubmitted] = (0, import_react31.useState)(false);
+  const [currentStep, setCurrentStep] = (0, import_react32.useState)(0);
+  const [answers, setAnswers] = (0, import_react32.useState)({});
+  const [submitted, setSubmitted] = (0, import_react32.useState)(false);
   const currentQuestion = questions?.[currentStep];
   const totalQuestions = questions?.length || 0;
   const handleOptionChange = (selected) => {
@@ -7381,7 +7398,7 @@ var ToolCall = ({ data }) => {
 var import_antd16 = require("antd");
 var import_antd_style8 = require("antd-style");
 var import_icons9 = require("@ant-design/icons");
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var { Text: Text7 } = import_antd16.Typography;
 var useStyle3 = (0, import_antd_style8.createStyles)(({ token, css }) => ({
@@ -7426,10 +7443,10 @@ var Todo = ({
     const allCompleted = data.every((item) => item.status === "completed");
     return allPending || allCompleted;
   };
-  const [isExpanded, setIsExpanded] = (0, import_react32.useState)(
+  const [isExpanded, setIsExpanded] = (0, import_react33.useState)(
     () => smartCollapse ? getDefaultExpanded() : false
   );
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (smartCollapse) {
       setIsExpanded(getDefaultExpanded());
     }
@@ -7620,7 +7637,7 @@ var WriteTodos = ({
 };
 // src/components/GenUI/FileExplorer.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_antd18 = require("antd");
 var import_icons12 = require("@ant-design/icons");
 var import_antd_style9 = require("antd-style");
@@ -7888,10 +7905,10 @@ var FileExplorer = ({
 }) => {
   const { files } = data ?? {};
   const { styles, cx } = useStyles5();
-  const [fileList, setFileList] = (0, import_react33.useState)([]);
-  const [selectedKey, setSelectedKey] = (0, import_react33.useState)("");
-  const [expandedKeys, setExpandedKeys] = (0, import_react33.useState)([]);
-  (0, import_react33.useEffect)(() => {
+  const [fileList, setFileList] = (0, import_react34.useState)([]);
+  const [selectedKey, setSelectedKey] = (0, import_react34.useState)("");
+  const [expandedKeys, setExpandedKeys] = (0, import_react34.useState)([]);
+  (0, import_react34.useEffect)(() => {
     let list = [];
     if (Array.isArray(files)) {
       list = files;
@@ -7907,11 +7924,11 @@ var FileExplorer = ({
       setSelectedKey(list[0].name);
     }
   }, [files]);
-  const treeData = (0, import_react33.useMemo)(
+  const treeData = (0, import_react34.useMemo)(
     () => buildTreeData(fileList, expandedKeys),
     [fileList, expandedKeys]
   );
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (treeData.length > 0 && expandedKeys.length === 0) {
       const getAllKeys = (nodes) => {
         let keys = [];
@@ -7928,7 +7945,7 @@ var FileExplorer = ({
       setExpandedKeys(getAllKeys(treeData));
     }
   }, [treeData.length]);
-  const selectedFile = (0, import_react33.useMemo)(() => {
+  const selectedFile = (0, import_react34.useMemo)(() => {
     return fileList.find((f) => f.name === selectedKey);
   }, [fileList, selectedKey]);
   const renderContent = () => {
@@ -7997,7 +8014,7 @@ var FileExplorer = ({
 var import_x2 = require("@ant-design/x");
 var import_antd19 = require("antd");
 var import_dayjs = __toESM(require("dayjs"));
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var AttachmentsCard = ({
   data,
@@ -8011,8 +8028,8 @@ var AttachmentsCard = ({
   const baseURL = config.baseURL;
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
   const { Text: Text48 } = import_antd19.Typography;
-  const [showAll, setShowAll] = (0, import_react34.useState)(false);
-  const { openSideApp } = useChatUIContext();
+  const [showAll, setShowAll] = (0, import_react35.useState)(false);
+  const openSideApp = useSideAppOpener();
   const getStyles = () => {
     switch (size) {
       case "small":
@@ -8193,7 +8210,7 @@ var AttachmentsCard = ({
 // src/components/GenUI/elements/attachments_viewer_side_app.tsx
 var import_antd20 = require("antd");
-var import_react35 = require("react");
+var import_react36 = require("react");
 // src/components/GenUI/RenderMDFromURL.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
@@ -8214,13 +8231,13 @@ function AttachmentsViewerSideApp({
   data,
   component_key
 }) {
-  const [loading, setLoading] = (0, import_react35.useState)(false);
+  const [loading, setLoading] = (0, import_react36.useState)(false);
   const { file_id, url, full_url } = data ?? {};
-  const [fileUri, setFileUri] = (0, import_react35.useState)({
+  const [fileUri, setFileUri] = (0, import_react36.useState)({
     url: full_url || "",
     fileName: extractFileName(file_id || "")
   });
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     setFileUri({
       url: full_url || "",
       fileName: extractFileName(file_id || "")
@@ -8264,7 +8281,7 @@ function AttachmentsViewerSideApp({
 var import_antd22 = require("antd");
 // src/components/GenUI/elements/ContentPreviewCollapse.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_antd21 = require("antd");
 var import_antd_style10 = require("antd-style");
 var import_icons13 = require("@ant-design/icons");
@@ -8334,18 +8351,18 @@ var ContentPreviewCollapse = ({
   showAllText = "Show all content",
   showLessText = "Show less"
 }) => {
-  const [showFullContent, setShowFullContent] = (0, import_react36.useState)(false);
-  const [isOverflowing, setIsOverflowing] = (0, import_react36.useState)(false);
-  const contentRef = (0, import_react36.useRef)(null);
+  const [showFullContent, setShowFullContent] = (0, import_react37.useState)(false);
+  const [isOverflowing, setIsOverflowing] = (0, import_react37.useState)(false);
+  const contentRef = (0, import_react37.useRef)(null);
   const showShadow = isOverflowing && !showFullContent;
   const { styles, cx } = useStyle4({ showShadow });
-  const checkOverflow = (0, import_react36.useCallback)(() => {
+  const checkOverflow = (0, import_react37.useCallback)(() => {
     if (contentRef.current) {
       const scrollHeight = contentRef.current.scrollHeight;
       setIsOverflowing(scrollHeight > collapsedMaxHeight);
     }
   }, [collapsedMaxHeight]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const element = contentRef.current;
     if (!element) return;
     checkOverflow();
@@ -8411,7 +8428,7 @@ var WriteFile = ({
 }) => {
   const toolCallData = data;
   const { file_path, content } = toolCallData?.args || {};
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -8480,7 +8497,7 @@ var EditFile = ({
 }) => {
   const toolCallData = data;
   const { file_path, new_string, old_string } = toolCallData?.args || {};
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -8681,7 +8698,7 @@ var TaskCard = ({
 }) => {
   const { styles } = useStyle5();
   const toolCallData = data;
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -8810,17 +8827,17 @@ var import_x6 = require("@ant-design/x");
 var import_x3 = require("@ant-design/x");
 var import_antd25 = require("antd");
 var import_ErrorBoundary = __toESM(require("antd/es/alert/ErrorBoundary"));
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var LazyBubble = ({
   message: message23,
   renderContent,
   autoLoadRightPanel
 }) => {
-  const ref = (0, import_react37.useRef)(null);
-  const [isVisible, setIsVisible] = (0, import_react37.useState)(false);
-  const [wasEverVisible, setWasEverVisible] = (0, import_react37.useState)(false);
-  (0, import_react37.useEffect)(() => {
+  const ref = (0, import_react38.useRef)(null);
+  const [isVisible, setIsVisible] = (0, import_react38.useState)(false);
+  const [wasEverVisible, setWasEverVisible] = (0, import_react38.useState)(false);
+  (0, import_react38.useEffect)(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         const visible = entry.isIntersecting;
@@ -8840,7 +8857,7 @@ var LazyBubble = ({
       }
     };
   }, [wasEverVisible]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
@@ -8849,7 +8866,7 @@ var LazyBubble = ({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message23) : getPlaceholder() }) });
 };
-var MemoizedBubbleList = (0, import_react37.memo)(
+var MemoizedBubbleList = (0, import_react38.memo)(
   ({
     items,
     role,
@@ -8871,14 +8888,14 @@ var MessageList = ({
   className
 }) => {
   const { styles } = useStyle();
-  const { openSideApp } = useChatUIContext();
-  const messageLengthRef = (0, import_react37.useRef)(messages?.length ?? 0);
-  (0, import_react37.useEffect)(() => {
+  const openSideApp = useSideAppOpener();
+  const messageLengthRef = (0, import_react38.useRef)(messages?.length ?? 0);
+  (0, import_react38.useEffect)(() => {
     if (messages?.length) {
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = (0, import_react37.useCallback)((message23) => {
+  const renderContent = (0, import_react38.useCallback)((message23) => {
     const { content } = message23;
     try {
       const json = JSON.parse(content);
@@ -8895,7 +8912,7 @@ ${JSON.stringify(tool_call)}
     const content_md = [content, ...tool_calls_md].join("\n");
     return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_antd25.Space, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MDResponse, { content: content_md }) });
   }, []);
-  const items = (0, import_react37.useMemo)(
+  const items = (0, import_react38.useMemo)(
     () => messages.map((message23, index) => ({
       key: message23.id,
       role: message23.role,
@@ -8974,7 +8991,7 @@ ${JSON.stringify(tool_call)}
 // src/components/Chat/Chating.tsx
 var import_antd71 = require("antd");
-var import_react80 = __toESM(require("react"));
+var import_react81 = __toESM(require("react"));
 var import_lucide_react20 = require("lucide-react");
 // src/components/GenUI/HITLContainer.tsx
@@ -9043,7 +9060,7 @@ var HITLContainer = () => {
 var import_antd27 = require("antd");
 var import_antd_style13 = require("antd-style");
 var import_icons15 = require("@ant-design/icons");
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var useStyle7 = (0, import_antd_style13.createStyles)(({ css, token }) => ({
   container: css`
@@ -9133,9 +9150,9 @@ var useStyle7 = (0, import_antd_style13.createStyles)(({ css, token }) => ({
 var PendingMessagesContainer = () => {
   const { styles } = useStyle7();
   const { pendingMessages, sendMessage, removePendingMessage } = useAgentChat();
-  const [expanded, setExpanded] = (0, import_react38.useState)(true);
-  const [sendingId, setSendingId] = (0, import_react38.useState)(null);
-  const [deletingId, setDeletingId] = (0, import_react38.useState)(null);
+  const [expanded, setExpanded] = (0, import_react39.useState)(true);
+  const [sendingId, setSendingId] = (0, import_react39.useState)(null);
+  const [deletingId, setDeletingId] = (0, import_react39.useState)(null);
   if (!pendingMessages || pendingMessages.length === 0) return null;
   const handleSendMessage = async (msg) => {
     if (sendingId || deletingId) return;
@@ -9590,7 +9607,7 @@ var FileExplorerButton = ({}) => {
 };
 // src/components/Chat/ScheduleButton.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_antd31 = require("antd");
 var import_icons17 = require("@ant-design/icons");
 var import_client_sdk5 = require("@axiom-lattice/client-sdk");
@@ -9601,10 +9618,10 @@ var ScheduleButton = ({
   const { threadId, assistantId } = useAgentChat();
   const { openSideApp } = useChatUIContext();
   const client = useClient(assistantId || "");
-  const [scheduledTasks, setScheduledTasks] = (0, import_react39.useState)([]);
-  const [loading, setLoading] = (0, import_react39.useState)(false);
-  const [taskCount, setTaskCount] = (0, import_react39.useState)(0);
-  const fetchScheduledTasks = (0, import_react39.useCallback)(async () => {
+  const [scheduledTasks, setScheduledTasks] = (0, import_react40.useState)([]);
+  const [loading, setLoading] = (0, import_react40.useState)(false);
+  const [taskCount, setTaskCount] = (0, import_react40.useState)(0);
+  const fetchScheduledTasks = (0, import_react40.useCallback)(async () => {
     if (!threadId) return;
     setLoading(true);
     try {
@@ -9622,7 +9639,7 @@ var ScheduleButton = ({
       setLoading(false);
     }
   }, [client, threadId]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     fetchScheduledTasks();
   }, [fetchScheduledTasks]);
   if (!threadId) {
@@ -9916,7 +9933,7 @@ var AgentHeader = ({
 };
 // src/components/Chat/ThreadManagementButtons.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_antd35 = require("antd");
 var import_icons20 = require("@ant-design/icons");
 var import_jsx_runtime55 = require("react/jsx-runtime");
@@ -9929,7 +9946,7 @@ var CreateThreadButton = () => {
   if (!assistantId) {
     return null;
   }
-  const handleCreateThread = (0, import_react40.useCallback)(async () => {
+  const handleCreateThread = (0, import_react41.useCallback)(async () => {
     try {
       await createThread();
     } catch (error) {
@@ -9962,7 +9979,7 @@ var ThreadListButton = () => {
   if (!assistantId) {
     return null;
   }
-  const handleRefresh = (0, import_react40.useCallback)(async () => {
+  const handleRefresh = (0, import_react41.useCallback)(async () => {
     try {
       await listThreads();
     } catch (error) {
@@ -10006,8 +10023,8 @@ var ThreadListButton = () => {
   ) });
 };
 var ThreadManagementButtons = () => {
-  const shellContext = (0, import_react40.useContext)(LatticeChatShellContext);
-  const conversationContext = (0, import_react40.useContext)(ConversationContext);
+  const shellContext = (0, import_react41.useContext)(LatticeChatShellContext);
+  const conversationContext = (0, import_react41.useContext)(ConversationContext);
   if (!shellContext || !conversationContext) {
     return null;
   }
@@ -10027,16 +10044,16 @@ var ThreadManagementButtons = () => {
 };
 // src/context/WorkspaceContext.tsx
-var import_react72 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 var import_client_sdk6 = require("@axiom-lattice/client-sdk");
 // src/components/Chat/WorkspaceResourceManager.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 var import_lucide_react14 = require("lucide-react");
 var import_antd63 = require("antd");
 // src/components/Chat/Menu.tsx
-var import_react41 = __toESM(require("react"));
+var import_react42 = __toESM(require("react"));
 var import_antd36 = require("antd");
 var import_lucide_react4 = require("lucide-react");
 var import_antd_style16 = require("antd-style");
@@ -10148,10 +10165,10 @@ var Menu = ({
   const { styles: menuStyles } = useMenuStyles();
   const { styles } = useStyle();
   const isControlled = collapsed !== void 0;
-  const [internalIsIconView, setInternalIsIconView] = (0, import_react41.useState)(!defaultExpanded);
+  const [internalIsIconView, setInternalIsIconView] = (0, import_react42.useState)(!defaultExpanded);
   const isIconView = isControlled ? collapsed : internalIsIconView;
-  const [drawerStates, setDrawerStates] = (0, import_react41.useState)({});
-  const [expandedInlineDrawers, setExpandedInlineDrawers] = (0, import_react41.useState)(
+  const [drawerStates, setDrawerStates] = (0, import_react42.useState)({});
+  const [expandedInlineDrawers, setExpandedInlineDrawers] = (0, import_react42.useState)(
     () => {
       const defaultExpanded2 = /* @__PURE__ */ new Set();
       items.forEach((item) => {
@@ -10165,8 +10182,8 @@ var Menu = ({
   const shouldShowIconMode = isIconView || forceIconMode;
   const isExpanded = !shouldShowIconMode;
   const isCollapsed = !isExpanded;
-  const groupedItems = (0, import_react41.useMemo)(() => groupMenuItems(items), [items]);
-  const handleItemClick = (0, import_react41.useCallback)(
+  const groupedItems = (0, import_react42.useMemo)(() => groupMenuItems(items), [items]);
+  const handleItemClick = (0, import_react42.useCallback)(
     (item) => {
       onItemClick?.(item);
       if (item.type === "drawer") {
@@ -10188,10 +10205,10 @@ var Menu = ({
     },
     [onItemClick, shouldShowIconMode]
   );
-  const handleCloseDrawer = (0, import_react41.useCallback)((itemId) => {
+  const handleCloseDrawer = (0, import_react42.useCallback)((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleToggleExpand = (0, import_react41.useCallback)(() => {
+  const handleToggleExpand = (0, import_react42.useCallback)(() => {
     if (!forceIconMode) {
       const newValue = !isIconView;
       if (isControlled) {
@@ -10203,7 +10220,7 @@ var Menu = ({
   }, [forceIconMode, isIconView, isControlled, onCollapsedChange]);
   const renderIconMode = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `${menuStyles.sidebar} ${styles.iconMode} ${className || ""}`, style, children: [
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeLogo, children: logo || logoIcon || /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react4.Cpu, { size: 28, color: "#1677ff" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeContainer, children: groupedItems.map(({ group, items: items2 }, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react41.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeContainer, children: groupedItems.map(({ group, items: items2 }, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react42.default.Fragment, { children: [
       groupIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeDivider }),
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeGroup, children: items2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "button",
@@ -10254,7 +10271,7 @@ var Menu = ({
       items2.map((item) => {
         const isInline = item.inline ?? false;
         const isExpanded2 = expandedInlineDrawers.has(item.id);
-        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react41.default.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react42.default.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "button",
             {
@@ -10351,13 +10368,13 @@ var Menu = ({
 };
 // src/components/Chat/ProjectCardList.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_antd38 = require("antd");
 var import_antd_style17 = require("antd-style");
 var import_lucide_react5 = require("lucide-react");
 // src/components/Chat/CreateProjectModal.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_antd37 = require("antd");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var CreateProjectModal = ({
@@ -10366,7 +10383,7 @@ var CreateProjectModal = ({
   onCreate
 }) => {
   const [form] = import_antd37.Form.useForm();
-  const [isSubmitting, setIsSubmitting] = (0, import_react42.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react43.useState)(false);
   const handleSubmit = async (values) => {
     setIsSubmitting(true);
     try {
@@ -10719,8 +10736,8 @@ var useStyle8 = (0, import_antd_style17.createStyles)(({ css, token }) => ({
 var ProjectCardList = () => {
   const { styles } = useStyle8();
   const { token } = import_antd38.theme.useToken();
-  const [viewMode, setViewMode] = (0, import_react43.useState)("grid");
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react43.useState)(false);
+  const [viewMode, setViewMode] = (0, import_react44.useState)("grid");
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react44.useState)(false);
   const {
     projects,
     loading,
@@ -10863,7 +10880,7 @@ var ProjectCardList = () => {
 };
 // src/components/Chat/MetricsConfigDrawerContent.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_lucide_react6 = require("lucide-react");
 var import_antd39 = require("antd");
 var import_jsx_runtime59 = require("react/jsx-runtime");
@@ -10874,13 +10891,13 @@ var MetricsConfigDrawerContent = () => {
   const { config } = useLatticeChatShellContext();
   const { token } = useToken2();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = (0, import_react44.useState)([]);
-  const [loading, setLoading] = (0, import_react44.useState)(false);
-  const [testingId, setTestingId] = (0, import_react44.useState)(null);
-  const [formModalOpen, setFormModalOpen] = (0, import_react44.useState)(false);
-  const [editingConfig, setEditingConfig] = (0, import_react44.useState)(null);
+  const [configs, setConfigs] = (0, import_react45.useState)([]);
+  const [loading, setLoading] = (0, import_react45.useState)(false);
+  const [testingId, setTestingId] = (0, import_react45.useState)(null);
+  const [formModalOpen, setFormModalOpen] = (0, import_react45.useState)(false);
+  const [editingConfig, setEditingConfig] = (0, import_react45.useState)(null);
   const tenantId = config.headers?.["x-tenant-id"] || "default";
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -11079,14 +11096,14 @@ var MetricsConfigFormModal = ({
   const { token } = useToken2();
   const { get, post, put } = useApi();
   const tenantId = config.headers?.["x-tenant-id"] || "default";
-  const [currentStep, setCurrentStep] = (0, import_react44.useState)(0);
-  const [saving, setSaving] = (0, import_react44.useState)(false);
-  const [fetchingDatasources, setFetchingDatasources] = (0, import_react44.useState)(false);
-  const [availableDatasources, setAvailableDatasources] = (0, import_react44.useState)([]);
-  const [selectedViewDatasource, setSelectedViewDatasource] = (0, import_react44.useState)(null);
-  const [availableMetrics, setAvailableMetrics] = (0, import_react44.useState)([]);
-  const [fetchingMetrics, setFetchingMetrics] = (0, import_react44.useState)(false);
-  const [formData, setFormData] = (0, import_react44.useState)({
+  const [currentStep, setCurrentStep] = (0, import_react45.useState)(0);
+  const [saving, setSaving] = (0, import_react45.useState)(false);
+  const [fetchingDatasources, setFetchingDatasources] = (0, import_react45.useState)(false);
+  const [availableDatasources, setAvailableDatasources] = (0, import_react45.useState)([]);
+  const [selectedViewDatasource, setSelectedViewDatasource] = (0, import_react45.useState)(null);
+  const [availableMetrics, setAvailableMetrics] = (0, import_react45.useState)([]);
+  const [fetchingMetrics, setFetchingMetrics] = (0, import_react45.useState)(false);
+  const [formData, setFormData] = (0, import_react45.useState)({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -11126,12 +11143,12 @@ var MetricsConfigFormModal = ({
       selectedDataSources: editingConfig?.config?.selectedDataSources || []
     });
   };
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (open) {
       resetForm();
     }
   }, [open, editingConfig]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (currentStep === 1 && availableDatasources.length === 0 && !fetchingDatasources) {
       handleFetchDatasources();
     }
@@ -11529,7 +11546,7 @@ var MetricsConfigFormModal = ({
 };
 // src/components/Chat/DatabaseConfigDrawerContent.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_antd_style18 = require("antd-style");
 var import_lucide_react7 = require("lucide-react");
 var import_antd40 = require("antd");
@@ -11603,12 +11620,12 @@ var DatabaseConfigDrawerContent = ({
   const { styles } = useStyles7();
   const { config } = useLatticeChatShellContext();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = (0, import_react45.useState)([]);
-  const [loading, setLoading] = (0, import_react45.useState)(false);
-  const [testingId, setTestingId] = (0, import_react45.useState)(null);
-  const [formModalOpen, setFormModalOpen] = (0, import_react45.useState)(false);
-  const [editingConfig, setEditingConfig] = (0, import_react45.useState)(null);
-  (0, import_react45.useEffect)(() => {
+  const [configs, setConfigs] = (0, import_react46.useState)([]);
+  const [loading, setLoading] = (0, import_react46.useState)(false);
+  const [testingId, setTestingId] = (0, import_react46.useState)(null);
+  const [formModalOpen, setFormModalOpen] = (0, import_react46.useState)(false);
+  const [editingConfig, setEditingConfig] = (0, import_react46.useState)(null);
+  (0, import_react46.useEffect)(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -11817,7 +11834,7 @@ var DatabaseConfigFormModal = ({
 }) => {
   const { config } = useLatticeChatShellContext();
   const { post, put } = useApi();
-  const [formData, setFormData] = (0, import_react45.useState)({
+  const [formData, setFormData] = (0, import_react46.useState)({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -11829,7 +11846,7 @@ var DatabaseConfigFormModal = ({
     password: editingConfig?.config.password || "",
     connectionString: editingConfig?.config.connectionString || ""
   });
-  const [saving, setSaving] = (0, import_react45.useState)(false);
+  const [saving, setSaving] = (0, import_react46.useState)(false);
   const handleSubmit = async () => {
     setSaving(true);
     try {
@@ -11948,7 +11965,7 @@ var DatabaseConfigFormModal = ({
             {
               value: formData.connectionString,
               onChange: (e) => setFormData({ ...formData, connectionString: e.target.value }),
-              placeholder: "e.g., postgresql://user:pass@host:5432/dbname or postgresql://user:pass@host:5432/dbname?sslmode=require",
+              placeholder: "e.g., postgresql://user:pass@host:5432/dbname or mysql://user:pass@host:3306/dbname",
               rows: 3,
               style: { width: "100%" }
             }
@@ -12041,7 +12058,7 @@ var DatabaseConfigFormModal = ({
 };
 // src/components/Chat/McpConfigDrawerContent.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_lucide_react8 = require("lucide-react");
 var import_antd41 = require("antd");
 var import_jsx_runtime61 = require("react/jsx-runtime");
@@ -12055,12 +12072,12 @@ var McpConfigDrawerContent = ({
   const { config } = useLatticeChatShellContext();
   const { token } = useToken3();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = (0, import_react46.useState)([]);
-  const [loading, setLoading] = (0, import_react46.useState)(false);
-  const [testingId, setTestingId] = (0, import_react46.useState)(null);
-  const [formModalOpen, setFormModalOpen] = (0, import_react46.useState)(false);
-  const [editingConfig, setEditingConfig] = (0, import_react46.useState)(null);
-  (0, import_react46.useEffect)(() => {
+  const [configs, setConfigs] = (0, import_react47.useState)([]);
+  const [loading, setLoading] = (0, import_react47.useState)(false);
+  const [testingId, setTestingId] = (0, import_react47.useState)(null);
+  const [formModalOpen, setFormModalOpen] = (0, import_react47.useState)(false);
+  const [editingConfig, setEditingConfig] = (0, import_react47.useState)(null);
+  (0, import_react47.useEffect)(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -12274,11 +12291,11 @@ var McpConfigFormModal = ({
   const { config } = useLatticeChatShellContext();
   const { token } = useToken3();
   const { post, put } = useApi();
-  const [currentStep, setCurrentStep] = (0, import_react46.useState)(0);
-  const [saving, setSaving] = (0, import_react46.useState)(false);
-  const [fetchingTools, setFetchingTools] = (0, import_react46.useState)(false);
-  const [availableTools, setAvailableTools] = (0, import_react46.useState)([]);
-  const [formData, setFormData] = (0, import_react46.useState)({
+  const [currentStep, setCurrentStep] = (0, import_react47.useState)(0);
+  const [saving, setSaving] = (0, import_react47.useState)(false);
+  const [fetchingTools, setFetchingTools] = (0, import_react47.useState)(false);
+  const [availableTools, setAvailableTools] = (0, import_react47.useState)([]);
+  const [formData, setFormData] = (0, import_react47.useState)({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -12318,12 +12335,12 @@ var McpConfigFormModal = ({
       selectedTools: editingConfig?.selectedTools || []
     });
   };
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (open) {
       resetForm();
     }
   }, [open, editingConfig]);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (currentStep === 1 && availableTools.length === 0 && !fetchingTools) {
       handleFetchTools();
     }
@@ -12674,13 +12691,13 @@ var McpConfigFormModal = ({
 };
 // src/components/Chat/AssistantFlow.tsx
-var import_react52 = require("react");
-var import_react53 = require("@xyflow/react");
+var import_react53 = require("react");
+var import_react54 = require("@xyflow/react");
 var import_style = require("@xyflow/react/dist/style.css");
 // src/components/Chat/AssistantNode.tsx
-var import_react47 = require("react");
-var import_react48 = require("@xyflow/react");
+var import_react48 = require("react");
+var import_react49 = require("@xyflow/react");
 var import_antd42 = require("antd");
 var import_icons21 = require("@ant-design/icons");
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -12724,7 +12741,7 @@ var AssistantNode = ({
   }
   const badgeColor = getBadgeColor(assistant.id);
   const initials = assistant.name?.split(" ").map((n) => n.charAt(0)).join("").toUpperCase().slice(0, 2) || "A";
-  const { modelKey, tools, agentType, prompt, subAgents } = (0, import_react47.useMemo)(() => {
+  const { modelKey, tools, agentType, prompt, subAgents } = (0, import_react48.useMemo)(() => {
     if (!assistant.graphDefinition) {
       return {
         modelKey: void 0,
@@ -13129,7 +13146,7 @@ var AssistantNode = ({
         padding: 4
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react48.Handle, { type: "target", position: import_react48.Position.Top }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react49.Handle, { type: "target", position: import_react49.Position.Top }),
         /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
           "div",
           {
@@ -13453,7 +13470,7 @@ var AssistantNode = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react48.Handle, { type: "source", position: import_react48.Position.Bottom })
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react49.Handle, { type: "source", position: import_react49.Position.Bottom })
             ]
           }
         )
@@ -13464,7 +13481,7 @@ var AssistantNode = ({
 var AssistantNode_default = AssistantNode;
 // src/components/Chat/AgentConfigPanel.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_antd43 = require("antd");
 var import_icons22 = require("@ant-design/icons");
 var import_lucide_react9 = require("lucide-react");
@@ -13473,7 +13490,7 @@ var { TextArea: TextArea4 } = import_antd43.Input;
 var { Text: Text18, Title: Title4 } = import_antd43.Typography;
 var SectionCard = ({ title, icon, badge, children, defaultExpanded = true }) => {
   const { token } = import_antd43.theme.useToken();
-  const [expanded, setExpanded] = (0, import_react49.useState)(defaultExpanded);
+  const [expanded, setExpanded] = (0, import_react50.useState)(defaultExpanded);
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     import_antd43.Card,
     {
@@ -13687,11 +13704,11 @@ var getMiddlewareTypeDefinition = (middlewareType, availableTypes) => {
   return availableTypes?.find((t) => t.type === middlewareType);
 };
 var SkillListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [skills, setSkills] = (0, import_react49.useState)([]);
-  const [loading, setLoading] = (0, import_react49.useState)(false);
+  const [skills, setSkills] = (0, import_react50.useState)([]);
+  const [loading, setLoading] = (0, import_react50.useState)(false);
   const { get } = useApi();
-  const fetchedRef = (0, import_react49.useRef)(false);
-  (0, import_react49.useEffect)(() => {
+  const fetchedRef = (0, import_react50.useRef)(false);
+  (0, import_react50.useEffect)(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchSkills = async () => {
@@ -13798,11 +13815,11 @@ var SkillListField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var DatabaseListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [databases, setDatabases] = (0, import_react49.useState)([]);
-  const [loading, setLoading] = (0, import_react49.useState)(false);
+  const [databases, setDatabases] = (0, import_react50.useState)([]);
+  const [loading, setLoading] = (0, import_react50.useState)(false);
   const { get } = useApi();
-  const fetchedRef = (0, import_react49.useRef)(false);
-  (0, import_react49.useEffect)(() => {
+  const fetchedRef = (0, import_react50.useRef)(false);
+  (0, import_react50.useEffect)(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchDatabases = async () => {
@@ -13913,11 +13930,11 @@ var DatabaseListField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var MetricsListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [servers, setServers] = (0, import_react49.useState)([]);
-  const [loading, setLoading] = (0, import_react49.useState)(false);
+  const [servers, setServers] = (0, import_react50.useState)([]);
+  const [loading, setLoading] = (0, import_react50.useState)(false);
   const { get } = useApi();
-  const fetchedRef = (0, import_react49.useRef)(false);
-  (0, import_react49.useEffect)(() => {
+  const fetchedRef = (0, import_react50.useRef)(false);
+  (0, import_react50.useEffect)(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchMetricsServers = async () => {
@@ -14029,7 +14046,7 @@ var MetricsListField = ({ propertyKey, label, value, onChange, token }) => {
 };
 var TopologyEdgeField = ({ propertyKey, label, value, onChange, token }) => {
   const edges = Array.isArray(value) ? value : [];
-  const [newEdge, setNewEdge] = (0, import_react49.useState)({ from: "", to: "", purpose: "" });
+  const [newEdge, setNewEdge] = (0, import_react50.useState)({ from: "", to: "", purpose: "" });
   const handleAdd = () => {
     if (!newEdge.from.trim() || !newEdge.to.trim() || !newEdge.purpose.trim()) return;
     onChange([...edges, { ...newEdge }]);
@@ -14122,7 +14139,7 @@ var TopologyEdgeField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var MiddlewareSectionCard = ({ middleware, middlewareType, onToggle, onConfigChange, token }) => {
-  const [expanded, setExpanded] = (0, import_react49.useState)(middleware.enabled);
+  const [expanded, setExpanded] = (0, import_react50.useState)(middleware.enabled);
   const getIcon = () => {
     switch (middleware.type) {
       case "browser":
@@ -14288,18 +14305,18 @@ var AgentConfigPanel = ({
   const { token } = import_antd43.theme.useToken();
   const { config } = useLatticeChatShellContext();
   const { get } = useApi();
-  const [toolsLoading, setToolsLoading] = (0, import_react49.useState)(false);
-  const [saving, setSaving] = (0, import_react49.useState)(false);
-  const [deleting, setDeleting] = (0, import_react49.useState)(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react49.useState)(false);
-  const [tools, setTools] = (0, import_react49.useState)([]);
-  const [selectedTools, setSelectedTools] = (0, import_react49.useState)([]);
-  const [selectedSubAgents, setSelectedSubAgents] = (0, import_react49.useState)([]);
-  const [agentPrompt, setAgentPrompt] = (0, import_react49.useState)("");
-  const [isPromptModalOpen, setIsPromptModalOpen] = (0, import_react49.useState)(false);
-  const [agentType, setAgentType] = (0, import_react49.useState)("react");
-  const [middleware, setMiddleware] = (0, import_react49.useState)([]);
-  const parsedConfig = (0, import_react49.useMemo)(() => {
+  const [toolsLoading, setToolsLoading] = (0, import_react50.useState)(false);
+  const [saving, setSaving] = (0, import_react50.useState)(false);
+  const [deleting, setDeleting] = (0, import_react50.useState)(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react50.useState)(false);
+  const [tools, setTools] = (0, import_react50.useState)([]);
+  const [selectedTools, setSelectedTools] = (0, import_react50.useState)([]);
+  const [selectedSubAgents, setSelectedSubAgents] = (0, import_react50.useState)([]);
+  const [agentPrompt, setAgentPrompt] = (0, import_react50.useState)("");
+  const [isPromptModalOpen, setIsPromptModalOpen] = (0, import_react50.useState)(false);
+  const [agentType, setAgentType] = (0, import_react50.useState)("react");
+  const [middleware, setMiddleware] = (0, import_react50.useState)([]);
+  const parsedConfig = (0, import_react50.useMemo)(() => {
     if (!assistant?.graphDefinition) {
       return null;
     }
@@ -14316,7 +14333,7 @@ var AgentConfigPanel = ({
       return null;
     }
   }, [assistant]);
-  const initializeMiddleware = (0, import_react49.useCallback)((types) => {
+  const initializeMiddleware = (0, import_react50.useCallback)((types) => {
     const middlewareTypes = types || [];
     return middlewareTypes.map((type, index) => ({
       id: `${type.type}-${index + 1}`,
@@ -14327,7 +14344,7 @@ var AgentConfigPanel = ({
       config: {}
     }));
   }, []);
-  const mergeMiddlewareConfig = (0, import_react49.useCallback)((savedConfigs, availableTypes) => {
+  const mergeMiddlewareConfig = (0, import_react50.useCallback)((savedConfigs, availableTypes) => {
     const types = availableTypes || [];
     const savedMap = new Map(savedConfigs?.map((cfg) => [cfg.type, cfg]) || []);
     return types.map((type, index) => {
@@ -14349,7 +14366,7 @@ var AgentConfigPanel = ({
       };
     });
   }, []);
-  const fetchTools = (0, import_react49.useCallback)(async () => {
+  const fetchTools = (0, import_react50.useCallback)(async () => {
     if (!visible) return;
     setToolsLoading(true);
     try {
@@ -14363,7 +14380,7 @@ var AgentConfigPanel = ({
       setToolsLoading(false);
     }
   }, [get, visible]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (visible && assistant) {
       fetchTools();
       if (parsedConfig) {
@@ -15019,12 +15036,12 @@ var AgentConfigPanel = ({
 var AgentConfigPanel_default = AgentConfigPanel;
 // src/components/Chat/CreateAssistantModal.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_antd46 = require("antd");
 var import_icons24 = require("@ant-design/icons");
 // src/components/Chat/ParentAgentSelector.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_antd44 = require("antd");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var { Text: Text19 } = import_antd44.Typography;
@@ -15033,10 +15050,10 @@ var ParentAgentSelector = ({
   value,
   placeholder = "Select a parent agent to extend..."
 }) => {
-  const [assistants, setAssistants] = (0, import_react50.useState)([]);
-  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const [assistants, setAssistants] = (0, import_react51.useState)([]);
+  const [loading, setLoading] = (0, import_react51.useState)(false);
   const { get } = useApi();
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const fetchAssistants = async () => {
       setLoading(true);
       try {
@@ -15176,17 +15193,17 @@ var CreateAssistantModal = ({
   onSuccess
 }) => {
   const [form] = import_antd46.Form.useForm();
-  const [loading, setLoading] = (0, import_react51.useState)(false);
-  const [creationMode, setCreationMode] = (0, import_react51.useState)("scratch");
-  const [parentAssistant, setParentAssistant] = (0, import_react51.useState)(null);
-  const [subAgentDecisions, setSubAgentDecisions] = (0, import_react51.useState)([]);
+  const [loading, setLoading] = (0, import_react52.useState)(false);
+  const [creationMode, setCreationMode] = (0, import_react52.useState)("scratch");
+  const [parentAssistant, setParentAssistant] = (0, import_react52.useState)(null);
+  const [subAgentDecisions, setSubAgentDecisions] = (0, import_react52.useState)([]);
   const { get, post } = useApi();
   const { token } = import_antd46.theme.useToken();
-  const resetExtendState = (0, import_react51.useCallback)(() => {
+  const resetExtendState = (0, import_react52.useCallback)(() => {
     setParentAssistant(null);
     setSubAgentDecisions([]);
   }, []);
-  const handleParentSelect = (0, import_react51.useCallback)(
+  const handleParentSelect = (0, import_react52.useCallback)(
     (assistant) => {
       setParentAssistant(assistant);
       if (!assistant) {
@@ -15211,7 +15228,7 @@ var CreateAssistantModal = ({
     },
     [form]
   );
-  const handleModeChange = (0, import_react51.useCallback)(
+  const handleModeChange = (0, import_react52.useCallback)(
     (mode) => {
       setCreationMode(mode);
       if (mode === "scratch") {
@@ -15565,33 +15582,33 @@ var import_antd47 = require("antd");
 var import_icons25 = require("@ant-design/icons");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var AssistantFlowInner = ({ onChat }) => {
-  const { setCenter, fitView } = (0, import_react53.useReactFlow)();
-  const [nodes, setNodes, onNodesChange] = (0, import_react53.useNodesState)([]);
-  const [edges, setEdges, onEdgesChange] = (0, import_react53.useEdgesState)([]);
-  const [assistants, setAssistants] = (0, import_react52.useState)([]);
-  const [assistantsLoading, setAssistantsLoading] = (0, import_react52.useState)(false);
-  const [configPanelVisible, setConfigPanelVisible] = (0, import_react52.useState)(false);
-  const [selectedAssistant, setSelectedAssistant] = (0, import_react52.useState)(null);
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react52.useState)(false);
+  const { setCenter, fitView } = (0, import_react54.useReactFlow)();
+  const [nodes, setNodes, onNodesChange] = (0, import_react54.useNodesState)([]);
+  const [edges, setEdges, onEdgesChange] = (0, import_react54.useEdgesState)([]);
+  const [assistants, setAssistants] = (0, import_react53.useState)([]);
+  const [assistantsLoading, setAssistantsLoading] = (0, import_react53.useState)(false);
+  const [configPanelVisible, setConfigPanelVisible] = (0, import_react53.useState)(false);
+  const [selectedAssistant, setSelectedAssistant] = (0, import_react53.useState)(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react53.useState)(false);
   const { get, del, put } = useApi();
   const { config } = useLatticeChatShellContext();
   const { token } = import_antd47.theme.useToken();
   const { enableAssistantCreation = true, enableAssistantEditing = true } = config;
-  const nodeTypes2 = (0, import_react52.useMemo)(
+  const nodeTypes2 = (0, import_react53.useMemo)(
     () => ({
       assistant: AssistantNode_default
     }),
     []
   );
-  const handleConfigure = (0, import_react52.useCallback)((assistant) => {
+  const handleConfigure = (0, import_react53.useCallback)((assistant) => {
     setSelectedAssistant(assistant);
     setConfigPanelVisible(true);
   }, []);
-  const handleClosePanel = (0, import_react52.useCallback)(() => {
+  const handleClosePanel = (0, import_react53.useCallback)(() => {
     setConfigPanelVisible(false);
     setSelectedAssistant(null);
   }, []);
-  const handleSelectionChange = (0, import_react52.useCallback)(
+  const handleSelectionChange = (0, import_react53.useCallback)(
     ({ nodes: selectedNodes }) => {
       if (selectedNodes.length === 1 && enableAssistantEditing) {
         const nodeData = selectedNodes[0].data;
@@ -15620,10 +15637,10 @@ var AssistantFlowInner = ({ onChat }) => {
       setAssistantsLoading(false);
     }
   };
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     fetchAssistants();
   }, []);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (!assistants || assistants.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -15887,7 +15904,7 @@ var AssistantFlowInner = ({ onChat }) => {
     });
     lastCreatedAssistantRef.current = createdAssistant;
   };
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (selectedAssistant) {
       const node = nodes.find((n) => n.id === selectedAssistant.id);
       if (node) {
@@ -15895,7 +15912,7 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [selectedAssistant, nodes, setCenter]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     if (assistants.length > 0 && selectedAssistant) {
       const assistant = assistants.find((a) => a.id === selectedAssistant.id);
       if (assistant && !configPanelVisible) {
@@ -15903,8 +15920,8 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [assistants, selectedAssistant, configPanelVisible]);
-  const lastCreatedAssistantRef = (0, import_react52.useRef)(null);
-  (0, import_react52.useEffect)(() => {
+  const lastCreatedAssistantRef = (0, import_react53.useRef)(null);
+  (0, import_react53.useEffect)(() => {
     if (lastCreatedAssistantRef.current && !assistants.find((a) => a.id === lastCreatedAssistantRef.current?.id)) {
       lastCreatedAssistantRef.current = null;
     }
@@ -15946,7 +15963,7 @@ var AssistantFlowInner = ({ onChat }) => {
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
-            import_react53.ReactFlow,
+            import_react54.ReactFlow,
             {
               nodes,
               edges,
@@ -15956,8 +15973,8 @@ var AssistantFlowInner = ({ onChat }) => {
               nodeTypes: nodeTypes2,
               fitView: true,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react53.Background, { color: "#eee", gap: 20 }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react53.Controls, {})
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react54.Background, { color: "#eee", gap: 20 }),
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react54.Controls, {})
               ]
             }
           ),
@@ -16015,19 +16032,19 @@ var AssistantFlowInner = ({ onChat }) => {
     )
   ] });
 };
-var AssistantFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react53.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AssistantFlowInner, { ...props }) });
+var AssistantFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react54.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AssistantFlowInner, { ...props }) });
 var AssistantFlow_default = AssistantFlow;
 // src/components/Chat/SkillFlow.tsx
-var import_react57 = require("react");
-var import_react58 = require("@xyflow/react");
+var import_react58 = require("react");
+var import_react59 = require("@xyflow/react");
 var import_style2 = require("@xyflow/react/dist/style.css");
 var import_antd51 = require("antd");
 var import_icons28 = require("@ant-design/icons");
 // src/components/Chat/SkillNode.tsx
-var import_react54 = require("react");
-var import_react55 = require("@xyflow/react");
+var import_react55 = require("react");
+var import_react56 = require("@xyflow/react");
 var import_antd48 = require("antd");
 var import_icons26 = require("@ant-design/icons");
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -16070,12 +16087,12 @@ var SkillNode = ({ data }) => {
   if (!skill) {
     return null;
   }
-  const [currentSkill, setCurrentSkill] = (0, import_react54.useState)(skill);
+  const [currentSkill, setCurrentSkill] = (0, import_react55.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_react54.useMemo)(
+  const metadataEntries = (0, import_react55.useMemo)(
     () => currentSkill.metadata ? Object.entries(
       currentSkill.metadata
     ).filter(
@@ -16092,20 +16109,20 @@ var SkillNode = ({ data }) => {
   const handleCopy = (text) => {
     navigator.clipboard.writeText(text);
   };
-  const [isEditing, setIsEditing] = (0, import_react54.useState)(false);
-  const [draftSkill, setDraftSkill] = (0, import_react54.useState)({
+  const [isEditing, setIsEditing] = (0, import_react55.useState)(false);
+  const [draftSkill, setDraftSkill] = (0, import_react55.useState)({
     ...skill,
     id: skill.name
   });
-  const [metadataRows, setMetadataRows] = (0, import_react54.useState)(
+  const [metadataRows, setMetadataRows] = (0, import_react55.useState)(
     metadataEntries.map(([key, value]) => ({
       key,
       value
     }))
   );
-  const [isModalOpen, setIsModalOpen] = (0, import_react54.useState)(false);
-  const [saving, setSaving] = (0, import_react54.useState)(false);
-  (0, import_react54.useEffect)(() => {
+  const [isModalOpen, setIsModalOpen] = (0, import_react55.useState)(false);
+  const [saving, setSaving] = (0, import_react55.useState)(false);
+  (0, import_react55.useEffect)(() => {
     setIsEditing(false);
     setCurrentSkill(skill);
     setDraftSkill({ ...skill, id: skill.name });
@@ -16865,10 +16882,10 @@ var SkillNode = ({ data }) => {
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-          import_react55.Handle,
+          import_react56.Handle,
           {
             type: "target",
-            position: import_react55.Position.Top,
+            position: import_react56.Position.Top,
             style: hiddenHandleStyle,
             isConnectable: false
           }
@@ -17193,10 +17210,10 @@ var SkillNode = ({ data }) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-          import_react55.Handle,
+          import_react56.Handle,
           {
             type: "source",
-            position: import_react55.Position.Bottom,
+            position: import_react56.Position.Bottom,
             style: hiddenHandleStyle,
             isConnectable: false
           }
@@ -17208,7 +17225,7 @@ var SkillNode = ({ data }) => {
 var SkillNode_default = SkillNode;
 // src/components/Chat/CreateSkillModal.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_antd49 = require("antd");
 var import_icons27 = require("@ant-design/icons");
 var import_antd50 = require("antd");
@@ -17221,11 +17238,11 @@ var CreateSkillModal = ({
   onSuccess
 }) => {
   const [form] = import_antd49.Form.useForm();
-  const [loading, setLoading] = (0, import_react56.useState)(false);
+  const [loading, setLoading] = (0, import_react57.useState)(false);
   const { post } = useApi();
   const { token } = import_antd50.theme.useToken();
   const defaultMetadataRows = [{ key: "category", value: "global" }];
-  const [metadataRows, setMetadataRows] = (0, import_react56.useState)(defaultMetadataRows);
+  const [metadataRows, setMetadataRows] = (0, import_react57.useState)(defaultMetadataRows);
   const handleSubmit = async () => {
     try {
       const values = await form.validateFields();
@@ -17493,14 +17510,14 @@ var CreateSkillModal_default = CreateSkillModal;
 // src/components/Chat/SkillFlow.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var SkillFlowInner = ({ onNodeClick }) => {
-  const [nodes, setNodes, onNodesChange] = (0, import_react58.useNodesState)([]);
-  const [edges, setEdges, onEdgesChange] = (0, import_react58.useEdgesState)([]);
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react57.useState)(false);
-  const [skills, setSkills] = (0, import_react57.useState)([]);
-  const [skillsLoading, setSkillsLoading] = (0, import_react57.useState)(false);
+  const [nodes, setNodes, onNodesChange] = (0, import_react59.useNodesState)([]);
+  const [edges, setEdges, onEdgesChange] = (0, import_react59.useEdgesState)([]);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react58.useState)(false);
+  const [skills, setSkills] = (0, import_react58.useState)([]);
+  const [skillsLoading, setSkillsLoading] = (0, import_react58.useState)(false);
   const { token } = import_antd51.theme.useToken();
   const { get } = useApi();
-  const nodeTypes2 = (0, import_react57.useMemo)(
+  const nodeTypes2 = (0, import_react58.useMemo)(
     () => ({
       skill: SkillNode_default
     }),
@@ -17520,10 +17537,10 @@ var SkillFlowInner = ({ onNodeClick }) => {
       setSkillsLoading(false);
     }
   };
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     fetchSkills();
   }, []);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (!skills || skills.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -17672,7 +17689,7 @@ var SkillFlowInner = ({ onNodeClick }) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { style: { width: "100%", height: "100%", background: "#fafafa", position: "relative" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
-      import_react58.ReactFlow,
+      import_react59.ReactFlow,
       {
         nodes,
         edges,
@@ -17681,8 +17698,8 @@ var SkillFlowInner = ({ onNodeClick }) => {
         nodeTypes: nodeTypes2,
         fitView: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react58.Background, { color: "#eee", gap: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react58.Controls, {})
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react59.Background, { color: "#eee", gap: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react59.Controls, {})
         ]
       }
     ),
@@ -17726,13 +17743,13 @@ var SkillFlowInner = ({ onNodeClick }) => {
     )
   ] });
 };
-var SkillFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react58.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SkillFlowInner, { ...props }) });
+var SkillFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react59.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SkillFlowInner, { ...props }) });
 var SkillFlow_default = SkillFlow;
 // src/components/Chat/ToolsList.tsx
 var import_antd52 = require("antd");
 var import_icons29 = require("@ant-design/icons");
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var ToolsList = ({
   onToolSelect,
@@ -17740,13 +17757,13 @@ var ToolsList = ({
 }) => {
   const { token } = import_antd52.theme.useToken();
   const { get } = useApi();
-  const [state, setState] = (0, import_react59.useState)({
+  const [state, setState] = (0, import_react60.useState)({
     tools: [],
     isLoading: false,
     error: null
   });
-  const [selectedToolId, setSelectedToolId] = (0, import_react59.useState)(null);
-  const fetchTools = (0, import_react59.useCallback)(async () => {
+  const [selectedToolId, setSelectedToolId] = (0, import_react60.useState)(null);
+  const fetchTools = (0, import_react60.useCallback)(async () => {
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     try {
       const data = await get("/api/tools");
@@ -17768,17 +17785,17 @@ var ToolsList = ({
       }));
     }
   }, [get]);
-  const handleToolSelect = (0, import_react59.useCallback)(
+  const handleToolSelect = (0, import_react60.useCallback)(
     (tool) => {
       setSelectedToolId(tool.id);
       onToolSelect?.(tool);
     },
     [onToolSelect]
   );
-  const handleRefresh = (0, import_react59.useCallback)(() => {
+  const handleRefresh = (0, import_react60.useCallback)(() => {
     fetchTools();
   }, [fetchTools]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (autoLoad) {
       fetchTools();
     }
@@ -17968,14 +17985,14 @@ var ToolsList = ({
 };
 // src/components/Chat/TopologyAutomationView.tsx
-var import_react63 = require("react");
-var import_react64 = require("@xyflow/react");
+var import_react64 = require("react");
+var import_react65 = require("@xyflow/react");
 var import_style3 = require("@xyflow/react/dist/style.css");
 var import_antd56 = require("antd");
 var import_icons32 = require("@ant-design/icons");
 // src/components/Chat/TopologyNode.tsx
-var import_react60 = require("@xyflow/react");
+var import_react61 = require("@xyflow/react");
 var import_antd53 = require("antd");
 var import_icons30 = require("@ant-design/icons");
 var import_jsx_runtime72 = require("react/jsx-runtime");
@@ -17987,7 +18004,7 @@ var TopologyNode = ({ data }) => {
   if (!data) return null;
   const { agentName, description, outgoingEdges, incomingEdges } = data;
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { style: { padding: 4 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react60.Handle, { type: "target", position: import_react60.Position.Top }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react61.Handle, { type: "target", position: import_react61.Position.Top }),
     /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
@@ -18083,13 +18100,13 @@ var TopologyNode = ({ data }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react60.Handle, { type: "source", position: import_react60.Position.Bottom })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react61.Handle, { type: "source", position: import_react61.Position.Bottom })
   ] });
 };
 var TopologyNode_default = TopologyNode;
 // src/components/Chat/CopilotPanel.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_antd54 = require("antd");
 var import_icons31 = require("@ant-design/icons");
 var import_jsx_runtime73 = require("react/jsx-runtime");
@@ -18103,13 +18120,13 @@ var CopilotPanel = ({
 }) => {
   const client = useClient("agent-architect");
   const threadId = workflowContext?.id ? `${client.tenantId}:${workflowContext.id}` : null;
-  const systemContext = (0, import_react61.useMemo)(() => {
+  const systemContext = (0, import_react62.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)(() => {
+  const initialMessageContent = (0, import_react62.useMemo)(() => {
     if (!initialMessage || !workflowContext?.id) return void 0;
     return [
       `Purpose: ${initialMessage.trim()}`,
@@ -18210,7 +18227,7 @@ var CopilotPanel = ({
 };
 // src/components/Chat/CreateWorkflowModal.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_antd55 = require("antd");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function extractName(purpose) {
@@ -18235,7 +18252,7 @@ var CreateWorkflowModal = ({
 }) => {
   const { post } = useApi();
   const [form] = import_antd55.Form.useForm();
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (open) {
       form.resetFields();
     }
@@ -18406,7 +18423,7 @@ function buildGraph(agents, agentNameMap) {
     animated: true,
     type: "smoothstep",
     style: { stroke: "#6366f1", strokeWidth: 2 },
-    markerEnd: { type: import_react64.MarkerType.ArrowClosed, color: "#6366f1", width: 20, height: 20 },
+    markerEnd: { type: import_react65.MarkerType.ArrowClosed, color: "#6366f1", width: 20, height: 20 },
     labelStyle: { fill: "#6366f1", fontWeight: 500, fontSize: 12 },
     labelBgStyle: { fill: "#EEF2FF", fillOpacity: 0.9 },
     labelBgPadding: [8, 4],
@@ -18423,11 +18440,11 @@ function TopologyFlowInner({
   nodes: initialNodes,
   edges: initialEdges
 }) {
-  const [nodes, setNodes, onNodesChange] = (0, import_react64.useNodesState)(initialNodes);
-  const [edges, setEdges, onEdgesChange] = (0, import_react64.useEdgesState)(initialEdges);
-  const [specModalOpen, setSpecModalOpen] = (0, import_react63.useState)(false);
-  const nodeTypes2 = (0, import_react63.useMemo)(() => ({ topologyNode: TopologyNode_default }), []);
-  (0, import_react63.useEffect)(() => {
+  const [nodes, setNodes, onNodesChange] = (0, import_react65.useNodesState)(initialNodes);
+  const [edges, setEdges, onEdgesChange] = (0, import_react65.useEdgesState)(initialEdges);
+  const [specModalOpen, setSpecModalOpen] = (0, import_react64.useState)(false);
+  const nodeTypes2 = (0, import_react64.useMemo)(() => ({ topologyNode: TopologyNode_default }), []);
+  (0, import_react64.useEffect)(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
@@ -18515,7 +18532,7 @@ function TopologyFlowInner({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { style: { flex: 1 }, children: selectedAgent ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { style: { position: "relative", height: "100%" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
-        import_react64.ReactFlow,
+        import_react65.ReactFlow,
         {
           nodes,
           edges,
@@ -18526,10 +18543,10 @@ function TopologyFlowInner({
           minZoom: 0.1,
           maxZoom: 2,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react64.Background, { variant: import_react64.BackgroundVariant.Dots, gap: 20, size: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react64.Controls, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react65.Background, { variant: import_react65.BackgroundVariant.Dots, gap: 20, size: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react65.Controls, {}),
             /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-              import_react64.MiniMap,
+              import_react65.MiniMap,
               {
                 nodeStrokeWidth: 3,
                 pannable: true,
@@ -18635,15 +18652,15 @@ function TopologyFlowInner({
 }
 var TopologyAutomationView = () => {
   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);
-  const [copilotOpen, setCopilotOpen] = (0, import_react63.useState)(true);
-  const [initialLoading, setInitialLoading] = (0, import_react63.useState)(true);
-  const [error, setError] = (0, import_react63.useState)(null);
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react63.useState)(false);
-  const [initialMessage, setInitialMessage] = (0, import_react63.useState)(null);
-  const workflowTools = (0, import_react63.useMemo)(
+  const [agents, setAgents] = (0, import_react64.useState)([]);
+  const [agentNameMap, setAgentNameMap] = (0, import_react64.useState)(/* @__PURE__ */ new Map());
+  const [selectedWorkflowId, setSelectedWorkflowId] = (0, import_react64.useState)(null);
+  const [copilotOpen, setCopilotOpen] = (0, import_react64.useState)(true);
+  const [initialLoading, setInitialLoading] = (0, import_react64.useState)(true);
+  const [error, setError] = (0, import_react64.useState)(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react64.useState)(false);
+  const [initialMessage, setInitialMessage] = (0, import_react64.useState)(null);
+  const workflowTools = (0, import_react64.useMemo)(
     () => [
       "create_agent",
       "create_processing_agent",
@@ -18653,7 +18670,7 @@ var TopologyAutomationView = () => {
     ],
     []
   );
-  const fetchData = (0, import_react63.useCallback)(async () => {
+  const fetchData = (0, import_react64.useCallback)(async () => {
     const [wfRes, assistantsRes] = await Promise.all([
       get("/api/workflows/definitions"),
       get("/api/assistants")
@@ -18677,7 +18694,7 @@ var TopologyAutomationView = () => {
     }
     setError(null);
   }, [get]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     let cancelled = false;
     const load = async () => {
       try {
@@ -18696,7 +18713,7 @@ var TopologyAutomationView = () => {
       cancelled = true;
     };
   }, [fetchData]);
-  const handleWorkflowCreated = (0, import_react63.useCallback)((id, purpose) => {
+  const handleWorkflowCreated = (0, import_react64.useCallback)((id, purpose) => {
     setIsCreateModalOpen(false);
     fetchData().then(() => {
       setSelectedWorkflowId(id);
@@ -18705,10 +18722,10 @@ var TopologyAutomationView = () => {
       }
     });
   }, [fetchData]);
-  const handleSelectWorkflow = (0, import_react63.useCallback)((id) => {
+  const handleSelectWorkflow = (0, import_react64.useCallback)((id) => {
     setSelectedWorkflowId(id);
   }, []);
-  const handleDeleteWorkflow = (0, import_react63.useCallback)(async (id) => {
+  const handleDeleteWorkflow = (0, import_react64.useCallback)(async (id) => {
     try {
       await del(`/api/assistants/${id}`);
       setSelectedWorkflowId(null);
@@ -18718,19 +18735,19 @@ var TopologyAutomationView = () => {
       setError(message23);
     }
   }, [del, fetchData]);
-  const selectedAgent = (0, import_react63.useMemo)(
+  const selectedAgent = (0, import_react64.useMemo)(
     () => agents.find((a) => a.id === selectedWorkflowId) || null,
     [agents, selectedWorkflowId]
   );
-  const selectedWorkflowName = (0, import_react63.useMemo)(
+  const selectedWorkflowName = (0, import_react64.useMemo)(
     () => selectedAgent?.name || null,
     [selectedAgent]
   );
-  const workflowContext = (0, import_react63.useMemo)(
+  const workflowContext = (0, import_react64.useMemo)(
     () => selectedWorkflowId && selectedWorkflowName ? { id: selectedWorkflowId, name: selectedWorkflowName } : null,
     [selectedWorkflowId, selectedWorkflowName]
   );
-  const { nodes, edges } = (0, import_react63.useMemo)(
+  const { nodes, edges } = (0, import_react64.useMemo)(
     () => selectedAgent ? buildGraph([selectedAgent], agentNameMap) : { nodes: [], edges: [] },
     [selectedAgent, agentNameMap]
   );
@@ -18770,7 +18787,7 @@ var TopologyAutomationView = () => {
         onCreated: handleWorkflowCreated
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react64.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { style: { display: "flex", height: "100%", width: "100%", overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react65.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { style: { display: "flex", height: "100%", width: "100%", overflow: "hidden" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
         "div",
         {
@@ -18846,10 +18863,10 @@ var TopologyAutomationView = () => {
 };
 // src/components/Chat/TopologyRuntimeView.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_antd57 = require("antd");
 var import_icons33 = require("@ant-design/icons");
-var import_react66 = require("@xyflow/react");
+var import_react67 = require("@xyflow/react");
 var import_style4 = require("@xyflow/react/dist/style.css");
 var import_dagre = __toESM(require("dagre"));
 var import_jsx_runtime76 = require("react/jsx-runtime");
@@ -18893,7 +18910,7 @@ function StepNode({ data, selected }) {
   const shadow = isSelected ? `0 4px 14px ${ssc.color}20` : "0 1px 6px rgba(0,0,0,0.08)";
   const borderWidth = isSelected ? 2 : 1;
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { padding: 4 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react66.Handle, { type: "target", position: import_react66.Position.Top }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.Handle, { type: "target", position: import_react67.Position.Top }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "div",
       {
@@ -18953,12 +18970,12 @@ function StepNode({ data, selected }) {
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react66.Handle, { type: "source", position: import_react66.Position.Bottom })
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.Handle, { type: "source", position: import_react67.Position.Bottom })
   ] });
 }
 var nodeTypes = { stepNode: StepNode };
 function useLayoutedElements(steps) {
-  return (0, import_react65.useMemo)(() => {
+  return (0, import_react66.useMemo)(() => {
     if (steps.length === 0) return [];
     const g = new import_dagre.default.graphlib.Graph();
     g.setGraph({ rankdir: "TB", nodesep: 40, ranksep: 40 });
@@ -18984,7 +19001,7 @@ function useLayoutedElements(steps) {
   }, [steps]);
 }
 function useEdgesFromSteps(steps) {
-  return (0, import_react65.useMemo)(() => {
+  return (0, import_react66.useMemo)(() => {
     const edges = [];
     for (let i = 0; i < steps.length - 1; i++) {
       const fromStep = steps[i];
@@ -18998,7 +19015,7 @@ function useEdgesFromSteps(steps) {
         animated: true,
         label: purpose || void 0,
         style: { stroke: "#6366f1", strokeWidth: 2 },
-        markerEnd: { type: import_react66.MarkerType.ArrowClosed, color: "#6366f1", width: 20, height: 20 },
+        markerEnd: { type: import_react67.MarkerType.ArrowClosed, color: "#6366f1", width: 20, height: 20 },
         labelStyle: { fill: "#6366f1", fontWeight: 500, fontSize: 12 },
         labelBgStyle: { fill: "#EEF2FF", fillOpacity: 0.9 },
         labelBgPadding: [8, 4],
@@ -19125,18 +19142,18 @@ function StepDetailPopover({ step }) {
 function FlowCanvas({ steps }) {
   const initialNodes = useLayoutedElements(steps);
   const initialEdges = useEdgesFromSteps(steps);
-  const [nodes, setNodes, onNodesChange] = (0, import_react66.useNodesState)(initialNodes);
-  const [edges, setEdges, onEdgesChange] = (0, import_react66.useEdgesState)(initialEdges);
-  const [selectedNodeId, setSelectedNodeId] = (0, import_react65.useState)(null);
-  const selectedStep = (0, import_react65.useMemo)(
+  const [nodes, setNodes, onNodesChange] = (0, import_react67.useNodesState)(initialNodes);
+  const [edges, setEdges, onEdgesChange] = (0, import_react67.useEdgesState)(initialEdges);
+  const [selectedNodeId, setSelectedNodeId] = (0, import_react66.useState)(null);
+  const selectedStep = (0, import_react66.useMemo)(
     () => steps.find((s) => s.id === selectedNodeId) || null,
     [steps, selectedNodeId]
   );
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (selectedNodeId) {
       setNodes(
         (nds) => nds.map((n) => ({
@@ -19146,13 +19163,13 @@ function FlowCanvas({ steps }) {
       );
     }
   }, [selectedNodeId, setNodes]);
-  const onNodeClick = (0, import_react65.useCallback)(
+  const onNodeClick = (0, import_react66.useCallback)(
     (_event, node) => {
       setSelectedNodeId(node.id);
     },
     []
   );
-  const onPaneClick = (0, import_react65.useCallback)(() => {
+  const onPaneClick = (0, import_react66.useCallback)(() => {
     setNodes(
       (nds) => nds.map((n) => ({
         ...n,
@@ -19163,7 +19180,7 @@ function FlowCanvas({ steps }) {
   }, [setNodes]);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
-      import_react66.ReactFlow,
+      import_react67.ReactFlow,
       {
         nodes,
         edges,
@@ -19179,10 +19196,10 @@ function FlowCanvas({ steps }) {
         nodesDraggable: false,
         nodesConnectable: false,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react66.Background, { variant: import_react66.BackgroundVariant.Dots, gap: 20, size: 1 }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react66.Controls, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.Background, { variant: import_react67.BackgroundVariant.Dots, gap: 20, size: 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.Controls, {}),
           /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-            import_react66.MiniMap,
+            import_react67.MiniMap,
             {
               nodeStrokeWidth: 3,
               pannable: true,
@@ -19331,11 +19348,11 @@ function RunSummaryBanner({ run, agentName }) {
 }
 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);
-  const stepsPollTimeoutRef = (0, import_react65.useRef)(null);
-  const stepsPollSessionRef = (0, import_react65.useRef)(0);
-  const fetchSteps = (0, import_react65.useCallback)(async () => {
+  const [steps, setSteps] = (0, import_react66.useState)([]);
+  const [loading, setLoading] = (0, import_react66.useState)(false);
+  const stepsPollTimeoutRef = (0, import_react66.useRef)(null);
+  const stepsPollSessionRef = (0, import_react66.useRef)(0);
+  const fetchSteps = (0, import_react66.useCallback)(async () => {
     try {
       const [stepsRes, runsRes] = await Promise.all([
         get(
@@ -19353,12 +19370,12 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
     } catch {
     }
   }, [get, run.id, onRunUpdate]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!open) return;
     setLoading(true);
     fetchSteps().finally(() => setLoading(false));
   }, [open, run.id, fetchSteps]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (stepsPollTimeoutRef.current) {
       clearTimeout(stepsPollTimeoutRef.current);
       stepsPollTimeoutRef.current = null;
@@ -19400,7 +19417,7 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
       styles: { body: { padding: "12px 0" } },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { padding: "0 12px", marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(RunSummaryBanner, { run, agentName }) }),
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: 300 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Spin, { size: "large" }) }) : steps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { padding: "0 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", children: "No step records yet" }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { width: "100%", height: "calc(100vh - 200px)", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react66.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FlowCanvas, { steps }) }) }),
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: 300 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Spin, { size: "large" }) }) : steps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { padding: "0 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", children: "No step records yet" }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { width: "100%", height: "calc(100vh - 200px)", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FlowCanvas, { steps }) }) }),
         run.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { padding: "0 12px", marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           "div",
           {
@@ -19420,20 +19437,20 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
 var POLLING_INTERVAL = 3e3;
 var TopologyRuntimeView = () => {
   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);
-  const [error, setError] = (0, import_react65.useState)(null);
-  const [selectedRun, setSelectedRun] = (0, import_react65.useState)(null);
-  const [autoRefresh, setAutoRefresh] = (0, import_react65.useState)(true);
-  const pollingSessionRef = (0, import_react65.useRef)(0);
-  const handleRunUpdate = (0, import_react65.useCallback)((updated) => {
+  const [runs, setRuns] = (0, import_react66.useState)([]);
+  const [agentNames, setAgentNames] = (0, import_react66.useState)({});
+  const [loading, setLoading] = (0, import_react66.useState)(true);
+  const [error, setError] = (0, import_react66.useState)(null);
+  const [selectedRun, setSelectedRun] = (0, import_react66.useState)(null);
+  const [autoRefresh, setAutoRefresh] = (0, import_react66.useState)(true);
+  const pollingSessionRef = (0, import_react66.useRef)(0);
+  const handleRunUpdate = (0, import_react66.useCallback)((updated) => {
     setRuns(
       (prev) => prev.map((r) => r.id === updated.id ? updated : r)
     );
     setSelectedRun((prev) => prev?.id === updated.id ? updated : prev);
   }, []);
-  const handleDeleteRun = (0, import_react65.useCallback)(async (runId) => {
+  const handleDeleteRun = (0, import_react66.useCallback)(async (runId) => {
     try {
       await del(`/api/workflows/runs/${runId}`);
       setRuns((prev) => prev.filter((r) => r.id !== runId));
@@ -19443,7 +19460,7 @@ var TopologyRuntimeView = () => {
       setError(message23);
     }
   }, [del]);
-  const refreshRuns = (0, import_react65.useCallback)(async () => {
+  const refreshRuns = (0, import_react66.useCallback)(async () => {
     setLoading(true);
     try {
       const defsRes = await get("/api/workflows/definitions");
@@ -19472,7 +19489,7 @@ var TopologyRuntimeView = () => {
       setLoading(false);
     }
   }, [get]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     let cancelled = false;
     const init2 = async () => {
       try {
@@ -19508,7 +19525,7 @@ var TopologyRuntimeView = () => {
       cancelled = true;
     };
   }, [get]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     return () => {
       pollingSessionRef.current = 0;
     };
@@ -19616,15 +19633,15 @@ var TopologyRuntimeView = () => {
 };
 // src/components/Chat/TopologyInboxView.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_antd58 = require("antd");
 var import_icons34 = require("@ant-design/icons");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var { Text: Text28, Title: Title6 } = import_antd58.Typography;
 var TopologyInboxView = () => {
   const { get } = useApi();
-  const [items, setItems] = (0, import_react67.useState)([]);
-  const [loading, setLoading] = (0, import_react67.useState)(true);
+  const [items, setItems] = (0, import_react68.useState)([]);
+  const [loading, setLoading] = (0, import_react68.useState)(true);
   const fetchInbox = async () => {
     setLoading(true);
     try {
@@ -19651,7 +19668,7 @@ var TopologyInboxView = () => {
       setLoading(false);
     }
   };
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     fetchInbox();
   }, [get]);
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
@@ -19734,7 +19751,7 @@ var TopologyInboxView = () => {
 };
 // src/components/Eval/EvalPanel.tsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 var import_antd_style22 = require("antd-style");
 var import_antd62 = require("antd");
 var import_lucide_react13 = require("lucide-react");
@@ -19851,7 +19868,7 @@ var EvalSuiteCardList = ({ projectId, onSelectSuite }) => {
 };
 // src/components/Eval/EvalSuiteDetail.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_antd_style20 = require("antd-style");
 var import_antd60 = require("antd");
 var import_lucide_react11 = require("lucide-react");
@@ -19955,9 +19972,9 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
   const { suites } = useEvalSuites(projectId);
   const { cases, create: createCase, remove: removeCase } = useEvalCases(projectId, suiteId);
   const { start } = useEvalRuns(projectId);
-  const [modalOpen, setModalOpen] = (0, import_react68.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react69.useState)(false);
   const [form] = import_antd60.Form.useForm();
-  const [agents, setAgents] = (0, import_react68.useState)([]);
+  const [agents, setAgents] = (0, import_react69.useState)([]);
   const suite = suites.find((s) => s.id === suiteId) || {};
   const loadAgents = async () => {
     try {
@@ -20090,7 +20107,7 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
 };
 // src/components/Eval/EvalRunResults.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_antd_style21 = require("antd-style");
 var import_antd61 = require("antd");
 var import_lucide_react12 = require("lucide-react");
@@ -20179,9 +20196,9 @@ var useStyle11 = (0, import_antd_style21.createStyles)(({ token, css }) => ({
 var EvalRunResults = ({ runId, onBack }) => {
   const { styles } = useStyle11();
   const client = useClient("__GLOBAL__");
-  const [run, setRun] = (0, import_react69.useState)(null);
+  const [run, setRun] = (0, import_react70.useState)(null);
   const { status: streamingStatus, progress, connected } = useEvalRunStream(runId);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     client.eval.runs.get(runId).then(setRun).catch(console.error);
   }, [runId, client]);
   if (!run) {
@@ -20532,18 +20549,18 @@ var EvalPanel = () => {
   const { styles, cx } = useStyle12();
   const { token } = import_antd62.theme.useToken();
   const { projects } = useEvalProjects();
-  const [projectId, setProjectId] = (0, import_react70.useState)("");
-  const [page, setPage] = (0, import_react70.useState)("dashboard");
-  const [suiteId, setSuiteId] = (0, import_react70.useState)("");
-  const [runId, setRunId] = (0, import_react70.useState)("");
-  import_react70.default.useEffect(() => {
+  const [projectId, setProjectId] = (0, import_react71.useState)("");
+  const [page, setPage] = (0, import_react71.useState)("dashboard");
+  const [suiteId, setSuiteId] = (0, import_react71.useState)("");
+  const [runId, setRunId] = (0, import_react71.useState)("");
+  import_react71.default.useEffect(() => {
     if (!projectId && projects.length > 0) {
       setProjectId(projects[0].id);
     }
   }, [projects, projectId]);
   const { suites } = useEvalSuites(projectId);
   const { runs, start, remove } = useEvalRuns(projectId);
-  const stats = (0, import_react70.useMemo)(() => {
+  const stats = (0, import_react71.useMemo)(() => {
     const totalCases = suites.reduce((s, x) => s + (x.caseCount ?? 0), 0);
     const latest = runs[0];
     const passRate = latest?.totalCases > 0 ? Math.round(latest.passedCases / latest.totalCases * 100) : null;
@@ -20723,8 +20740,8 @@ var EvalPanel = () => {
     ] });
   }
   const SuiteListPage = () => {
-    const [showAdd, setShowAdd] = (0, import_react70.useState)(false);
-    const [name, setName] = (0, import_react70.useState)("");
+    const [showAdd, setShowAdd] = (0, import_react71.useState)(false);
+    const [name, setName] = (0, import_react71.useState)("");
     const { create } = useEvalSuites(projectId);
     const handleAdd = async () => {
       if (!name.trim()) return;
@@ -20906,9 +20923,9 @@ var WorkspaceResourceManager = ({
   logo
 }) => {
   const { openContentApp, menuCollapsed, setMenuCollapsed } = useChatUIContext();
-  const hasOpenedDefault = (0, import_react71.useRef)(false);
-  const hasRegistered = (0, import_react71.useRef)(false);
-  (0, import_react71.useEffect)(() => {
+  const hasOpenedDefault = (0, import_react72.useRef)(false);
+  const hasRegistered = (0, import_react72.useRef)(false);
+  (0, import_react72.useEffect)(() => {
     if (!hasRegistered.current) {
       hasRegistered.current = true;
       regsiterElement("workspace_projects", {
@@ -20967,9 +20984,9 @@ var WorkspaceResourceManager = ({
   const { user, logout, tenants, currentTenant, selectTenant, isLoading } = useAuth();
   const { setWorkspace, setProject } = useWorkspaceContext();
   const { config } = useLatticeChatShellContext();
-  const [tenantModalOpen, setTenantModalOpen] = (0, import_react71.useState)(false);
-  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react71.useState)(false);
-  const menuItems = (0, import_react71.useMemo)(() => {
+  const [tenantModalOpen, setTenantModalOpen] = (0, import_react72.useState)(false);
+  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react72.useState)(false);
+  const menuItems = (0, import_react72.useMemo)(() => {
     const items = config.workspaceMenuItems?.length ? [...config.workspaceMenuItems] : [...DEFAULT_WORKSPACE_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [config.workspaceMenuItems]);
@@ -21000,7 +21017,7 @@ var WorkspaceResourceManager = ({
       });
     }
   };
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (!hasOpenedDefault.current && menuItems.length > 0) {
       hasOpenedDefault.current = true;
       const firstRoute = menuItems.find((item) => item.type === "route");
@@ -21189,9 +21206,9 @@ var WorkspaceResourceUIContext = ({
 // src/context/WorkspaceContext.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
-var WorkspaceContext = (0, import_react72.createContext)(null);
+var WorkspaceContext = (0, import_react73.createContext)(null);
 var useWorkspaceContext = () => {
-  const context = (0, import_react72.useContext)(WorkspaceContext);
+  const context = (0, import_react73.useContext)(WorkspaceContext);
   if (!context) {
     throw new Error("useWorkspaceContext must be used within a WorkspaceContextProvider");
   }
@@ -21216,23 +21233,23 @@ var WorkspaceContextProvider = ({
     }
     return null;
   };
-  const [workspaceId, setWorkspaceId] = (0, import_react72.useState)(getInitialWorkspaceId);
-  const [projectId, setProjectId] = (0, import_react72.useState)(getInitialProjectId);
-  import_react72.default.useEffect(() => {
+  const [workspaceId, setWorkspaceId] = (0, import_react73.useState)(getInitialWorkspaceId);
+  const [projectId, setProjectId] = (0, import_react73.useState)(getInitialProjectId);
+  import_react73.default.useEffect(() => {
     const wsId = getInitialWorkspaceId();
     const pjId = getInitialProjectId();
     if (wsId || pjId) {
       import_client_sdk6.Client.setWorkspaceContext(wsId || void 0, pjId || void 0);
     }
   }, []);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     import_client_sdk6.Client.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
   }, [workspaceId, projectId]);
-  const [workspaces, setWorkspaces] = (0, import_react72.useState)([]);
-  const [projects, setProjects] = (0, import_react72.useState)([]);
-  const [loading, setLoading] = (0, import_react72.useState)(false);
-  const [error, setError] = (0, import_react72.useState)(null);
-  const client = import_react72.default.useMemo(() => {
+  const [workspaces, setWorkspaces] = (0, import_react73.useState)([]);
+  const [projects, setProjects] = (0, import_react73.useState)([]);
+  const [loading, setLoading] = (0, import_react73.useState)(false);
+  const [error, setError] = (0, import_react73.useState)(null);
+  const client = import_react73.default.useMemo(() => {
     const authApiKey = isAuthenticated ? sessionStorage.getItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
     return new import_client_sdk6.WorkspaceClient({
       baseURL: config.baseURL,
@@ -21241,22 +21258,22 @@ var WorkspaceContextProvider = ({
       transport: "sse"
     }, tenantId);
   }, [config.baseURL, config.apiKey, tenantId, isAuthenticated]);
-  const resetSelectedWorkspace = (0, import_react72.useCallback)(() => {
+  const resetSelectedWorkspace = (0, import_react73.useCallback)(() => {
     setProjects([]);
     setWorkspaceId(null);
     sessionStorage.removeItem("workspaceId");
     setProjectId(null);
     sessionStorage.removeItem("projectId");
   }, [setProjects, setWorkspaceId, setProjectId]);
-  const resetWS = (0, import_react72.useCallback)(() => {
+  const resetWS = (0, import_react73.useCallback)(() => {
     setWorkspaces([]);
     resetSelectedWorkspace();
   }, [resetSelectedWorkspace, setWorkspaces]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     resetWS();
     refreshWorkspaces();
   }, [tenantId]);
-  const refreshWorkspaces = (0, import_react72.useCallback)(async () => {
+  const refreshWorkspaces = (0, import_react73.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -21268,7 +21285,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client]);
-  const refreshProjects = (0, import_react72.useCallback)(async (wsId) => {
+  const refreshProjects = (0, import_react73.useCallback)(async (wsId) => {
     const targetWorkspaceId = wsId || workspaceId;
     if (!targetWorkspaceId) {
       setProjects([]);
@@ -21285,28 +21302,28 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (workspaceId && typeof window !== "undefined") {
       sessionStorage.setItem("workspaceId", workspaceId);
     }
   }, [workspaceId]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (projectId && typeof window !== "undefined") {
       sessionStorage.setItem("projectId", projectId);
     }
   }, [projectId]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     refreshWorkspaces().catch((err) => {
       console.warn("Failed to load workspaces:", err);
     });
   }, [refreshWorkspaces]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (workspaces.length > 0 && !workspaceId) {
       const firstWorkspace = workspaces[0];
       setWorkspaceId(firstWorkspace.id);
     }
   }, [workspaces, workspaceId]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (workspaceId) {
       refreshProjects(workspaceId);
     } else {
@@ -21314,7 +21331,7 @@ var WorkspaceContextProvider = ({
     }
     setProjectId(null);
   }, [workspaceId, refreshProjects]);
-  const createWorkspace = (0, import_react72.useCallback)(async (data) => {
+  const createWorkspace = (0, import_react73.useCallback)(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -21329,7 +21346,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshWorkspaces]);
-  const updateWorkspace = (0, import_react72.useCallback)(async (id, updates) => {
+  const updateWorkspace = (0, import_react73.useCallback)(async (id, updates) => {
     setLoading(true);
     setError(null);
     try {
@@ -21344,7 +21361,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshWorkspaces]);
-  const deleteWorkspace = (0, import_react72.useCallback)(async (id) => {
+  const deleteWorkspace = (0, import_react73.useCallback)(async (id) => {
     setLoading(true);
     setError(null);
     try {
@@ -21361,7 +21378,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId, refreshWorkspaces]);
-  const createProject = (0, import_react72.useCallback)(async (wsId, data) => {
+  const createProject = (0, import_react73.useCallback)(async (wsId, data) => {
     setLoading(true);
     setError(null);
     try {
@@ -21376,7 +21393,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshProjects]);
-  const updateProject = (0, import_react72.useCallback)(async (wsId, id, updates) => {
+  const updateProject = (0, import_react73.useCallback)(async (wsId, id, updates) => {
     setLoading(true);
     setError(null);
     try {
@@ -21391,7 +21408,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshProjects]);
-  const deleteProject = (0, import_react72.useCallback)(async (wsId, id) => {
+  const deleteProject = (0, import_react73.useCallback)(async (wsId, id) => {
     setLoading(true);
     setError(null);
     try {
@@ -21408,7 +21425,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, projectId, refreshProjects]);
-  const listPath = (0, import_react72.useCallback)(
+  const listPath = (0, import_react73.useCallback)(
     async (path = "/", assistantId) => {
       if (!workspaceId || !projectId) {
         return [];
@@ -21427,7 +21444,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const listPathByFolder = (0, import_react72.useCallback)(
+  const listPathByFolder = (0, import_react73.useCallback)(
     async (folder, assistantId) => {
       let normalizedPath = folder;
       if (normalizedPath.startsWith("~/")) {
@@ -21440,7 +21457,7 @@ var WorkspaceContextProvider = ({
     },
     [listPath]
   );
-  const uploadFile = (0, import_react72.useCallback)(
+  const uploadFile = (0, import_react73.useCallback)(
     async (path, file, assistantId) => {
       if (!workspaceId || !projectId) {
         throw new Error("Workspace and project must be selected before uploading files");
@@ -21460,7 +21477,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const uploadFileToFolder = (0, import_react72.useCallback)(
+  const uploadFileToFolder = (0, import_react73.useCallback)(
     async (folder, file, assistantId) => {
       let normalizedFolder = folder;
       if (normalizedFolder.startsWith("~/")) {
@@ -21470,7 +21487,7 @@ var WorkspaceContextProvider = ({
     },
     [uploadFile]
   );
-  const getFileViewUrl = (0, import_react72.useCallback)(
+  const getFileViewUrl = (0, import_react73.useCallback)(
     (filePath, assistantId) => {
       if (!workspaceId || !projectId) {
         return "";
@@ -21522,17 +21539,17 @@ var WorkspaceContextProvider = ({
 };
 // src/components/Chat/DatabasePicker.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_antd64 = require("antd");
 var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var DatabasePicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = (0, import_react73.useState)(false);
-  const [databases, setDatabases] = (0, import_react73.useState)([]);
-  const [loading, setLoading] = (0, import_react73.useState)(false);
-  const [selectedDatabases, setSelectedDatabases] = (0, import_react73.useState)([]);
+  const [modalOpen, setModalOpen] = (0, import_react74.useState)(false);
+  const [databases, setDatabases] = (0, import_react74.useState)([]);
+  const [loading, setLoading] = (0, import_react74.useState)(false);
+  const [selectedDatabases, setSelectedDatabases] = (0, import_react74.useState)([]);
   const { get } = useApi();
-  const fetchedRef = (0, import_react73.useRef)(false);
+  const fetchedRef = (0, import_react74.useRef)(false);
   const loadDatabases = async () => {
     setLoading(true);
     try {
@@ -21672,17 +21689,17 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
 };
 // src/components/Chat/SkillPicker.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_antd65 = require("antd");
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var SkillPicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = (0, import_react74.useState)(false);
-  const [skills, setSkills] = (0, import_react74.useState)([]);
-  const [loading, setLoading] = (0, import_react74.useState)(false);
-  const [selectedSkills, setSelectedSkills] = (0, import_react74.useState)([]);
+  const [modalOpen, setModalOpen] = (0, import_react75.useState)(false);
+  const [skills, setSkills] = (0, import_react75.useState)([]);
+  const [loading, setLoading] = (0, import_react75.useState)(false);
+  const [selectedSkills, setSelectedSkills] = (0, import_react75.useState)([]);
   const { get } = useApi();
-  const fetchedRef = (0, import_react74.useRef)(false);
+  const fetchedRef = (0, import_react75.useRef)(false);
   const loadSkills = async () => {
     setLoading(true);
     try {
@@ -21822,16 +21839,16 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
 };
 // src/components/Chat/AgentPicker.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_antd66 = require("antd");
 var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var AgentPicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = (0, import_react75.useState)(false);
-  const [loading, setLoading] = (0, import_react75.useState)(false);
-  const [selectedAgent, setSelectedAgent] = (0, import_react75.useState)(null);
+  const [modalOpen, setModalOpen] = (0, import_react76.useState)(false);
+  const [loading, setLoading] = (0, import_react76.useState)(false);
+  const [selectedAgent, setSelectedAgent] = (0, import_react76.useState)(null);
   const { assistants, currentAssistant, selectAssistant } = useAssistantContext();
-  const fetchedRef = (0, import_react75.useRef)(false);
+  const fetchedRef = (0, import_react76.useRef)(false);
   const handleOpenModal = () => {
     setSelectedAgent(currentAssistant?.id || null);
     setModalOpen(true);
@@ -21938,7 +21955,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
 };
 // src/components/Chat/MetricsDataSourcePicker.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_antd67 = require("antd");
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
@@ -21947,13 +21964,13 @@ var MetricsDataSourcePicker = ({
   senderRef,
   iconOnly
 }) => {
-  const [modalOpen, setModalOpen] = (0, import_react76.useState)(false);
-  const [loading, setLoading] = (0, import_react76.useState)(false);
-  const [dataSources, setDataSources] = (0, import_react76.useState)([]);
+  const [modalOpen, setModalOpen] = (0, import_react77.useState)(false);
+  const [loading, setLoading] = (0, import_react77.useState)(false);
+  const [dataSources, setDataSources] = (0, import_react77.useState)([]);
   const { config } = useLatticeChatShellContext();
   const { customRunConfig, updateCustomRunConfig } = useConversationContext();
   const { get } = useApi();
-  const hasInitializedRef = (0, import_react76.useRef)(false);
+  const hasInitializedRef = (0, import_react77.useRef)(false);
   const loadDataSources = async () => {
     setLoading(true);
     try {
@@ -22027,7 +22044,7 @@ var MetricsDataSourcePicker = ({
       console.error("Failed to save datasource to sessionStorage:", error);
     }
   };
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (hasInitializedRef.current) return;
     hasInitializedRef.current = true;
     loadDataSources().then(() => {
@@ -22278,7 +22295,7 @@ var MetricsDataSourcePicker = ({
 };
 // src/components/Chat/ModelSelector.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_antd68 = require("antd");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var ModelSelector = ({
@@ -22287,22 +22304,22 @@ var ModelSelector = ({
   defaultModelKey = "default",
   style
 }) => {
-  const [models, setModels] = (0, import_react77.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react77.useState)(false);
-  const [internalValue, setInternalValue] = (0, import_react77.useState)(null);
-  const [dropdownOpen, setDropdownOpen] = (0, import_react77.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react77.useState)(false);
-  const hasFetchedRef = (0, import_react77.useRef)(false);
-  const hasSetDefaultRef = (0, import_react77.useRef)(false);
+  const [models, setModels] = (0, import_react78.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react78.useState)(false);
+  const [internalValue, setInternalValue] = (0, import_react78.useState)(null);
+  const [dropdownOpen, setDropdownOpen] = (0, import_react78.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react78.useState)(false);
+  const hasFetchedRef = (0, import_react78.useRef)(false);
+  const hasSetDefaultRef = (0, import_react78.useRef)(false);
   const { get } = useApi();
   const selectedModelConfig = value !== void 0 ? value : internalValue;
-  const setSelectedModelConfig = (0, import_react77.useCallback)((config) => {
+  const setSelectedModelConfig = (0, import_react78.useCallback)((config) => {
     if (value === void 0) {
       setInternalValue(config);
     }
     onChange?.(config);
   }, [value, onChange]);
-  const fetchModels = (0, import_react77.useCallback)(async () => {
+  const fetchModels = (0, import_react78.useCallback)(async () => {
     if (hasFetchedRef.current) return;
     hasFetchedRef.current = true;
     setIsLoading(true);
@@ -22323,7 +22340,7 @@ var ModelSelector = ({
       setIsLoading(false);
     }
   }, [get, defaultModelKey]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     fetchModels();
   }, [fetchModels]);
   const handleChange = (modelKey) => {
@@ -22370,7 +22387,7 @@ var ModelSelector = ({
 var import_icons35 = require("@ant-design/icons");
 var import_x4 = require("@ant-design/x");
 var import_antd69 = require("antd");
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var categoryConfig = {
@@ -22455,12 +22472,12 @@ var SkillCategoryPrompts = ({
   senderRef,
   visible = true
 }) => {
-  const [skills, setSkills] = (0, import_react78.useState)([]);
-  const [loading, setLoading] = (0, import_react78.useState)(false);
-  const [showAll, setShowAll] = (0, import_react78.useState)(false);
+  const [skills, setSkills] = (0, import_react79.useState)([]);
+  const [loading, setLoading] = (0, import_react79.useState)(false);
+  const [showAll, setShowAll] = (0, import_react79.useState)(false);
   const { get } = useApi();
   const MAX_SIMPLE_ITEMS = 10;
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     const loadSkills = async () => {
       setLoading(true);
       try {
@@ -22478,7 +22495,7 @@ var SkillCategoryPrompts = ({
       loadSkills();
     }
   }, [get, visible]);
-  const groupedSkills = (0, import_react78.useMemo)(() => {
+  const groupedSkills = (0, import_react79.useMemo)(() => {
     const groups = {};
     skills.forEach((skill) => {
       const category = skill.metadata?.category || "global";
@@ -22633,7 +22650,7 @@ var SkillCategoryPrompts_default = SkillCategoryPrompts;
 var import_icons36 = require("@ant-design/icons");
 var import_x5 = require("@ant-design/x");
 var import_antd70 = require("antd");
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var defaultCategoryIcons = {
   financial: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons36.DollarOutlined, {}),
@@ -22852,9 +22869,9 @@ var BusinessAnalysisPrompts = ({
   simpleModeTitle = "Quick Analysis",
   expandModeTitle = "Analysis Categories"
 }) => {
-  const [showAll, setShowAll] = (0, import_react79.useState)(false);
+  const [showAll, setShowAll] = (0, import_react80.useState)(false);
   const { config } = useLatticeChatShellContext();
-  const analysisData = (0, import_react79.useMemo)(() => {
+  const analysisData = (0, import_react80.useMemo)(() => {
     const customData = config.quickPromptsData;
     if (customData && Array.isArray(customData) && customData.length > 0) {
       return customData.map((category) => ({
@@ -22874,7 +22891,7 @@ var BusinessAnalysisPrompts = ({
       color: defaultCategoryColors[category.key] || "#8C8C8C"
     }));
   }, [config.quickPromptsData]);
-  const allItems = (0, import_react79.useMemo)(() => {
+  const allItems = (0, import_react80.useMemo)(() => {
     const items = [];
     analysisData.forEach((category) => {
       category.items.forEach((item) => {
@@ -23025,12 +23042,12 @@ var Chating = ({
   initialMessage,
   onInitialMessageSent
 }) => {
-  const [content, setContent] = (0, import_react80.useState)("");
-  const [attachedFiles, setAttachedFiles] = (0, import_react80.useState)([]);
+  const [content, setContent] = (0, import_react81.useState)("");
+  const [attachedFiles, setAttachedFiles] = (0, import_react81.useState)([]);
   const { styles } = useStyle();
-  const [headerOpen, setHeaderOpen] = (0, import_react80.useState)(false);
-  const attachmentsRef = (0, import_react80.useRef)(null);
-  const senderRef = import_react80.default.useRef(null);
+  const [headerOpen, setHeaderOpen] = (0, import_react81.useState)(false);
+  const attachmentsRef = (0, import_react81.useRef)(null);
+  const senderRef = import_react81.default.useRef(null);
   const {
     assistantId,
     threadId,
@@ -23053,8 +23070,8 @@ var Chating = ({
   const hasPendingMessages = pendingMessages?.length > 0;
   const isInputDisabled = interrupts && interrupts.length > 0;
   const typingFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-  const [typingFrameIndex, setTypingFrameIndex] = (0, import_react80.useState)(0);
-  (0, import_react80.useEffect)(() => {
+  const [typingFrameIndex, setTypingFrameIndex] = (0, import_react81.useState)(0);
+  (0, import_react81.useEffect)(() => {
     if (!isStreaming) return;
     const interval = setInterval(() => {
       setTypingFrameIndex((prev) => (prev + 1) % typingFrames.length);
@@ -23062,16 +23079,16 @@ 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)(() => {
+  const systemContextSentRef = (0, import_react81.useRef)(false);
+  const initialMessageSentRef = (0, import_react81.useRef)(false);
+  const prevLoadingRef = (0, import_react81.useRef)(false);
+  (0, import_react81.useEffect)(() => {
     systemContextSentRef.current = false;
   }, [threadId]);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     initialMessageSentRef.current = false;
   }, [threadId]);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     const wasLoading = prevLoadingRef.current;
     prevLoadingRef.current = isLoading;
     if (wasLoading && !isLoading && initialMessage && threadId && !initialMessageSentRef.current) {
@@ -23083,16 +23100,16 @@ var Chating = ({
       onInitialMessageSent?.();
     }
   }, [isLoading, initialMessage, threadId, sendMessage, onInitialMessageSent]);
-  const [modelConfig, setModelConfig] = (0, import_react80.useState)(null);
-  const handleModelChange = (0, import_react80.useCallback)((config2) => {
+  const [modelConfig, setModelConfig] = (0, import_react81.useState)(null);
+  const handleModelChange = (0, import_react81.useCallback)((config2) => {
     setModelConfig(config2);
     if (config2) {
       updateCustomRunConfig({ modelConfig: config2 });
     }
   }, [updateCustomRunConfig]);
-  const [isEmptyState, setIsEmptyState] = (0, import_react80.useState)(showEmptyState && messages.length === 0 && !pendingMessages?.length);
-  const [isTransitioning, setIsTransitioning] = (0, import_react80.useState)(false);
-  (0, import_react80.useEffect)(() => {
+  const [isEmptyState, setIsEmptyState] = (0, import_react81.useState)(showEmptyState && messages.length === 0 && !pendingMessages?.length);
+  const [isTransitioning, setIsTransitioning] = (0, import_react81.useState)(false);
+  (0, import_react81.useEffect)(() => {
     if (!showEmptyState) {
       setIsEmptyState(false);
       return;
@@ -23112,14 +23129,14 @@ var Chating = ({
   const { baseURL } = config;
   const user = useAuthOptional()?.user;
   const displayUserName = user?.name || user?.email?.split("@")[0] || "there";
-  const workspaceContext = (0, import_react80.useContext)(WorkspaceContext);
+  const workspaceContext = (0, import_react81.useContext)(WorkspaceContext);
   const listPath = workspaceContext?.listPath ?? (async () => []);
   const listPathByFolder = workspaceContext?.listPathByFolder ?? (async () => []);
   const workspaceId = workspaceContext?.workspaceId ?? null;
   const projectId = workspaceContext?.projectId ?? null;
-  const [workspaceFiles, setWorkspaceFiles] = (0, import_react80.useState)([]);
-  const [suggestionsLoading, setSuggestionsLoading] = (0, import_react80.useState)(false);
-  const [suggestionsOpen, setSuggestionsOpen] = (0, import_react80.useState)(false);
+  const [workspaceFiles, setWorkspaceFiles] = (0, import_react81.useState)([]);
+  const [suggestionsLoading, setSuggestionsLoading] = (0, import_react81.useState)(false);
+  const [suggestionsOpen, setSuggestionsOpen] = (0, import_react81.useState)(false);
   const getFileIcon3 = (filename) => {
     const ext = filename.split(".").pop()?.toLowerCase();
     const iconStyle = { fontSize: 16 };
@@ -23179,7 +23196,7 @@ var Chating = ({
       setSuggestionsLoading(false);
     }
   };
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -23377,8 +23394,8 @@ ${nextContent}`;
     ...showRefreshButton ? [refreshButton] : [],
     /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ThreadManagementButtons, {}, "thread-buttons")
   ];
-  const [skills, setSkills] = (0, import_react80.useState)([]);
-  const [skillsLoading, setSkillsLoading] = (0, import_react80.useState)(false);
+  const [skills, setSkills] = (0, import_react81.useState)([]);
+  const [skillsLoading, setSkillsLoading] = (0, import_react81.useState)(false);
   const { get: apiGet } = useApi();
   const loadSkills = async () => {
     if (skills.length > 0) return;
@@ -23402,7 +23419,7 @@ ${nextContent}`;
     return isEmpty ? "Type / to see available skills, or @ to reference files" : void 0;
   };
   const renderSender = (isEmpty) => {
-    const [suggestionMode, setSuggestionMode] = (0, import_react80.useState)(null);
+    const [suggestionMode, setSuggestionMode] = (0, import_react81.useState)(null);
     const suggestionItems = suggestionMode === "skills" ? skills.map((skill) => ({
       value: skill.name,
       icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react20.BrainCircuit, { size: 14, style: { color: "#722ed1" } }),
@@ -23729,7 +23746,7 @@ var InternetSearchCard = ({
   const toolCallData = data;
   const { query } = toolCallData?.args || {};
   const dataSource = JSON.parse(toolCallData.response || "[]");
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -23779,7 +23796,7 @@ var InternetSearchCard = ({
 };
 // src/components/GenUI/elements/schedule_viewer.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 var import_antd74 = require("antd");
 var import_icons39 = require("@ant-design/icons");
 var import_antd_style24 = require("antd-style");
@@ -23918,10 +23935,10 @@ var ScheduleViewer = ({ data }) => {
   const { styles } = useStyles8();
   const { threadId, assistantId, tasks: initialTasks, onRefresh } = data ?? {};
   const client = useClient(assistantId || "");
-  const [tasks, setTasks] = (0, import_react81.useState)(initialTasks || []);
-  const [loading, setLoading] = (0, import_react81.useState)(false);
-  const [actionLoading, setActionLoading] = (0, import_react81.useState)(null);
-  const handleRefresh = (0, import_react81.useCallback)(async () => {
+  const [tasks, setTasks] = (0, import_react82.useState)(initialTasks || []);
+  const [loading, setLoading] = (0, import_react82.useState)(false);
+  const [actionLoading, setActionLoading] = (0, import_react82.useState)(null);
+  const handleRefresh = (0, import_react82.useCallback)(async () => {
     if (!threadId) return;
     setLoading(true);
     try {
@@ -23935,7 +23952,7 @@ var ScheduleViewer = ({ data }) => {
       setLoading(false);
     }
   }, [client, threadId, onRefresh]);
-  const handleCancel = (0, import_react81.useCallback)(
+  const handleCancel = (0, import_react82.useCallback)(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -23951,7 +23968,7 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  const handlePause = (0, import_react81.useCallback)(
+  const handlePause = (0, import_react82.useCallback)(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -23967,7 +23984,7 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  const handleResume = (0, import_react81.useCallback)(
+  const handleResume = (0, import_react82.useCallback)(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -23983,12 +24000,12 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (threadId && (!initialTasks || initialTasks.length === 0)) {
       handleRefresh();
     }
   }, [threadId]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (initialTasks) {
       setTasks(initialTasks);
     }
@@ -24183,7 +24200,7 @@ var BrowserViewer = ({
       }
     )
   ] });
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -24230,7 +24247,7 @@ var ExecuteCode = ({
 }) => {
   const toolCallData = data;
   const { language, code } = toolCallData?.args || {};
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -24332,7 +24349,7 @@ var TeamGraph = ({ data }) => {
   const teammates = safeGetTeammates(data);
   const tasks = safeGetTasks(data);
   const teamId = safeGetTeamId(data);
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const { threadId, assistantId } = useAgentChat();
   const colors3 = [
     "#1890ff",
@@ -24456,13 +24473,13 @@ var TeamGraph = ({ data }) => {
 var TeamGraph_default = TeamGraph;
 // src/components/GenUI/elements/TeamWorkspace/index.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 var import_antd86 = require("antd");
 var import_lucide_react28 = require("lucide-react");
 var import_antd_style33 = require("antd-style");
 // src/components/GenUI/elements/TeamWorkspace/TeamWorkspaceMenu.tsx
-var import_react82 = __toESM(require("react"));
+var import_react83 = __toESM(require("react"));
 var import_lucide_react22 = require("lucide-react");
 var import_antd78 = require("antd");
 var import_antd_style25 = require("antd-style");
@@ -24648,7 +24665,7 @@ var TeamWorkspaceMenu = ({
   onItemClick
 }) => {
   const { styles } = useStyles9();
-  const [isExpanded, setIsExpanded] = (0, import_react82.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react83.useState)(false);
   const mainItems = items.filter((item) => !item.group);
   const teammateItems = items.filter((item) => item.group === "Teammates");
   const teamItems = items.filter((item) => item.group === "Team");
@@ -24676,7 +24693,7 @@ var TeamWorkspaceMenu = ({
     if (showTooltip && !isExpanded) {
       return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_antd78.Tooltip, { title: item.name, placement: "right", children: content }, item.id);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react82.default.Fragment, { children: content }, item.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react83.default.Fragment, { children: content }, item.id);
   };
   const renderGroup = (groupItems, groupLabel, showDivider) => {
     if (groupItems.length === 0) return null;
@@ -24722,13 +24739,13 @@ var import_lucide_react23 = require("lucide-react");
 var import_antd_style26 = require("antd-style");
 // src/components/GenUI/elements/TeamWorkspace/hooks/useTeamWorkspaceData.ts
-var import_react83 = require("react");
+var import_react84 = require("react");
 function useTeamWorkspaceData(threadId, assistantId) {
   const { agentState, isLoading, error, refresh } = useAgentState(threadId, assistantId, {
     pollingInterval: 5e3,
     autoStart: true
   });
-  const data = (0, import_react83.useMemo)(() => {
+  const data = (0, import_react84.useMemo)(() => {
     const team = agentState?.values?.team || null;
     const tasks = agentState?.values?.tasks || [];
     const mailbox = agentState?.values?.team_mailbox || [];
@@ -25117,13 +25134,13 @@ var TeamDashboard = ({
 };
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_antd81 = require("antd");
 var import_lucide_react25 = require("lucide-react");
 var import_antd_style28 = require("antd-style");
 // src/components/GenUI/elements/TeamWorkspace/TaskDetailModal.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 var import_antd80 = require("antd");
 var import_antd_style27 = require("antd-style");
 var import_lucide_react24 = require("lucide-react");
@@ -25538,7 +25555,7 @@ var TaskDetailModal = ({
   onClose
 }) => {
   const { styles } = useStyles11();
-  const [activeTab, setActiveTab] = (0, import_react84.useState)("comments");
+  const [activeTab, setActiveTab] = (0, import_react85.useState)("comments");
   if (!task) return null;
   const statusConfig2 = getStatusConfig2(task.status);
   const tabItems = [
@@ -25964,7 +25981,7 @@ var formatDate2 = (timestamp) => {
   });
 };
 var ListGroupComponent = ({ group, styles, defaultExpanded = true, onTaskClick }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react85.useState)(defaultExpanded);
+  const [isExpanded, setIsExpanded] = (0, import_react86.useState)(defaultExpanded);
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: styles.listGroup, children: [
     /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       "div",
@@ -26007,10 +26024,10 @@ var IssuesView = ({
   teammates
 }) => {
   const { styles } = useStyles12();
-  const [viewMode, setViewMode] = (0, import_react85.useState)("list");
-  const [selectedTask, setSelectedTask] = (0, import_react85.useState)(null);
-  const [modalVisible, setModalVisible] = (0, import_react85.useState)(false);
-  const listGroups = (0, import_react85.useMemo)(() => {
+  const [viewMode, setViewMode] = (0, import_react86.useState)("list");
+  const [selectedTask, setSelectedTask] = (0, import_react86.useState)(null);
+  const [modalVisible, setModalVisible] = (0, import_react86.useState)(false);
+  const listGroups = (0, import_react86.useMemo)(() => {
     const groups = [
       {
         id: "pending",
@@ -26049,7 +26066,7 @@ var IssuesView = ({
     });
     return groups;
   }, [tasks]);
-  const tasksByStatus = (0, import_react85.useMemo)(() => {
+  const tasksByStatus = (0, import_react86.useMemo)(() => {
     const grouped = {
       pending: [],
       claimed: [],
@@ -26182,8 +26199,8 @@ var IssuesView = ({
 };
 // src/components/GenUI/elements/TeamWorkspace/TeamOrgCanvas.tsx
-var import_react86 = __toESM(require("react"));
-var import_react87 = require("@xyflow/react");
+var import_react87 = __toESM(require("react"));
+var import_react88 = require("@xyflow/react");
 var import_style5 = require("@xyflow/react/dist/style.css");
 var import_antd82 = require("antd");
 var import_antd_style29 = require("antd-style");
@@ -26339,8 +26356,8 @@ var TeamOrgCanvasInner = ({
   tasks
 }) => {
   const { styles } = useStyles13();
-  const { fitView } = (0, import_react87.useReactFlow)();
-  const taskStatsByTeammate = (0, import_react86.useMemo)(() => {
+  const { fitView } = (0, import_react88.useReactFlow)();
+  const taskStatsByTeammate = (0, import_react87.useMemo)(() => {
     const stats = {};
     teammates.forEach((t) => {
       stats[t.name] = { completed: 0, inProgress: 0, pending: 0 };
@@ -26358,7 +26375,7 @@ var TeamOrgCanvasInner = ({
     });
     return stats;
   }, [teammates, tasks]);
-  const { nodes, edges } = (0, import_react86.useMemo)(() => {
+  const { nodes, edges } = (0, import_react87.useMemo)(() => {
     const newNodes = [];
     const newEdges = [];
     const teamLeadId = team?.teamLeadId || "team_lead";
@@ -26413,9 +26430,9 @@ var TeamOrgCanvasInner = ({
     });
     return { nodes: newNodes, edges: newEdges };
   }, [team, teammates, taskStatsByTeammate]);
-  const [flowNodes, setNodes, onNodesChange] = (0, import_react87.useNodesState)(nodes);
-  const [flowEdges, setEdges, onEdgesChange] = (0, import_react87.useEdgesState)(edges);
-  import_react86.default.useEffect(() => {
+  const [flowNodes, setNodes, onNodesChange] = (0, import_react88.useNodesState)(nodes);
+  const [flowEdges, setEdges, onEdgesChange] = (0, import_react88.useEdgesState)(edges);
+  import_react87.default.useEffect(() => {
     setNodes(nodes);
     setEdges(edges);
     setTimeout(() => fitView({ padding: 0.2 }), 100);
@@ -26435,7 +26452,7 @@ var TeamOrgCanvasInner = ({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: styles.canvas, children: [
       /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
-        import_react87.ReactFlow,
+        import_react88.ReactFlow,
         {
           nodes: flowNodes,
           edges: flowEdges,
@@ -26445,8 +26462,8 @@ var TeamOrgCanvasInner = ({
           fitView: true,
           attributionPosition: "bottom-right",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react87.Background, { color: "#eee", gap: 20 }),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react87.Controls, {})
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react88.Background, { color: "#eee", gap: 20 }),
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react88.Controls, {})
           ]
         }
       ),
@@ -26486,7 +26503,7 @@ var TeamOrgCanvasInner = ({
     ] })
   ] });
 };
-var TeamOrgCanvas = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react87.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TeamOrgCanvasInner, { ...props }) });
+var TeamOrgCanvas = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react88.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TeamOrgCanvasInner, { ...props }) });
 // src/components/GenUI/elements/TeamWorkspace/TeamMemberChat.tsx
 var import_antd83 = require("antd");
@@ -26612,7 +26629,7 @@ var TeamMemberChat = ({
 };
 // src/components/GenUI/elements/MailboxPanel.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_antd85 = require("antd");
 var import_antd_style32 = require("antd-style");
 var import_lucide_react27 = require("lucide-react");
@@ -27030,7 +27047,7 @@ var getMessagePreview = (content) => {
   return firstLine.length > 80 ? firstLine.slice(0, 80) + "..." : firstLine;
 };
 var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageClick }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react88.useState)(defaultExpanded);
+  const [isExpanded, setIsExpanded] = (0, import_react89.useState)(defaultExpanded);
   return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.listGroup, children: [
     /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       "div",
@@ -27085,10 +27102,10 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
 };
 var MailboxPanel = ({ data }) => {
   const { styles } = useStyles16();
-  const [selectedMessage, setSelectedMessage] = (0, import_react88.useState)(null);
-  const [modalVisible, setModalVisible] = (0, import_react88.useState)(false);
+  const [selectedMessage, setSelectedMessage] = (0, import_react89.useState)(null);
+  const [modalVisible, setModalVisible] = (0, import_react89.useState)(false);
   const { teamMailbox = [] } = data || {};
-  const messageGroups = (0, import_react88.useMemo)(() => {
+  const messageGroups = (0, import_react89.useMemo)(() => {
     const groupsMap = /* @__PURE__ */ new Map();
     teamMailbox.forEach((message23) => {
       const sender = message23.from;
@@ -27216,8 +27233,8 @@ var TeamWorkspace = ({
     isLoading,
     refresh
   } = useTeamWorkspaceData(parent_thread_id || null, assistantId);
-  const [activeMenuId, setActiveMenuId] = (0, import_react89.useState)("dashboard");
-  const menuItems = (0, import_react89.useMemo)(() => {
+  const [activeMenuId, setActiveMenuId] = (0, import_react90.useState)("dashboard");
+  const menuItems = (0, import_react90.useMemo)(() => {
     const items = [
       {
         id: "dashboard",
@@ -27354,7 +27371,7 @@ var TeamWorkspace = ({
 };
 // src/components/GenUI/elements/TaskBoard.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 // src/components/GenUI/elements/TaskBoardCard.tsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
@@ -27633,7 +27650,7 @@ var TaskBoard = ({
   const { tasks: contextTasks } = useAgentChat();
   const { tasks: propTasks, onAddTask, teammates } = data || {};
   const tasks = contextTasks || propTasks || [];
-  const tasksByStatus = (0, import_react90.useMemo)(() => {
+  const tasksByStatus = (0, import_react91.useMemo)(() => {
     const grouped = {
       pending: [],
       in_progress: [],
@@ -27699,7 +27716,7 @@ var TaskBoard = ({
 };
 // src/components/GenUI/elements/Mailbox.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var useStyle16 = () => {
   return {
@@ -27985,17 +28002,17 @@ var renderMessageWithMentions = (content, mentions, styles) => {
 var TeamChat = ({ data }) => {
   const styles = useStyle16();
   const { teamName, currentUser, teammates, messages, onSendMessage } = data || {};
-  const [inputValue, setInputValue] = (0, import_react91.useState)("");
-  const messagesEndRef = (0, import_react91.useRef)(null);
-  const sortedMessages = (0, import_react91.useMemo)(() => {
+  const [inputValue, setInputValue] = (0, import_react92.useState)("");
+  const messagesEndRef = (0, import_react92.useRef)(null);
+  const sortedMessages = (0, import_react92.useMemo)(() => {
     return [...messages || []].sort(
       (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
     );
   }, [messages]);
-  const mentions = (0, import_react91.useMemo)(() => {
+  const mentions = (0, import_react92.useMemo)(() => {
     return teammates?.map((t) => t.name) || [];
   }, [teammates]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [sortedMessages]);
   const handleSend = () => {
@@ -28164,12 +28181,12 @@ var TeamChat = ({ data }) => {
 };
 // src/components/GenUI/elements/ShowWidget.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 var import_antd87 = require("antd");
 var import_icons42 = require("@ant-design/icons");
 // src/streaming-html/StreamingHTMLRenderer.tsx
-var import_react92 = __toESM(require("react"));
+var import_react93 = __toESM(require("react"));
 // src/streaming-html/show-widget-css-generator.ts
 function generateShowWidgetCSS(tokens) {
@@ -28860,22 +28877,22 @@ var StreamingHTMLRenderer = ({
   title,
   loadingMessages
 }) => {
-  const iframeRef = (0, import_react92.useRef)(null);
-  const containerRef = (0, import_react92.useRef)(null);
-  const resizeObserverRef = (0, import_react92.useRef)(null);
-  const prevHTMLRef = (0, import_react92.useRef)("");
-  const isReadyRef = (0, import_react92.useRef)(false);
-  const pendingChunksRef = (0, import_react92.useRef)([]);
-  const isCompleteRef = (0, import_react92.useRef)(isComplete);
-  const isScriptExecuted = (0, import_react92.useRef)(false);
-  const [iframeHeight, setIframeHeight] = import_react92.default.useState(0);
-  const [iframeWidth, setIframeWidth] = import_react92.default.useState(void 0);
-  const [currentMessageIndex, setCurrentMessageIndex] = (0, import_react92.useState)(0);
-  const [showLoading, setShowLoading] = (0, import_react92.useState)(true);
-  (0, import_react92.useEffect)(() => {
+  const iframeRef = (0, import_react93.useRef)(null);
+  const containerRef = (0, import_react93.useRef)(null);
+  const resizeObserverRef = (0, import_react93.useRef)(null);
+  const prevHTMLRef = (0, import_react93.useRef)("");
+  const isReadyRef = (0, import_react93.useRef)(false);
+  const pendingChunksRef = (0, import_react93.useRef)([]);
+  const isCompleteRef = (0, import_react93.useRef)(isComplete);
+  const isScriptExecuted = (0, import_react93.useRef)(false);
+  const [iframeHeight, setIframeHeight] = import_react93.default.useState(0);
+  const [iframeWidth, setIframeWidth] = import_react93.default.useState(void 0);
+  const [currentMessageIndex, setCurrentMessageIndex] = (0, import_react93.useState)(0);
+  const [showLoading, setShowLoading] = (0, import_react93.useState)(true);
+  (0, import_react93.useEffect)(() => {
     isCompleteRef.current = isComplete;
   }, [isComplete]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (iframeHeight > 0) {
       setShowLoading(false);
       return;
@@ -28900,7 +28917,7 @@ var StreamingHTMLRenderer = ({
     }, 1500);
     return () => clearInterval(interval);
   }, [iframeHeight, loadingMessages]);
-  const executeScripts = (0, import_react92.useCallback)(() => {
+  const executeScripts = (0, import_react93.useCallback)(() => {
     if (isScriptExecuted.current) {
       console.log("[StreamingHTMLRenderer]  scripts is executed");
       return;
@@ -28927,7 +28944,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  const sendChunk = (0, import_react92.useCallback)((chunk) => {
+  const sendChunk = (0, import_react93.useCallback)((chunk) => {
     const iframe = iframeRef.current;
     if (!iframe || !iframe.contentWindow) {
       return;
@@ -28951,7 +28968,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     const handleMessage = (event) => {
       const iframe = iframeRef.current;
       if (!iframe || event.source !== iframe.contentWindow) {
@@ -29004,7 +29021,7 @@ var StreamingHTMLRenderer = ({
       window.removeEventListener("message", handleMessage);
     };
   }, [onError, onPrompt, sendChunk, executeScripts]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (html === prevHTMLRef.current) {
       return;
     }
@@ -29015,12 +29032,12 @@ var StreamingHTMLRenderer = ({
       sendChunk(newChunk);
     }
   }, [html, sendChunk]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (isComplete && isReadyRef.current) {
       executeScripts();
     }
   }, [isComplete, executeScripts]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     const container = containerRef.current;
     if (!container) return;
     const antBubble = container.closest(".ant-bubble");
@@ -29046,7 +29063,7 @@ var StreamingHTMLRenderer = ({
       resizeObserverRef.current = null;
     };
   }, []);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     return () => {
       isReadyRef.current = false;
       pendingChunksRef.current = [];
@@ -29131,7 +29148,7 @@ var ShowWidget = ({
 }) => {
   const toolCallData = data;
   const { title, loading_messages, widget_code } = toolCallData?.args || {};
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const { sendMessage } = useAgentChat();
   if (!toolCallData) {
     return null;
@@ -29149,14 +29166,14 @@ var ShowWidget = ({
       console.warn("Failed to parse tool response:", e);
     }
   }
-  const sendPrompt = (0, import_react93.useCallback)((text) => {
+  const sendPrompt = (0, import_react94.useCallback)((text) => {
     sendMessage({
       input: {
         message: text
       }
     });
   }, [sendMessage]);
-  const handleOpenInSideApp = (0, import_react93.useCallback)(() => {
+  const handleOpenInSideApp = (0, import_react94.useCallback)(() => {
     openSideApp({
       component_key: "show_widget",
       data: {
@@ -29225,14 +29242,14 @@ var ShowWidget = ({
 };
 // src/components/GenUI/elements/ShowWidgetApp.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_jsx_runtime112 = require("react/jsx-runtime");
 var ShowWidgetApp = ({
   data
 }) => {
   const { widget_code, title } = data || {};
   const { sendMessage } = useAgentChat();
-  const sendPrompt = (0, import_react94.useCallback)(
+  const sendPrompt = (0, import_react95.useCallback)(
     (text) => {
       sendMessage({
         input: {
@@ -29359,7 +29376,7 @@ var regsiterElement = (language, ElementMeta) => {
 // src/components/Chat/SideAppViewBrowser.tsx
 var import_antd88 = require("antd");
 var import_antd_style34 = require("antd-style");
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 var useStyle17 = (0, import_antd_style34.createStyles)(({ token, css }) => {
   return {
@@ -29553,15 +29570,18 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     sideAppSelectedCard,
     contentAppSelectedCard: contextAppSelectedCard,
     closeSideApp,
-    closeContentApp
+    closeContentApp,
+    openSideApp,
+    openContentApp
   } = useChatUIContext();
   const selectedCard = region === "side" ? sideAppSelectedCard : contextAppSelectedCard;
   const closeApp = region === "side" ? closeSideApp : closeContentApp;
-  const [activeKey, setActiveKey] = (0, import_react95.useState)(
+  const openApp = region === "side" ? openSideApp : openContentApp;
+  const [activeKey, setActiveKey] = (0, import_react96.useState)(
     JSON.stringify(selectedCard)
   );
-  const [hoveredTab, setHoveredTab] = (0, import_react95.useState)(null);
-  const [items, setItems] = (0, import_react95.useState)([]);
+  const [hoveredTab, setHoveredTab] = (0, import_react96.useState)(null);
+  const [items, setItems] = (0, import_react96.useState)([]);
   const add = (key, label, children, componentKey) => {
     const newPanes = [...items, { label, children, key, componentKey }];
     setItems(newPanes);
@@ -29588,7 +29608,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const switchTab = (key) => {
     setActiveKey(key);
   };
-  (0, import_react95.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (!selectedCard) return;
     const key = JSON.stringify(selectedCard);
     if (items.find((item) => item.key === key)) {
@@ -29644,6 +29664,10 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     ),
     onClick: () => switchTab(item.key)
   }));
+  const sideAppBrowserValue = (0, import_react96.useMemo)(
+    () => ({ openApp }),
+    [openApp]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.header, children: [
       /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_antd88.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
@@ -29685,15 +29709,15 @@ var SideAppViewBrowser = ({ region = "side" }) => {
         /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_antd88.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons43.CloseOutlined, {}) }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: styles.content, children: activeItem ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.emptyState, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: styles.content, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(SideAppBrowserContext.Provider, { value: sideAppBrowserValue, children: activeItem ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.emptyState, children: [
       /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons43.AppstoreOutlined, { className: "icon" }),
       /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: "Select an app to start" })
-    ] }) })
+    ] }) }) })
   ] });
 };
 // src/components/Chat/ProjectSelector.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_antd89 = require("antd");
 var import_antd_style35 = require("antd-style");
 var import_lucide_react29 = require("lucide-react");
@@ -29929,34 +29953,34 @@ var ProjectSelector = ({
     setProject,
     createProject
   } = useWorkspaceContext();
-  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = (0, import_react96.useState)(false);
-  const workspaceDropdownRef = (0, import_react96.useRef)(null);
-  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react96.useState)(false);
-  const [isModalOpen, setIsModalOpen] = (0, import_react96.useState)(false);
-  const [projectName, setProjectName] = (0, import_react96.useState)("");
-  const [validationError, setValidationError] = (0, import_react96.useState)(null);
-  const [isCreating, setIsCreating] = (0, import_react96.useState)(false);
-  const projectNameInputRef = (0, import_react96.useRef)(null);
-  const currentProject = (0, import_react96.useMemo)(() => {
+  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = (0, import_react97.useState)(false);
+  const workspaceDropdownRef = (0, import_react97.useRef)(null);
+  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react97.useState)(false);
+  const [isModalOpen, setIsModalOpen] = (0, import_react97.useState)(false);
+  const [projectName, setProjectName] = (0, import_react97.useState)("");
+  const [validationError, setValidationError] = (0, import_react97.useState)(null);
+  const [isCreating, setIsCreating] = (0, import_react97.useState)(false);
+  const projectNameInputRef = (0, import_react97.useRef)(null);
+  const currentProject = (0, import_react97.useMemo)(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
-  const currentWorkspace = (0, import_react96.useMemo)(() => {
+  const currentWorkspace = (0, import_react97.useMemo)(() => {
     return workspaces.find((w) => w.id === workspaceId);
   }, [workspaces, workspaceId]);
-  const handleSelectProject = (0, import_react96.useCallback)((selectedProjectId) => {
+  const handleSelectProject = (0, import_react97.useCallback)((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const handleWorkspaceClick = (0, import_react96.useCallback)(() => {
+  const handleWorkspaceClick = (0, import_react97.useCallback)(() => {
     setProject(null);
   }, [setProject]);
-  const toggleProjectList = (0, import_react96.useCallback)(() => {
+  const toggleProjectList = (0, import_react97.useCallback)(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const toggleWorkspaceList = (0, import_react96.useCallback)(() => {
+  const toggleWorkspaceList = (0, import_react97.useCallback)(() => {
     setIsWorkspaceListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = (0, import_react96.useCallback)((name) => {
+  const validateProjectName = (0, import_react97.useCallback)((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH) {
@@ -29964,7 +29988,7 @@ var ProjectSelector = ({
     }
     return null;
   }, []);
-  const handleOpenModal = (0, import_react96.useCallback)((e) => {
+  const handleOpenModal = (0, import_react97.useCallback)((e) => {
     e.stopPropagation();
     if (!workspaceId) {
       import_antd89.message.warning("Please select a workspace first");
@@ -29975,7 +29999,7 @@ var ProjectSelector = ({
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = (0, import_react96.useCallback)(() => {
+  const handleCloseModal = (0, import_react97.useCallback)(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -29985,7 +30009,7 @@ var ProjectSelector = ({
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = (0, import_react96.useCallback)(async () => {
+  const handleCreateProject = (0, import_react97.useCallback)(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -30104,11 +30128,11 @@ var ProjectSelector = ({
 };
 // src/components/Chat/ToolPanelFiles.tsx
-var import_react98 = require("react");
+var import_react99 = require("react");
 var import_antd91 = require("antd");
 // src/components/Chat/FileDirectoryPanel.tsx
-var import_react97 = __toESM(require("react"));
+var import_react98 = __toESM(require("react"));
 var import_antd90 = require("antd");
 var import_lucide_react30 = require("lucide-react");
 var import_antd_style36 = require("antd-style");
@@ -30340,7 +30364,7 @@ var FileDirectoryPanel = ({
   onAssetClick
 }) => {
   const { styles } = useStyles19();
-  const renderEntry = import_react97.default.useCallback((entry, depth) => {
+  const renderEntry = import_react98.default.useCallback((entry, depth) => {
     const entryName = getEntryName(entry);
     if (entry.is_dir) {
       const isExpanded = directoryExpanded[entry.path] || false;
@@ -30463,16 +30487,16 @@ var ToolPanelFiles = () => {
     uploadFileToFolder
   } = useWorkspaceContext();
   const { currentAssistant } = useAssistantContext();
-  const [folderEntries, setFolderEntries] = (0, import_react98.useState)({});
-  const [folderLoading, setFolderLoading] = (0, import_react98.useState)({});
-  const [directoryChildren, setDirectoryChildren] = (0, import_react98.useState)({});
-  const [directoryLoading, setDirectoryLoading] = (0, import_react98.useState)({});
-  const [directoryExpanded, setDirectoryExpanded] = (0, import_react98.useState)({});
-  const [uploadingFolder, setUploadingFolder] = (0, import_react98.useState)(null);
-  const resourceFolders = (0, import_react98.useMemo)(() => {
+  const [folderEntries, setFolderEntries] = (0, import_react99.useState)({});
+  const [folderLoading, setFolderLoading] = (0, import_react99.useState)({});
+  const [directoryChildren, setDirectoryChildren] = (0, import_react99.useState)({});
+  const [directoryLoading, setDirectoryLoading] = (0, import_react99.useState)({});
+  const [directoryExpanded, setDirectoryExpanded] = (0, import_react99.useState)({});
+  const [uploadingFolder, setUploadingFolder] = (0, import_react99.useState)(null);
+  const resourceFolders = (0, import_react99.useMemo)(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const loadAssetsForFolder = (0, import_react98.useCallback)(
+  const loadAssetsForFolder = (0, import_react99.useCallback)(
     async (folder, clearSubdirectoryCache = true) => {
       if (!workspaceId || !projectId) {
         setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
@@ -30512,7 +30536,7 @@ var ToolPanelFiles = () => {
     },
     [workspaceId, projectId, listPathByFolder, currentAssistant?.id]
   );
-  const handleToggleDirectory = (0, import_react98.useCallback)(async (path) => {
+  const handleToggleDirectory = (0, import_react99.useCallback)(async (path) => {
     const isExpanded = directoryExpanded[path] || false;
     if (isExpanded) {
       setDirectoryExpanded((prev) => ({ ...prev, [path]: false }));
@@ -30530,12 +30554,12 @@ var ToolPanelFiles = () => {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
   }, [directoryExpanded, listPath, currentAssistant?.id]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     resourceFolders.forEach((folder) => {
       void loadAssetsForFolder(folder, false);
     });
   }, [resourceFolders, loadAssetsForFolder]);
-  const handleAssetClick = (0, import_react98.useCallback)((asset) => {
+  const handleAssetClick = (0, import_react99.useCallback)((asset) => {
     const fileUrl = getFileViewUrl(asset.path, currentAssistant?.id);
     if (!fileUrl) {
       import_antd91.message.warning("Please select a workspace and project first.");
@@ -30551,7 +30575,7 @@ var ToolPanelFiles = () => {
       message: `Preview: ${asset.name || asset.path}`
     });
   }, [getFileViewUrl, openSideApp, currentAssistant?.id]);
-  const handleUploadFolder = (0, import_react98.useCallback)(async (folderName) => {
+  const handleUploadFolder = (0, import_react99.useCallback)(async (folderName) => {
     if (!workspaceId || !projectId) {
       import_antd91.message.warning("Please select a workspace and project before uploading.");
       return;
@@ -30731,7 +30755,7 @@ var LatticeChat = (props) => {
 // src/components/Chat/AgentConversations.tsx
 var import_x7 = require("@ant-design/x");
 var import_antd93 = require("antd");
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_jsx_runtime119 = require("react/jsx-runtime");
 var AgentConversations = ({
   enableThreadCreation = true,
@@ -30752,7 +30776,7 @@ var AgentConversations = ({
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = (0, import_react99.useMemo)(() => {
+  const threadItems = (0, import_react100.useMemo)(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -30787,15 +30811,15 @@ var AgentConversations = ({
 };
 // src/components/Chat/LatticeChatView.tsx
-var import_react102 = require("react");
+var import_react103 = require("react");
 // src/components/Chat/ChatSidebar.tsx
-var import_react101 = require("react");
+var import_react102 = require("react");
 var import_antd95 = require("antd");
 var import_lucide_react33 = require("lucide-react");
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-var import_react100 = __toESM(require("react"));
+var import_react101 = __toESM(require("react"));
 var import_antd_style39 = require("antd-style");
 var import_lucide_react32 = require("lucide-react");
 var import_antd94 = require("antd");
@@ -30909,7 +30933,7 @@ var ThreadHistoryMenuContent = () => {
     deleteThread,
     isLoading
   } = useConversationContext();
-  const handleDeleteThread = (0, import_react100.useCallback)(
+  const handleDeleteThread = (0, import_react101.useCallback)(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
       import_antd94.Modal.confirm({
@@ -30930,7 +30954,7 @@ var ThreadHistoryMenuContent = () => {
     },
     [deleteThread]
   );
-  const sortedThreads = import_react100.default.useMemo(() => {
+  const sortedThreads = import_react101.default.useMemo(() => {
     return [...threads].sort((a, b) => {
       const dateA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
       const dateB = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
@@ -31022,8 +31046,8 @@ var ChatSidebar = ({
   const { sideAppVisible, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { user, logout } = useAuth();
   const { createThread } = useConversationContext();
-  const [drawerStates, setDrawerStates] = (0, import_react101.useState)({});
-  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react101.useState)(false);
+  const [drawerStates, setDrawerStates] = (0, import_react102.useState)({});
+  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react102.useState)(false);
   const {
     sidebarMode,
     sidebarShowToggle,
@@ -31032,11 +31056,11 @@ var ChatSidebar = ({
     sidebarLogoIcon
   } = config;
   const isExpandedMode = sidebarMode === "expanded";
-  const menuItems = (0, import_react101.useMemo)(() => {
+  const menuItems = (0, import_react102.useMemo)(() => {
     const items = customMenuItems.length > 0 ? [...customMenuItems] : [...DEFAULT_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
-  const handleMenuClick = (0, import_react101.useCallback)(async (item) => {
+  const handleMenuClick = (0, import_react102.useCallback)(async (item) => {
     if (item.builtin === "settings") {
       setSettingsModalOpen(true);
       onSettingsClick?.();
@@ -31059,17 +31083,17 @@ var ChatSidebar = ({
       }
     }
   }, [onSettingsClick, setSettingsModalOpen, createThread, logout]);
-  const handleCloseDrawer = (0, import_react101.useCallback)((itemId) => {
+  const handleCloseDrawer = (0, import_react102.useCallback)((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleNewAnalysis = (0, import_react101.useCallback)(async () => {
+  const handleNewAnalysis = (0, import_react102.useCallback)(async () => {
     try {
       await createThread("New Analysis");
     } catch (error) {
       console.error("Failed to create new thread:", error);
     }
   }, [createThread]);
-  const renderDrawerContent = (0, import_react101.useCallback)((item) => {
+  const renderDrawerContent = (0, import_react102.useCallback)((item) => {
     switch (item.builtin) {
       case "thread-history":
         return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ThreadHistoryMenuContent, {});
@@ -31251,7 +31275,7 @@ var ChatSidebar = ({
 // src/components/Chat/LatticeChatView.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
 var LatticeChatView = (props) => {
-  const shellContext = (0, import_react102.useContext)(LatticeChatShellContext);
+  const shellContext = (0, import_react103.useContext)(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
@@ -31282,7 +31306,7 @@ var LatticeChatView = (props) => {
 };
 // src/components/Chat/SettingsModal.tsx
-var import_react103 = require("react");
+var import_react104 = require("react");
 var import_antd96 = require("antd");
 var import_icons44 = require("@ant-design/icons");
 var import_antd_style40 = require("antd-style");
@@ -31648,7 +31672,7 @@ var SettingsModal = ({
 }) => {
   const { styles } = useStyles23();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = (0, import_react103.useState)(() => {
+  const [connections, setConnections] = (0, import_react104.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -31671,21 +31695,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = (0, import_react103.useState)({});
-  const connectionsRef = (0, import_react103.useRef)(connections);
-  (0, import_react103.useEffect)(() => {
+  const [serverConfigs, setServerConfigs] = (0, import_react104.useState)({});
+  const connectionsRef = (0, import_react104.useRef)(connections);
+  (0, import_react104.useEffect)(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = (0, import_react103.useState)(
+  const [activeTabKey, setActiveTabKey] = (0, import_react104.useState)(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = (0, import_react103.useState)("environment");
-  const [loading, setLoading] = (0, import_react103.useState)(false);
-  const [showAddServerModal, setShowAddServerModal] = (0, import_react103.useState)(false);
-  const [newServerUrl, setNewServerUrl] = (0, import_react103.useState)("");
-  const [newServerName, setNewServerName] = (0, import_react103.useState)("");
-  const [newServerApiKey, setNewServerApiKey] = (0, import_react103.useState)("");
-  const [addingServer, setAddingServer] = (0, import_react103.useState)(false);
+  const [activeMenu, setActiveMenu] = (0, import_react104.useState)("environment");
+  const [loading, setLoading] = (0, import_react104.useState)(false);
+  const [showAddServerModal, setShowAddServerModal] = (0, import_react104.useState)(false);
+  const [newServerUrl, setNewServerUrl] = (0, import_react104.useState)("");
+  const [newServerName, setNewServerName] = (0, import_react104.useState)("");
+  const [newServerApiKey, setNewServerApiKey] = (0, import_react104.useState)("");
+  const [addingServer, setAddingServer] = (0, import_react104.useState)(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -31875,7 +31899,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -31884,7 +31908,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -32664,17 +32688,17 @@ var LatticeChatShell = (props) => {
 };
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
-var import_react104 = require("react");
+var import_react105 = require("react");
 var import_antd97 = require("antd");
 var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var { Text: Text47, Title: Title17 } = import_antd97.Typography;
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
-  const [installations, setInstallations] = (0, import_react104.useState)([]);
-  const [loading, setLoading] = (0, import_react104.useState)(false);
-  const [formModalOpen, setFormModalOpen] = (0, import_react104.useState)(false);
-  const [editingInstallation, setEditingInstallation] = (0, import_react104.useState)(null);
+  const [installations, setInstallations] = (0, import_react105.useState)([]);
+  const [loading, setLoading] = (0, import_react105.useState)(false);
+  const [formModalOpen, setFormModalOpen] = (0, import_react105.useState)(false);
+  const [editingInstallation, setEditingInstallation] = (0, import_react105.useState)(null);
   const loadInstallations = async () => {
     setLoading(true);
     try {
@@ -32695,7 +32719,7 @@ var ChannelInstallationsDrawerContent = () => {
       setLoading(false);
     }
   };
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     loadInstallations();
   }, []);
   const handleDelete = async (installation) => {
@@ -32843,7 +32867,7 @@ var ChannelInstallationsDrawerContent = () => {
 };
 var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
   const [form] = import_antd97.Form.useForm();
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (installation) {
       const config = installation.config;
       form.setFieldsValue({
@@ -32982,6 +33006,7 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
   ProtectedRoute,
   RegisterForm,
   ScheduleButton,
+  SideAppBrowserContext,
   SideAppViewBrowser,
   SkillCategoryPrompts,
   SkillFlow,
@@ -33025,6 +33050,8 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
   useEvalRuns,
   useEvalSuites,
   useLatticeChatShellContext,
+  useSideAppBrowser,
+  useSideAppOpener,
   useTenants,
   useUsers,
   ...require("@axiom-lattice/protocols")