@axiom-lattice/react-sdk 2.1.50 → 2.1.51

package/dist/index.js

@@ -63,6 +63,7 @@ __export(index_exports, {
   SkillCategoryPrompts: () => SkillCategoryPrompts_default,
   SkillFlow: () => SkillFlow_default,
   SkillNode: () => SkillNode_default,
+  StreamingHTMLRenderer: () => StreamingHTMLRenderer,
   TenantSelector: () => TenantSelector,
   UserProfile: () => UserProfile,
   WorkspaceResourceManager: () => WorkspaceResourceManager,
@@ -72,6 +73,7 @@ __export(index_exports, {
   axiomAntdThemeDark: () => axiomAntdThemeDark,
   axiomTokens: () => axiomTokens,
   colors: () => colors,
+  generateIframeSrcdoc: () => generateIframeSrcdoc,
   generateLabelFromMessage: () => generateLabelFromMessage,
   getAxiomAntdTheme: () => getAxiomAntdTheme,
   getElement: () => getElement,
@@ -176,8 +178,8 @@ var AuthProvider = ({
       onLoginSuccess?.(userData, tenantList || []);
       return { requiresTenantSelection, hasTenants };
     } catch (err) {
-      const message18 = err instanceof Error ? err.message : "Login failed";
-      setError(message18);
+      const message19 = err instanceof Error ? err.message : "Login failed";
+      setError(message19);
       throw err;
     } finally {
       setIsLoading(false);
@@ -201,8 +203,8 @@ var AuthProvider = ({
       }
       return { message: data.message || "Registration successful!", token: data.data?.token };
     } catch (err) {
-      const message18 = err instanceof Error ? err.message : "Registration failed";
-      setError(message18);
+      const message19 = err instanceof Error ? err.message : "Registration failed";
+      setError(message19);
       throw err;
     } finally {
       setIsLoading(false);
@@ -249,8 +251,8 @@ var AuthProvider = ({
       }
       onTenantSelected?.(tenantData);
     } catch (err) {
-      const message18 = err instanceof Error ? err.message : "Failed to select tenant";
-      setError(message18);
+      const message19 = err instanceof Error ? err.message : "Failed to select tenant";
+      setError(message19);
       throw err;
     } finally {
       setIsLoading(false);
@@ -289,8 +291,8 @@ var AuthProvider = ({
       setTenants(tenantList);
       sessionStorage.setItem("lattice_tenants", JSON.stringify(tenantList));
     } catch (err) {
-      const message18 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message18);
+      const message19 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message19);
     } finally {
       setIsLoading(false);
     }
@@ -320,8 +322,8 @@ var AuthProvider = ({
       setUser(data);
       sessionStorage.setItem("lattice_user", JSON.stringify(data));
     } catch (err) {
-      const message18 = err instanceof Error ? err.message : "Failed to refresh user";
-      setError(message18);
+      const message19 = err instanceof Error ? err.message : "Failed to refresh user";
+      setError(message19);
     } finally {
       setIsLoading(false);
     }
@@ -524,7 +526,7 @@ function useChat(threadId, assistantId, options = {}) {
         stopStreamingRef.current = null;
       }
       const { input, command, streaming = true } = data;
-      const { message: message18, files, ...rest } = input || {};
+      const { message: message19, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -533,7 +535,7 @@ function useChat(threadId, assistantId, options = {}) {
       }));
       const userMessage = {
         id: Date.now().toString(),
-        content: message18 || command?.resume?.message || "",
+        content: message19 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1219,6 +1221,22 @@ var DEFAULT_MIDDLEWARE_TYPES = [
     tools: [
       { id: "ask_user_to_clarify", name: "Ask User To Clarify", description: "Ask user clarifying questions with options" }
     ]
+  },
+  {
+    type: "widget",
+    name: "Widget",
+    description: "Enables the agent to render interactive HTML widgets and visualizations",
+    schema: {
+      type: "object",
+      title: "Widget Configuration",
+      description: "Configure widget rendering capabilities (zero configuration required)",
+      properties: {}
+    },
+    defaultConfig: {},
+    tools: [
+      { id: "load_guidelines", name: "Load Guidelines", description: "Load widget development guidelines for specific modules" },
+      { id: "show_widget", name: "Show Widget", description: "Render interactive HTML widgets or SVG diagrams" }
+    ]
   }
 ];
 var DEFAULT_CONFIG = {
@@ -1381,8 +1399,8 @@ function convertThreadToConversationThread(thread, label) {
 function getThreadMetadata(label) {
   return label ? { label } : {};
 }
-function generateLabelFromMessage(message18) {
-  const cleanMessage = message18.replace(/```attachments[\s\S]*?```/g, "").trim();
+function generateLabelFromMessage(message19) {
+  const cleanMessage = message19.replace(/```attachments[\s\S]*?```/g, "").trim();
   if (!cleanMessage) {
     return "";
   }
@@ -1796,7 +1814,7 @@ function AgentThreadProvider({
         stopStreamingRef.current = null;
       }
       const { input, command, streaming = true } = data;
-      const { message: message18, files, ...rest } = input || {};
+      const { message: message19, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -1805,7 +1823,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: Date.now().toString(),
-        content: message18 || command?.resume?.message || "",
+        content: message19 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1821,8 +1839,8 @@ function AgentThreadProvider({
         messages: chunkMessageMerger.current.getMessages()
       }));
       const isFirstMessage = messageCountRef.current === 0;
-      if (isFirstMessage && message18 && conversationContext) {
-        const label = generateLabelFromMessage(message18);
+      if (isFirstMessage && message19 && conversationContext) {
+        const label = generateLabelFromMessage(message19);
         if (label) {
           conversationContext.updateThread({
             id: threadId,
@@ -3266,8 +3284,8 @@ function useTenants(options) {
       const { data } = await response.json();
       setTenants(data || []);
     } catch (err) {
-      const message18 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message18);
+      const message19 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message19);
     } finally {
       setIsLoading(false);
     }
@@ -3309,8 +3327,8 @@ function useUsers(options) {
       const { data } = await response.json();
       setUsers(data || []);
     } catch (err) {
-      const message18 = err instanceof Error ? err.message : "Failed to fetch users";
-      setError(message18);
+      const message19 = err instanceof Error ? err.message : "Failed to fetch users";
+      setError(message19);
     } finally {
       setIsLoading(false);
     }
@@ -3567,7 +3585,7 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
     `,
     chat: css`
       width: 100%;
-      max-width: 1000px;
+      max-width: 1400px;
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
@@ -4206,7 +4224,7 @@ var ColumnLayout = ({
 };
 
 // src/components/Chat/SideAppViewBrowser.tsx
-var import_icons35 = require("@ant-design/icons");
+var import_icons36 = require("@ant-design/icons");
 
 // src/components/GenUI/elements/confirm_feedback.tsx
 var import_antd11 = require("antd");
@@ -4271,7 +4289,7 @@ var import_icons2 = require("@ant-design/icons");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var { Text: Text3 } = import_antd4.Typography;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message18 } = data ?? {};
+  const { dataSource, message: message19 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = (0, import_react16.useState)([]);
   const { openSideApp } = useChatUIContext();
   const processedData = dataSource?.map((item, index) => ({
@@ -4370,7 +4388,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
       type: "text/csv;charset=utf-8;"
     });
     const link = document.createElement("a");
-    const filename = `${message18 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
+    const filename = `${message19 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
     link.href = URL.createObjectURL(blob);
     link.download = filename;
     document.body.appendChild(link);
@@ -4391,7 +4409,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
           tableLayout: "fixed",
           style: { width: "100% !important" },
           title: () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd4.Flex, { justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd4.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text3, { strong: true, style: { fontSize: 16 }, children: message18 || "" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd4.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text3, { strong: true, style: { fontSize: 16 }, children: message19 || "" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd4.Space, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 import_antd4.Button,
@@ -4413,8 +4431,8 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
                   onClick: () => {
                     openSideApp({
                       component_key: "generic_data_table",
-                      message: message18 || "",
-                      data: { dataSource, message: message18 }
+                      message: message19 || "",
+                      data: { dataSource, message: message19 }
                     });
                   },
                   children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons2.ExpandAltOutlined, {})
@@ -5834,11 +5852,11 @@ var ConfirmFeedback = ({
   data,
   interactive = true
 }) => {
-  const { message: message18, type, config, feedback, options } = data ?? {};
+  const { message: message19, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
   const [clicked, setClicked] = (0, import_react24.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_antd11.Space, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MDResponse, { content: message18 }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MDResponse, { content: message19 }),
     options ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_antd11.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       import_antd11.Button,
       {
@@ -7865,7 +7883,7 @@ var import_ErrorBoundary = __toESM(require("antd/es/alert/ErrorBoundary"));
 var import_react31 = require("react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var LazyBubble = ({
-  message: message18,
+  message: message19,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -7896,10 +7914,10 @@ var LazyBubble = ({
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
-    const estimatedHeight = message18.content ? Math.min(100, message18.content.length / 5) : 100;
+    const estimatedHeight = message19.content ? Math.min(100, message19.content.length / 5) : 100;
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message18) : getPlaceholder() }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message19) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = (0, import_react31.memo)(
   ({
@@ -7930,8 +7948,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = (0, import_react31.useCallback)((message18) => {
-    const { content } = message18;
+  const renderContent = (0, import_react31.useCallback)((message19) => {
+    const { content } = message19;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -7939,7 +7957,7 @@ var MessageList = ({
       }
     } catch (error) {
     }
-    const tool_calls_md = message18.tool_calls?.map((tool_call) => {
+    const tool_calls_md = message19.tool_calls?.map((tool_call) => {
       return `\`\`\`tool_call
 ${JSON.stringify(tool_call)}
 \`\`\``;
@@ -7948,17 +7966,17 @@ ${JSON.stringify(tool_call)}
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_antd24.Space, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MDResponse, { content: content_md }) });
   }, []);
   const items = (0, import_react31.useMemo)(
-    () => messages.map((message18, index) => ({
-      key: message18.id,
-      role: message18.role,
+    () => messages.map((message19, index) => ({
+      key: message19.id,
+      role: message19.role,
       typing: false,
       content: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         LazyBubble,
         {
-          message: message18,
+          message: message19,
           renderContent,
           autoLoadRightPanel: () => {
-            const { content, role: role2 } = message18;
+            const { content, role: role2 } = message19;
             const isNewAddedMessage = messageLengthRef.current > 1 && messageLengthRef.current + 1 === messages.length;
             if (index === messages.length - 1 && isNewAddedMessage && role2 === "ai") {
               try {
@@ -22283,12 +22301,12 @@ var formatDate3 = (timestamp) => {
   });
 };
 var MailboxDetailModal = ({
-  message: message18,
+  message: message19,
   visible,
   onClose
 }) => {
   const { styles } = useStyles14();
-  if (!message18) return null;
+  if (!message19) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     import_antd71.Modal,
     {
@@ -22311,12 +22329,12 @@ var MailboxDetailModal = ({
       children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.header, children: [
           /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: styles.messageIcon, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react22.Mail, { size: 20 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text35, { className: styles.messageId, children: message18.id }),
-          !message18.read && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_antd71.Tag, { color: "red", children: "Unread" })
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text35, { className: styles.messageId, children: message19.id }),
+          !message19.read && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_antd71.Tag, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Title11, { level: 4, className: styles.title, children: [
           "Message from ",
-          message18.from
+          message19.from
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.metaItem, children: [
@@ -22326,11 +22344,11 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message18.from) },
-                  children: getInitials7(message18.from)
+                  style: { background: getAvatarColor7(message19.from) },
+                  children: getInitials7(message19.from)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: message18.from })
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: message19.from })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.metaItem, children: [
@@ -22340,29 +22358,29 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message18.to) },
-                  children: getInitials7(message18.to)
+                  style: { background: getAvatarColor7(message19.to) },
+                  children: getInitials7(message19.to)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: message18.to })
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: message19.to })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text35, { className: styles.metaLabel, children: "Time" }),
             /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react22.Calendar, { size: 14 }),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: formatDate3(message18.timestamp) })
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: formatDate3(message19.timestamp) })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text35, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: styles.metaValue, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_antd71.Tag, { color: message18.type === "broadcast" ? "blue" : "default", children: message18.type }) })
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: styles.metaValue, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_antd71.Tag, { color: message19.type === "broadcast" ? "blue" : "default", children: message19.type }) })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_antd71.Divider, {}),
         /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: styles.contentSection, children: [
           /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text35, { className: styles.contentLabel, children: "Message Content" }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: styles.contentBox, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Paragraph2, { className: styles.messageContent, children: message18.content }) })
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: styles.contentBox, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Paragraph2, { className: styles.messageContent, children: message19.content }) })
         ] })
       ] })
     }
@@ -22591,26 +22609,26 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: styles.listGroupContent, children: group.messages.map((message18) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: styles.listGroupContent, children: group.messages.map((message19) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       "div",
       {
-        className: `${styles.listItem} ${!message18.read ? styles.listItemUnread : ""}`,
-        onClick: () => onMessageClick(message18),
+        className: `${styles.listItem} ${!message19.read ? styles.listItemUnread : ""}`,
+        onClick: () => onMessageClick(message19),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: styles.listItemIcon, children: !message18.read ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: styles.unreadBadge }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react23.Circle, { size: 8, style: { color: "#d9d9d9" } }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: styles.listItemIcon, children: !message19.read ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: styles.unreadBadge }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react23.Circle, { size: 8, style: { color: "#d9d9d9" } }) }),
           /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: styles.listItemPreview, children: getMessagePreview(message18.content) }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: styles.listItemPreview, children: getMessagePreview(message19.content) }),
             /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: styles.listItemMeta, children: [
               "To: ",
-              message18.to,
+              message19.to,
               " \u2022 ",
-              message18.type
+              message19.type
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: styles.listItemRight, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: styles.listItemDate, children: formatDate4(message18.timestamp) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: styles.listItemRight, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: styles.listItemDate, children: formatDate4(message19.timestamp) }) })
         ]
       },
-      message18.id
+      message19.id
     )) })
   ] });
 };
@@ -22621,12 +22639,12 @@ var MailboxPanel = ({ data }) => {
   const { teamMailbox = [] } = data || {};
   const messageGroups = (0, import_react69.useMemo)(() => {
     const groupsMap = /* @__PURE__ */ new Map();
-    teamMailbox.forEach((message18) => {
-      const sender = message18.from;
+    teamMailbox.forEach((message19) => {
+      const sender = message19.from;
       if (!groupsMap.has(sender)) {
         groupsMap.set(sender, []);
       }
-      groupsMap.get(sender).push(message18);
+      groupsMap.get(sender).push(message19);
     });
     const groups = Array.from(groupsMap.entries()).map(([sender, messages]) => ({
       sender,
@@ -22643,8 +22661,8 @@ var MailboxPanel = ({ data }) => {
     return groups;
   }, [teamMailbox]);
   const totalUnread = teamMailbox.filter((m) => !m.read).length;
-  const handleMessageClick = (message18) => {
-    setSelectedMessage(message18);
+  const handleMessageClick = (message19) => {
+    setSelectedMessage(message19);
     setModalVisible(true);
   };
   const handleCloseModal = () => {
@@ -23694,6 +23712,1099 @@ var TeamChat = ({ data }) => {
   ] });
 };
 
+// src/components/GenUI/elements/ShowWidget.tsx
+var import_react74 = require("react");
+var import_antd74 = require("antd");
+var import_icons35 = require("@ant-design/icons");
+
+// src/streaming-html/StreamingHTMLRenderer.tsx
+var import_react73 = __toESM(require("react"));
+
+// src/streaming-html/show-widget-css-generator.ts
+function generateShowWidgetCSS(tokens) {
+  const { colors: colors3, radius: radius4, typography: typography3 } = tokens;
+  return `
+:root {
+  /* ============================================
+     Background Colors (from Axiom tokens)
+     ============================================ */
+  
+  --color-background-primary: ${colors3.light.surface};
+  --color-background-secondary: ${colors3.light.surfaceHover};
+  --color-background-tertiary: ${colors3.light.bg};
+  
+  /* Semantic backgrounds - derived from functional colors */
+  --color-background-info: ${colors3.info}1a;
+  --color-background-danger: ${colors3.error}1a;
+  --color-background-success: ${colors3.success}1a;
+  --color-background-warning: ${colors3.warning}1a;
+
+  /* ============================================
+     Text Colors (from Axiom tokens)
+     ============================================ */
+  
+  --color-text-primary: ${colors3.light.text};
+  --color-text-secondary: ${colors3.light.textSecondary};
+  --color-text-tertiary: ${colors3.light.textMuted};
+  
+  /* Semantic text - from functional colors */
+  --color-text-info: ${colors3.info};
+  --color-text-danger: ${colors3.error};
+  --color-text-success: ${colors3.success};
+  --color-text-warning: ${colors3.warning};
+
+  /* ============================================
+     Border Colors (derived from Axiom tokens)
+     ============================================ */
+  
+  --color-border-tertiary: ${colors3.light.border}99;
+  --color-border-secondary: ${colors3.light.borderHover}b3;
+  --color-border-primary: ${colors3.light.textMuted}cc;
+  
+  /* Semantic borders */
+  --color-border-info: ${colors3.info}80;
+  --color-border-danger: ${colors3.error}80;
+  --color-border-success: ${colors3.success}80;
+  --color-border-warning: ${colors3.warning}80;
+
+  /* ============================================
+     Typography (from Axiom tokens)
+     ============================================ */
+  
+  --font-sans: ${typography3.fontFamily};
+  --font-serif: Georgia, 'Times New Roman', serif;
+  --font-mono: 'Fira Code', 'Monaco', 'Consolas', monospace;
+
+  /* ============================================
+     Border Radius (from Axiom tokens, adjusted)
+     ============================================ */
+  
+  --border-radius-md: ${radius4.md};
+  --border-radius-lg: ${radius4.lg};
+  --border-radius-xl: ${radius4.xl};
+
+  /* ============================================
+     Color Ramps (9 ramps x 7 stops)
+     Derived from Axiom primary and functional colors
+     ============================================ */
+  
+  /* Purple - from Axiom primary indigo */
+  --color-purple-50: ${colors3.primary[50]};
+  --color-purple-100: ${colors3.primary[100]};
+  --color-purple-200: ${colors3.primary[200]};
+  --color-purple-400: ${colors3.primary[400]};
+  --color-purple-600: ${colors3.primary[600]};
+  --color-purple-800: ${colors3.primary[800]};
+  --color-purple-900: ${colors3.primary[900]};
+
+  /* Teal - cool accent (complementary to primary) */
+  --color-teal-50: #e1f5ee;
+  --color-teal-100: #9fe1cb;
+  --color-teal-200: #5dcaa5;
+  --color-teal-400: #1d9e75;
+  --color-teal-600: #0f6e56;
+  --color-teal-800: #085041;
+  --color-teal-900: #04342c;
+
+  /* Coral - warm accent */
+  --color-coral-50: #faece7;
+  --color-coral-100: #f5c4b3;
+  --color-coral-200: #f0997b;
+  --color-coral-400: #d85a30;
+  --color-coral-600: #993c1d;
+  --color-coral-800: #712b13;
+  --color-coral-900: #4a1b0c;
+
+  /* Pink - soft accent */
+  --color-pink-50: #fbeaf0;
+  --color-pink-100: #f4c0d1;
+  --color-pink-200: #ed93b1;
+  --color-pink-400: #d4537e;
+  --color-pink-600: #993556;
+  --color-pink-800: #72243e;
+  --color-pink-900: #4b1528;
+
+  /* Gray - neutral scale (derived from text colors) */
+  --color-gray-50: #f1efe8;
+  --color-gray-100: #d3d1c7;
+  --color-gray-200: #b4b2a9;
+  --color-gray-400: #888780;
+  --color-gray-600: #5f5e5a;
+  --color-gray-800: #444441;
+  --color-gray-900: #2c2c2a;
+
+  /* Blue - from Axiom info color */
+  --color-blue-50: #e6f1fb;
+  --color-blue-100: #b5d4f4;
+  --color-blue-200: #85b7eb;
+  --color-blue-400: ${colors3.info};
+  --color-blue-600: #185fa5;
+  --color-blue-800: #0c447c;
+  --color-blue-900: #042c53;
+
+  /* Green - from Axiom success color */
+  --color-green-50: #eaf3de;
+  --color-green-100: #c0dd97;
+  --color-green-200: #97c459;
+  --color-green-400: ${colors3.success};
+  --color-green-600: #3b6d11;
+  --color-green-800: #27500a;
+  --color-green-900: #173404;
+
+  /* Amber - from Axiom warning color */
+  --color-amber-50: #faeeda;
+  --color-amber-100: #fac775;
+  --color-amber-200: #ef9f27;
+  --color-amber-400: ${colors3.warning};
+  --color-amber-600: #854f0b;
+  --color-amber-800: #633806;
+  --color-amber-900: #412402;
+
+  /* Red - from Axiom error color */
+  --color-red-50: #fcebeb;
+  --color-red-100: #f7c1c1;
+  --color-red-200: #f09595;
+  --color-red-400: ${colors3.error};
+  --color-red-600: #a32d2d;
+  --color-red-800: #791f1f;
+  --color-red-900: #501313;
+
+  /* Short Aliases */
+  --p: var(--color-text-primary);
+  --s: var(--color-text-secondary);
+  --t: var(--color-text-tertiary);
+  --bg2: var(--color-background-secondary);
+  --b: var(--color-border-tertiary);
+}
+
+/* Dark Mode - using Axiom dark tokens */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background-primary: ${colors3.dark.surface};
+    --color-background-secondary: ${colors3.dark.surfaceHover};
+    --color-background-tertiary: ${colors3.dark.bg};
+    
+    --color-background-info: ${colors3.info}26;
+    --color-background-danger: ${colors3.error}26;
+    --color-background-success: ${colors3.success}26;
+    --color-background-warning: ${colors3.warning}26;
+
+    --color-text-primary: ${colors3.dark.text};
+    --color-text-secondary: ${colors3.dark.textSecondary};
+    --color-text-tertiary: ${colors3.dark.textMuted};
+
+    --color-border-tertiary: ${colors3.dark.border}99;
+    --color-border-secondary: ${colors3.dark.borderHover}b3;
+    --color-border-primary: ${colors3.dark.textMuted}cc;
+    --color-border-info: ${colors3.info}66;
+    --color-border-danger: ${colors3.error}66;
+    --color-border-success: ${colors3.success}66;
+    --color-border-warning: ${colors3.warning}66;
+  }
+}
+
+/* Base Styles */
+html, body {
+  margin: 0;
+  padding: 0;
+  font-family: var(--font-sans);
+  color: var(--color-text-primary);
+  background: transparent;
+  overflow: hidden;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+}
+
+#root {
+  overflow: hidden;
+  width: fit-content;
+  min-width: 100%;
+  box-sizing: border-box;
+}
+
+#root img, #root video, #root canvas, #root svg {
+  max-width: 100%;
+  height: 100%;
+}
+
+/* SVG Text Classes */
+.t {
+  font-family: var(--font-sans);
+  font-size: 14px;
+  font-weight: 400;
+  fill: var(--color-text-primary);
+}
+
+.ts {
+  font-family: var(--font-sans);
+  font-size: 12px;
+  font-weight: 400;
+  fill: var(--color-text-secondary);
+}
+
+.th {
+  font-family: var(--font-sans);
+  font-size: 14px;
+  font-weight: 500;
+  fill: var(--color-text-primary);
+}
+
+/* Box & Node Classes */
+.box {
+  fill: var(--color-background-secondary);
+  stroke: var(--color-border-tertiary);
+  stroke-width: 0.5px;
+}
+
+.node {
+  cursor: pointer;
+}
+
+.node:hover {
+  opacity: 0.85;
+}
+
+/* Arrow & Leader Lines */
+.arr {
+  stroke: var(--color-text-tertiary);
+  stroke-width: 1.5px;
+  fill: none;
+}
+
+.leader {
+  stroke: var(--color-text-tertiary);
+  stroke-width: 0.5px;
+  stroke-dasharray: 4 2;
+  fill: none;
+}
+
+/* Color Ramp Classes for SVG */
+.c-purple { fill: var(--color-purple-200); stroke: var(--color-purple-600); }
+.c-purple .t, .c-purple .th { fill: var(--color-purple-800); }
+.c-purple .ts { fill: var(--color-purple-600); }
+
+.c-teal { fill: var(--color-teal-200); stroke: var(--color-teal-600); }
+.c-teal .t, .c-teal .th { fill: var(--color-teal-800); }
+.c-teal .ts { fill: var(--color-teal-600); }
+
+.c-coral { fill: var(--color-coral-200); stroke: var(--color-coral-600); }
+.c-coral .t, .c-coral .th { fill: var(--color-coral-800); }
+.c-coral .ts { fill: var(--color-coral-600); }
+
+.c-pink { fill: var(--color-pink-200); stroke: var(--color-pink-600); }
+.c-pink .t, .c-pink .th { fill: var(--color-pink-800); }
+.c-pink .ts { fill: var(--color-pink-600); }
+
+.c-gray { fill: var(--color-gray-200); stroke: var(--color-gray-600); }
+.c-gray .t, .c-gray .th { fill: var(--color-gray-800); }
+.c-gray .ts { fill: var(--color-gray-600); }
+
+.c-blue { fill: var(--color-blue-200); stroke: var(--color-blue-600); }
+.c-blue .t, .c-blue .th { fill: var(--color-blue-800); }
+.c-blue .ts { fill: var(--color-blue-600); }
+
+.c-green { fill: var(--color-green-200); stroke: var(--color-green-600); }
+.c-green .t, .c-green .th { fill: var(--color-green-800); }
+.c-green .ts { fill: var(--color-green-600); }
+
+.c-amber { fill: var(--color-amber-200); stroke: var(--color-amber-600); }
+.c-amber .t, .c-amber .th { fill: var(--color-amber-800); }
+.c-amber .ts { fill: var(--color-amber-600); }
+
+.c-red { fill: var(--color-red-200); stroke: var(--color-red-600); }
+.c-red .t, .c-red .th { fill: var(--color-red-800); }
+.c-red .ts { fill: var(--color-red-600); }
+
+/* Dark Mode Color Ramps */
+@media (prefers-color-scheme: dark) {
+  .c-purple { fill: var(--color-purple-800); stroke: var(--color-purple-200); }
+  .c-purple .t, .c-purple .th { fill: var(--color-purple-100); }
+  .c-purple .ts { fill: var(--color-purple-200); }
+  
+  .c-teal { fill: var(--color-teal-800); stroke: var(--color-teal-200); }
+  .c-teal .t, .c-teal .th { fill: var(--color-teal-100); }
+  .c-teal .ts { fill: var(--color-teal-200); }
+  
+  .c-coral { fill: var(--color-coral-800); stroke: var(--color-coral-200); }
+  .c-coral .t, .c-coral .th { fill: var(--color-coral-100); }
+  .c-coral .ts { fill: var(--color-coral-200); }
+  
+  .c-pink { fill: var(--color-pink-800); stroke: var(--color-pink-200); }
+  .c-pink .t, .c-pink .th { fill: var(--color-pink-100); }
+  .c-pink .ts { fill: var(--color-pink-200); }
+  
+  .c-gray { fill: var(--color-gray-800); stroke: var(--color-gray-200); }
+  .c-gray .t, .c-gray .th { fill: var(--color-gray-100); }
+  .c-gray .ts { fill: var(--color-gray-200); }
+  
+  .c-blue { fill: var(--color-blue-800); stroke: var(--color-blue-200); }
+  .c-blue .t, .c-blue .th { fill: var(--color-blue-100); }
+  .c-blue .ts { fill: var(--color-blue-200); }
+  
+  .c-green { fill: var(--color-green-800); stroke: var(--color-green-200); }
+  .c-green .t, .c-green .th { fill: var(--color-green-100); }
+  .c-green .ts { fill: var(--color-green-200); }
+  
+  .c-amber { fill: var(--color-amber-800); stroke: var(--color-amber-200); }
+  .c-amber .t, .c-amber .th { fill: var(--color-amber-100); }
+  .c-amber .ts { fill: var(--color-amber-200); }
+  
+  .c-red { fill: var(--color-red-800); stroke: var(--color-red-200); }
+  .c-red .t, .c-red .th { fill: var(--color-red-100); }
+  .c-red .ts { fill: var(--color-red-200); }
+}
+/* Pre-styled form elements */
+button {
+  background: transparent;
+  border: 0.5px solid var(--color-border-secondary);
+  border-radius: var(--border-radius-md);
+  color: var(--color-text-primary);
+  padding: 6px 14px;
+  font-size: 14px;
+  cursor: pointer;
+  font-family: var(--font-sans);
+}
+button:hover { background: var(--color-background-secondary); }
+button:active { transform: scale(0.98); }
+
+input[type="range"] {
+  -webkit-appearance: none;
+  height: 4px;
+  background: var(--color-border-secondary);
+  border-radius: 2px;
+  outline: none;
+}
+input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: var(--color-text-primary);
+  cursor: pointer;
+}
+
+input[type="text"], input[type="number"], textarea, select {
+  height: 36px;
+  background: var(--color-background-primary);
+  border: 0.5px solid var(--color-border-tertiary);
+  border-radius: var(--border-radius-md);
+  color: var(--color-text-primary);
+  padding: 0 10px;
+  font-size: 14px;
+  font-family: var(--font-sans);
+  outline: none;
+}
+input[type="text"]:hover, input[type="number"]:hover, textarea:hover, select:hover {
+  border-color: var(--color-border-secondary);
+}
+input[type="text"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
+  border-color: var(--color-border-primary);
+  box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
+}
+`;
+}
+var showWidgetCSS = generateShowWidgetCSS(axiomTokens);
+
+// src/streaming-html/IframeHTMLBridge.ts
+function generateIframeSrcdoc() {
+  return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+  *{box-sizing:border-box}
+body{margin:0;padding:1rem;font-family:system-ui,-apple-system,sans-serif;}
+svg { height:100%}
+@keyframes _fadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}
+
+  ${showWidgetCSS}
+  </style>
+  <script>
+    // Load morphdom from CDN with fallback
+    (function() {
+      if (typeof morphdom === 'undefined') {
+        var script = document.createElement('script');
+        script.src = 'https://cdn.jsdelivr.net/npm/morphdom@2.7.4/dist/morphdom-umd.min.js';
+        script.onload = function() {
+          window.parent.postMessage({ type: 'iframe-ready' }, '*');
+        };
+        script.onerror = function() {
+          window.parent.postMessage({ type: 'iframe-error', error: 'Failed to load morphdom' }, '*');
+        };
+        document.head.appendChild(script);
+      }
+    })();
+  </script>
+</head>
+<body>
+  <div id="root"></div>
+  <script>
+    class TagBalancer {
+      constructor() {
+        this.voidElements = new Set([
+          'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
+          'link', 'meta', 'param', 'source', 'track', 'wbr'
+        ]);
+        this.openTags = [];
+        this.accumulatedHTML = '';
+      }
+
+      parseChunk(chunk) {
+        this.accumulatedHTML += chunk;
+        
+        // Parse tags from chunk
+        const tagRegex = /<\\/?([a-zA-Z][a-zA-Z0-9]*)[^>]*?>/g;
+        let match;
+        
+        while ((match = tagRegex.exec(chunk)) !== null) {
+          const fullTag = match[0];
+          const tagName = match[1].toLowerCase();
+          const isClosing = fullTag.startsWith('</');
+          const isSelfClosing = fullTag.endsWith('/>') || this.voidElements.has(tagName);
+          
+          if (isSelfClosing) {
+            // Void elements don't affect stack
+            continue;
+          }
+          
+          if (isClosing) {
+            // Remove matching open tag if present
+            const idx = this.openTags.lastIndexOf(tagName);
+            if (idx !== -1) {
+              this.openTags.splice(idx, 1);
+            }
+          } else {
+            // Opening tag - add to stack
+            this.openTags.push(tagName);
+          }
+        }
+      }
+
+      getAccumulatedHTML() {
+        return this.accumulatedHTML;
+      }
+
+      getStack() {
+        return [...this.openTags];
+      }
+    }
+
+    const tagBalancer = new TagBalancer();
+    const root = document.getElementById('root');
+    let renderTimeout = null;
+
+    function preserveInputValues() {
+      const inputs = document.querySelectorAll('input, textarea');
+      const values = new Map();
+      inputs.forEach((input, index) => {
+        const key = input.tagName + '-' + index + '-' + (input.name || input.id || '');
+        values.set(key, input.value);
+      });
+      return values;
+    }
+
+    function restoreInputValues(values) {
+      const inputs = document.querySelectorAll('input, textarea');
+      inputs.forEach((input, index) => {
+        const key = input.tagName + '-' + index + '-' + (input.name || input.id || '');
+        if (values.has(key)) {
+          input.value = values.get(key);
+        }
+      });
+    }
+
+    function render() {
+      try {
+        const preservedValues = preserveInputValues();
+        
+        // Build complete HTML with auto-closing tags
+        const openTags = tagBalancer.getStack();
+        const closingTags = openTags
+          .slice()
+          .reverse()
+          .map(tag => '</' + tag + '>')
+          .join('');
+        const balancedHTML = tagBalancer.getAccumulatedHTML() + closingTags;
+        
+        // Use morphdom to update DOM
+        if (root) {
+          const temp = document.createElement('div');
+          temp.innerHTML = balancedHTML;
+          
+          if (!root.firstChild) {
+            root.innerHTML = balancedHTML;
+          } else if (temp.firstChild) {
+            morphdom(root, temp, {
+              childrenOnly: true,
+              onBeforeElUpdated: function(fromEl, toEl) {
+                // Preserve input/textarea values
+                if (fromEl.tagName === 'INPUT' || fromEl.tagName === 'TEXTAREA') {
+                  toEl.value = fromEl.value;
+                }
+                return true;
+              },
+              onNodeAdded: function(node) {
+                // Add fade-in animation to newly added elements
+                if (node.nodeType === Node.ELEMENT_NODE) {
+                  node.style.animation = '_fadeIn 0.3s ease-out';
+                }
+                return node;
+              }
+            });
+          }
+        }
+        
+        restoreInputValues(preservedValues);
+      } catch (error) {
+        console.error('[iframe] Render error:', error);
+        parent.postMessage({ type: 'iframe-error', error: error.message }, '*');
+      }
+    }
+
+    function scheduleRender() {
+      if (renderTimeout) {
+        clearTimeout(renderTimeout);
+      }
+      renderTimeout = setTimeout(render, 50);
+    }
+
+    function notifyHeight() {
+      try {
+        const height = document.body.scrollHeight;
+        parent.postMessage({ type: 'iframe-height', height }, '*');
+      } catch (error) {
+        console.error('[iframe] Failed to notify height:', error);
+      }
+    }
+
+    function notifyWidth() {
+      try {
+        const width = document.body.scrollWidth;
+        parent.postMessage({ type: 'iframe-width', width }, '*');
+      } catch (error) {
+        console.error('[iframe] Failed to notify width:', error);
+      }
+    }
+
+    function notifySize() {
+      notifyHeight();
+      notifyWidth();
+    }
+
+    // Observe size changes
+    const resizeObserver = new ResizeObserver(() => {
+      notifySize();
+    });
+    
+    if (root) {
+      resizeObserver.observe(root);
+    }
+    
+    // Also notify on initial load
+    window.addEventListener('load', notifySize);
+
+    function executeScripts() {
+      try {
+        const scripts = root.querySelectorAll('script');
+        const executedScripts = new Set();
+        
+        scripts.forEach((oldScript) => {
+          // \u901A\u8FC7\u5185\u5BB9\u54C8\u5E0C\u907F\u514D\u91CD\u590D\u6267\u884C\u76F8\u540C\u811A\u672C
+          const scriptKey = oldScript.src || oldScript.textContent;
+          if (executedScripts.has(scriptKey)) {
+            oldScript.remove();
+            return;
+          }
+          executedScripts.add(scriptKey);
+          
+          const newScript = document.createElement('script');
+          
+          // Copy attributes
+          Array.from(oldScript.attributes).forEach(attr => {
+            newScript.setAttribute(attr.name, attr.value);
+          });
+          
+          // Copy content
+          if (oldScript.src) {
+            newScript.src = oldScript.src;
+          } else {
+            newScript.textContent = oldScript.textContent;
+          }
+          
+          // Replace old script with new one to execute it
+          oldScript.parentNode.replaceChild(newScript, oldScript);
+        });
+      } catch (error) {
+        console.error('[iframe] Script execution error:', error);
+        parent.postMessage({ type: 'iframe-error', error: error.message }, '*');
+      }
+    }
+
+    // Listen for messages from parent
+    window.addEventListener('message', function(event) {
+      try {
+        const message = event.data;
+        
+        if (!message || typeof message !== 'object') {
+          return;
+        }
+
+        switch (message.type) {
+          case 'stream-chunk':
+            if (message.chunk) {
+              tagBalancer.parseChunk(message.chunk);
+              scheduleRender();
+            }
+            break;
+            
+          case 'execute-scripts':
+            // \u5EF6\u8FDF\u6267\u884C\u811A\u672C\uFF0C\u786E\u4FDD render \u5DF2\u5B8C\u6210
+            setTimeout(() => {
+              executeScripts();
+            }, 100);
+            break;
+        }
+      } catch (error) {
+        parent.postMessage({ type: 'iframe-error', error: error.message }, '*');
+      }
+    });
+
+    // Global sendPrompt function for widgets to communicate with parent
+    window.sendPrompt = function(text) {
+      if (typeof text !== 'string') {
+        console.error('[iframe] sendPrompt requires a string argument');
+        return;
+      }
+      parent.postMessage({ type: 'widget-prompt', text: text }, '*');
+    };
+
+    // Also expose openLink for opening URLs
+    window.openLink = function(url) {
+      if (typeof url !== 'string') {
+        console.error('[iframe] openLink requires a string argument');
+        return;
+      }
+      parent.postMessage({ type: 'widget-open-link', url: url }, '*');
+    };
+
+    // Signal that iframe is ready (only if morphdom was already loaded)
+    if (typeof morphdom !== 'undefined') {
+      parent.postMessage({ type: 'iframe-ready' }, '*');
+    }
+  </script>
+</body>
+</html>`;
+}
+
+// src/streaming-html/StreamingHTMLRenderer.tsx
+var import_jsx_runtime96 = require("react/jsx-runtime");
+var StreamingHTMLRenderer = ({
+  html,
+  className = "",
+  isComplete = false,
+  onError,
+  onPrompt,
+  title,
+  loadingMessages
+}) => {
+  const iframeRef = (0, import_react73.useRef)(null);
+  const containerRef = (0, import_react73.useRef)(null);
+  const resizeObserverRef = (0, import_react73.useRef)(null);
+  const prevHTMLRef = (0, import_react73.useRef)("");
+  const isReadyRef = (0, import_react73.useRef)(false);
+  const pendingChunksRef = (0, import_react73.useRef)([]);
+  const isCompleteRef = (0, import_react73.useRef)(isComplete);
+  const isScriptExecuted = (0, import_react73.useRef)(false);
+  const [iframeHeight, setIframeHeight] = import_react73.default.useState(0);
+  const [iframeWidth, setIframeWidth] = import_react73.default.useState(void 0);
+  const [currentMessageIndex, setCurrentMessageIndex] = (0, import_react73.useState)(0);
+  const [showLoading, setShowLoading] = (0, import_react73.useState)(true);
+  (0, import_react73.useEffect)(() => {
+    isCompleteRef.current = isComplete;
+  }, [isComplete]);
+  (0, import_react73.useEffect)(() => {
+    if (iframeHeight > 0) {
+      setShowLoading(false);
+      return;
+    }
+    if (!loadingMessages || loadingMessages.length === 0) {
+      setShowLoading(false);
+      return;
+    }
+    setShowLoading(true);
+    if (loadingMessages.length === 1) {
+      setCurrentMessageIndex(0);
+      return;
+    }
+    const interval = setInterval(() => {
+      setCurrentMessageIndex((prev) => {
+        if (prev >= loadingMessages.length - 1) {
+          clearInterval(interval);
+          return prev;
+        }
+        return prev + 1;
+      });
+    }, 1500);
+    return () => clearInterval(interval);
+  }, [iframeHeight, loadingMessages]);
+  const executeScripts = (0, import_react73.useCallback)(() => {
+    if (isScriptExecuted.current) {
+      console.log("[StreamingHTMLRenderer]  scripts is executed");
+      return;
+    }
+    console.log("[StreamingHTMLRenderer] Executing scripts...");
+    const iframe = iframeRef.current;
+    if (!iframe || !iframe.contentWindow) {
+      console.log("[StreamingHTMLRenderer] No iframe or contentWindow");
+      return;
+    }
+    try {
+      console.log("[StreamingHTMLRenderer] Sending execute-scripts message");
+      isScriptExecuted.current = true;
+      iframe.contentWindow.postMessage(
+        { type: "execute-scripts" },
+        "*"
+      );
+    } catch (error) {
+      console.error("[StreamingHTMLRenderer] Failed to execute scripts:", error);
+      const streamingError = {
+        type: "POSTMESSAGE_ERROR",
+        message: error instanceof Error ? error.message : "Failed to execute scripts in iframe"
+      };
+      onError?.(streamingError);
+    }
+  }, [onError]);
+  const sendChunk = (0, import_react73.useCallback)((chunk) => {
+    const iframe = iframeRef.current;
+    if (!iframe || !iframe.contentWindow) {
+      return;
+    }
+    if (!isReadyRef.current) {
+      console.log("[StreamingHTMLRenderer] Iframe not ready, queueing chunk");
+      pendingChunksRef.current.push(chunk);
+      return;
+    }
+    try {
+      iframe.contentWindow.postMessage(
+        { type: "stream-chunk", chunk },
+        "*"
+      );
+    } catch (error) {
+      console.error("[StreamingHTMLRenderer] Failed to send chunk:", error);
+      const streamingError = {
+        type: "POSTMESSAGE_ERROR",
+        message: error instanceof Error ? error.message : "Failed to send chunk to iframe"
+      };
+      onError?.(streamingError);
+    }
+  }, [onError]);
+  (0, import_react73.useEffect)(() => {
+    const handleMessage = (event) => {
+      const iframe = iframeRef.current;
+      if (!iframe || event.source !== iframe.contentWindow) {
+        return;
+      }
+      const message19 = event.data;
+      if (!message19 || typeof message19 !== "object") {
+        return;
+      }
+      switch (message19.type) {
+        case "iframe-ready":
+          console.log("[StreamingHTMLRenderer] Iframe ready");
+          isReadyRef.current = true;
+          while (pendingChunksRef.current.length > 0) {
+            const chunk = pendingChunksRef.current.shift();
+            if (chunk) {
+              sendChunk(chunk);
+            }
+          }
+          if (isCompleteRef.current) {
+            executeScripts();
+          }
+          break;
+        case "iframe-height":
+          if (typeof message19.height === "number" && message19.height > 0) {
+            setIframeHeight(message19.height);
+          }
+          break;
+        case "iframe-error":
+          const streamingError = {
+            type: "RENDER_ERROR",
+            message: message19.error || "Unknown iframe error"
+          };
+          onError?.(streamingError);
+          break;
+        case "widget-prompt":
+          if (typeof message19.text === "string") {
+            onPrompt?.(message19.text);
+          }
+          break;
+        case "widget-open-link":
+          if (typeof message19.url === "string") {
+            window.open(message19.url, "_blank", "noopener,noreferrer");
+          }
+          break;
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => {
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [onError, onPrompt, sendChunk, executeScripts]);
+  (0, import_react73.useEffect)(() => {
+    if (html === prevHTMLRef.current) {
+      return;
+    }
+    const prevLength = prevHTMLRef.current.length;
+    const newChunk = html.slice(prevLength);
+    prevHTMLRef.current = html;
+    if (newChunk) {
+      sendChunk(newChunk);
+    }
+  }, [html, sendChunk]);
+  (0, import_react73.useEffect)(() => {
+    if (isComplete && isReadyRef.current) {
+      executeScripts();
+    }
+  }, [isComplete, executeScripts]);
+  (0, import_react73.useEffect)(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const antBubble = container.closest(".ant-bubble");
+    if (!antBubble) {
+      console.warn("[StreamingHTMLRenderer] .ant-bubble ancestor not found");
+      return;
+    }
+    resizeObserverRef.current = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const width = entry.contentRect.width;
+        if (width > 0) {
+          setIframeWidth(width);
+        }
+      }
+    });
+    resizeObserverRef.current.observe(antBubble);
+    const initialWidth = antBubble.getBoundingClientRect().width;
+    if (initialWidth > 0) {
+      setIframeWidth(initialWidth);
+    }
+    return () => {
+      resizeObserverRef.current?.disconnect();
+      resizeObserverRef.current = null;
+    };
+  }, []);
+  (0, import_react73.useEffect)(() => {
+    return () => {
+      isReadyRef.current = false;
+      pendingChunksRef.current = [];
+      prevHTMLRef.current = "";
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    "div",
+    {
+      ref: containerRef,
+      className: `streaming-html-renderer ${className}`,
+      style: { minHeight: "100px", position: "relative" },
+      children: [
+        showLoading && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              right: 0,
+              bottom: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              borderRadius: radius.lg,
+              background: `linear-gradient(90deg, ${colors.light.surfaceHover} 25%, ${colors.light.surface} 50%, ${colors.light.surfaceHover} 75%)`,
+              backgroundSize: "200% 100%",
+              animation: "shimmer 1.5s infinite",
+              zIndex: 10
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("style", { children: `
+            @keyframes shimmer {
+              0% { background-position: -200% 0; }
+              100% { background-position: 200% 0; }
+            }
+          ` }),
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                "span",
+                {
+                  style: {
+                    fontSize: "14px",
+                    color: colors.light.textSecondary,
+                    textAlign: "center",
+                    padding: "0 16px"
+                  },
+                  children: loadingMessages?.[currentMessageIndex] || "Loading..."
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          "iframe",
+          {
+            ref: iframeRef,
+            srcDoc: generateIframeSrcdoc(),
+            sandbox: "allow-scripts",
+            style: {
+              width: iframeWidth ? `${iframeWidth}px` : "100%",
+              height: iframeHeight > 0 ? `${iframeHeight}px` : "100px",
+              border: "none",
+              display: "block",
+              overflow: "hidden"
+            },
+            title
+          }
+        )
+      ]
+    }
+  );
+};
+var StreamingHTMLRenderer_default = StreamingHTMLRenderer;
+
+// src/components/GenUI/elements/ShowWidget.tsx
+var import_jsx_runtime97 = require("react/jsx-runtime");
+var ShowWidget = ({
+  data,
+  component_key,
+  interactive = true
+}) => {
+  const toolCallData = data;
+  const { title, loading_messages, widget_code } = toolCallData?.args || {};
+  const { openSideApp } = useChatUIContext();
+  const { sendMessage } = useAgentChat();
+  if (!toolCallData) {
+    return null;
+  }
+  let isComplete = false;
+  let finalHTML = widget_code || "";
+  if (toolCallData?.response) {
+    try {
+      const responseObj = JSON.parse(toolCallData.response);
+      if (toolCallData.status === "success") {
+        isComplete = true;
+        finalHTML = responseObj.widget_code || widget_code || "";
+      }
+    } catch (e) {
+      console.warn("Failed to parse tool response:", e);
+    }
+  }
+  const sendPrompt = (0, import_react74.useCallback)((text) => {
+    sendMessage({
+      input: {
+        message: text
+      }
+    });
+  }, [sendMessage]);
+  const handleOpenInSideApp = (0, import_react74.useCallback)(() => {
+    openSideApp({
+      component_key: "show_widget",
+      data: {
+        widget_code: finalHTML,
+        title: title || "Widget"
+      },
+      message: title || "Widget"
+    });
+  }, [openSideApp, finalHTML, title]);
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { style: {
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: radius.lg,
+    overflow: "hidden"
+  }, children: [
+    isComplete && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "8px 12px",
+          position: "relative"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            import_antd74.Typography.Text,
+            {
+              strong: true,
+              style: {
+                fontSize: "14px",
+                color: colors.light.text
+              },
+              children: title || "Widget"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            import_antd74.Button,
+            {
+              type: "text",
+              size: "small",
+              icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_icons35.ExpandOutlined, {}),
+              onClick: handleOpenInSideApp,
+              style: {
+                position: "absolute",
+                right: 8
+              },
+              title: "Open in side app"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { style: { position: "relative", flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      StreamingHTMLRenderer_default,
+      {
+        html: finalHTML,
+        isComplete,
+        onError: (err) => console.error("Widget render error:", err),
+        onPrompt: sendPrompt,
+        loadingMessages: loading_messages
+      }
+    ) })
+  ] });
+};
+
+// src/components/GenUI/elements/ShowWidgetApp.tsx
+var import_react75 = require("react");
+var import_jsx_runtime98 = require("react/jsx-runtime");
+var ShowWidgetApp = ({
+  data
+}) => {
+  const { widget_code, title } = data || {};
+  const { sendMessage } = useAgentChat();
+  const sendPrompt = (0, import_react75.useCallback)(
+    (text) => {
+      sendMessage({
+        input: {
+          message: text
+        }
+      });
+    },
+    [sendMessage]
+  );
+  if (!widget_code) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { style: { padding: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    StreamingHTMLRenderer_default,
+    {
+      html: widget_code,
+      isComplete: true,
+      onError: (err) => console.error("Widget render error:", err),
+      onPrompt: sendPrompt
+    }
+  ) });
+};
+
 // src/components/GenUI/elements/builtIns.tsx
 var elements = {
   action_show_attachments_uploader: {
@@ -23774,6 +24885,10 @@ var elements = {
   mailbox: {
     card_view: TeamChat,
     side_app_view: MailboxPanel
+  },
+  show_widget: {
+    card_view: ShowWidget,
+    side_app_view: ShowWidgetApp
   }
 };
 
@@ -23791,10 +24906,10 @@ var regsiterElement = (language, ElementMeta) => {
 };
 
 // src/components/Chat/SideAppViewBrowser.tsx
-var import_antd74 = require("antd");
+var import_antd75 = require("antd");
 var import_antd_style28 = require("antd-style");
-var import_react73 = require("react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react76 = require("react");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var useStyle12 = (0, import_antd_style28.createStyles)(({ token, css }) => {
   return {
     container: css`
@@ -23971,15 +25086,15 @@ var useStyle12 = (0, import_antd_style28.createStyles)(({ token, css }) => {
 });
 var EmptySideAppView = ({ component_key, data }) => {
   if (data?.component) {
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_jsx_runtime96.Fragment, { children: data.component });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_jsx_runtime99.Fragment, { children: data.component });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { children: "Component view not found" }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: "Component view not found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
 };
 var getTabIcon = (componentKey) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons35.AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons36.AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
 };
 var SideAppViewBrowser = ({ region = "side" }) => {
   const { styles } = useStyle12();
@@ -23991,11 +25106,11 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   } = useChatUIContext();
   const selectedCard = region === "side" ? sideAppSelectedCard : contextAppSelectedCard;
   const closeApp = region === "side" ? closeSideApp : closeContentApp;
-  const [activeKey, setActiveKey] = (0, import_react73.useState)(
+  const [activeKey, setActiveKey] = (0, import_react76.useState)(
     JSON.stringify(selectedCard)
   );
-  const [hoveredTab, setHoveredTab] = (0, import_react73.useState)(null);
-  const [items, setItems] = (0, import_react73.useState)([]);
+  const [hoveredTab, setHoveredTab] = (0, import_react76.useState)(null);
+  const [items, setItems] = (0, import_react76.useState)([]);
   const add = (key, label, children, componentKey) => {
     const newPanes = [...items, { label, children, key, componentKey }];
     setItems(newPanes);
@@ -24022,7 +25137,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const switchTab = (key) => {
     setActiveKey(key);
   };
-  (0, import_react73.useEffect)(() => {
+  (0, import_react76.useEffect)(() => {
     if (!selectedCard) return;
     const key = JSON.stringify(selectedCard);
     if (items.find((item) => item.key === key)) {
@@ -24037,7 +25152,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     add(
       key,
       selectedCard?.message || selectedCard?.data?.message || "Unnamed",
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         SideAppView,
         {
           component_key: selectedCard?.component_key || "",
@@ -24051,7 +25166,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const activeItem = items.find((item) => item.key === activeKey);
   const dropdownItems = items.map((item) => ({
     key: item.key,
-    label: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    label: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
       "div",
       {
         style: {
@@ -24062,9 +25177,9 @@ var SideAppViewBrowser = ({ region = "side" }) => {
         },
         children: [
           getTabIcon(item.componentKey),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { style: { flex: 1 }, children: item.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
-            import_icons35.CloseOutlined,
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { style: { flex: 1 }, children: item.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+            import_icons36.CloseOutlined,
             {
               style: { fontSize: 10, opacity: 0.5 },
               onClick: (e) => {
@@ -24078,9 +25193,9 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     ),
     onClick: () => switchTab(item.key)
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: styles.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: styles.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_antd74.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: styles.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_antd75.Tooltip, { title: item.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
         "div",
         {
           "data-tab-key": item.key,
@@ -24090,8 +25205,8 @@ var SideAppViewBrowser = ({ region = "side" }) => {
           onMouseLeave: () => setHoveredTab(null),
           children: [
             getTabIcon(item.componentKey),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: styles.tabLabel, children: item.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: styles.tabLabel, children: item.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               "span",
               {
                 className: `${styles.closeIndicator} ${hoveredTab === item.key || item.key === activeKey ? "always-visible" : ""}`,
@@ -24099,39 +25214,39 @@ var SideAppViewBrowser = ({ region = "side" }) => {
                   e.stopPropagation();
                   remove(item.key);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons35.CloseOutlined, { style: { fontSize: 10 } })
+                children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons36.CloseOutlined, { style: { fontSize: 10 } })
               }
             )
           ]
         }
       ) }, item.key)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: styles.actions, children: [
-        items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: styles.tabCounter, children: items.length }),
-        items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
-          import_antd74.Dropdown,
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: styles.actions, children: [
+        items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: styles.tabCounter, children: items.length }),
+        items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          import_antd75.Dropdown,
           {
             menu: { items: dropdownItems },
             placement: "bottomRight",
             trigger: ["click"],
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons35.MoreOutlined, {}) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons36.MoreOutlined, {}) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_antd74.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons35.CloseOutlined, {}) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_antd75.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons36.CloseOutlined, {}) }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: styles.content, children: activeItem ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: styles.emptyState, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons35.AppstoreOutlined, { className: "icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: "Select an app to start" })
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: styles.content, children: activeItem ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: styles.emptyState, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons36.AppstoreOutlined, { className: "icon" }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: "Select an app to start" })
     ] }) })
   ] });
 };
 
 // src/components/Chat/ProjectSelector.tsx
-var import_react74 = require("react");
-var import_antd75 = require("antd");
+var import_react77 = require("react");
+var import_antd76 = require("antd");
 var import_antd_style29 = require("antd-style");
 var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var PROJECT_NAME_MAX_LENGTH = 50;
 var useStyles17 = (0, import_antd_style29.createStyles)(({ token, css }) => ({
   container: css`
@@ -24361,34 +25476,34 @@ var ProjectSelector = () => {
     setProject,
     createProject
   } = useWorkspaceContext();
-  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = (0, import_react74.useState)(false);
-  const workspaceDropdownRef = (0, import_react74.useRef)(null);
-  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react74.useState)(false);
-  const [isModalOpen, setIsModalOpen] = (0, import_react74.useState)(false);
-  const [projectName, setProjectName] = (0, import_react74.useState)("");
-  const [validationError, setValidationError] = (0, import_react74.useState)(null);
-  const [isCreating, setIsCreating] = (0, import_react74.useState)(false);
-  const projectNameInputRef = (0, import_react74.useRef)(null);
-  const currentProject = (0, import_react74.useMemo)(() => {
+  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = (0, import_react77.useState)(false);
+  const workspaceDropdownRef = (0, import_react77.useRef)(null);
+  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react77.useState)(false);
+  const [isModalOpen, setIsModalOpen] = (0, import_react77.useState)(false);
+  const [projectName, setProjectName] = (0, import_react77.useState)("");
+  const [validationError, setValidationError] = (0, import_react77.useState)(null);
+  const [isCreating, setIsCreating] = (0, import_react77.useState)(false);
+  const projectNameInputRef = (0, import_react77.useRef)(null);
+  const currentProject = (0, import_react77.useMemo)(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
-  const currentWorkspace = (0, import_react74.useMemo)(() => {
+  const currentWorkspace = (0, import_react77.useMemo)(() => {
     return workspaces.find((w) => w.id === workspaceId);
   }, [workspaces, workspaceId]);
-  const handleSelectProject = (0, import_react74.useCallback)((selectedProjectId) => {
+  const handleSelectProject = (0, import_react77.useCallback)((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const handleWorkspaceClick = (0, import_react74.useCallback)(() => {
+  const handleWorkspaceClick = (0, import_react77.useCallback)(() => {
     setProject(null);
   }, [setProject]);
-  const toggleProjectList = (0, import_react74.useCallback)(() => {
+  const toggleProjectList = (0, import_react77.useCallback)(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const toggleWorkspaceList = (0, import_react74.useCallback)(() => {
+  const toggleWorkspaceList = (0, import_react77.useCallback)(() => {
     setIsWorkspaceListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = (0, import_react74.useCallback)((name) => {
+  const validateProjectName = (0, import_react77.useCallback)((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH) {
@@ -24396,10 +25511,10 @@ var ProjectSelector = () => {
     }
     return null;
   }, []);
-  const handleOpenModal = (0, import_react74.useCallback)((e) => {
+  const handleOpenModal = (0, import_react77.useCallback)((e) => {
     e.stopPropagation();
     if (!workspaceId) {
-      import_antd75.message.warning("Please select a workspace first");
+      import_antd76.message.warning("Please select a workspace first");
       return;
     }
     setProjectName("");
@@ -24407,7 +25522,7 @@ var ProjectSelector = () => {
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = (0, import_react74.useCallback)(() => {
+  const handleCloseModal = (0, import_react77.useCallback)(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -24417,7 +25532,7 @@ var ProjectSelector = () => {
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = (0, import_react74.useCallback)(async () => {
+  const handleCreateProject = (0, import_react77.useCallback)(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -24433,7 +25548,7 @@ var ProjectSelector = () => {
       setProjectName("");
       setValidationError(null);
       setProject(project.id);
-      import_antd75.message.success(`Project "${project.name}" created`);
+      import_antd76.message.success(`Project "${project.name}" created`);
     } catch (err) {
       const errMsg = err instanceof Error ? err.message : "Failed to create project";
       setValidationError(errMsg);
@@ -24449,41 +25564,41 @@ var ProjectSelector = () => {
     }
   };
   const isProjectNameValid = !validateProjectName(projectName.trim());
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: styles.selectorWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.selectorWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         "button",
         {
           className: styles.workspaceButton,
           onClick: handleWorkspaceClick,
           title: currentWorkspace?.name || "Select Workspace",
-          children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react25.Building2, { size: 16 }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react25.Building2, { size: 16 }) })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: styles.divider, children: "/" }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: styles.projectTrigger, onClick: toggleProjectList, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react25.Folder, { size: 16 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react25.ChevronDown, { size: 14 }) })
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: styles.divider, children: "/" }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.projectTrigger, onClick: toggleProjectList, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react25.Folder, { size: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react25.ChevronDown, { size: 14 }) })
       ] }),
-      isProjectListOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: styles.projectDropdown, children: [
-        projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+      isProjectListOpen && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.projectDropdown, children: [
+        projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
           "div",
           {
             className: `${styles.projectDropdownItem} ${project.id === projectId ? "active" : ""}`,
             onClick: () => handleSelectProject(project.id),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: styles.projectDropdownItemIcon, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react25.Folder, { size: 14 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: project.id === projectId ? styles.projectDropdownItemNameActive : styles.projectDropdownItemName, children: project.name })
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.projectDropdownItemIcon, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react25.Folder, { size: 14 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: project.id === projectId ? styles.projectDropdownItemNameActive : styles.projectDropdownItemName, children: project.name })
             ]
           },
           project.id
         )),
-        projects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: styles.emptyState, children: "No projects" })
+        projects.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.emptyState, children: "No projects" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
-      import_antd75.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+      import_antd76.Modal,
       {
         title: "Create New Project",
         open: isModalOpen,
@@ -24494,10 +25609,10 @@ var ProjectSelector = () => {
         maskClosable: !isCreating,
         keyboard: true,
         closable: true,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: styles.modalFooter, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_antd75.Button, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-            import_antd75.Button,
+        footer: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.modalFooter, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_antd76.Button, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            import_antd76.Button,
             {
               type: "primary",
               onClick: handleCreateProject,
@@ -24508,8 +25623,8 @@ var ProjectSelector = () => {
           )
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-            import_antd75.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            import_antd76.Input,
             {
               ref: projectNameInputRef,
               value: projectName,
@@ -24520,7 +25635,7 @@ var ProjectSelector = () => {
               status: validationError ? "error" : void 0
             }
           ),
-          validationError && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { style: { color: "#ff4d4f", fontSize: "12px", marginTop: "4px" }, children: validationError })
+          validationError && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { style: { color: "#ff4d4f", fontSize: "12px", marginTop: "4px" }, children: validationError })
         ]
       }
     )
@@ -24528,13 +25643,13 @@ var ProjectSelector = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var LatticeChat = (props) => {
   const { assistant_id, thread_id = "", menu, header, ...chatingProps } = props;
   const { config } = useLatticeChatShellContext();
   const showWorkspaceSelector = config.enableWorkspace;
-  const leftTop = showWorkspaceSelector ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ProjectSelector, {}) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  const leftTop = showWorkspaceSelector ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ProjectSelector, {}) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     AgentThreadProvider,
     {
       assistantId: assistant_id,
@@ -24544,7 +25659,7 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ChatUIContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ChatUIContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
         "div",
         {
           style: {
@@ -24555,13 +25670,13 @@ var LatticeChat = (props) => {
           },
           children: [
             header,
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               ColumnLayout,
               {
                 menu,
                 header: leftTop,
-                left: thread_id ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Chating, { ...chatingProps }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: "Please create a conversation first" }),
-                right: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SideAppViewBrowser, {})
+                left: thread_id ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Chating, { ...chatingProps }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: "Please create a conversation first" }),
+                right: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SideAppViewBrowser, {})
               }
             )
           ]
@@ -24573,14 +25688,14 @@ var LatticeChat = (props) => {
 
 // src/components/Chat/AgentConversations.tsx
 var import_x7 = require("@ant-design/x");
-var import_antd76 = require("antd");
-var import_react75 = require("react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_antd77 = require("antd");
+var import_react78 = require("react");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var AgentConversations = ({
   enableThreadCreation = true,
   enableThreadList = true
 }) => {
-  const { token } = import_antd76.theme.useToken();
+  const { token } = import_antd77.theme.useToken();
   const { currentAssistant } = useAssistantContext();
   const {
     assistantId,
@@ -24595,7 +25710,7 @@ var AgentConversations = ({
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = (0, import_react75.useMemo)(() => {
+  const threadItems = (0, import_react78.useMemo)(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -24614,7 +25729,7 @@ var AgentConversations = ({
   const creation = enableThreadCreation ? {
     onClick: newChatClick
   } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     import_x7.Conversations,
     {
       creation,
@@ -24630,19 +25745,19 @@ var AgentConversations = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-var import_react79 = require("react");
+var import_react82 = require("react");
 
 // src/components/Chat/ChatSidebar.tsx
-var import_react78 = require("react");
-var import_antd79 = require("antd");
+var import_react81 = require("react");
+var import_antd80 = require("antd");
 var import_lucide_react28 = require("lucide-react");
 
 // src/components/Chat/ProjectsMenuContent.tsx
-var import_react76 = require("react");
-var import_antd77 = require("antd");
+var import_react79 = require("react");
+var import_antd78 = require("antd");
 var import_antd_style30 = require("antd-style");
 var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var PROJECT_NAME_MAX_LENGTH2 = 50;
 var useStyles18 = (0, import_antd_style30.createStyles)(({ token, css }) => ({
   container: css`
@@ -25011,22 +26126,22 @@ var ProjectsMenuContent = () => {
     getFileViewUrl,
     uploadFileToFolder
   } = useWorkspaceContext();
-  const [folderAssets, setFolderAssets] = (0, import_react76.useState)({});
-  const [folderLoading, setFolderLoading] = (0, import_react76.useState)({});
-  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react76.useState)(false);
-  const [uploadingFolder, setUploadingFolder] = (0, import_react76.useState)(null);
-  const [isModalOpen, setIsModalOpen] = (0, import_react76.useState)(false);
-  const [projectName, setProjectName] = (0, import_react76.useState)("");
-  const [validationError, setValidationError] = (0, import_react76.useState)(null);
-  const [isCreating, setIsCreating] = (0, import_react76.useState)(false);
-  const projectNameInputRef = (0, import_react76.useRef)(null);
-  const resourceFolders = (0, import_react76.useMemo)(() => {
+  const [folderAssets, setFolderAssets] = (0, import_react79.useState)({});
+  const [folderLoading, setFolderLoading] = (0, import_react79.useState)({});
+  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react79.useState)(false);
+  const [uploadingFolder, setUploadingFolder] = (0, import_react79.useState)(null);
+  const [isModalOpen, setIsModalOpen] = (0, import_react79.useState)(false);
+  const [projectName, setProjectName] = (0, import_react79.useState)("");
+  const [validationError, setValidationError] = (0, import_react79.useState)(null);
+  const [isCreating, setIsCreating] = (0, import_react79.useState)(false);
+  const projectNameInputRef = (0, import_react79.useRef)(null);
+  const resourceFolders = (0, import_react79.useMemo)(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const currentProject = (0, import_react76.useMemo)(() => {
+  const currentProject = (0, import_react79.useMemo)(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
-  const loadAssetsForFolder = (0, import_react76.useCallback)(async (folder) => {
+  const loadAssetsForFolder = (0, import_react79.useCallback)(async (folder) => {
     if (!workspaceId || !projectId) {
       setFolderAssets((prev) => ({ ...prev, [folder.name]: [] }));
       return;
@@ -25042,19 +26157,19 @@ var ProjectsMenuContent = () => {
       setFolderLoading((prev) => ({ ...prev, [folder.name]: false }));
     }
   }, [workspaceId, projectId, listPathByFolder]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     resourceFolders.forEach((folder) => {
       loadAssetsForFolder(folder);
     });
   }, [workspaceId, projectId, loadAssetsForFolder, resourceFolders]);
-  const handleSelectProject = (0, import_react76.useCallback)((selectedProjectId) => {
+  const handleSelectProject = (0, import_react79.useCallback)((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const toggleProjectList = (0, import_react76.useCallback)(() => {
+  const toggleProjectList = (0, import_react79.useCallback)(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = (0, import_react76.useCallback)((name) => {
+  const validateProjectName = (0, import_react79.useCallback)((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH2) {
@@ -25062,9 +26177,9 @@ var ProjectsMenuContent = () => {
     }
     return null;
   }, []);
-  const handleOpenModal = (0, import_react76.useCallback)(() => {
+  const handleOpenModal = (0, import_react79.useCallback)(() => {
     if (!workspaceId) {
-      import_antd77.message.warning("Please select a workspace first");
+      import_antd78.message.warning("Please select a workspace first");
       return;
     }
     setProjectName("");
@@ -25072,7 +26187,7 @@ var ProjectsMenuContent = () => {
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = (0, import_react76.useCallback)(() => {
+  const handleCloseModal = (0, import_react79.useCallback)(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -25082,7 +26197,7 @@ var ProjectsMenuContent = () => {
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = (0, import_react76.useCallback)(async () => {
+  const handleCreateProject = (0, import_react79.useCallback)(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -25098,7 +26213,7 @@ var ProjectsMenuContent = () => {
       setProjectName("");
       setValidationError(null);
       setProject(project.id);
-      import_antd77.message.success(`Project "${project.name}" created`);
+      import_antd78.message.success(`Project "${project.name}" created`);
     } catch (err) {
       const errMsg = err instanceof Error ? err.message : "Failed to create project";
       setValidationError(errMsg);
@@ -25116,7 +26231,7 @@ var ProjectsMenuContent = () => {
   const isProjectNameValid = !validateProjectName(projectName.trim());
   const handleUploadClick = async (folderName) => {
     if (!workspaceId || !projectId) {
-      import_antd77.message.warning("Please select a workspace and project before uploading.");
+      import_antd78.message.warning("Please select a workspace and project before uploading.");
       return;
     }
     const input = document.createElement("input");
@@ -25130,14 +26245,14 @@ var ProjectsMenuContent = () => {
       setUploadingFolder(folderName);
       try {
         await uploadFileToFolder(folderName, file);
-        import_antd77.message.success(`Uploaded "${file.name}" successfully`);
+        import_antd78.message.success(`Uploaded "${file.name}" successfully`);
         const folder = resourceFolders.find((f) => f.name === folderName);
         if (folder) {
           await loadAssetsForFolder(folder);
         }
       } catch (error) {
         const errMsg = error instanceof Error ? error.message : "Failed to upload file";
-        import_antd77.message.error(errMsg);
+        import_antd78.message.error(errMsg);
       } finally {
         setUploadingFolder(null);
         input.remove();
@@ -25148,7 +26263,7 @@ var ProjectsMenuContent = () => {
   const handleAssetClick = (asset) => {
     const fileUrl = getFileViewUrl(asset.path);
     if (!fileUrl) {
-      import_antd77.message.warning("Please select a workspace and project first.");
+      import_antd78.message.warning("Please select a workspace and project first.");
       return;
     }
     openSideApp({
@@ -25171,13 +26286,13 @@ var ProjectsMenuContent = () => {
     const parts = path.split(/[/\\]/);
     return parts[parts.length - 1];
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.container, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: styles.container, children: [
     resourceFolders.map((folder) => {
       const assets = folderAssets[folder.name] || [];
       const isLoading = folderLoading[folder.name] || false;
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.section, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.sectionHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: styles.section, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: styles.sectionHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             "span",
             {
               className: styles.sectionTitle,
@@ -25186,47 +26301,47 @@ var ProjectsMenuContent = () => {
               children: folder.displayName || folder.name
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: styles.badge, children: assets.length })
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: styles.badge, children: assets.length })
         ] }),
-        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_antd77.Spin, { size: "small" }) }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.assetList, children: [
-          assets.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_antd78.Spin, { size: "small" }) }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: styles.assetList, children: [
+          assets.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
             "div",
             {
               className: styles.assetItem,
               onClick: () => handleAssetClick(asset),
               title: getFileName(asset.name || asset.path),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.assetIcon, children: getFileIcon2(getFileName(asset.name || asset.path)) }),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.assetInfo, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.assetName, children: getFileName(asset.name || asset.path) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.assetMeta, children: formatDate5(asset.modified_at) })
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: styles.assetIcon, children: getFileIcon2(getFileName(asset.name || asset.path)) }),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: styles.assetInfo, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: styles.assetName, children: getFileName(asset.name || asset.path) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: styles.assetMeta, children: formatDate5(asset.modified_at) })
                 ] })
               ]
             },
             asset.path
           )),
-          assets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.emptyState, children: "No files in this folder" }),
-          folder.allowUpload && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          assets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: styles.emptyState, children: "No files in this folder" }),
+          folder.allowUpload && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             "button",
             {
               type: "button",
               className: styles.uploadBtn,
               onClick: () => handleUploadClick(folder.name),
               disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
-              children: uploadingFolder === folder.name ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_antd77.Spin, { size: "small" }),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: "Uploading..." })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react26.Upload, { size: 14 }),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: "Upload" })
+              children: uploadingFolder === folder.name ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_antd78.Spin, { size: "small" }),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { children: "Uploading..." })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react26.Upload, { size: 14 }),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { children: "Upload" })
               ] })
             }
           )
         ] })
       ] }, folder.name);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
-      import_antd77.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+      import_antd78.Modal,
       {
         title: "Create New Project",
         open: isModalOpen,
@@ -25237,10 +26352,10 @@ var ProjectsMenuContent = () => {
         maskClosable: !isCreating,
         keyboard: true,
         closable: true,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: styles.modalFooter, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_antd77.Button, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-            import_antd77.Button,
+        footer: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: styles.modalFooter, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_antd78.Button, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+            import_antd78.Button,
             {
               type: "primary",
               onClick: handleCreateProject,
@@ -25251,9 +26366,9 @@ var ProjectsMenuContent = () => {
           )
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("label", { className: styles.formLabel, htmlFor: "project-name", children: "Project Name" }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-            import_antd77.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("label", { className: styles.formLabel, htmlFor: "project-name", children: "Project Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+            import_antd78.Input,
             {
               id: "project-name",
               ref: projectNameInputRef,
@@ -25267,7 +26382,7 @@ var ProjectsMenuContent = () => {
               disabled: isCreating
             }
           ),
-          validationError && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: styles.formError, role: "alert", children: validationError })
+          validationError && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: styles.formError, role: "alert", children: validationError })
         ]
       }
     )
@@ -25275,11 +26390,11 @@ var ProjectsMenuContent = () => {
 };
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-var import_react77 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 var import_antd_style31 = require("antd-style");
 var import_lucide_react27 = require("lucide-react");
-var import_antd78 = require("antd");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_antd79 = require("antd");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var useStyles19 = (0, import_antd_style31.createStyles)(({ token, css }) => ({
   container: css`
     padding: 4px;
@@ -25389,10 +26504,10 @@ var ThreadHistoryMenuContent = () => {
     deleteThread,
     isLoading
   } = useConversationContext();
-  const handleDeleteThread = (0, import_react77.useCallback)(
+  const handleDeleteThread = (0, import_react80.useCallback)(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
-      import_antd78.Modal.confirm({
+      import_antd79.Modal.confirm({
         title: "Delete Conversation",
         content: "Are you sure you want to delete this conversation? This action cannot be undone.",
         okText: "Delete",
@@ -25401,16 +26516,16 @@ var ThreadHistoryMenuContent = () => {
         onOk: async () => {
           try {
             await deleteThread(threadIdToDelete);
-            import_antd78.message.success("Conversation deleted");
+            import_antd79.message.success("Conversation deleted");
           } catch (error) {
-            import_antd78.message.error("Failed to delete conversation");
+            import_antd79.message.error("Failed to delete conversation");
           }
         }
       });
     },
     [deleteThread]
   );
-  const sortedThreads = import_react77.default.useMemo(() => {
+  const sortedThreads = import_react80.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;
@@ -25418,30 +26533,30 @@ var ThreadHistoryMenuContent = () => {
     });
   }, [threads]);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: styles.loading, children: "Loading conversations..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.loading, children: "Loading conversations..." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "div",
     {
       className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
       onClick: () => selectThread(thread.id),
       title: thread.label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: styles.threadIcon, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react27.MessageSquare, { size: 14 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.threadIcon, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react27.MessageSquare, { size: 14 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           "div",
           {
             className: thread.id === threadId ? styles.threadNameActive : styles.threadName,
             children: thread.label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           "button",
           {
             className: styles.deleteBtn,
             onClick: (e) => handleDeleteThread(e, thread.id),
             title: "Delete conversation",
-            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react27.Trash2, { size: 12 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react27.Trash2, { size: 12 })
           }
         )
       ]
@@ -25451,7 +26566,7 @@ var ThreadHistoryMenuContent = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var DRAWER_STYLES2 = {
   wrapper: {
     background: "transparent",
@@ -25477,7 +26592,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "new-analysis",
     type: "action",
     name: "New Analysis",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react28.PlusCircle, { size: 20 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react28.PlusCircle, { size: 20 }),
     order: 0
   },
   // Second: Thread History (inline drawer)
@@ -25486,13 +26601,13 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "thread-history",
     type: "drawer",
     name: "History",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react28.History, { size: 20 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react28.History, { size: 20 }),
     order: 1,
     title: "Conversation History",
     width: 320,
     inline: true,
     inlineDefaultExpanded: false,
-    content: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ThreadHistoryMenuContent, {})
+    content: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ThreadHistoryMenuContent, {})
   },
   // Third: Projects (inline drawer)
   {
@@ -25500,13 +26615,13 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "projects",
     type: "drawer",
     name: "Project Files",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react28.FolderOpen, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react28.FolderOpen, {}),
     order: 2,
     title: "Project Files",
     width: 320,
     inline: true,
     inlineDefaultExpanded: true,
-    content: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ProjectsMenuContent, {})
+    content: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ProjectsMenuContent, {})
   },
   // Logout action
   {
@@ -25514,7 +26629,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "logout",
     type: "action",
     name: "Logout",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react28.LogOut, { size: 20 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react28.LogOut, { size: 20 }),
     order: 1e3,
     group: "Account"
   }
@@ -25528,7 +26643,7 @@ var ChatSidebar = ({
   const { sideAppVisible, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { logout } = useAuth();
   const { createThread } = useConversationContext();
-  const [drawerStates, setDrawerStates] = (0, import_react78.useState)({});
+  const [drawerStates, setDrawerStates] = (0, import_react81.useState)({});
   const {
     sidebarMode,
     sidebarShowToggle,
@@ -25537,14 +26652,14 @@ var ChatSidebar = ({
     sidebarLogoIcon
   } = config;
   const isExpandedMode = sidebarMode === "expanded";
-  const menuItems = (0, import_react78.useMemo)(() => {
+  const menuItems = (0, import_react81.useMemo)(() => {
     const items = [...DEFAULT_MENU_ITEMS];
     for (const item of customMenuItems) {
       items.push(item);
     }
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
-  const handleMenuClick = (0, import_react78.useCallback)(async (item) => {
+  const handleMenuClick = (0, import_react81.useCallback)(async (item) => {
     if (item.builtin === "settings") {
       setSettingsModalOpen(true);
       onSettingsClick?.();
@@ -25569,28 +26684,28 @@ var ChatSidebar = ({
       }
     }
   }, [onSettingsClick, setSettingsModalOpen, createThread, logout]);
-  const handleCloseDrawer = (0, import_react78.useCallback)((itemId) => {
+  const handleCloseDrawer = (0, import_react81.useCallback)((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleNewAnalysis = (0, import_react78.useCallback)(async () => {
+  const handleNewAnalysis = (0, import_react81.useCallback)(async () => {
     try {
       await createThread("New Analysis");
     } catch (error) {
       console.error("Failed to create new thread:", error);
     }
   }, [createThread]);
-  const renderDrawerContent = (0, import_react78.useCallback)((item) => {
+  const renderDrawerContent = (0, import_react81.useCallback)((item) => {
     switch (item.builtin) {
       case "projects":
-        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ProjectsMenuContent, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ProjectsMenuContent, {});
       case "thread-history":
-        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ThreadHistoryMenuContent, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ThreadHistoryMenuContent, {});
       default:
         return item.content;
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       Menu,
       {
         items: menuItems,
@@ -25606,12 +26721,12 @@ var ChatSidebar = ({
         onCollapsedChange: setMenuCollapsed
       }
     ),
-    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-      import_antd79.Drawer,
+    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+      import_antd80.Drawer,
       {
-        title: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        title: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             "button",
             {
               onClick: () => handleCloseDrawer(item.id),
@@ -25626,7 +26741,7 @@ var ChatSidebar = ({
                 background: "rgba(255, 255, 255, 0.5)",
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react28.PanelLeftClose, { size: 24 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react28.PanelLeftClose, { size: 24 })
             }
           )
         ] }),
@@ -25657,16 +26772,16 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var LatticeChatView = (props) => {
-  const shellContext = (0, import_react79.useContext)(LatticeChatShellContext);
+  const shellContext = (0, import_react82.useContext)(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     AxiomLatticeProvider,
     {
       config: {
@@ -25675,14 +26790,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: showSideMenu ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
+          menu: showSideMenu ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
         }
       )
     }
@@ -25690,13 +26805,13 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-var import_react80 = require("react");
-var import_antd80 = require("antd");
-var import_icons36 = require("@ant-design/icons");
+var import_react83 = require("react");
+var import_antd81 = require("antd");
+var import_icons37 = require("@ant-design/icons");
 var import_antd_style32 = require("antd-style");
-var import_jsx_runtime104 = require("react/jsx-runtime");
-var { Text: Text37, Title: Title13 } = import_antd80.Typography;
-var { TextArea: TextArea8 } = import_antd80.Input;
+var import_jsx_runtime107 = require("react/jsx-runtime");
+var { Text: Text37, Title: Title13 } = import_antd81.Typography;
+var { TextArea: TextArea8 } = import_antd81.Input;
 var useStyles20 = (0, import_antd_style32.createStyles)(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
@@ -26042,12 +27157,12 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons36.EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons37.EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons36.ApiOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons37.ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
@@ -26056,7 +27171,7 @@ var SettingsModal = ({
 }) => {
   const { styles } = useStyles20();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = (0, import_react80.useState)(() => {
+  const [connections, setConnections] = (0, import_react83.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -26079,21 +27194,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = (0, import_react80.useState)({});
-  const connectionsRef = (0, import_react80.useRef)(connections);
-  (0, import_react80.useEffect)(() => {
+  const [serverConfigs, setServerConfigs] = (0, import_react83.useState)({});
+  const connectionsRef = (0, import_react83.useRef)(connections);
+  (0, import_react83.useEffect)(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = (0, import_react80.useState)(
+  const [activeTabKey, setActiveTabKey] = (0, import_react83.useState)(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = (0, import_react80.useState)("environment");
-  const [loading, setLoading] = (0, import_react80.useState)(false);
-  const [showAddServerModal, setShowAddServerModal] = (0, import_react80.useState)(false);
-  const [newServerUrl, setNewServerUrl] = (0, import_react80.useState)("");
-  const [newServerName, setNewServerName] = (0, import_react80.useState)("");
-  const [newServerApiKey, setNewServerApiKey] = (0, import_react80.useState)("");
-  const [addingServer, setAddingServer] = (0, import_react80.useState)(false);
+  const [activeMenu, setActiveMenu] = (0, import_react83.useState)("environment");
+  const [loading, setLoading] = (0, import_react83.useState)(false);
+  const [showAddServerModal, setShowAddServerModal] = (0, import_react83.useState)(false);
+  const [newServerUrl, setNewServerUrl] = (0, import_react83.useState)("");
+  const [newServerName, setNewServerName] = (0, import_react83.useState)("");
+  const [newServerApiKey, setNewServerApiKey] = (0, import_react83.useState)("");
+  const [addingServer, setAddingServer] = (0, import_react83.useState)(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -26232,7 +27347,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      import_antd80.message.error("Failed to load current configuration");
+      import_antd81.message.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -26283,7 +27398,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  (0, import_react80.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -26292,7 +27407,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -26306,7 +27421,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      import_antd80.message.error("Please enter a server URL");
+      import_antd81.message.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -26332,7 +27447,7 @@ var SettingsModal = ({
     setNewServerUrl("");
     setNewServerName("");
     setNewServerApiKey("");
-    import_antd80.notification.success({
+    import_antd81.notification.success({
       message: "Added",
       description: "Server added successfully"
     });
@@ -26352,7 +27467,7 @@ var SettingsModal = ({
         setActiveTabKey("");
       }
     }
-    import_antd80.notification.success({
+    import_antd81.notification.success({
       message: "Deleted",
       description: "Server deleted"
     });
@@ -26369,12 +27484,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      import_antd80.message.error("Please connect to a server first");
+      import_antd81.message.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      import_antd80.message.error("Please connect to a server first");
+      import_antd81.message.error("Please connect to a server first");
       return;
     }
     try {
@@ -26438,26 +27553,26 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            import_antd80.message.warning(
+            import_antd81.message.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
               5
             );
           } else {
-            import_antd80.notification.success({
+            import_antd81.notification.success({
               message: "Saved",
               description: "Configuration saved and applied successfully"
             });
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              import_antd80.message.warning(warning, 5);
+              import_antd81.message.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          import_antd80.message.error(data.error || "Failed to save configuration");
+          import_antd81.message.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -26476,18 +27591,18 @@ var SettingsModal = ({
         });
         const data = await response.json();
         if (response.ok && data.success) {
-          import_antd80.notification.success({
+          import_antd81.notification.success({
             message: "Saved",
             description: "Model configuration saved and registered successfully"
           });
           onClose();
         } else {
-          import_antd80.message.error(data.error || "Failed to save model configuration");
+          import_antd81.message.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      import_antd80.message.error(error.message || "Failed to save configuration");
+      import_antd81.message.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -26503,25 +27618,25 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-        import_antd80.Alert,
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        import_antd81.Alert,
         {
           message: "Configuration Effect",
-          description: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-                import_icons36.CheckCircleOutlined,
+          description: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                import_icons37.CheckCircleOutlined,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons36.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("strong", { children: "Requires restart:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons37.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -26530,8 +27645,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure environment variables in .env format (key=value). One variable per line. Leave password fields empty to keep current values." }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure environment variables in .env format (key=value). One variable per line. Leave password fields empty to keep current values." }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         TextArea8,
         {
           value: config.envText,
@@ -26608,10 +27723,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
-      config.models.map((model, index) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: styles.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
+      config.models.map((model, index) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
           "div",
           {
             style: {
@@ -26623,12 +27738,12 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text37, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Text37, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+                model.key && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
                   Text37,
                   {
                     type: "secondary",
@@ -26641,8 +27756,8 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-                import_antd80.Button,
+              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                import_antd81.Button,
                 {
                   type: "text",
                   danger: true,
@@ -26658,11 +27773,11 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_antd80.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_antd81.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Input,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -26670,12 +27785,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Select,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Select,
               {
                 style: { width: "100%", height: 40 },
                 value: model.provider,
@@ -26690,10 +27805,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Input,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -26702,10 +27817,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Input.Password,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Input.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -26713,12 +27828,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Input,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -26726,23 +27841,23 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_antd80.Space, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Switch,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_antd81.Space, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Switch,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { children: "Enable Streaming" })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { children: "Enable Streaming" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-                import_antd80.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                import_antd81.Input,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -26756,10 +27871,10 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-                import_antd80.Input,
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                import_antd81.Input,
                 {
                   type: "number",
                   step: "0.1",
@@ -26777,8 +27892,8 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-        import_antd80.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        import_antd81.Button,
         {
           type: "dashed",
           onClick: handleAddModel,
@@ -26805,9 +27920,9 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-        import_icons36.CloudServerOutlined,
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        import_icons37.CloudServerOutlined,
         {
           style: {
             marginRight: 8,
@@ -26815,15 +27930,15 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-        import_icons36.CheckCircleFilled,
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        import_icons37.CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-        import_icons36.CloseCircleFilled,
+      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        import_icons37.CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
         }
@@ -26833,35 +27948,35 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_jsx_runtime107.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: styles.content, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: styles.contentHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text37, { className: styles.contentDescription, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.contentHeaderLeft, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Text37, { className: styles.contentDescription, children: [
               activeMenu === "environment" && "Manage environment variables for the gateway server",
               activeMenu === "models" && "Configure and register model lattices for use by agents"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_antd80.Button, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.contentHeaderRight, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_antd81.Button, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Button,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons36.SaveOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons37.SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -26869,9 +27984,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "div",
       {
         style: {
@@ -26883,17 +27998,17 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons36.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Title13, { level: 4, children: "Connecting..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text37, { type: "secondary", style: { textAlign: "center" }, children: [
+        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons37.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Title13, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Text37, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons36.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons37.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
             Text37,
             {
               type: "secondary",
@@ -26901,11 +28016,11 @@ QUEUE_NAME=tasks`,
               children: connection.error ? `Failed to connect to ${connection.url}. Please check the server URL and try again.` : `Click "Reconnect" to connect to ${connection.url}`
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-            import_antd80.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            import_antd81.Button,
             {
               type: "primary",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons36.LinkOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons37.LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -26917,9 +28032,9 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-      import_antd80.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+      import_antd81.Modal,
       {
         open,
         onCancel: onClose,
@@ -26927,8 +28042,8 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-          import_antd80.Tabs,
+        children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+          import_antd81.Tabs,
           {
             activeKey: activeTabKey,
             onChange: handleTabChange,
@@ -26941,7 +28056,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+            addIcon: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
               "div",
               {
                 style: {
@@ -26951,8 +28066,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_icons36.PlusOutlined, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { children: "Add Server" })
+                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons37.PlusOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: "Add Server" })
                 ]
               }
             )
@@ -26960,8 +28075,8 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-      import_antd80.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+      import_antd81.Modal,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -26974,11 +28089,11 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_antd80.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Input,
+        children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_antd81.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Input,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -26986,12 +28101,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Input,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -26999,12 +28114,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_antd80.Input.Password,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              import_antd81.Input.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -27012,7 +28127,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -27021,10 +28136,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -27034,24 +28149,24 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var ShellContent = ({
   initialAssistantId,
   enableWorkspace
 }) => {
   const { currentTenant } = useAuth();
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, { children: enableWorkspace ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(WorkspaceContextProvider, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(AgentServerSetting, {})
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(AgentServerSetting, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_jsx_runtime109.Fragment, { children: enableWorkspace ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(WorkspaceContextProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(AgentServerSetting, {})
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(AgentServerSetting, {})
   ] }) });
 };
 var LatticeChatShell = (props) => {
   const { enableAssistantCreation, enableAssistantEditing, enableWorkspace: enableWorkspaceProp, ...restProps } = props;
   const enableWorkspace = enableWorkspaceProp ?? restProps.initialConfig?.enableWorkspace ?? false;
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     LatticeChatShellContextProvider,
     {
       initialConfig: {
@@ -27060,7 +28175,7 @@ var LatticeChatShell = (props) => {
         enableWorkspace,
         ...restProps.initialConfig
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
         ShellContent,
         {
           initialAssistantId: restProps.initialConfig?.assistantId,
@@ -27104,6 +28219,7 @@ var LatticeChatShell = (props) => {
   SkillCategoryPrompts,
   SkillFlow,
   SkillNode,
+  StreamingHTMLRenderer,
   TenantSelector,
   UserProfile,
   WorkspaceResourceManager,
@@ -27113,6 +28229,7 @@ var LatticeChatShell = (props) => {
   axiomAntdThemeDark,
   axiomTokens,
   colors,
+  generateIframeSrcdoc,
   generateLabelFromMessage,
   getAxiomAntdTheme,
   getElement,