@axiom-lattice/react-sdk 2.1.53 → 2.1.55

package/dist/index.mjs

@@ -1189,6 +1189,7 @@ var DEFAULT_CONFIG = {
   enableSkillSlot: true,
   enableAgentSlot: true,
   enableMetricsDataSourceSlot: true,
+  enableModelSelector: false,
   sidebarMode: "icon",
   sidebarDefaultExpanded: true,
   sidebarShowToggle: true,
@@ -8079,7 +8080,7 @@ import {
   Space as Space28,
   Typography as Typography33
 } from "antd";
-import React40, { useContext as useContext10, useEffect as useEffect34, useRef as useRef20, useState as useState52 } from "react";
+import React41, { useCallback as useCallback26, useContext as useContext10, useEffect as useEffect35, useRef as useRef21, useState as useState53 } from "react";
 import { BrainCircuit as BrainCircuit3 } from "lucide-react";
 
 // src/components/GenUI/HITLContainer.tsx
@@ -18224,6 +18225,95 @@ var MetricsDataSourcePicker = ({
   ] });
 };
 
+// src/components/Chat/ModelSelector.tsx
+import { useState as useState50, useEffect as useEffect33, useCallback as useCallback25, useRef as useRef20 } from "react";
+import { Select as Select6 } from "antd";
+import { jsx as jsx76 } from "react/jsx-runtime";
+var ModelSelector = ({
+  value,
+  onChange,
+  defaultModelKey = "default",
+  style
+}) => {
+  const [models, setModels] = useState50([]);
+  const [isLoading, setIsLoading] = useState50(false);
+  const [internalValue, setInternalValue] = useState50(null);
+  const [dropdownOpen, setDropdownOpen] = useState50(false);
+  const [isHovered, setIsHovered] = useState50(false);
+  const hasFetchedRef = useRef20(false);
+  const hasSetDefaultRef = useRef20(false);
+  const { get } = useApi();
+  const selectedModelConfig = value !== void 0 ? value : internalValue;
+  const setSelectedModelConfig = useCallback25((config) => {
+    if (value === void 0) {
+      setInternalValue(config);
+    }
+    onChange?.(config);
+  }, [value, onChange]);
+  const fetchModels = useCallback25(async () => {
+    if (hasFetchedRef.current) return;
+    hasFetchedRef.current = true;
+    setIsLoading(true);
+    try {
+      const response = await get("/api/models");
+      const modelList = response.data || [];
+      setModels(modelList);
+      if (!hasSetDefaultRef.current && !selectedModelConfig && modelList.length > 0) {
+        hasSetDefaultRef.current = true;
+        const defaultModel = modelList.find((m) => m.key === defaultModelKey);
+        if (defaultModel) {
+          setSelectedModelConfig({ modelKey: defaultModel.key });
+        }
+      }
+    } catch (err) {
+      console.error("Failed to fetch models:", err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [get, defaultModelKey]);
+  useEffect33(() => {
+    fetchModels();
+  }, [fetchModels]);
+  const handleChange = (modelKey) => {
+    setSelectedModelConfig({ modelKey });
+    setDropdownOpen(false);
+  };
+  const currentModel = models.find((m) => m.key === selectedModelConfig?.modelKey);
+  const displayText = currentModel?.displayName || currentModel?.model || "Model";
+  return /* @__PURE__ */ jsx76(
+    "div",
+    {
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      style: {
+        display: "inline-block",
+        borderRadius: 8,
+        backgroundColor: isHovered ? "rgba(0, 0, 0, 0.06)" : "transparent",
+        transition: "background-color 0.2s ease"
+      },
+      children: /* @__PURE__ */ jsx76(
+        Select6,
+        {
+          variant: "borderless",
+          value: selectedModelConfig?.modelKey,
+          onChange: handleChange,
+          loading: isLoading,
+          open: dropdownOpen,
+          onDropdownVisibleChange: setDropdownOpen,
+          style: { minWidth: 80, ...style },
+          placeholder: "Model",
+          suffixIcon: null,
+          options: models.map((model) => ({
+            value: model.key,
+            label: model.displayName || model.model
+          })),
+          dropdownMatchSelectWidth: false
+        }
+      )
+    }
+  );
+};
+
 // src/components/Chat/SkillCategoryPrompts.tsx
 import {
   BulbOutlined,
@@ -18244,49 +18334,49 @@ import {
 } from "@ant-design/icons";
 import { Prompts } from "@ant-design/x";
 import { Space as Space26, Typography as Typography31, Spin as Spin12 } from "antd";
-import { useEffect as useEffect33, useState as useState50, useMemo as useMemo17 } from "react";
+import { useEffect as useEffect34, useState as useState51, useMemo as useMemo17 } from "react";
 import { BrainCircuit as BrainCircuit2 } from "lucide-react";
-import { jsx as jsx76, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs50 } from "react/jsx-runtime";
 var categoryConfig = {
   business_analysis: {
-    icon: /* @__PURE__ */ jsx76(BarChartOutlined, {}),
+    icon: /* @__PURE__ */ jsx77(BarChartOutlined, {}),
     color: "#1890FF",
     label: "Business Analysis"
   },
   code_generation: {
-    icon: /* @__PURE__ */ jsx76(CodeOutlined6, {}),
+    icon: /* @__PURE__ */ jsx77(CodeOutlined6, {}),
     color: "#722ED1",
     label: "Code Generation"
   },
   document_processing: {
-    icon: /* @__PURE__ */ jsx76(FileTextOutlined9, {}),
+    icon: /* @__PURE__ */ jsx77(FileTextOutlined9, {}),
     color: "#52C41A",
     label: "Document Processing"
   },
   data_analysis: {
-    icon: /* @__PURE__ */ jsx76(DatabaseOutlined2, {}),
+    icon: /* @__PURE__ */ jsx77(DatabaseOutlined2, {}),
     color: "#13C2C2",
     label: "Data Analysis"
   },
   tool_operation: {
-    icon: /* @__PURE__ */ jsx76(ToolOutlined4, {}),
+    icon: /* @__PURE__ */ jsx77(ToolOutlined4, {}),
     color: "#FAAD14",
     label: "Tool Operations"
   },
   general: {
-    icon: /* @__PURE__ */ jsx76(BulbOutlined, {}),
+    icon: /* @__PURE__ */ jsx77(BulbOutlined, {}),
     color: "#FFD700",
     label: "General Skills"
   },
   global: {
-    icon: /* @__PURE__ */ jsx76(GlobalOutlined2, {}),
+    icon: /* @__PURE__ */ jsx77(GlobalOutlined2, {}),
     color: "#EB2F96",
     label: "Global Skills"
   }
 };
 var getCategoryConfig = (category) => {
   return categoryConfig[category] || {
-    icon: /* @__PURE__ */ jsx76(TagsOutlined, {}),
+    icon: /* @__PURE__ */ jsx77(TagsOutlined, {}),
     color: "#8C8C8C",
     label: category
   };
@@ -18314,27 +18404,27 @@ var iconColors = [
   // Magenta
 ];
 var simpleIcons = [
-  /* @__PURE__ */ jsx76(BulbOutlined, {}),
-  /* @__PURE__ */ jsx76(RocketOutlined, {}),
-  /* @__PURE__ */ jsx76(WarningOutlined, {}),
-  /* @__PURE__ */ jsx76(CheckCircleOutlined5, {}),
-  /* @__PURE__ */ jsx76(CoffeeOutlined2, {}),
-  /* @__PURE__ */ jsx76(SmileOutlined, {}),
-  /* @__PURE__ */ jsx76(FireOutlined, {}),
-  /* @__PURE__ */ jsx76(BarChartOutlined, {}),
-  /* @__PURE__ */ jsx76(CodeOutlined6, {}),
-  /* @__PURE__ */ jsx76(DatabaseOutlined2, {})
+  /* @__PURE__ */ jsx77(BulbOutlined, {}),
+  /* @__PURE__ */ jsx77(RocketOutlined, {}),
+  /* @__PURE__ */ jsx77(WarningOutlined, {}),
+  /* @__PURE__ */ jsx77(CheckCircleOutlined5, {}),
+  /* @__PURE__ */ jsx77(CoffeeOutlined2, {}),
+  /* @__PURE__ */ jsx77(SmileOutlined, {}),
+  /* @__PURE__ */ jsx77(FireOutlined, {}),
+  /* @__PURE__ */ jsx77(BarChartOutlined, {}),
+  /* @__PURE__ */ jsx77(CodeOutlined6, {}),
+  /* @__PURE__ */ jsx77(DatabaseOutlined2, {})
 ];
 var SkillCategoryPrompts = ({
   senderRef,
   visible = true
 }) => {
-  const [skills, setSkills] = useState50([]);
-  const [loading, setLoading] = useState50(false);
-  const [showAll, setShowAll] = useState50(false);
+  const [skills, setSkills] = useState51([]);
+  const [loading, setLoading] = useState51(false);
+  const [showAll, setShowAll] = useState51(false);
   const { get } = useApi();
   const MAX_SIMPLE_ITEMS = 10;
-  useEffect33(() => {
+  useEffect34(() => {
     const loadSkills = async () => {
       setLoading(true);
       try {
@@ -18372,8 +18462,8 @@ var SkillCategoryPrompts = ({
             key: `skill_${skill.id}_${Date.now()}`,
             props: {
               label: /* @__PURE__ */ jsxs50(Space26, { size: 1, children: [
-                /* @__PURE__ */ jsx76(BrainCircuit2, { size: 12 }),
-                /* @__PURE__ */ jsx76(Typography31.Text, { children: skill.name })
+                /* @__PURE__ */ jsx77(BrainCircuit2, { size: 12 }),
+                /* @__PURE__ */ jsx77(Typography31.Text, { children: skill.name })
               ] }),
               value: `[Use Skill:${skill.name}]`
             }
@@ -18389,13 +18479,13 @@ var SkillCategoryPrompts = ({
   const getSimpleItems = () => {
     const items = skills.slice(0, MAX_SIMPLE_ITEMS).map((skill, index) => ({
       key: skill.id,
-      icon: /* @__PURE__ */ jsx76("span", { style: { color: iconColors[index % iconColors.length] }, children: simpleIcons[index % simpleIcons.length] }),
+      icon: /* @__PURE__ */ jsx77("span", { style: { color: iconColors[index % iconColors.length] }, children: simpleIcons[index % simpleIcons.length] }),
       label: skill.name
     }));
     if (skills.length > MAX_SIMPLE_ITEMS || Object.keys(groupedSkills).length > 1) {
       items.push({
         key: "more",
-        icon: /* @__PURE__ */ jsx76(MoreOutlined, { style: { color: "#8C8C8C" } }),
+        icon: /* @__PURE__ */ jsx77(MoreOutlined, { style: { color: "#8C8C8C" } }),
         description: "View more skill categories"
       });
     }
@@ -18404,7 +18494,7 @@ var SkillCategoryPrompts = ({
   const getGroupedItems = (skillsList) => {
     return skillsList.map((skill) => ({
       key: skill.id,
-      icon: /* @__PURE__ */ jsx76(
+      icon: /* @__PURE__ */ jsx77(
         BrainCircuit2,
         {
           size: 16,
@@ -18421,13 +18511,13 @@ var SkillCategoryPrompts = ({
     return null;
   }
   if (loading) {
-    return /* @__PURE__ */ jsx76("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ jsx76(Spin12, { size: "large" }) });
+    return /* @__PURE__ */ jsx77("div", { style: { textAlign: "center", padding: 40 }, children: /* @__PURE__ */ jsx77(Spin12, { size: "large" }) });
   }
   if (skills.length === 0) {
     return null;
   }
   if (!showAll) {
-    return /* @__PURE__ */ jsx76(
+    return /* @__PURE__ */ jsx77(
       "div",
       {
         style: {
@@ -18436,7 +18526,7 @@ var SkillCategoryPrompts = ({
           overflowY: "auto",
           overflowX: "hidden"
         },
-        children: /* @__PURE__ */ jsx76(
+        children: /* @__PURE__ */ jsx77(
           Prompts,
           {
             title: "\u2728 Quick actions",
@@ -18463,7 +18553,7 @@ var SkillCategoryPrompts = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     "div",
     {
       style: {
@@ -18474,12 +18564,12 @@ var SkillCategoryPrompts = ({
       },
       children: Object.entries(groupedSkills).map(([category, categorySkills]) => {
         const config = getCategoryConfig(category);
-        return /* @__PURE__ */ jsx76("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ jsx76(
+        return /* @__PURE__ */ jsx77("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ jsx77(
           Prompts,
           {
             title: /* @__PURE__ */ jsxs50(Space26, { children: [
-              /* @__PURE__ */ jsx76("span", { style: { color: config.color }, children: config.icon }),
-              /* @__PURE__ */ jsx76("span", { children: config.label })
+              /* @__PURE__ */ jsx77("span", { style: { color: config.color }, children: config.icon }),
+              /* @__PURE__ */ jsx77("span", { children: config.label })
             ] }),
             items: getGroupedItems(categorySkills),
             onItemClick: (info) => {
@@ -18513,12 +18603,12 @@ import {
 } from "@ant-design/icons";
 import { Prompts as Prompts2 } from "@ant-design/x";
 import { Space as Space27, Tabs } from "antd";
-import { useState as useState51, useMemo as useMemo18 } from "react";
-import { jsx as jsx77, jsxs as jsxs51 } from "react/jsx-runtime";
+import { useState as useState52, useMemo as useMemo18 } from "react";
+import { jsx as jsx78, jsxs as jsxs51 } from "react/jsx-runtime";
 var defaultCategoryIcons = {
-  financial: /* @__PURE__ */ jsx77(DollarOutlined, {}),
-  sales: /* @__PURE__ */ jsx77(LineChartOutlined, {}),
-  operations: /* @__PURE__ */ jsx77(ToolOutlined5, {})
+  financial: /* @__PURE__ */ jsx78(DollarOutlined, {}),
+  sales: /* @__PURE__ */ jsx78(LineChartOutlined, {}),
+  operations: /* @__PURE__ */ jsx78(ToolOutlined5, {})
 };
 var defaultCategoryColors = {
   financial: "#52C41A",
@@ -18732,14 +18822,14 @@ var BusinessAnalysisPrompts = ({
   simpleModeTitle = "Quick Analysis",
   expandModeTitle = "Analysis Categories"
 }) => {
-  const [showAll, setShowAll] = useState51(false);
+  const [showAll, setShowAll] = useState52(false);
   const { config } = useLatticeChatShellContext();
   const analysisData = useMemo18(() => {
     const customData = config.quickPromptsData;
     if (customData && Array.isArray(customData) && customData.length > 0) {
       return customData.map((category) => ({
         ...category,
-        icon: category.icon || defaultCategoryIcons[category.key] || /* @__PURE__ */ jsx77(TagsOutlined2, {}),
+        icon: category.icon || defaultCategoryIcons[category.key] || /* @__PURE__ */ jsx78(TagsOutlined2, {}),
         color: category.color || defaultCategoryColors[category.key] || "#8C8C8C",
         items: category.items.map((item) => ({
           ...item,
@@ -18750,7 +18840,7 @@ var BusinessAnalysisPrompts = ({
     }
     return defaultAnalysisData.map((category) => ({
       ...category,
-      icon: defaultCategoryIcons[category.key] || /* @__PURE__ */ jsx77(TagsOutlined2, {}),
+      icon: defaultCategoryIcons[category.key] || /* @__PURE__ */ jsx78(TagsOutlined2, {}),
       color: defaultCategoryColors[category.key] || "#8C8C8C"
     }));
   }, [config.quickPromptsData]);
@@ -18770,13 +18860,13 @@ var BusinessAnalysisPrompts = ({
   const getSimpleItems = () => {
     const items = allItems.slice(0, maxSimpleItems).map((item, index) => ({
       key: item.key,
-      icon: /* @__PURE__ */ jsx77("span", { style: { color: simpleModeColors[index % simpleModeColors.length] }, children: item.icon || /* @__PURE__ */ jsx77(TagsOutlined2, {}) }),
+      icon: /* @__PURE__ */ jsx78("span", { style: { color: simpleModeColors[index % simpleModeColors.length] }, children: item.icon || /* @__PURE__ */ jsx78(TagsOutlined2, {}) }),
       label: item.label
     }));
     if (allItems.length > maxSimpleItems || analysisData.length > 1) {
       items.push({
         key: "more",
-        icon: /* @__PURE__ */ jsx77(MoreOutlined2, { style: { color: "#8C8C8C" } }),
+        icon: /* @__PURE__ */ jsx78(MoreOutlined2, { style: { color: "#8C8C8C" } }),
         description: "View more analysis options"
       });
     }
@@ -18785,7 +18875,7 @@ var BusinessAnalysisPrompts = ({
   const getGroupedItems = (items) => {
     return items.map((item) => ({
       key: item.key,
-      icon: /* @__PURE__ */ jsx77("span", { style: { color: "#8C8C8C" }, children: item.icon || /* @__PURE__ */ jsx77(TagsOutlined2, {}) }),
+      icon: /* @__PURE__ */ jsx78("span", { style: { color: "#8C8C8C" }, children: item.icon || /* @__PURE__ */ jsx78(TagsOutlined2, {}) }),
       label: item.label,
       description: item.description
     }));
@@ -18794,7 +18884,7 @@ var BusinessAnalysisPrompts = ({
     return null;
   }
   if (!showAll) {
-    return /* @__PURE__ */ jsx77(
+    return /* @__PURE__ */ jsx78(
       "div",
       {
         style: {
@@ -18802,7 +18892,7 @@ var BusinessAnalysisPrompts = ({
           maxWidth: "800px",
           margin: "0 auto"
         },
-        children: /* @__PURE__ */ jsx77(
+        children: /* @__PURE__ */ jsx78(
           Prompts2,
           {
             title: simpleModeTitle,
@@ -18830,7 +18920,7 @@ var BusinessAnalysisPrompts = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     "div",
     {
       style: {
@@ -18838,17 +18928,17 @@ var BusinessAnalysisPrompts = ({
         maxWidth: "800px",
         margin: "0 auto"
       },
-      children: /* @__PURE__ */ jsx77(
+      children: /* @__PURE__ */ jsx78(
         Tabs,
         {
           defaultActiveKey: analysisData[0]?.key,
           items: analysisData.map((category) => ({
             key: category.key,
             label: /* @__PURE__ */ jsxs51(Space27, { children: [
-              /* @__PURE__ */ jsx77("span", { style: { color: category.color }, children: category.icon }),
-              /* @__PURE__ */ jsx77("span", { children: category.title })
+              /* @__PURE__ */ jsx78("span", { style: { color: category.color }, children: category.icon }),
+              /* @__PURE__ */ jsx78("span", { children: category.title })
             ] }),
-            children: /* @__PURE__ */ jsx77(
+            children: /* @__PURE__ */ jsx78(
               Prompts2,
               {
                 items: getGroupedItems(category.items),
@@ -18876,7 +18966,7 @@ var BusinessAnalysisPrompts = ({
 };
 
 // src/components/Chat/Chating.tsx
-import { Fragment as Fragment18, jsx as jsx78, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx79, jsxs as jsxs52 } from "react/jsx-runtime";
 var slotConfig = [];
 var Chating = ({
   avatar,
@@ -18892,16 +18982,18 @@ var Chating = ({
   showSender = true,
   showHITL = true,
   showRefreshButton = false,
+  showModelSelector,
+  showEmptyState = true,
   emptyStateGreeting,
   emptyStateQuestion = "Ready to turn data into insightful charts in seconds?",
   welcomePrefix = "Hey"
 }) => {
-  const [content, setContent] = useState52("");
-  const [attachedFiles, setAttachedFiles] = useState52([]);
+  const [content, setContent] = useState53("");
+  const [attachedFiles, setAttachedFiles] = useState53([]);
   const { styles } = useStyle();
-  const [headerOpen, setHeaderOpen] = useState52(false);
-  const attachmentsRef = useRef20(null);
-  const senderRef = React40.useRef(null);
+  const [headerOpen, setHeaderOpen] = useState53(false);
+  const attachmentsRef = useRef21(null);
+  const senderRef = React41.useRef(null);
   const {
     assistantId,
     threadId,
@@ -18915,14 +19007,16 @@ var Chating = ({
     tenantId,
     clearError,
     threadStatus,
-    pendingMessages
+    pendingMessages,
+    customRunConfig,
+    updateCustomRunConfig
   } = useAgentChat();
   const isStreaming = isLoading;
   const hasPendingMessages = pendingMessages?.length > 0;
   const isInputDisabled = interrupts && interrupts.length > 0;
   const typingFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-  const [typingFrameIndex, setTypingFrameIndex] = useState52(0);
-  useEffect34(() => {
+  const [typingFrameIndex, setTypingFrameIndex] = useState53(0);
+  useEffect35(() => {
     if (!isStreaming) return;
     const interval = setInterval(() => {
       setTypingFrameIndex((prev) => (prev + 1) % typingFrames.length);
@@ -18930,9 +19024,20 @@ var Chating = ({
     return () => clearInterval(interval);
   }, [isStreaming]);
   const conversationContext = useConversationContext();
-  const [isEmptyState, setIsEmptyState] = useState52(messages.length === 0 && !pendingMessages?.length);
-  const [isTransitioning, setIsTransitioning] = useState52(false);
-  useEffect34(() => {
+  const [modelConfig, setModelConfig] = useState53(null);
+  const handleModelChange = useCallback26((config2) => {
+    setModelConfig(config2);
+    if (config2) {
+      updateCustomRunConfig({ modelConfig: config2 });
+    }
+  }, [updateCustomRunConfig]);
+  const [isEmptyState, setIsEmptyState] = useState53(showEmptyState && messages.length === 0 && !pendingMessages?.length);
+  const [isTransitioning, setIsTransitioning] = useState53(false);
+  useEffect35(() => {
+    if (!showEmptyState) {
+      setIsEmptyState(false);
+      return;
+    }
     const isEmpty = messages.length === 0 && !pendingMessages?.length;
     if (!isEmpty && isEmptyState) {
       setIsTransitioning(true);
@@ -18943,7 +19048,7 @@ var Chating = ({
     } else if (isEmpty && !isEmptyState) {
       setIsEmptyState(true);
     }
-  }, [messages.length, pendingMessages?.length, isEmptyState]);
+  }, [messages.length, pendingMessages?.length, isEmptyState, showEmptyState]);
   const { config } = useLatticeChatShellContext();
   const { baseURL } = config;
   const user = useAuthOptional()?.user;
@@ -18953,9 +19058,9 @@ var Chating = ({
   const listPathByFolder = workspaceContext?.listPathByFolder ?? (async () => []);
   const workspaceId = workspaceContext?.workspaceId ?? null;
   const projectId = workspaceContext?.projectId ?? null;
-  const [workspaceFiles, setWorkspaceFiles] = useState52([]);
-  const [suggestionsLoading, setSuggestionsLoading] = useState52(false);
-  const [suggestionsOpen, setSuggestionsOpen] = useState52(false);
+  const [workspaceFiles, setWorkspaceFiles] = useState53([]);
+  const [suggestionsLoading, setSuggestionsLoading] = useState53(false);
+  const [suggestionsOpen, setSuggestionsOpen] = useState53(false);
   const getFileIcon3 = (filename) => {
     const ext = filename.split(".").pop()?.toLowerCase();
     const iconStyle = { fontSize: 16 };
@@ -18966,30 +19071,30 @@ var Chating = ({
       case "gif":
       case "svg":
       case "webp":
-        return /* @__PURE__ */ jsx78(FileImageOutlined5, { style: { ...iconStyle, color: "#52c41a" } });
+        return /* @__PURE__ */ jsx79(FileImageOutlined5, { style: { ...iconStyle, color: "#52c41a" } });
       case "pdf":
-        return /* @__PURE__ */ jsx78(FilePdfOutlined5, { style: { ...iconStyle, color: "#ff4d4f" } });
+        return /* @__PURE__ */ jsx79(FilePdfOutlined5, { style: { ...iconStyle, color: "#ff4d4f" } });
       case "md":
       case "markdown":
-        return /* @__PURE__ */ jsx78(FileMarkdownOutlined3, { style: { ...iconStyle, color: "#722ed1" } });
+        return /* @__PURE__ */ jsx79(FileMarkdownOutlined3, { style: { ...iconStyle, color: "#722ed1" } });
       case "zip":
       case "rar":
       case "7z":
-        return /* @__PURE__ */ jsx78(FileZipOutlined3, { style: { ...iconStyle, color: "#faad14" } });
+        return /* @__PURE__ */ jsx79(FileZipOutlined3, { style: { ...iconStyle, color: "#faad14" } });
       case "xls":
       case "xlsx":
       case "csv":
-        return /* @__PURE__ */ jsx78(FileExcelOutlined3, { style: { ...iconStyle, color: "#52c41a" } });
+        return /* @__PURE__ */ jsx79(FileExcelOutlined3, { style: { ...iconStyle, color: "#52c41a" } });
       case "ppt":
       case "pptx":
-        return /* @__PURE__ */ jsx78(FilePptOutlined2, { style: { ...iconStyle, color: "#fa8c16" } });
+        return /* @__PURE__ */ jsx79(FilePptOutlined2, { style: { ...iconStyle, color: "#fa8c16" } });
       case "doc":
       case "docx":
-        return /* @__PURE__ */ jsx78(FileWordOutlined3, { style: { ...iconStyle, color: "#2f54eb" } });
+        return /* @__PURE__ */ jsx79(FileWordOutlined3, { style: { ...iconStyle, color: "#2f54eb" } });
       case "txt":
-        return /* @__PURE__ */ jsx78(FileTextOutlined10, { style: { ...iconStyle, color: "#8c8c8c" } });
+        return /* @__PURE__ */ jsx79(FileTextOutlined10, { style: { ...iconStyle, color: "#8c8c8c" } });
       default:
-        return /* @__PURE__ */ jsx78(FileUnknownOutlined5, { style: { ...iconStyle, color: "#bfbfbf" } });
+        return /* @__PURE__ */ jsx79(FileUnknownOutlined5, { style: { ...iconStyle, color: "#bfbfbf" } });
     }
   };
   const loadWorkspaceFiles = async () => {
@@ -19015,7 +19120,7 @@ var Chating = ({
       setSuggestionsLoading(false);
     }
   };
-  useEffect34(() => {
+  useEffect35(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -19110,7 +19215,7 @@ var Chating = ({
     }
     return true;
   };
-  const senderHeader = /* @__PURE__ */ jsx78(
+  const senderHeader = /* @__PURE__ */ jsx79(
     Sender.Header,
     {
       title: "Attachments",
@@ -19122,7 +19227,7 @@ var Chating = ({
         }
       },
       forceRender: true,
-      children: /* @__PURE__ */ jsx78(
+      children: /* @__PURE__ */ jsx79(
         Attachments,
         {
           ref: attachmentsRef,
@@ -19146,7 +19251,7 @@ var Chating = ({
           multiple: true,
           maxCount: 10,
           placeholder: (type) => ({
-            icon: /* @__PURE__ */ jsx78(CloudUploadOutlined, {}),
+            icon: /* @__PURE__ */ jsx79(CloudUploadOutlined, {}),
             title: "Upload File",
             description: attachment_placeholder
           })
@@ -19154,38 +19259,42 @@ var Chating = ({
       )
     }
   );
-  const showDatabaseSlot = config.enableDatabaseSlot !== false;
-  const showSkillSlot = config.enableSkillSlot !== false;
-  const showAgentSlot = config.enableAgentSlot !== false;
-  const showMetricsDataSourceSlot = config.enableMetricsDataSourceSlot !== false;
+  const showDatabaseSlot = config.enableDatabaseSlot;
+  const showSkillSlot = config.enableSkillSlot;
+  const showAgentSlot = config.enableAgentSlot;
+  const showMetricsDataSourceSlot = config.enableMetricsDataSourceSlot;
+  const shouldShowModelSelector = showModelSelector !== void 0 ? showModelSelector : config.enableModelSelector;
   const senderFooter = (actionNode) => {
     const hasSlotButtons = showAgentSlot || showDatabaseSlot || showSkillSlot || showMetricsDataSourceSlot;
     return /* @__PURE__ */ jsxs52(Flex5, { justify: "space-between", align: "center", style: { padding: "8px 0" }, children: [
       /* @__PURE__ */ jsxs52(Flex5, { align: "center", gap: 8, children: [
-        /* @__PURE__ */ jsx78(Badge5, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(Badge5, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ jsx79(
           Button37,
           {
             type: "text",
-            icon: /* @__PURE__ */ jsx78(PaperClipOutlined, {}),
+            icon: /* @__PURE__ */ jsx79(PaperClipOutlined, {}),
             onClick: () => setHeaderOpen(!headerOpen)
           }
         ) }),
-        /* @__PURE__ */ jsx78(Divider6, { type: "vertical", style: { margin: 0 } }),
+        /* @__PURE__ */ jsx79(Divider6, { type: "vertical", style: { margin: 0 } }),
         hasSlotButtons && /* @__PURE__ */ jsxs52(Flex5, { align: "center", gap: 8, children: [
-          showAgentSlot && /* @__PURE__ */ jsx78(AgentPicker, { senderRef, iconOnly: true }),
-          showDatabaseSlot && /* @__PURE__ */ jsx78(DatabasePicker, { senderRef, iconOnly: true }),
-          showSkillSlot && /* @__PURE__ */ jsx78(SkillPicker, { senderRef, iconOnly: true }),
-          showMetricsDataSourceSlot && /* @__PURE__ */ jsx78(MetricsDataSourcePicker, { senderRef, iconOnly: true })
+          showAgentSlot && /* @__PURE__ */ jsx79(AgentPicker, { senderRef, iconOnly: true }),
+          showDatabaseSlot && /* @__PURE__ */ jsx79(DatabasePicker, { senderRef, iconOnly: true }),
+          showSkillSlot && /* @__PURE__ */ jsx79(SkillPicker, { senderRef, iconOnly: true }),
+          showMetricsDataSourceSlot && /* @__PURE__ */ jsx79(MetricsDataSourcePicker, { senderRef, iconOnly: true })
         ] })
       ] }),
-      actionNode
+      /* @__PURE__ */ jsxs52(Flex5, { align: "center", gap: 8, children: [
+        shouldShowModelSelector && /* @__PURE__ */ jsx79(ModelSelector, { value: modelConfig, onChange: handleModelChange }),
+        actionNode
+      ] })
     ] });
   };
-  const refreshButton = /* @__PURE__ */ jsx78(
+  const refreshButton = /* @__PURE__ */ jsx79(
     Button37,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx78(ReloadOutlined2, {}),
+      icon: /* @__PURE__ */ jsx79(ReloadOutlined2, {}),
       onClick: () => {
         loadMessages();
       }
@@ -19193,10 +19302,10 @@ var Chating = ({
   );
   const headerExtra = [
     ...showRefreshButton ? [refreshButton] : [],
-    /* @__PURE__ */ jsx78(ThreadManagementButtons, {}, "thread-buttons")
+    /* @__PURE__ */ jsx79(ThreadManagementButtons, {}, "thread-buttons")
   ];
-  const [skills, setSkills] = useState52([]);
-  const [skillsLoading, setSkillsLoading] = useState52(false);
+  const [skills, setSkills] = useState53([]);
+  const [skillsLoading, setSkillsLoading] = useState53(false);
   const { get: apiGet } = useApi();
   const loadSkills = async () => {
     if (skills.length > 0) return;
@@ -19220,10 +19329,10 @@ var Chating = ({
     return isEmpty ? "Type / to see available skills, or @ to reference files" : void 0;
   };
   const renderSender = (isEmpty) => {
-    const [suggestionMode, setSuggestionMode] = useState52(null);
+    const [suggestionMode, setSuggestionMode] = useState53(null);
     const suggestionItems = suggestionMode === "skills" ? skills.map((skill) => ({
       value: skill.name,
-      icon: /* @__PURE__ */ jsx78(BrainCircuit3, { size: 14, style: { color: "#722ed1" } }),
+      icon: /* @__PURE__ */ jsx79(BrainCircuit3, { size: 14, style: { color: "#722ed1" } }),
       label: skill.name,
       description: skill.description?.slice(0, 50) + (skill.description?.length > 50 ? "..." : "")
     })) : workspaceFiles.map((file) => ({
@@ -19231,7 +19340,7 @@ var Chating = ({
       icon: getFileIcon3(file.name || file.path),
       label: file.path
     }));
-    return /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsx79(
       Suggestion,
       {
         items: suggestionItems,
@@ -19243,8 +19352,8 @@ var Chating = ({
                 key: `skill_${itemVal}_${Date.now()}`,
                 props: {
                   label: /* @__PURE__ */ jsxs52(Space28, { size: 1, children: [
-                    /* @__PURE__ */ jsx78(BrainCircuit3, { size: 12 }),
-                    /* @__PURE__ */ jsx78(Typography33.Text, { children: itemVal })
+                    /* @__PURE__ */ jsx79(BrainCircuit3, { size: 12 }),
+                    /* @__PURE__ */ jsx79(Typography33.Text, { children: itemVal })
                   ] }),
                   value: `[Use Skill:${itemVal}]`
                 }
@@ -19263,7 +19372,7 @@ var Chating = ({
             ], "cursor", "@");
           }
         },
-        children: ({ onTrigger, onKeyDown }) => /* @__PURE__ */ jsx78(
+        children: ({ onTrigger, onKeyDown }) => /* @__PURE__ */ jsx79(
           Sender,
           {
             slotConfig,
@@ -19312,7 +19421,7 @@ var Chating = ({
     );
   };
   return /* @__PURE__ */ jsxs52(Fragment18, { children: [
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       "div",
       {
         className: styles.fixedHeader,
@@ -19321,7 +19430,7 @@ var Chating = ({
           pointerEvents: isEmptyState ? "none" : "auto",
           transition: "opacity 0.3s ease"
         },
-        children: showHeader && /* @__PURE__ */ jsx78(
+        children: showHeader && /* @__PURE__ */ jsx79(
           AgentHeader,
           {
             name,
@@ -19350,22 +19459,22 @@ var Chating = ({
         className: `${styles.emptyStateContainer} ${isTransitioning ? styles.exiting : ""}`,
         children: [
           /* @__PURE__ */ jsxs52("div", { className: styles.welcomeSection, children: [
-            /* @__PURE__ */ jsx78("div", { className: styles.greeting, children: emptyStateGreeting ? emptyStateGreeting : /* @__PURE__ */ jsxs52(Fragment18, { children: [
+            /* @__PURE__ */ jsx79("div", { className: styles.greeting, children: emptyStateGreeting ? emptyStateGreeting : /* @__PURE__ */ jsxs52(Fragment18, { children: [
               welcomePrefix,
               " ",
-              /* @__PURE__ */ jsx78("span", { className: "user-name", children: displayUserName })
+              /* @__PURE__ */ jsx79("span", { className: "user-name", children: displayUserName })
             ] }) }),
-            /* @__PURE__ */ jsx78("div", { className: styles.question, children: emptyStateQuestion })
+            /* @__PURE__ */ jsx79("div", { className: styles.question, children: emptyStateQuestion })
           ] }),
-          config.enableSkillSlot !== false && /* @__PURE__ */ jsx78("div", { className: styles.promptsWrapper, children: /* @__PURE__ */ jsx78(SkillCategoryPrompts, { senderRef, visible: true }) }),
-          showSender && /* @__PURE__ */ jsx78(
+          config.enableSkillSlot !== false && /* @__PURE__ */ jsx79("div", { className: styles.promptsWrapper, children: /* @__PURE__ */ jsx79(SkillCategoryPrompts, { senderRef, visible: true }) }),
+          showSender && /* @__PURE__ */ jsx79(
             "div",
             {
               className: `${styles.emptyStateSenderWrapper} ${isTransitioning ? styles.transitioning : ""}`,
               children: renderSender(true)
             }
           ),
-          showSender && !(interrupts && interrupts.length > 0) && /* @__PURE__ */ jsx78("div", { style: { marginTop: 24 }, children: /* @__PURE__ */ jsx78(
+          showSender && !(interrupts && interrupts.length > 0) && /* @__PURE__ */ jsx79("div", { style: { marginTop: 24 }, children: /* @__PURE__ */ jsx79(
             BusinessAnalysisPrompts,
             {
               visible: true,
@@ -19379,15 +19488,15 @@ var Chating = ({
       }
     ),
     !isEmptyState && /* @__PURE__ */ jsxs52(Fragment18, { children: [
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79(
         MessageList,
         {
           messages,
           className: `${styles.messages} ${isTransitioning ? styles.entering : ""}`
         }
       ),
-      !isLoading && messages.length > 0 && /* @__PURE__ */ jsx78(Prompts3, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
-      error && /* @__PURE__ */ jsx78("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx78(
+      !isLoading && messages.length > 0 && /* @__PURE__ */ jsx79(Prompts3, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
+      error && /* @__PURE__ */ jsx79("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx79(
         Alert7,
         {
           type: "error",
@@ -19397,19 +19506,19 @@ var Chating = ({
           message: `${error.message}`
         }
       ) }),
-      showHITL && /* @__PURE__ */ jsx78(HITLContainer, {}),
-      /* @__PURE__ */ jsx78(PendingMessagesContainer, {}),
-      showSender && /* @__PURE__ */ jsx78("div", { className: `${styles.senderContainer} ${isTransitioning ? styles.entering : ""}`, children: renderSender(false) })
+      showHITL && /* @__PURE__ */ jsx79(HITLContainer, {}),
+      /* @__PURE__ */ jsx79(PendingMessagesContainer, {}),
+      showSender && /* @__PURE__ */ jsx79("div", { className: `${styles.senderContainer} ${isTransitioning ? styles.entering : ""}`, children: renderSender(false) })
     ] })
   ] });
 };
 
 // src/components/GenUI/elements/task_detail.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var { Text: Text24 } = Typography34;
 var TaskDetail = ({ data, component_key, interactive = true }) => {
   const { description, subagent_type, thread_id } = data || {};
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx80(
     AgentThreadProvider,
     {
       threadId: thread_id,
@@ -19419,7 +19528,7 @@ var TaskDetail = ({ data, component_key, interactive = true }) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx79("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx79(
+      children: /* @__PURE__ */ jsx80("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx80(
         Chating,
         {
           showRefreshButton: true,
@@ -19439,7 +19548,7 @@ import {
   SearchOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles18 } from "antd-style";
-import { jsx as jsx80, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs53 } from "react/jsx-runtime";
 var { Text: Text25 } = Typography35;
 var useStyle9 = createStyles18(({ token, css }) => ({
   listContainer: css`
@@ -19555,16 +19664,16 @@ var InternetSearchCard = ({
     return null;
   }
   const header = /* @__PURE__ */ jsxs53(Space29, { children: [
-    /* @__PURE__ */ jsx80(Text25, { strong: true, children: "Internet Search" }),
-    /* @__PURE__ */ jsx80(Text25, { title: query, children: query })
+    /* @__PURE__ */ jsx81(Text25, { strong: true, children: "Internet Search" }),
+    /* @__PURE__ */ jsx81(Text25, { title: query, children: query })
   ] });
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
-      expandIcon: () => /* @__PURE__ */ jsx80(SearchOutlined, {}),
-      children: /* @__PURE__ */ jsx80(
+      expandIcon: () => /* @__PURE__ */ jsx81(SearchOutlined, {}),
+      children: /* @__PURE__ */ jsx81(
         List11,
         {
           size: "small",
@@ -19574,10 +19683,10 @@ var InternetSearchCard = ({
             const domain = getDomainFromUrl(url);
             const iconText = getIconText(domain);
             const iconColor = getIconColor(domain);
-            return /* @__PURE__ */ jsx80(List11.Item, { extra: /* @__PURE__ */ jsx80(Text25, { className: styles.source, children: domain }), children: /* @__PURE__ */ jsxs53(Space29, { style: { width: "100%" }, children: [
-              /* @__PURE__ */ jsx80(Avatar7, { style: { background: iconColor }, children: iconText }),
+            return /* @__PURE__ */ jsx81(List11.Item, { extra: /* @__PURE__ */ jsx81(Text25, { className: styles.source, children: domain }), children: /* @__PURE__ */ jsxs53(Space29, { style: { width: "100%" }, children: [
+              /* @__PURE__ */ jsx81(Avatar7, { style: { background: iconColor }, children: iconText }),
               " ",
-              /* @__PURE__ */ jsx80(
+              /* @__PURE__ */ jsx81(
                 Button38,
                 {
                   type: "text",
@@ -19600,7 +19709,7 @@ var InternetSearchCard = ({
 };
 
 // src/components/GenUI/elements/schedule_viewer.tsx
-import { useState as useState53, useEffect as useEffect35, useCallback as useCallback25 } from "react";
+import { useState as useState54, useEffect as useEffect36, useCallback as useCallback27 } from "react";
 import {
   Tag as Tag15,
   Button as Button39,
@@ -19633,7 +19742,7 @@ import {
   ScheduledTaskStatus as ScheduledTaskStatus2,
   ScheduleExecutionType
 } from "@axiom-lattice/client-sdk";
-import { jsx as jsx81, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs54 } from "react/jsx-runtime";
 dayjs2.extend(relativeTime);
 var { Text: Text26, Title: Title5 } = Typography36;
 var useStyles7 = createStyles19(({ token, css }) => ({
@@ -19733,19 +19842,19 @@ var getStatusColor = (status) => {
 var getStatusIcon2 = (status) => {
   switch (status) {
     case ScheduledTaskStatus2.PENDING:
-      return /* @__PURE__ */ jsx81(ClockCircleOutlined3, {});
+      return /* @__PURE__ */ jsx82(ClockCircleOutlined3, {});
     case ScheduledTaskStatus2.RUNNING:
-      return /* @__PURE__ */ jsx81(SyncOutlined2, { spin: true });
+      return /* @__PURE__ */ jsx82(SyncOutlined2, { spin: true });
     case ScheduledTaskStatus2.COMPLETED:
-      return /* @__PURE__ */ jsx81(CheckCircleOutlined6, {});
+      return /* @__PURE__ */ jsx82(CheckCircleOutlined6, {});
     case ScheduledTaskStatus2.FAILED:
-      return /* @__PURE__ */ jsx81(CloseCircleOutlined2, {});
+      return /* @__PURE__ */ jsx82(CloseCircleOutlined2, {});
     case ScheduledTaskStatus2.CANCELLED:
-      return /* @__PURE__ */ jsx81(StopOutlined, {});
+      return /* @__PURE__ */ jsx82(StopOutlined, {});
     case ScheduledTaskStatus2.PAUSED:
-      return /* @__PURE__ */ jsx81(PauseCircleOutlined, {});
+      return /* @__PURE__ */ jsx82(PauseCircleOutlined, {});
     default:
-      return /* @__PURE__ */ jsx81(ClockCircleOutlined3, {});
+      return /* @__PURE__ */ jsx82(ClockCircleOutlined3, {});
   }
 };
 var formatTime = (timestamp) => {
@@ -19760,10 +19869,10 @@ var ScheduleViewer = ({ data }) => {
   const { styles } = useStyles7();
   const { threadId, assistantId, tasks: initialTasks, onRefresh } = data ?? {};
   const client = useClient(assistantId || "");
-  const [tasks, setTasks] = useState53(initialTasks || []);
-  const [loading, setLoading] = useState53(false);
-  const [actionLoading, setActionLoading] = useState53(null);
-  const handleRefresh = useCallback25(async () => {
+  const [tasks, setTasks] = useState54(initialTasks || []);
+  const [loading, setLoading] = useState54(false);
+  const [actionLoading, setActionLoading] = useState54(null);
+  const handleRefresh = useCallback27(async () => {
     if (!threadId) return;
     setLoading(true);
     try {
@@ -19777,7 +19886,7 @@ var ScheduleViewer = ({ data }) => {
       setLoading(false);
     }
   }, [client, threadId, onRefresh]);
-  const handleCancel = useCallback25(
+  const handleCancel = useCallback27(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -19793,7 +19902,7 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  const handlePause = useCallback25(
+  const handlePause = useCallback27(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -19809,7 +19918,7 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  const handleResume = useCallback25(
+  const handleResume = useCallback27(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -19825,12 +19934,12 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  useEffect35(() => {
+  useEffect36(() => {
     if (threadId && (!initialTasks || initialTasks.length === 0)) {
       handleRefresh();
     }
   }, [threadId]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (initialTasks) {
       setTasks(initialTasks);
     }
@@ -19841,27 +19950,27 @@ var ScheduleViewer = ({ data }) => {
     const isPaused = task.status === ScheduledTaskStatus2.PAUSED;
     const isCron = task.executionType === ScheduleExecutionType.CRON;
     return /* @__PURE__ */ jsxs54(Space30, { className: styles.actions, children: [
-      isPending && isCron && /* @__PURE__ */ jsx81(Tooltip17, { title: "Pause", children: /* @__PURE__ */ jsx81(
+      isPending && isCron && /* @__PURE__ */ jsx82(Tooltip17, { title: "Pause", children: /* @__PURE__ */ jsx82(
         Button39,
         {
           type: "text",
           size: "small",
-          icon: /* @__PURE__ */ jsx81(PauseCircleOutlined, {}),
+          icon: /* @__PURE__ */ jsx82(PauseCircleOutlined, {}),
           onClick: () => handlePause(task.taskId),
           loading: isLoading
         }
       ) }),
-      isPaused && /* @__PURE__ */ jsx81(Tooltip17, { title: "Resume", children: /* @__PURE__ */ jsx81(
+      isPaused && /* @__PURE__ */ jsx82(Tooltip17, { title: "Resume", children: /* @__PURE__ */ jsx82(
         Button39,
         {
           type: "text",
           size: "small",
-          icon: /* @__PURE__ */ jsx81(PlayCircleOutlined2, {}),
+          icon: /* @__PURE__ */ jsx82(PlayCircleOutlined2, {}),
           onClick: () => handleResume(task.taskId),
           loading: isLoading
         }
       ) }),
-      (isPending || isPaused) && /* @__PURE__ */ jsx81(
+      (isPending || isPaused) && /* @__PURE__ */ jsx82(
         Popconfirm4,
         {
           title: "Cancel this scheduled task?",
@@ -19869,13 +19978,13 @@ var ScheduleViewer = ({ data }) => {
           onConfirm: () => handleCancel(task.taskId),
           okText: "Yes",
           cancelText: "No",
-          children: /* @__PURE__ */ jsx81(Tooltip17, { title: "Cancel", children: /* @__PURE__ */ jsx81(
+          children: /* @__PURE__ */ jsx82(Tooltip17, { title: "Cancel", children: /* @__PURE__ */ jsx82(
             Button39,
             {
               type: "text",
               size: "small",
               danger: true,
-              icon: /* @__PURE__ */ jsx81(StopOutlined, {}),
+              icon: /* @__PURE__ */ jsx82(StopOutlined, {}),
               loading: isLoading
             }
           ) })
@@ -19894,36 +20003,36 @@ var ScheduleViewer = ({ data }) => {
         children: [
           /* @__PURE__ */ jsxs54("div", { className: styles.taskHeader, children: [
             /* @__PURE__ */ jsxs54("div", { children: [
-              /* @__PURE__ */ jsx81("div", { className: styles.taskType, children: task.taskType }),
-              /* @__PURE__ */ jsx81("div", { className: styles.taskId, children: task.taskId })
+              /* @__PURE__ */ jsx82("div", { className: styles.taskType, children: task.taskType }),
+              /* @__PURE__ */ jsx82("div", { className: styles.taskId, children: task.taskId })
             ] }),
-            /* @__PURE__ */ jsx81(Tag15, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
+            /* @__PURE__ */ jsx82(Tag15, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
           ] }),
           /* @__PURE__ */ jsxs54("div", { className: styles.metaRow, children: [
-            /* @__PURE__ */ jsx81(Tooltip17, { title: "Execution Type", children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
-              /* @__PURE__ */ jsx81(FieldTimeOutlined, {}),
-              /* @__PURE__ */ jsx81("span", { children: task.executionType === ScheduleExecutionType.CRON ? "Recurring" : "One-time" })
+            /* @__PURE__ */ jsx82(Tooltip17, { title: "Execution Type", children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx82(FieldTimeOutlined, {}),
+              /* @__PURE__ */ jsx82("span", { children: task.executionType === ScheduleExecutionType.CRON ? "Recurring" : "One-time" })
             ] }) }),
-            task.cronExpression && /* @__PURE__ */ jsx81(Tooltip17, { title: "Cron Expression", children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
-              /* @__PURE__ */ jsx81(ClockCircleOutlined3, {}),
-              /* @__PURE__ */ jsx81("code", { className: styles.cronExpression, children: task.cronExpression })
+            task.cronExpression && /* @__PURE__ */ jsx82(Tooltip17, { title: "Cron Expression", children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx82(ClockCircleOutlined3, {}),
+              /* @__PURE__ */ jsx82("code", { className: styles.cronExpression, children: task.cronExpression })
             ] }) }),
-            task.nextRunAt && /* @__PURE__ */ jsx81(Tooltip17, { title: `Next run: ${formatTime(task.nextRunAt)}`, children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
-              /* @__PURE__ */ jsx81(ClockCircleOutlined3, {}),
+            task.nextRunAt && /* @__PURE__ */ jsx82(Tooltip17, { title: `Next run: ${formatTime(task.nextRunAt)}`, children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx82(ClockCircleOutlined3, {}),
               /* @__PURE__ */ jsxs54("span", { children: [
                 "Next: ",
                 getRelativeTime(task.nextRunAt)
               ] })
             ] }) }),
-            task.executeAt && !task.cronExpression && /* @__PURE__ */ jsx81(Tooltip17, { title: `Execute at: ${formatTime(task.executeAt)}`, children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
-              /* @__PURE__ */ jsx81(ClockCircleOutlined3, {}),
+            task.executeAt && !task.cronExpression && /* @__PURE__ */ jsx82(Tooltip17, { title: `Execute at: ${formatTime(task.executeAt)}`, children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx82(ClockCircleOutlined3, {}),
               /* @__PURE__ */ jsxs54("span", { children: [
                 "At: ",
                 getRelativeTime(task.executeAt)
               ] })
             ] }) }),
-            task.runCount > 0 && /* @__PURE__ */ jsx81(Tooltip17, { title: "Run count", children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
-              /* @__PURE__ */ jsx81(SyncOutlined2, {}),
+            task.runCount > 0 && /* @__PURE__ */ jsx82(Tooltip17, { title: "Run count", children: /* @__PURE__ */ jsxs54("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx82(SyncOutlined2, {}),
               /* @__PURE__ */ jsxs54("span", { children: [
                 "Runs: ",
                 task.runCount,
@@ -19931,11 +20040,11 @@ var ScheduleViewer = ({ data }) => {
               ] })
             ] }) })
           ] }),
-          task.lastError && /* @__PURE__ */ jsx81("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ jsxs54(Text26, { type: "danger", style: { fontSize: 12 }, children: [
-            /* @__PURE__ */ jsx81(ExclamationCircleOutlined, { style: { marginRight: 4 } }),
+          task.lastError && /* @__PURE__ */ jsx82("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ jsxs54(Text26, { type: "danger", style: { fontSize: 12 }, children: [
+            /* @__PURE__ */ jsx82(ExclamationCircleOutlined, { style: { marginRight: 4 } }),
             task.lastError
           ] }) }),
-          task.metadata && Object.keys(task.metadata).length > 0 && /* @__PURE__ */ jsx81(
+          task.metadata && Object.keys(task.metadata).length > 0 && /* @__PURE__ */ jsx82(
             Descriptions,
             {
               size: "small",
@@ -19956,34 +20065,34 @@ var ScheduleViewer = ({ data }) => {
   };
   return /* @__PURE__ */ jsxs54("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs54("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx81(Title5, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
-      /* @__PURE__ */ jsx81(Tooltip17, { title: "Refresh", children: /* @__PURE__ */ jsx81(
+      /* @__PURE__ */ jsx82(Title5, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
+      /* @__PURE__ */ jsx82(Tooltip17, { title: "Refresh", children: /* @__PURE__ */ jsx82(
         Button39,
         {
           type: "text",
-          icon: /* @__PURE__ */ jsx81(ReloadOutlined3, { spin: loading }),
+          icon: /* @__PURE__ */ jsx82(ReloadOutlined3, { spin: loading }),
           onClick: handleRefresh,
           loading
         }
       ) })
     ] }),
     loading && tasks.length === 0 ? /* @__PURE__ */ jsxs54("div", { className: styles.emptyContainer, children: [
-      /* @__PURE__ */ jsx81(Spin13, { size: "large" }),
-      /* @__PURE__ */ jsx81(Text26, { type: "secondary", style: { marginTop: 16 }, children: "Loading scheduled tasks..." })
-    ] }) : tasks.length === 0 ? /* @__PURE__ */ jsx81("div", { className: styles.emptyContainer, children: /* @__PURE__ */ jsx81(
+      /* @__PURE__ */ jsx82(Spin13, { size: "large" }),
+      /* @__PURE__ */ jsx82(Text26, { type: "secondary", style: { marginTop: 16 }, children: "Loading scheduled tasks..." })
+    ] }) : tasks.length === 0 ? /* @__PURE__ */ jsx82("div", { className: styles.emptyContainer, children: /* @__PURE__ */ jsx82(
       Empty10,
       {
         image: Empty10.PRESENTED_IMAGE_SIMPLE,
         description: "No scheduled tasks for this thread"
       }
-    ) }) : /* @__PURE__ */ jsx81("div", { children: tasks.map(renderTask) })
+    ) }) : /* @__PURE__ */ jsx82("div", { children: tasks.map(renderTask) })
   ] });
 };
 
 // src/components/GenUI/elements/browser_view_card.tsx
 import { Button as Button40, Flex as Flex6, Typography as Typography37 } from "antd";
 import { CheckCircleOutlined as CheckCircleOutlined7, InfoCircleOutlined as InfoCircleOutlined5, LoadingOutlined as LoadingOutlined3 } from "@ant-design/icons";
-import { jsx as jsx82, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs55 } from "react/jsx-runtime";
 var { Text: Text27 } = Typography37;
 var BrowserViewer = ({
   data,
@@ -20001,11 +20110,11 @@ var BrowserViewer = ({
   function getStatusIcon3(status) {
     switch (status) {
       case "success":
-        return /* @__PURE__ */ jsx82(CheckCircleOutlined7, { style: { color: "#52c41a" } });
+        return /* @__PURE__ */ jsx83(CheckCircleOutlined7, { style: { color: "#52c41a" } });
       case "error":
-        return /* @__PURE__ */ jsx82(InfoCircleOutlined5, { style: { color: "#ff4d4f" } });
+        return /* @__PURE__ */ jsx83(InfoCircleOutlined5, { style: { color: "#ff4d4f" } });
       default:
-        return /* @__PURE__ */ jsx82(LoadingOutlined3, { style: { color: "#1890ff" } });
+        return /* @__PURE__ */ jsx83(LoadingOutlined3, { style: { color: "#1890ff" } });
     }
   }
   const formatToolName = (name) => {
@@ -20027,8 +20136,8 @@ var BrowserViewer = ({
     }
   };
   const header = /* @__PURE__ */ jsxs55(Flex6, { align: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ jsx82(Typography37.Text, { strong: true, children: formatToolName(toolCallData.name) }),
-    /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx83(Typography37.Text, { strong: true, children: formatToolName(toolCallData.name) }),
+    /* @__PURE__ */ jsx83(
       Typography37.Text,
       {
         type: "secondary",
@@ -20050,13 +20159,13 @@ var BrowserViewer = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
       expandIcon: () => getStatusIcon3(toolCallData.status),
-      extra: /* @__PURE__ */ jsx82(
+      extra: /* @__PURE__ */ jsx83(
         Button40,
         {
           type: "link",
@@ -20068,14 +20177,14 @@ var BrowserViewer = ({
           children: "View Browser"
         }
       ),
-      children: /* @__PURE__ */ jsx82(MDResponse, { content: toolCallData.response || "" })
+      children: /* @__PURE__ */ jsx83(MDResponse, { content: toolCallData.response || "" })
     }
   );
 };
 
 // src/components/GenUI/elements/execute_code.tsx
 import { Button as Button41, Space as Space32, Typography as Typography38 } from "antd";
-import { jsx as jsx83, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs56 } from "react/jsx-runtime";
 var { Text: Text28 } = Typography38;
 var ExecuteCode = ({
   data,
@@ -20088,7 +20197,7 @@ var ExecuteCode = ({
   if (!toolCallData) {
     return null;
   }
-  const header = /* @__PURE__ */ jsx83(Space32, { children: /* @__PURE__ */ jsx83(Text28, { strong: true, children: "Execute Code" }) });
+  const header = /* @__PURE__ */ jsx84(Space32, { children: /* @__PURE__ */ jsx84(Text28, { strong: true, children: "Execute Code" }) });
   const handleItemClick = (toolCallData2) => {
     openSideApp({
       component_key: "file_content_diff_view",
@@ -20108,7 +20217,7 @@ ${code}
       panelKey: toolCallData.id,
       header,
       expandIcon: () => getStatusIcon(toolCallData.status),
-      extra: /* @__PURE__ */ jsx83(
+      extra: /* @__PURE__ */ jsx84(
         Button41,
         {
           type: "link",
@@ -20121,8 +20230,8 @@ ${code}
         }
       ),
       children: [
-        /* @__PURE__ */ jsx83(MDResponse, { content }),
-        toolCallData.response && /* @__PURE__ */ jsx83(MDResponse, { content: toolCallData.response || "" })
+        /* @__PURE__ */ jsx84(MDResponse, { content }),
+        toolCallData.response && /* @__PURE__ */ jsx84(MDResponse, { content: toolCallData.response || "" })
       ]
     }
   );
@@ -20132,7 +20241,7 @@ ${code}
 import { Card as Card17, Typography as Typography39, Avatar as Avatar8, Tag as Tag16, List as List13, Space as Space33, Button as Button42, Skeleton as Skeleton2 } from "antd";
 import { UserOutlined as UserOutlined5, TeamOutlined as TeamOutlined2 } from "@ant-design/icons";
 import { Monitor } from "lucide-react";
-import { jsx as jsx84, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs57 } from "react/jsx-runtime";
 var { Text: Text29 } = Typography39;
 var extractTeamInfo = (response) => {
   if (!response) return null;
@@ -20226,7 +20335,7 @@ var TeamGraph = ({ data }) => {
   };
   const showWorkbench = !!teamId && teammates.length > 0;
   if (teammates.length === 0) {
-    return /* @__PURE__ */ jsx84(Card17, { style: { width: "100%" }, bodyStyle: { padding: 12 }, children: /* @__PURE__ */ jsx84(Skeleton2, { active: true }) });
+    return /* @__PURE__ */ jsx85(Card17, { style: { width: "100%" }, bodyStyle: { padding: 12 }, children: /* @__PURE__ */ jsx85(Skeleton2, { active: true }) });
   }
   return /* @__PURE__ */ jsxs57(
     Card17,
@@ -20234,30 +20343,30 @@ var TeamGraph = ({ data }) => {
       style: { width: "100%" },
       bodyStyle: { padding: 12 },
       title: /* @__PURE__ */ jsxs57(Space33, { children: [
-        /* @__PURE__ */ jsx84(TeamOutlined2, {}),
-        /* @__PURE__ */ jsx84("span", { children: "Team Members" })
+        /* @__PURE__ */ jsx85(TeamOutlined2, {}),
+        /* @__PURE__ */ jsx85("span", { children: "Team Members" })
       ] }),
-      extra: showWorkbench ? /* @__PURE__ */ jsx84(
+      extra: showWorkbench ? /* @__PURE__ */ jsx85(
         Button42,
         {
           type: "text",
-          icon: /* @__PURE__ */ jsx84(Monitor, { size: 16 }),
+          icon: /* @__PURE__ */ jsx85(Monitor, { size: 16 }),
           onClick: handleOpenWorkspace,
           children: "Workbench"
         }
       ) : null,
       children: [
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx85(
           List13,
           {
             dataSource: teammates,
             renderItem: (teammate) => /* @__PURE__ */ jsxs57(List13.Item, { style: { display: "block" }, children: [
               /* @__PURE__ */ jsxs57(Space33, { align: "center", size: 12, children: [
-                /* @__PURE__ */ jsx84(
+                /* @__PURE__ */ jsx85(
                   Avatar8,
                   {
                     size: 40,
-                    icon: /* @__PURE__ */ jsx84(UserOutlined5, {}),
+                    icon: /* @__PURE__ */ jsx85(UserOutlined5, {}),
                     src: teammate?.avatar,
                     style: {
                       backgroundColor: getBadgeColor3(teammate?.name || ""),
@@ -20269,8 +20378,8 @@ var TeamGraph = ({ data }) => {
                   }
                 ),
                 /* @__PURE__ */ jsxs57("div", { style: { flex: 1 }, children: [
-                  /* @__PURE__ */ jsx84(Text29, { strong: true, style: { display: "block" }, children: teammate?.name || "Unnamed" }),
-                  /* @__PURE__ */ jsx84(
+                  /* @__PURE__ */ jsx85(Text29, { strong: true, style: { display: "block" }, children: teammate?.name || "Unnamed" }),
+                  /* @__PURE__ */ jsx85(
                     Tag16,
                     {
                       color: "blue",
@@ -20280,7 +20389,7 @@ var TeamGraph = ({ data }) => {
                   )
                 ] })
               ] }),
-              teammate?.description && /* @__PURE__ */ jsx84(Text29, { type: "secondary", style: { display: "block", marginTop: 8, fontSize: 12, marginLeft: 52 }, children: teammate.description })
+              teammate?.description && /* @__PURE__ */ jsx85(Text29, { type: "secondary", style: { display: "block", marginTop: 8, fontSize: 12, marginLeft: 52 }, children: teammate.description })
             ] })
           }
         ),
@@ -20290,15 +20399,15 @@ var TeamGraph = ({ data }) => {
             tasks.filter((t) => t.status === "pending").length,
             ")"
           ] }),
-          /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx85(
             List13,
             {
               size: "small",
               dataSource: tasks.filter((t) => t.status === "pending"),
-              renderItem: (task) => /* @__PURE__ */ jsx84(List13.Item, { style: { padding: "8px 0" }, children: /* @__PURE__ */ jsxs57("div", { children: [
-                /* @__PURE__ */ jsx84(Text29, { style: { fontSize: 12, color: "#7A7A7A" }, children: task.id }),
-                /* @__PURE__ */ jsx84(Text29, { strong: true, style: { display: "block", fontSize: 13 }, children: task.title }),
-                task.description && /* @__PURE__ */ jsx84(Text29, { type: "secondary", style: { fontSize: 11 }, children: task.description.length > 100 ? task.description.slice(0, 100) + "..." : task.description })
+              renderItem: (task) => /* @__PURE__ */ jsx85(List13.Item, { style: { padding: "8px 0" }, children: /* @__PURE__ */ jsxs57("div", { children: [
+                /* @__PURE__ */ jsx85(Text29, { style: { fontSize: 12, color: "#7A7A7A" }, children: task.id }),
+                /* @__PURE__ */ jsx85(Text29, { strong: true, style: { display: "block", fontSize: 13 }, children: task.title }),
+                task.description && /* @__PURE__ */ jsx85(Text29, { type: "secondary", style: { fontSize: 11 }, children: task.description.length > 100 ? task.description.slice(0, 100) + "..." : task.description })
               ] }) })
             }
           )
@@ -20310,13 +20419,13 @@ var TeamGraph = ({ data }) => {
 var TeamGraph_default = TeamGraph;
 
 // src/components/GenUI/elements/TeamWorkspace/index.tsx
-import { useState as useState58, useMemo as useMemo23 } from "react";
+import { useState as useState59, useMemo as useMemo23 } from "react";
 import { Layout, Spin as Spin14, Button as Button43 } from "antd";
 import { RefreshCw } from "lucide-react";
 import { createStyles as createStyles28 } from "antd-style";
 
 // src/components/GenUI/elements/TeamWorkspace/TeamWorkspaceMenu.tsx
-import React42, { useState as useState54 } from "react";
+import React43, { useState as useState55 } from "react";
 import {
   LayoutDashboard,
   Inbox,
@@ -20328,7 +20437,7 @@ import {
 } from "lucide-react";
 import { Tooltip as Tooltip18, Badge as Badge6 } from "antd";
 import { createStyles as createStyles20 } from "antd-style";
-import { Fragment as Fragment19, jsx as jsx85, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx86, jsxs as jsxs58 } from "react/jsx-runtime";
 var useStyles8 = createStyles20(({ token, css }) => ({
   container: css`
     display: flex;
@@ -20471,16 +20580,16 @@ var getMenuIcon = (item) => {
   if (item.icon) return item.icon;
   switch (item.type) {
     case "dashboard":
-      return /* @__PURE__ */ jsx85(LayoutDashboard, { size: 20 });
+      return /* @__PURE__ */ jsx86(LayoutDashboard, { size: 20 });
     case "inbox":
-      return /* @__PURE__ */ jsx85(Inbox, { size: 20 });
+      return /* @__PURE__ */ jsx86(Inbox, { size: 20 });
     case "issues":
-      return /* @__PURE__ */ jsx85(ClipboardList, { size: 20 });
+      return /* @__PURE__ */ jsx86(ClipboardList, { size: 20 });
     case "org":
-      return /* @__PURE__ */ jsx85(Network, { size: 20 });
+      return /* @__PURE__ */ jsx86(Network, { size: 20 });
     case "teammate":
       if (item.data) {
-        return /* @__PURE__ */ jsx85(
+        return /* @__PURE__ */ jsx86(
           "div",
           {
             style: {
@@ -20499,9 +20608,9 @@ var getMenuIcon = (item) => {
           }
         );
       }
-      return /* @__PURE__ */ jsx85(User2, { size: 20 });
+      return /* @__PURE__ */ jsx86(User2, { size: 20 });
     default:
-      return /* @__PURE__ */ jsx85(User2, { size: 20 });
+      return /* @__PURE__ */ jsx86(User2, { size: 20 });
   }
 };
 var TeamWorkspaceMenu = ({
@@ -20510,7 +20619,7 @@ var TeamWorkspaceMenu = ({
   onItemClick
 }) => {
   const { styles } = useStyles8();
-  const [isExpanded, setIsExpanded] = useState54(false);
+  const [isExpanded, setIsExpanded] = useState55(false);
   const mainItems = items.filter((item) => !item.group);
   const teammateItems = items.filter((item) => item.group === "Teammates");
   const teamItems = items.filter((item) => item.group === "Team");
@@ -20521,9 +20630,9 @@ var TeamWorkspaceMenu = ({
         className: `${styles.menuItem} ${!isExpanded ? styles.menuItemCollapsed : ""} ${activeItem === item.id ? "active" : ""}`,
         onClick: () => onItemClick(item),
         children: [
-          /* @__PURE__ */ jsx85("span", { className: styles.menuIcon, children: getMenuIcon(item) }),
-          isExpanded && /* @__PURE__ */ jsx85("span", { className: styles.menuLabel, children: item.name }),
-          item.badge && /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx86("span", { className: styles.menuIcon, children: getMenuIcon(item) }),
+          isExpanded && /* @__PURE__ */ jsx86("span", { className: styles.menuLabel, children: item.name }),
+          item.badge && /* @__PURE__ */ jsx86(
             Badge6,
             {
               count: item.badge,
@@ -20536,16 +20645,16 @@ var TeamWorkspaceMenu = ({
       }
     );
     if (showTooltip && !isExpanded) {
-      return /* @__PURE__ */ jsx85(Tooltip18, { title: item.name, placement: "right", children: content }, item.id);
+      return /* @__PURE__ */ jsx86(Tooltip18, { title: item.name, placement: "right", children: content }, item.id);
     }
-    return /* @__PURE__ */ jsx85(React42.Fragment, { children: content }, item.id);
+    return /* @__PURE__ */ jsx86(React43.Fragment, { children: content }, item.id);
   };
   const renderGroup = (groupItems, groupLabel, showDivider) => {
     if (groupItems.length === 0) return null;
     return /* @__PURE__ */ jsxs58(Fragment19, { children: [
-      showDivider && /* @__PURE__ */ jsx85("div", { className: styles.groupDivider }),
+      showDivider && /* @__PURE__ */ jsx86("div", { className: styles.groupDivider }),
       /* @__PURE__ */ jsxs58("div", { className: styles.menuGroup, children: [
-        isExpanded && groupLabel && /* @__PURE__ */ jsx85("div", { className: styles.groupLabel, children: groupLabel }),
+        isExpanded && groupLabel && /* @__PURE__ */ jsx86("div", { className: styles.groupLabel, children: groupLabel }),
         groupItems.map((item) => renderMenuItem(item, true))
       ] })
     ] });
@@ -20555,13 +20664,13 @@ var TeamWorkspaceMenu = ({
     {
       className: `${styles.container} ${isExpanded ? styles.containerExpanded : styles.containerCollapsed}`,
       children: [
-        /* @__PURE__ */ jsx85(
+        /* @__PURE__ */ jsx86(
           "button",
           {
             className: styles.toggleButton,
             onClick: () => setIsExpanded(!isExpanded),
             title: isExpanded ? "Collapse" : "Expand",
-            children: isExpanded ? /* @__PURE__ */ jsx85(ChevronLeft4, { size: 16 }) : /* @__PURE__ */ jsx85(ChevronRight4, { size: 16 })
+            children: isExpanded ? /* @__PURE__ */ jsx86(ChevronLeft4, { size: 16 }) : /* @__PURE__ */ jsx86(ChevronRight4, { size: 16 })
           }
         ),
         /* @__PURE__ */ jsxs58("div", { className: styles.menuContent, children: [
@@ -20637,7 +20746,7 @@ function useTeamWorkspaceData(threadId, assistantId) {
 }
 
 // src/components/GenUI/elements/TeamWorkspace/TeamDashboard.tsx
-import { jsx as jsx86, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs59 } from "react/jsx-runtime";
 var { Title: Title6, Text: Text30 } = Typography40;
 var useStyles9 = createStyles21(({ token, css }) => ({
   container: css`
@@ -20839,15 +20948,15 @@ var StatusIcon = ({
 }) => {
   switch (status) {
     case "completed" /* COMPLETED */:
-      return /* @__PURE__ */ jsx86("div", { className, style: { color: "#22c55e" }, children: /* @__PURE__ */ jsx86(CheckCircle2, { size: 16 }) });
+      return /* @__PURE__ */ jsx87("div", { className, style: { color: "#22c55e" }, children: /* @__PURE__ */ jsx87(CheckCircle2, { size: 16 }) });
     case "in_progress" /* IN_PROGRESS */:
     case "claimed" /* CLAIMED */:
-      return /* @__PURE__ */ jsx86("div", { className, style: { color: "#f59e0b" }, children: /* @__PURE__ */ jsx86(Loader24, { size: 16, className: "animate-spin" }) });
+      return /* @__PURE__ */ jsx87("div", { className, style: { color: "#f59e0b" }, children: /* @__PURE__ */ jsx87(Loader24, { size: 16, className: "animate-spin" }) });
     case "failed" /* FAILED */:
-      return /* @__PURE__ */ jsx86("div", { className, style: { color: "#ef4444" }, children: /* @__PURE__ */ jsx86(AlertCircle, { size: 16 }) });
+      return /* @__PURE__ */ jsx87("div", { className, style: { color: "#ef4444" }, children: /* @__PURE__ */ jsx87(AlertCircle, { size: 16 }) });
     case "pending" /* PENDING */:
     default:
-      return /* @__PURE__ */ jsx86("div", { className, style: { color: "#6b7280" }, children: /* @__PURE__ */ jsx86(Clock, { size: 16 }) });
+      return /* @__PURE__ */ jsx87("div", { className, style: { color: "#6b7280" }, children: /* @__PURE__ */ jsx87(Clock, { size: 16 }) });
   }
 };
 var ActivityItem = ({ activity, styles }) => {
@@ -20858,7 +20967,7 @@ var ActivityItem = ({ activity, styles }) => {
     const maxLength = 60;
     const displayContent = content.length > maxLength ? content.slice(0, maxLength) + "..." : content;
     return /* @__PURE__ */ jsxs59("span", { className: styles.activityText, children: [
-      /* @__PURE__ */ jsx86("span", { className: styles.activityHighlight, children: activity.from }),
+      /* @__PURE__ */ jsx87("span", { className: styles.activityHighlight, children: activity.from }),
       " ",
       activity.type === "broadcast" && /* @__PURE__ */ jsxs59("span", { style: { color: "#1890ff", fontWeight: 500 }, children: [
         "[broadcast] ",
@@ -20867,8 +20976,8 @@ var ActivityItem = ({ activity, styles }) => {
       displayContent
     ] });
   };
-  return /* @__PURE__ */ jsx86("div", { className: styles.listItem, children: /* @__PURE__ */ jsxs59("div", { className: styles.activityItem, children: [
-    /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87("div", { className: styles.listItem, children: /* @__PURE__ */ jsxs59("div", { className: styles.activityItem, children: [
+    /* @__PURE__ */ jsx87(
       "div",
       {
         className: styles.activityAvatar,
@@ -20876,19 +20985,19 @@ var ActivityItem = ({ activity, styles }) => {
         children: initials
       }
     ),
-    /* @__PURE__ */ jsx86("div", { className: styles.activityContent, children: renderActivityText() }),
-    /* @__PURE__ */ jsx86("span", { className: styles.activityTime, children: formatTime2(activity.timestamp) })
+    /* @__PURE__ */ jsx87("div", { className: styles.activityContent, children: renderActivityText() }),
+    /* @__PURE__ */ jsx87("span", { className: styles.activityTime, children: formatTime2(activity.timestamp) })
   ] }) });
 };
 var TaskItem = ({
   task,
   styles
 }) => {
-  return /* @__PURE__ */ jsx86(Tooltip19, { title: task.title, placement: "topLeft", children: /* @__PURE__ */ jsx86("div", { className: styles.listItem, children: /* @__PURE__ */ jsxs59("div", { className: styles.taskItem, children: [
-    /* @__PURE__ */ jsx86(StatusIcon, { status: task.status, className: styles.taskStatusIcon }),
+  return /* @__PURE__ */ jsx87(Tooltip19, { title: task.title, placement: "topLeft", children: /* @__PURE__ */ jsx87("div", { className: styles.listItem, children: /* @__PURE__ */ jsxs59("div", { className: styles.taskItem, children: [
+    /* @__PURE__ */ jsx87(StatusIcon, { status: task.status, className: styles.taskStatusIcon }),
     /* @__PURE__ */ jsxs59("div", { className: styles.taskContent, children: [
-      /* @__PURE__ */ jsx86("span", { className: styles.taskTitle, children: task.title }),
-      task.assignee && /* @__PURE__ */ jsx86(Tooltip19, { title: task.assignee, children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87("span", { className: styles.taskTitle, children: task.title }),
+      task.assignee && /* @__PURE__ */ jsx87(Tooltip19, { title: task.assignee, children: /* @__PURE__ */ jsx87(
         "div",
         {
           className: styles.taskAssignee,
@@ -20897,7 +21006,7 @@ var TaskItem = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx86("span", { className: styles.taskTime, children: formatTime2(task.updatedAt) })
+    /* @__PURE__ */ jsx87("span", { className: styles.taskTime, children: formatTime2(task.updatedAt) })
   ] }) }) });
 };
 var TeamDashboard = ({
@@ -20909,58 +21018,58 @@ var TeamDashboard = ({
   const { styles } = useStyles9();
   return /* @__PURE__ */ jsxs59("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs59("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx86(Title6, { level: 3, className: styles.title, children: "Team Dashboard" }),
-      /* @__PURE__ */ jsx86(Text30, { className: styles.subtitle, children: team?.teamId ? `Team ID: ${team.teamId} \u2022 ${stats.totalTasks} tasks \u2022 ${stats.totalActivities} activities` : "Overview of team activities and tasks" })
+      /* @__PURE__ */ jsx87(Title6, { level: 3, className: styles.title, children: "Team Dashboard" }),
+      /* @__PURE__ */ jsx87(Text30, { className: styles.subtitle, children: team?.teamId ? `Team ID: ${team.teamId} \u2022 ${stats.totalTasks} tasks \u2022 ${stats.totalActivities} activities` : "Overview of team activities and tasks" })
     ] }),
     /* @__PURE__ */ jsxs59(Row2, { gutter: [16, 16], className: styles.statsRow, children: [
-      /* @__PURE__ */ jsx86(Col2, { span: 6, children: /* @__PURE__ */ jsx86(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(Col2, { span: 6, children: /* @__PURE__ */ jsx87(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx87(
         Statistic,
         {
           title: "Total Tasks",
           value: stats.totalTasks,
-          prefix: /* @__PURE__ */ jsx86(FileText, { size: 20 }),
+          prefix: /* @__PURE__ */ jsx87(FileText, { size: 20 }),
           valueStyle: { color: "#1890ff" }
         }
       ) }) }),
-      /* @__PURE__ */ jsx86(Col2, { span: 6, children: /* @__PURE__ */ jsx86(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(Col2, { span: 6, children: /* @__PURE__ */ jsx87(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx87(
         Statistic,
         {
           title: "In Progress",
           value: stats.inProgressTasks,
-          prefix: /* @__PURE__ */ jsx86(Loader24, { size: 20, className: "animate-spin" }),
+          prefix: /* @__PURE__ */ jsx87(Loader24, { size: 20, className: "animate-spin" }),
           valueStyle: { color: "#faad14" }
         }
       ) }) }),
-      /* @__PURE__ */ jsx86(Col2, { span: 6, children: /* @__PURE__ */ jsx86(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(Col2, { span: 6, children: /* @__PURE__ */ jsx87(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx87(
         Statistic,
         {
           title: "Completed",
           value: stats.completedTasks,
-          prefix: /* @__PURE__ */ jsx86(CheckCircle2, { size: 20 }),
+          prefix: /* @__PURE__ */ jsx87(CheckCircle2, { size: 20 }),
           valueStyle: { color: "#52c41a" }
         }
       ) }) }),
-      /* @__PURE__ */ jsx86(Col2, { span: 6, children: /* @__PURE__ */ jsx86(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(Col2, { span: 6, children: /* @__PURE__ */ jsx87(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx87(
         Statistic,
         {
           title: "Activities",
           value: stats.totalActivities,
-          prefix: /* @__PURE__ */ jsx86(Mail, { size: 20 }),
+          prefix: /* @__PURE__ */ jsx87(Mail, { size: 20 }),
           valueStyle: { color: "#722ed1" }
         }
       ) }) })
     ] }),
     /* @__PURE__ */ jsxs59(Row2, { gutter: [16, 16], className: styles.contentRow, children: [
-      /* @__PURE__ */ jsx86(Col2, { span: 12, children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(Col2, { span: 12, children: /* @__PURE__ */ jsx87(
         Card18,
         {
           title: /* @__PURE__ */ jsxs59("span", { children: [
-            /* @__PURE__ */ jsx86(Mail, { size: 18, style: { marginRight: 8, verticalAlign: "middle" } }),
+            /* @__PURE__ */ jsx87(Mail, { size: 18, style: { marginRight: 8, verticalAlign: "middle" } }),
             "Recent Activities"
           ] }),
           className: styles.sectionCard,
           bodyStyle: { padding: 0 },
-          children: /* @__PURE__ */ jsx86("div", { className: styles.compactList, children: recentActivities.length === 0 ? /* @__PURE__ */ jsx86("div", { style: { padding: 24, textAlign: "center", color: "#999" }, children: "No recent activities" }) : recentActivities.map((activity) => /* @__PURE__ */ jsx86(
+          children: /* @__PURE__ */ jsx87("div", { className: styles.compactList, children: recentActivities.length === 0 ? /* @__PURE__ */ jsx87("div", { style: { padding: 24, textAlign: "center", color: "#999" }, children: "No recent activities" }) : recentActivities.map((activity) => /* @__PURE__ */ jsx87(
             ActivityItem,
             {
               activity,
@@ -20970,16 +21079,16 @@ var TeamDashboard = ({
           )) })
         }
       ) }),
-      /* @__PURE__ */ jsx86(Col2, { span: 12, children: /* @__PURE__ */ jsx86(
+      /* @__PURE__ */ jsx87(Col2, { span: 12, children: /* @__PURE__ */ jsx87(
         Card18,
         {
           title: /* @__PURE__ */ jsxs59("span", { children: [
-            /* @__PURE__ */ jsx86(Users, { size: 18, style: { marginRight: 8, verticalAlign: "middle" } }),
+            /* @__PURE__ */ jsx87(Users, { size: 18, style: { marginRight: 8, verticalAlign: "middle" } }),
             "Recent Tasks"
           ] }),
           className: styles.sectionCard,
           bodyStyle: { padding: 0 },
-          children: /* @__PURE__ */ jsx86("div", { className: styles.compactList, children: recentTasks.length === 0 ? /* @__PURE__ */ jsx86("div", { style: { padding: 24, textAlign: "center", color: "#999" }, children: "No recent tasks" }) : recentTasks.map((task) => /* @__PURE__ */ jsx86(TaskItem, { task, styles }, task.id)) })
+          children: /* @__PURE__ */ jsx87("div", { className: styles.compactList, children: recentTasks.length === 0 ? /* @__PURE__ */ jsx87("div", { style: { padding: 24, textAlign: "center", color: "#999" }, children: "No recent tasks" }) : recentTasks.map((task) => /* @__PURE__ */ jsx87(TaskItem, { task, styles }, task.id)) })
         }
       ) })
     ] })
@@ -20987,7 +21096,7 @@ var TeamDashboard = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
-import { useState as useState56, useMemo as useMemo20 } from "react";
+import { useState as useState57, useMemo as useMemo20 } from "react";
 import { Typography as Typography42, Badge as Badge7, Empty as Empty11, Tooltip as Tooltip20 } from "antd";
 import {
   CheckCircle2 as CheckCircle23,
@@ -21002,7 +21111,7 @@ import {
 import { createStyles as createStyles23 } from "antd-style";
 
 // src/components/GenUI/elements/TeamWorkspace/TaskDetailModal.tsx
-import { useState as useState55 } from "react";
+import { useState as useState56 } from "react";
 import { Modal as Modal14, Typography as Typography41, Tag as Tag17, Divider as Divider7, Tabs as Tabs2, Timeline } from "antd";
 import { createStyles as createStyles22 } from "antd-style";
 import {
@@ -21016,7 +21125,7 @@ import {
   Activity as Activity4,
   GitCommit
 } from "lucide-react";
-import { Fragment as Fragment20, jsx as jsx87, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx88, jsxs as jsxs60 } from "react/jsx-runtime";
 var { Title: Title7, Text: Text31, Paragraph } = Typography41;
 var useStyles10 = createStyles22(({ token, css }) => ({
   modalContent: css`
@@ -21252,28 +21361,28 @@ var getStatusConfig2 = (status) => {
   switch (status) {
     case "completed" /* COMPLETED */:
       return {
-        icon: /* @__PURE__ */ jsx87(CheckCircle22, { size: 20 }),
+        icon: /* @__PURE__ */ jsx88(CheckCircle22, { size: 20 }),
         color: "#22c55e",
         bgColor: "#f0fdf4",
         text: "Completed"
       };
     case "in_progress" /* IN_PROGRESS */:
       return {
-        icon: /* @__PURE__ */ jsx87(Loader25, { size: 20, className: "animate-spin" }),
+        icon: /* @__PURE__ */ jsx88(Loader25, { size: 20, className: "animate-spin" }),
         color: "#f59e0b",
         bgColor: "#fffbeb",
         text: "In Progress"
       };
     case "claimed" /* CLAIMED */:
       return {
-        icon: /* @__PURE__ */ jsx87(Loader25, { size: 20, className: "animate-spin" }),
+        icon: /* @__PURE__ */ jsx88(Loader25, { size: 20, className: "animate-spin" }),
         color: "#f59e0b",
         bgColor: "#fffbeb",
         text: "Claimed"
       };
     case "failed" /* FAILED */:
       return {
-        icon: /* @__PURE__ */ jsx87(AlertCircle2, { size: 20 }),
+        icon: /* @__PURE__ */ jsx88(AlertCircle2, { size: 20 }),
         color: "#ef4444",
         bgColor: "#fef2f2",
         text: "Failed"
@@ -21281,7 +21390,7 @@ var getStatusConfig2 = (status) => {
     case "pending" /* PENDING */:
     default:
       return {
-        icon: /* @__PURE__ */ jsx87(Clock2, { size: 20 }),
+        icon: /* @__PURE__ */ jsx88(Clock2, { size: 20 }),
         color: "#6b7280",
         bgColor: "#f3f4f6",
         text: "Pending"
@@ -21355,10 +21464,10 @@ var CommentsTab = ({ task, styles }) => {
     time: task.createdAt
   });
   if (comments.length === 0) {
-    return /* @__PURE__ */ jsx87("div", { className: styles.emptyState, children: "No comments yet" });
+    return /* @__PURE__ */ jsx88("div", { className: styles.emptyState, children: "No comments yet" });
   }
-  return /* @__PURE__ */ jsx87("div", { className: styles.commentsSection, children: comments.map((comment) => /* @__PURE__ */ jsxs60("div", { className: styles.commentItem, children: [
-    /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88("div", { className: styles.commentsSection, children: comments.map((comment) => /* @__PURE__ */ jsxs60("div", { className: styles.commentItem, children: [
+    /* @__PURE__ */ jsx88(
       "div",
       {
         className: styles.commentAvatar,
@@ -21368,22 +21477,22 @@ var CommentsTab = ({ task, styles }) => {
     ),
     /* @__PURE__ */ jsxs60("div", { className: styles.commentContent, children: [
       /* @__PURE__ */ jsxs60("div", { className: styles.commentHeader, children: [
-        /* @__PURE__ */ jsx87("span", { className: styles.commentAuthor, children: comment.author }),
-        /* @__PURE__ */ jsx87("span", { className: styles.commentTime, children: formatRelativeTime(comment.time) })
+        /* @__PURE__ */ jsx88("span", { className: styles.commentAuthor, children: comment.author }),
+        /* @__PURE__ */ jsx88("span", { className: styles.commentTime, children: formatRelativeTime(comment.time) })
       ] }),
       comment.type === "result" ? /* @__PURE__ */ jsxs60("div", { className: styles.resultComment, children: [
         /* @__PURE__ */ jsxs60("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
-          /* @__PURE__ */ jsx87(CheckCircle22, { size: 16, style: { color: "#22c55e" } }),
-          /* @__PURE__ */ jsx87(Text31, { style: { color: "#22c55e", fontWeight: 600 }, children: "Result" })
+          /* @__PURE__ */ jsx88(CheckCircle22, { size: 16, style: { color: "#22c55e" } }),
+          /* @__PURE__ */ jsx88(Text31, { style: { color: "#22c55e", fontWeight: 600 }, children: "Result" })
         ] }),
-        /* @__PURE__ */ jsx87(Paragraph, { style: { margin: 0 }, children: comment.content })
+        /* @__PURE__ */ jsx88(Paragraph, { style: { margin: 0 }, children: comment.content })
       ] }) : comment.type === "error" ? /* @__PURE__ */ jsxs60("div", { className: styles.errorComment, children: [
         /* @__PURE__ */ jsxs60("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
-          /* @__PURE__ */ jsx87(AlertCircle2, { size: 16, style: { color: "#ef4444" } }),
-          /* @__PURE__ */ jsx87(Text31, { style: { color: "#ef4444", fontWeight: 600 }, children: "Error" })
+          /* @__PURE__ */ jsx88(AlertCircle2, { size: 16, style: { color: "#ef4444" } }),
+          /* @__PURE__ */ jsx88(Text31, { style: { color: "#ef4444", fontWeight: 600 }, children: "Error" })
         ] }),
-        /* @__PURE__ */ jsx87(Paragraph, { style: { margin: 0 }, children: comment.content })
-      ] }) : /* @__PURE__ */ jsx87("div", { className: styles.commentText, children: comment.content })
+        /* @__PURE__ */ jsx88(Paragraph, { style: { margin: 0 }, children: comment.content })
+      ] }) : /* @__PURE__ */ jsx88("div", { className: styles.commentText, children: comment.content })
     ] })
   ] }, comment.id)) });
 };
@@ -21391,10 +21500,10 @@ var ActivityTab = ({ task, styles }) => {
   const statusConfig = getStatusConfig2(task.status);
   const timelineItems = [
     {
-      dot: /* @__PURE__ */ jsx87("div", { className: styles.timelineDot, children: /* @__PURE__ */ jsx87(GitCommit, { size: 16 }) }),
+      dot: /* @__PURE__ */ jsx88("div", { className: styles.timelineDot, children: /* @__PURE__ */ jsx88(GitCommit, { size: 16 }) }),
       color: statusConfig.color,
       children: /* @__PURE__ */ jsxs60("div", { className: styles.timelineContent, children: [
-        /* @__PURE__ */ jsx87("div", { className: styles.timelineTitle, children: "Status Updated" }),
+        /* @__PURE__ */ jsx88("div", { className: styles.timelineTitle, children: "Status Updated" }),
         /* @__PURE__ */ jsxs60("div", { className: styles.timelineTime, children: [
           "Changed to ",
           statusConfig.text,
@@ -21404,15 +21513,15 @@ var ActivityTab = ({ task, styles }) => {
       ] })
     },
     {
-      dot: /* @__PURE__ */ jsx87("div", { className: styles.timelineDot, children: /* @__PURE__ */ jsx87(Calendar, { size: 16 }) }),
+      dot: /* @__PURE__ */ jsx88("div", { className: styles.timelineDot, children: /* @__PURE__ */ jsx88(Calendar, { size: 16 }) }),
       color: "#6b7280",
       children: /* @__PURE__ */ jsxs60("div", { className: styles.timelineContent, children: [
-        /* @__PURE__ */ jsx87("div", { className: styles.timelineTitle, children: "Task Created" }),
-        /* @__PURE__ */ jsx87("div", { className: styles.timelineTime, children: formatDate(task.createdAt) })
+        /* @__PURE__ */ jsx88("div", { className: styles.timelineTitle, children: "Task Created" }),
+        /* @__PURE__ */ jsx88("div", { className: styles.timelineTime, children: formatDate(task.createdAt) })
       ] })
     }
   ];
-  return /* @__PURE__ */ jsx87("div", { className: styles.timelineSection, children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88("div", { className: styles.timelineSection, children: /* @__PURE__ */ jsx88(
     Timeline,
     {
       mode: "left",
@@ -21427,28 +21536,28 @@ var TaskDetailModal = ({
   onClose
 }) => {
   const { styles } = useStyles10();
-  const [activeTab, setActiveTab] = useState55("comments");
+  const [activeTab, setActiveTab] = useState56("comments");
   if (!task) return null;
   const statusConfig = getStatusConfig2(task.status);
   const tabItems = [
     {
       key: "comments",
       label: /* @__PURE__ */ jsxs60("span", { children: [
-        /* @__PURE__ */ jsx87(MessageSquare, { size: 14, style: { marginRight: 6 } }),
+        /* @__PURE__ */ jsx88(MessageSquare, { size: 14, style: { marginRight: 6 } }),
         "Comments"
       ] }),
-      children: /* @__PURE__ */ jsx87(CommentsTab, { task, styles })
+      children: /* @__PURE__ */ jsx88(CommentsTab, { task, styles })
     },
     {
       key: "activity",
       label: /* @__PURE__ */ jsxs60("span", { children: [
-        /* @__PURE__ */ jsx87(Activity4, { size: 14, style: { marginRight: 6 } }),
+        /* @__PURE__ */ jsx88(Activity4, { size: 14, style: { marginRight: 6 } }),
         "Activity"
       ] }),
-      children: /* @__PURE__ */ jsx87(ActivityTab, { task, styles })
+      children: /* @__PURE__ */ jsx88(ActivityTab, { task, styles })
     }
   ];
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(
     Modal14,
     {
       title: null,
@@ -21469,7 +21578,7 @@ var TaskDetailModal = ({
       },
       children: /* @__PURE__ */ jsxs60("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ jsxs60("div", { className: styles.header, children: [
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx88(
             "div",
             {
               className: styles.statusIcon,
@@ -21477,13 +21586,13 @@ var TaskDetailModal = ({
               children: statusConfig.icon
             }
           ),
-          /* @__PURE__ */ jsx87(Text31, { className: styles.taskId, children: task.id })
+          /* @__PURE__ */ jsx88(Text31, { className: styles.taskId, children: task.id })
         ] }),
-        /* @__PURE__ */ jsx87(Title7, { level: 3, className: styles.title, children: task.title }),
-        task.description && /* @__PURE__ */ jsx87("div", { className: styles.description, children: /* @__PURE__ */ jsx87(Paragraph, { style: { margin: 0 }, children: task.description }) }),
+        /* @__PURE__ */ jsx88(Title7, { level: 3, className: styles.title, children: task.title }),
+        task.description && /* @__PURE__ */ jsx88("div", { className: styles.description, children: /* @__PURE__ */ jsx88(Paragraph, { style: { margin: 0 }, children: task.description }) }),
         /* @__PURE__ */ jsxs60("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ jsxs60("div", { className: styles.metaItem, children: [
-            /* @__PURE__ */ jsx87(Text31, { className: styles.metaLabel, children: "Status" }),
+            /* @__PURE__ */ jsx88(Text31, { className: styles.metaLabel, children: "Status" }),
             /* @__PURE__ */ jsxs60(
               "div",
               {
@@ -21494,15 +21603,15 @@ var TaskDetailModal = ({
                 },
                 children: [
                   statusConfig.icon,
-                  /* @__PURE__ */ jsx87("span", { children: statusConfig.text })
+                  /* @__PURE__ */ jsx88("span", { children: statusConfig.text })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ jsxs60("div", { className: styles.metaItem, children: [
-            /* @__PURE__ */ jsx87(Text31, { className: styles.metaLabel, children: "Assignee" }),
-            /* @__PURE__ */ jsx87("div", { className: styles.metaValue, children: task.assignee ? /* @__PURE__ */ jsxs60(Fragment20, { children: [
-              /* @__PURE__ */ jsx87(
+            /* @__PURE__ */ jsx88(Text31, { className: styles.metaLabel, children: "Assignee" }),
+            /* @__PURE__ */ jsx88("div", { className: styles.metaValue, children: task.assignee ? /* @__PURE__ */ jsxs60(Fragment20, { children: [
+              /* @__PURE__ */ jsx88(
                 "div",
                 {
                   className: styles.assigneeAvatar,
@@ -21510,34 +21619,34 @@ var TaskDetailModal = ({
                   children: getInitials3(task.assignee)
                 }
               ),
-              /* @__PURE__ */ jsx87("span", { children: task.assignee })
-            ] }) : /* @__PURE__ */ jsx87("span", { style: { color: "#999" }, children: "Unassigned" }) })
+              /* @__PURE__ */ jsx88("span", { children: task.assignee })
+            ] }) : /* @__PURE__ */ jsx88("span", { style: { color: "#999" }, children: "Unassigned" }) })
           ] }),
           /* @__PURE__ */ jsxs60("div", { className: styles.metaItem, children: [
-            /* @__PURE__ */ jsx87(Text31, { className: styles.metaLabel, children: "Created" }),
+            /* @__PURE__ */ jsx88(Text31, { className: styles.metaLabel, children: "Created" }),
             /* @__PURE__ */ jsxs60("div", { className: styles.metaValue, children: [
-              /* @__PURE__ */ jsx87(Calendar, { size: 14 }),
-              /* @__PURE__ */ jsx87("span", { children: formatDate(task.createdAt) })
+              /* @__PURE__ */ jsx88(Calendar, { size: 14 }),
+              /* @__PURE__ */ jsx88("span", { children: formatDate(task.createdAt) })
             ] })
           ] }),
           /* @__PURE__ */ jsxs60("div", { className: styles.metaItem, children: [
-            /* @__PURE__ */ jsx87(Text31, { className: styles.metaLabel, children: "Updated" }),
+            /* @__PURE__ */ jsx88(Text31, { className: styles.metaLabel, children: "Updated" }),
             /* @__PURE__ */ jsxs60("div", { className: styles.metaValue, children: [
-              /* @__PURE__ */ jsx87(Calendar, { size: 14 }),
-              /* @__PURE__ */ jsx87("span", { children: formatDate(task.updatedAt) })
+              /* @__PURE__ */ jsx88(Calendar, { size: 14 }),
+              /* @__PURE__ */ jsx88("span", { children: formatDate(task.updatedAt) })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx87(Divider7, {}),
+        /* @__PURE__ */ jsx88(Divider7, {}),
         task.dependencies?.length > 0 && /* @__PURE__ */ jsxs60("div", { className: styles.dependenciesSection, children: [
-          /* @__PURE__ */ jsx87(Text31, { className: styles.sectionTitle, children: "Dependencies" }),
-          /* @__PURE__ */ jsx87("div", { className: styles.dependencyList, children: task.dependencies.map((dep) => /* @__PURE__ */ jsxs60(Tag17, { className: styles.dependencyTag, children: [
-            /* @__PURE__ */ jsx87(Link, { size: 12 }),
+          /* @__PURE__ */ jsx88(Text31, { className: styles.sectionTitle, children: "Dependencies" }),
+          /* @__PURE__ */ jsx88("div", { className: styles.dependencyList, children: task.dependencies.map((dep) => /* @__PURE__ */ jsxs60(Tag17, { className: styles.dependencyTag, children: [
+            /* @__PURE__ */ jsx88(Link, { size: 12 }),
             " ",
             dep
           ] }, dep)) })
         ] }),
-        /* @__PURE__ */ jsx87("div", { className: styles.tabsContainer, children: /* @__PURE__ */ jsx87(
+        /* @__PURE__ */ jsx88("div", { className: styles.tabsContainer, children: /* @__PURE__ */ jsx88(
           Tabs2,
           {
             activeKey: activeTab,
@@ -21551,7 +21660,7 @@ var TaskDetailModal = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
-import { jsx as jsx88, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs61 } from "react/jsx-runtime";
 var { Title: Title8, Text: Text32 } = Typography42;
 var getInitials4 = (name) => {
   return name.split(/[\s_-]/).map((n) => n.charAt(0)).join("").toUpperCase().slice(0, 2);
@@ -21833,15 +21942,15 @@ var StatusIcon2 = ({
 }) => {
   switch (status) {
     case "completed" /* COMPLETED */:
-      return /* @__PURE__ */ jsx88(CheckCircle23, { size, style: { color: "#22c55e" } });
+      return /* @__PURE__ */ jsx89(CheckCircle23, { size, style: { color: "#22c55e" } });
     case "in_progress" /* IN_PROGRESS */:
     case "claimed" /* CLAIMED */:
-      return /* @__PURE__ */ jsx88(Loader26, { size, style: { color: "#f59e0b" }, className: "animate-spin" });
+      return /* @__PURE__ */ jsx89(Loader26, { size, style: { color: "#f59e0b" }, className: "animate-spin" });
     case "failed" /* FAILED */:
-      return /* @__PURE__ */ jsx88(AlertCircle3, { size, style: { color: "#ef4444" } });
+      return /* @__PURE__ */ jsx89(AlertCircle3, { size, style: { color: "#ef4444" } });
     case "pending" /* PENDING */:
     default:
-      return /* @__PURE__ */ jsx88(Circle, { size, style: { color: "#6b7280" } });
+      return /* @__PURE__ */ jsx89(Circle, { size, style: { color: "#6b7280" } });
   }
 };
 var formatDate2 = (timestamp) => {
@@ -21853,7 +21962,7 @@ var formatDate2 = (timestamp) => {
   });
 };
 var ListGroupComponent = ({ group, styles, defaultExpanded = true, onTaskClick }) => {
-  const [isExpanded, setIsExpanded] = useState56(defaultExpanded);
+  const [isExpanded, setIsExpanded] = useState57(defaultExpanded);
   return /* @__PURE__ */ jsxs61("div", { className: styles.listGroup, children: [
     /* @__PURE__ */ jsxs61(
       "div",
@@ -21861,21 +21970,21 @@ var ListGroupComponent = ({ group, styles, defaultExpanded = true, onTaskClick }
         className: styles.listGroupHeader,
         onClick: () => setIsExpanded(!isExpanded),
         children: [
-          isExpanded ? /* @__PURE__ */ jsx88(ChevronDown2, { size: 16 }) : /* @__PURE__ */ jsx88(ChevronRight5, { size: 16 }),
-          /* @__PURE__ */ jsx88("span", { className: styles.listGroupTitle, style: { color: group.color }, children: group.title }),
-          /* @__PURE__ */ jsx88("span", { className: styles.listGroupCount, children: group.tasks.length })
+          isExpanded ? /* @__PURE__ */ jsx89(ChevronDown2, { size: 16 }) : /* @__PURE__ */ jsx89(ChevronRight5, { size: 16 }),
+          /* @__PURE__ */ jsx89("span", { className: styles.listGroupTitle, style: { color: group.color }, children: group.title }),
+          /* @__PURE__ */ jsx89("span", { className: styles.listGroupCount, children: group.tasks.length })
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx88("div", { className: styles.listGroupContent, children: group.tasks.map((task) => /* @__PURE__ */ jsxs61("div", { className: styles.listItem, onClick: () => onTaskClick(task), children: [
-      /* @__PURE__ */ jsx88("div", { className: styles.listItemIcon, children: /* @__PURE__ */ jsx88(StatusIcon2, { status: task.status }) }),
+    isExpanded && /* @__PURE__ */ jsx89("div", { className: styles.listGroupContent, children: group.tasks.map((task) => /* @__PURE__ */ jsxs61("div", { className: styles.listItem, onClick: () => onTaskClick(task), children: [
+      /* @__PURE__ */ jsx89("div", { className: styles.listItemIcon, children: /* @__PURE__ */ jsx89(StatusIcon2, { status: task.status }) }),
       /* @__PURE__ */ jsxs61("div", { className: styles.listItemContent, children: [
-        /* @__PURE__ */ jsx88("span", { className: styles.listItemId, children: task.id }),
-        /* @__PURE__ */ jsx88(Tooltip20, { title: task.title, children: /* @__PURE__ */ jsx88("span", { className: styles.listItemTitle, children: task.title }) })
+        /* @__PURE__ */ jsx89("span", { className: styles.listItemId, children: task.id }),
+        /* @__PURE__ */ jsx89(Tooltip20, { title: task.title, children: /* @__PURE__ */ jsx89("span", { className: styles.listItemTitle, children: task.title }) })
       ] }),
       /* @__PURE__ */ jsxs61("div", { className: styles.listItemRight, children: [
-        task.assignee ? /* @__PURE__ */ jsx88(Tooltip20, { title: task.assignee, children: /* @__PURE__ */ jsxs61("div", { className: styles.listItemAssignee, children: [
-          /* @__PURE__ */ jsx88(
+        task.assignee ? /* @__PURE__ */ jsx89(Tooltip20, { title: task.assignee, children: /* @__PURE__ */ jsxs61("div", { className: styles.listItemAssignee, children: [
+          /* @__PURE__ */ jsx89(
             "div",
             {
               className: styles.listItemAssigneeAvatar,
@@ -21883,9 +21992,9 @@ var ListGroupComponent = ({ group, styles, defaultExpanded = true, onTaskClick }
               children: getInitials4(task.assignee)
             }
           ),
-          /* @__PURE__ */ jsx88("span", { className: styles.listItemAssigneeText, children: task.assignee })
-        ] }) }) : /* @__PURE__ */ jsx88("div", { className: styles.listItemAssignee, children: /* @__PURE__ */ jsx88("span", { className: styles.listItemAssigneeText, children: "No assignee" }) }),
-        /* @__PURE__ */ jsx88("span", { className: styles.listItemDate, children: formatDate2(task.updatedAt) })
+          /* @__PURE__ */ jsx89("span", { className: styles.listItemAssigneeText, children: task.assignee })
+        ] }) }) : /* @__PURE__ */ jsx89("div", { className: styles.listItemAssignee, children: /* @__PURE__ */ jsx89("span", { className: styles.listItemAssigneeText, children: "No assignee" }) }),
+        /* @__PURE__ */ jsx89("span", { className: styles.listItemDate, children: formatDate2(task.updatedAt) })
       ] })
     ] }, task.id)) })
   ] });
@@ -21896,9 +22005,9 @@ var IssuesView = ({
   teammates
 }) => {
   const { styles } = useStyles11();
-  const [viewMode, setViewMode] = useState56("list");
-  const [selectedTask, setSelectedTask] = useState56(null);
-  const [modalVisible, setModalVisible] = useState56(false);
+  const [viewMode, setViewMode] = useState57("list");
+  const [selectedTask, setSelectedTask] = useState57(null);
+  const [modalVisible, setModalVisible] = useState57(false);
   const listGroups = useMemo20(() => {
     const groups = [
       {
@@ -21964,31 +22073,31 @@ var IssuesView = ({
       { id: "completed", title: "Completed", color: "#22C55E" },
       { id: "failed", title: "Failed", color: "#f5222d" }
     ];
-    return /* @__PURE__ */ jsx88("div", { className: styles.kanbanContainer, children: columns.map((column) => {
+    return /* @__PURE__ */ jsx89("div", { className: styles.kanbanContainer, children: columns.map((column) => {
       const columnTasks = tasksByStatus[column.id] || [];
       return /* @__PURE__ */ jsxs61("div", { className: styles.kanbanColumn, children: [
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(
           "div",
           {
             className: styles.columnHeader,
             style: { borderBottomColor: column.color },
             children: /* @__PURE__ */ jsxs61("span", { className: styles.columnTitle, children: [
-              /* @__PURE__ */ jsx88(
+              /* @__PURE__ */ jsx89(
                 Badge7,
                 {
                   count: columnTasks.length,
                   style: { backgroundColor: column.color }
                 }
               ),
-              /* @__PURE__ */ jsx88("span", { style: { marginLeft: 8 }, children: column.title })
+              /* @__PURE__ */ jsx89("span", { style: { marginLeft: 8 }, children: column.title })
             ] })
           }
         ),
         columnTasks.map((task) => /* @__PURE__ */ jsxs61("div", { className: styles.taskCard, children: [
-          /* @__PURE__ */ jsx88("div", { className: styles.taskTitle, children: task.title }),
+          /* @__PURE__ */ jsx89("div", { className: styles.taskTitle, children: task.title }),
           /* @__PURE__ */ jsxs61("div", { className: styles.taskMeta, children: [
-            /* @__PURE__ */ jsx88(Text32, { type: "secondary", children: task.id }),
-            task.assignee && /* @__PURE__ */ jsx88(Tooltip20, { title: task.assignee, children: /* @__PURE__ */ jsx88(
+            /* @__PURE__ */ jsx89(Text32, { type: "secondary", children: task.id }),
+            task.assignee && /* @__PURE__ */ jsx89(Tooltip20, { title: task.assignee, children: /* @__PURE__ */ jsx89(
               "div",
               {
                 className: styles.assigneeAvatar,
@@ -21998,7 +22107,7 @@ var IssuesView = ({
             ) })
           ] })
         ] }, task.id)),
-        columnTasks.length === 0 && /* @__PURE__ */ jsx88(
+        columnTasks.length === 0 && /* @__PURE__ */ jsx89(
           Empty11,
           {
             image: Empty11.PRESENTED_IMAGE_SIMPLE,
@@ -22017,7 +22126,7 @@ var IssuesView = ({
     setSelectedTask(null);
   };
   const renderListView = () => /* @__PURE__ */ jsxs61("div", { className: styles.listContainer, children: [
-    listGroups.map((group) => /* @__PURE__ */ jsx88(
+    listGroups.map((group) => /* @__PURE__ */ jsx89(
       ListGroupComponent,
       {
         group,
@@ -22027,12 +22136,12 @@ var IssuesView = ({
       },
       group.id
     )),
-    listGroups.length === 0 && /* @__PURE__ */ jsx88("div", { style: { padding: 48, textAlign: "center" }, children: /* @__PURE__ */ jsx88(Empty11, { description: "No issues found" }) })
+    listGroups.length === 0 && /* @__PURE__ */ jsx89("div", { style: { padding: 48, textAlign: "center" }, children: /* @__PURE__ */ jsx89(Empty11, { description: "No issues found" }) })
   ] });
   return /* @__PURE__ */ jsxs61("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs61("div", { className: styles.header, children: [
       /* @__PURE__ */ jsxs61("div", { children: [
-        /* @__PURE__ */ jsx88(Title8, { level: 3, className: styles.title, children: "Issues" }),
+        /* @__PURE__ */ jsx89(Title8, { level: 3, className: styles.title, children: "Issues" }),
         /* @__PURE__ */ jsxs61(Text32, { type: "secondary", children: [
           tasks?.length || 0,
           " tasks \u2022 Team: ",
@@ -22040,26 +22149,26 @@ var IssuesView = ({
         ] })
       ] }),
       /* @__PURE__ */ jsxs61("div", { className: styles.viewToggle, children: [
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(
           "button",
           {
             className: `${styles.viewToggleButton} ${viewMode === "list" ? "active" : ""}`,
             onClick: () => setViewMode("list"),
-            children: /* @__PURE__ */ jsx88(List14, { size: 16 })
+            children: /* @__PURE__ */ jsx89(List14, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(
           "button",
           {
             className: `${styles.viewToggleButton} ${viewMode === "kanban" ? "active" : ""}`,
             onClick: () => setViewMode("kanban"),
-            children: /* @__PURE__ */ jsx88(LayoutGrid2, { size: 16 })
+            children: /* @__PURE__ */ jsx89(LayoutGrid2, { size: 16 })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx88("div", { className: styles.content, children: tasks?.length === 0 ? /* @__PURE__ */ jsx88("div", { className: styles.emptyState, children: /* @__PURE__ */ jsx88(Empty11, { description: "No issues found" }) }) : viewMode === "kanban" ? renderKanbanView() : renderListView() }),
-    /* @__PURE__ */ jsx88(
+    /* @__PURE__ */ jsx89("div", { className: styles.content, children: tasks?.length === 0 ? /* @__PURE__ */ jsx89("div", { className: styles.emptyState, children: /* @__PURE__ */ jsx89(Empty11, { description: "No issues found" }) }) : viewMode === "kanban" ? renderKanbanView() : renderListView() }),
+    /* @__PURE__ */ jsx89(
       TaskDetailModal,
       {
         task: selectedTask,
@@ -22071,7 +22180,7 @@ var IssuesView = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/TeamOrgCanvas.tsx
-import React45, { useMemo as useMemo21 } from "react";
+import React46, { useMemo as useMemo21 } from "react";
 import {
   ReactFlow as ReactFlow3,
   Background as Background3,
@@ -22084,7 +22193,7 @@ import {
 import "@xyflow/react/dist/style.css";
 import { Typography as Typography43, Tag as Tag18, Space as Space35 } from "antd";
 import { createStyles as createStyles24 } from "antd-style";
-import { jsx as jsx89, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs62 } from "react/jsx-runtime";
 var { Title: Title9, Text: Text33 } = Typography43;
 var useStyles12 = createStyles24(({ token, css }) => ({
   container: css`
@@ -22187,7 +22296,7 @@ var TeamMemberNode = ({ data }) => {
   const { name, role, description, isLead, taskStats } = data;
   return /* @__PURE__ */ jsxs62("div", { className: styles.nodeCard, children: [
     /* @__PURE__ */ jsxs62("div", { className: styles.nodeHeader, children: [
-      /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsx90(
         "div",
         {
           className: styles.avatar,
@@ -22201,12 +22310,12 @@ var TeamMemberNode = ({ data }) => {
       /* @__PURE__ */ jsxs62("div", { children: [
         /* @__PURE__ */ jsxs62("div", { className: styles.nodeTitle, children: [
           name,
-          isLead && /* @__PURE__ */ jsx89(Tag18, { color: "blue", style: { marginLeft: 8, fontSize: 10 }, children: "Lead" })
+          isLead && /* @__PURE__ */ jsx90(Tag18, { color: "blue", style: { marginLeft: 8, fontSize: 10 }, children: "Lead" })
         ] }),
-        /* @__PURE__ */ jsx89("div", { className: styles.nodeRole, children: role })
+        /* @__PURE__ */ jsx90("div", { className: styles.nodeRole, children: role })
       ] })
     ] }),
-    description && /* @__PURE__ */ jsx89(
+    description && /* @__PURE__ */ jsx90(
       Text33,
       {
         type: "secondary",
@@ -22312,7 +22421,7 @@ var TeamOrgCanvasInner = ({
   }, [team, teammates, taskStatsByTeammate]);
   const [flowNodes, setNodes, onNodesChange] = useNodesState3(nodes);
   const [flowEdges, setEdges, onEdgesChange] = useEdgesState3(edges);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     setNodes(nodes);
     setEdges(edges);
     setTimeout(() => fitView({ padding: 0.2 }), 100);
@@ -22322,7 +22431,7 @@ var TeamOrgCanvasInner = ({
   };
   return /* @__PURE__ */ jsxs62("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs62("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx89(Title9, { level: 3, className: styles.title, children: "Team Organization" }),
+      /* @__PURE__ */ jsx90(Title9, { level: 3, className: styles.title, children: "Team Organization" }),
       /* @__PURE__ */ jsxs62(Text33, { type: "secondary", children: [
         teammates.length + 1,
         " members \u2022 ",
@@ -22342,15 +22451,15 @@ var TeamOrgCanvasInner = ({
           fitView: true,
           attributionPosition: "bottom-right",
           children: [
-            /* @__PURE__ */ jsx89(Background3, { color: "#eee", gap: 20 }),
-            /* @__PURE__ */ jsx89(Controls3, {})
+            /* @__PURE__ */ jsx90(Background3, { color: "#eee", gap: 20 }),
+            /* @__PURE__ */ jsx90(Controls3, {})
           ]
         }
       ),
-      /* @__PURE__ */ jsx89("div", { className: styles.legend, children: /* @__PURE__ */ jsxs62(Space35, { direction: "vertical", size: "small", children: [
-        /* @__PURE__ */ jsx89(Text33, { strong: true, style: { fontSize: 12 }, children: "Legend" }),
+      /* @__PURE__ */ jsx90("div", { className: styles.legend, children: /* @__PURE__ */ jsxs62(Space35, { direction: "vertical", size: "small", children: [
+        /* @__PURE__ */ jsx90(Text33, { strong: true, style: { fontSize: 12 }, children: "Legend" }),
         /* @__PURE__ */ jsxs62(Space35, { size: "small", children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             "div",
             {
               style: {
@@ -22362,10 +22471,10 @@ var TeamOrgCanvasInner = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx89(Text33, { style: { fontSize: 11 }, children: "Team Lead" })
+          /* @__PURE__ */ jsx90(Text33, { style: { fontSize: 11 }, children: "Team Lead" })
         ] }),
         /* @__PURE__ */ jsxs62(Space35, { size: "small", children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             "div",
             {
               style: {
@@ -22376,19 +22485,19 @@ var TeamOrgCanvasInner = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx89(Text33, { style: { fontSize: 11 }, children: "Teammate" })
+          /* @__PURE__ */ jsx90(Text33, { style: { fontSize: 11 }, children: "Teammate" })
         ] }),
-        /* @__PURE__ */ jsx89("div", { style: { marginTop: 4, fontSize: 10, color: "#666" }, children: "\u2713 Completed \u2022 \u27F3 In Progress \u2022 \u25CB Pending" })
+        /* @__PURE__ */ jsx90("div", { style: { marginTop: 4, fontSize: 10, color: "#666" }, children: "\u2713 Completed \u2022 \u27F3 In Progress \u2022 \u25CB Pending" })
       ] }) })
     ] })
   ] });
 };
-var TeamOrgCanvas = (props) => /* @__PURE__ */ jsx89(ReactFlowProvider3, { children: /* @__PURE__ */ jsx89(TeamOrgCanvasInner, { ...props }) });
+var TeamOrgCanvas = (props) => /* @__PURE__ */ jsx90(ReactFlowProvider3, { children: /* @__PURE__ */ jsx90(TeamOrgCanvasInner, { ...props }) });
 
 // src/components/GenUI/elements/TeamWorkspace/TeamMemberChat.tsx
 import { Typography as Typography44, Tag as Tag19 } from "antd";
 import { createStyles as createStyles25 } from "antd-style";
-import { jsx as jsx90, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs63 } from "react/jsx-runtime";
 var { Title: Title10, Text: Text34 } = Typography44;
 var useStyles13 = createStyles25(({ token, css }) => ({
   container: css`
@@ -22462,7 +22571,7 @@ var TeamMemberChat = ({
   assistantId
 }) => {
   const { styles } = useStyles13();
-  return /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(
     AgentThreadProvider,
     {
       threadId,
@@ -22474,7 +22583,7 @@ var TeamMemberChat = ({
       },
       children: /* @__PURE__ */ jsxs63("div", { className: styles.container, children: [
         /* @__PURE__ */ jsxs63("div", { className: styles.header, children: [
-          /* @__PURE__ */ jsx90(
+          /* @__PURE__ */ jsx91(
             "div",
             {
               className: styles.avatar,
@@ -22483,9 +22592,9 @@ var TeamMemberChat = ({
             }
           ),
           /* @__PURE__ */ jsxs63("div", { className: styles.headerInfo, children: [
-            /* @__PURE__ */ jsx90(Title10, { level: 4, className: styles.title, children: teammate.name }),
+            /* @__PURE__ */ jsx91(Title10, { level: 4, className: styles.title, children: teammate.name }),
             /* @__PURE__ */ jsxs63("div", { children: [
-              /* @__PURE__ */ jsx90(Tag19, { color: "blue", children: teammate.role }),
+              /* @__PURE__ */ jsx91(Tag19, { color: "blue", children: teammate.role }),
               teammate.description && /* @__PURE__ */ jsxs63(Text34, { className: styles.role, children: [
                 "\u2022 ",
                 teammate.description
@@ -22493,7 +22602,7 @@ var TeamMemberChat = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx90("div", { className: styles.chatContainer, children: /* @__PURE__ */ jsx90("div", { className: styles.chatWrapper, children: /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91("div", { className: styles.chatContainer, children: /* @__PURE__ */ jsx91("div", { className: styles.chatWrapper, children: /* @__PURE__ */ jsx91(
           Chating,
           {
             showRefreshButton: true,
@@ -22509,7 +22618,7 @@ var TeamMemberChat = ({
 };
 
 // src/components/GenUI/elements/MailboxPanel.tsx
-import { useState as useState57, useMemo as useMemo22 } from "react";
+import { useState as useState58, useMemo as useMemo22 } from "react";
 import { Typography as Typography46, Empty as Empty12 } from "antd";
 import { createStyles as createStyles27 } from "antd-style";
 import {
@@ -22523,7 +22632,7 @@ import {
 import { Modal as Modal15, Typography as Typography45, Tag as Tag20, Divider as Divider8 } from "antd";
 import { createStyles as createStyles26 } from "antd-style";
 import { Mail as Mail2, Calendar as Calendar2 } from "lucide-react";
-import { jsx as jsx91, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs64 } from "react/jsx-runtime";
 var { Title: Title11, Text: Text35, Paragraph: Paragraph2 } = Typography45;
 var useStyles14 = createStyles26(({ token, css }) => ({
   modalContent: css`
@@ -22660,7 +22769,7 @@ var MailboxDetailModal = ({
 }) => {
   const { styles } = useStyles14();
   if (!message19) return null;
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92(
     Modal15,
     {
       title: null,
@@ -22681,9 +22790,9 @@ var MailboxDetailModal = ({
       },
       children: /* @__PURE__ */ jsxs64("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ jsxs64("div", { className: styles.header, children: [
-          /* @__PURE__ */ jsx91("div", { className: styles.messageIcon, children: /* @__PURE__ */ jsx91(Mail2, { size: 20 }) }),
-          /* @__PURE__ */ jsx91(Text35, { className: styles.messageId, children: message19.id }),
-          !message19.read && /* @__PURE__ */ jsx91(Tag20, { color: "red", children: "Unread" })
+          /* @__PURE__ */ jsx92("div", { className: styles.messageIcon, children: /* @__PURE__ */ jsx92(Mail2, { size: 20 }) }),
+          /* @__PURE__ */ jsx92(Text35, { className: styles.messageId, children: message19.id }),
+          !message19.read && /* @__PURE__ */ jsx92(Tag20, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ jsxs64(Title11, { level: 4, className: styles.title, children: [
           "Message from ",
@@ -22691,9 +22800,9 @@ var MailboxDetailModal = ({
         ] }),
         /* @__PURE__ */ jsxs64("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
-            /* @__PURE__ */ jsx91(Text35, { className: styles.metaLabel, children: "From" }),
+            /* @__PURE__ */ jsx92(Text35, { className: styles.metaLabel, children: "From" }),
             /* @__PURE__ */ jsxs64("div", { className: styles.metaValue, children: [
-              /* @__PURE__ */ jsx91(
+              /* @__PURE__ */ jsx92(
                 "div",
                 {
                   className: styles.avatar,
@@ -22701,13 +22810,13 @@ var MailboxDetailModal = ({
                   children: getInitials7(message19.from)
                 }
               ),
-              /* @__PURE__ */ jsx91("span", { children: message19.from })
+              /* @__PURE__ */ jsx92("span", { children: message19.from })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
-            /* @__PURE__ */ jsx91(Text35, { className: styles.metaLabel, children: "To" }),
+            /* @__PURE__ */ jsx92(Text35, { className: styles.metaLabel, children: "To" }),
             /* @__PURE__ */ jsxs64("div", { className: styles.metaValue, children: [
-              /* @__PURE__ */ jsx91(
+              /* @__PURE__ */ jsx92(
                 "div",
                 {
                   className: styles.avatar,
@@ -22715,25 +22824,25 @@ var MailboxDetailModal = ({
                   children: getInitials7(message19.to)
                 }
               ),
-              /* @__PURE__ */ jsx91("span", { children: message19.to })
+              /* @__PURE__ */ jsx92("span", { children: message19.to })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
-            /* @__PURE__ */ jsx91(Text35, { className: styles.metaLabel, children: "Time" }),
+            /* @__PURE__ */ jsx92(Text35, { className: styles.metaLabel, children: "Time" }),
             /* @__PURE__ */ jsxs64("div", { className: styles.metaValue, children: [
-              /* @__PURE__ */ jsx91(Calendar2, { size: 14 }),
-              /* @__PURE__ */ jsx91("span", { children: formatDate3(message19.timestamp) })
+              /* @__PURE__ */ jsx92(Calendar2, { size: 14 }),
+              /* @__PURE__ */ jsx92("span", { children: formatDate3(message19.timestamp) })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
-            /* @__PURE__ */ jsx91(Text35, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ jsx91("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx91(Tag20, { color: message19.type === "broadcast" ? "blue" : "default", children: message19.type }) })
+            /* @__PURE__ */ jsx92(Text35, { className: styles.metaLabel, children: "Type" }),
+            /* @__PURE__ */ jsx92("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx92(Tag20, { color: message19.type === "broadcast" ? "blue" : "default", children: message19.type }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx91(Divider8, {}),
+        /* @__PURE__ */ jsx92(Divider8, {}),
         /* @__PURE__ */ jsxs64("div", { className: styles.contentSection, children: [
-          /* @__PURE__ */ jsx91(Text35, { className: styles.contentLabel, children: "Message Content" }),
-          /* @__PURE__ */ jsx91("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx91(Paragraph2, { className: styles.messageContent, children: message19.content }) })
+          /* @__PURE__ */ jsx92(Text35, { className: styles.contentLabel, children: "Message Content" }),
+          /* @__PURE__ */ jsx92("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx92(Paragraph2, { className: styles.messageContent, children: message19.content }) })
         ] })
       ] })
     }
@@ -22741,7 +22850,7 @@ var MailboxDetailModal = ({
 };
 
 // src/components/GenUI/elements/MailboxPanel.tsx
-import { jsx as jsx92, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs65 } from "react/jsx-runtime";
 var { Title: Title12, Text: Text36 } = Typography46;
 var useStyles15 = createStyles27(({ token, css }) => ({
   container: css`
@@ -22932,7 +23041,7 @@ var getMessagePreview = (content) => {
   return firstLine.length > 80 ? firstLine.slice(0, 80) + "..." : firstLine;
 };
 var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageClick }) => {
-  const [isExpanded, setIsExpanded] = useState57(defaultExpanded);
+  const [isExpanded, setIsExpanded] = useState58(defaultExpanded);
   return /* @__PURE__ */ jsxs65("div", { className: styles.listGroup, children: [
     /* @__PURE__ */ jsxs65(
       "div",
@@ -22940,8 +23049,8 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         className: styles.listGroupHeader,
         onClick: () => setIsExpanded(!isExpanded),
         children: [
-          isExpanded ? /* @__PURE__ */ jsx92(ChevronDown3, { size: 16 }) : /* @__PURE__ */ jsx92(ChevronRight6, { size: 16 }),
-          /* @__PURE__ */ jsx92(
+          isExpanded ? /* @__PURE__ */ jsx93(ChevronDown3, { size: 16 }) : /* @__PURE__ */ jsx93(ChevronRight6, { size: 16 }),
+          /* @__PURE__ */ jsx93(
             "div",
             {
               className: styles.listGroupAvatar,
@@ -22949,7 +23058,7 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
               children: getInitials8(group.sender)
             }
           ),
-          /* @__PURE__ */ jsx92("span", { className: styles.listGroupTitle, children: group.sender }),
+          /* @__PURE__ */ jsx93("span", { className: styles.listGroupTitle, children: group.sender }),
           /* @__PURE__ */ jsxs65("span", { className: styles.listGroupCount, children: [
             group.messages.length,
             " messages",
@@ -22962,15 +23071,15 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx92("div", { className: styles.listGroupContent, children: group.messages.map((message19) => /* @__PURE__ */ jsxs65(
+    isExpanded && /* @__PURE__ */ jsx93("div", { className: styles.listGroupContent, children: group.messages.map((message19) => /* @__PURE__ */ jsxs65(
       "div",
       {
         className: `${styles.listItem} ${!message19.read ? styles.listItemUnread : ""}`,
         onClick: () => onMessageClick(message19),
         children: [
-          /* @__PURE__ */ jsx92("div", { className: styles.listItemIcon, children: !message19.read ? /* @__PURE__ */ jsx92("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx92(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
+          /* @__PURE__ */ jsx93("div", { className: styles.listItemIcon, children: !message19.read ? /* @__PURE__ */ jsx93("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx93(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
           /* @__PURE__ */ jsxs65("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ jsx92("span", { className: styles.listItemPreview, children: getMessagePreview(message19.content) }),
+            /* @__PURE__ */ jsx93("span", { className: styles.listItemPreview, children: getMessagePreview(message19.content) }),
             /* @__PURE__ */ jsxs65("span", { className: styles.listItemMeta, children: [
               "To: ",
               message19.to,
@@ -22978,7 +23087,7 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
               message19.type
             ] })
           ] }),
-          /* @__PURE__ */ jsx92("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx92("span", { className: styles.listItemDate, children: formatDate4(message19.timestamp) }) })
+          /* @__PURE__ */ jsx93("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx93("span", { className: styles.listItemDate, children: formatDate4(message19.timestamp) }) })
         ]
       },
       message19.id
@@ -22987,8 +23096,8 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
 };
 var MailboxPanel = ({ data }) => {
   const { styles } = useStyles15();
-  const [selectedMessage, setSelectedMessage] = useState57(null);
-  const [modalVisible, setModalVisible] = useState57(false);
+  const [selectedMessage, setSelectedMessage] = useState58(null);
+  const [modalVisible, setModalVisible] = useState58(false);
   const { teamMailbox = [] } = data || {};
   const messageGroups = useMemo22(() => {
     const groupsMap = /* @__PURE__ */ new Map();
@@ -23023,9 +23132,9 @@ var MailboxPanel = ({ data }) => {
     setSelectedMessage(null);
   };
   return /* @__PURE__ */ jsxs65("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsx92("div", { className: styles.header, children: /* @__PURE__ */ jsxs65("div", { children: [
+    /* @__PURE__ */ jsx93("div", { className: styles.header, children: /* @__PURE__ */ jsxs65("div", { children: [
       /* @__PURE__ */ jsxs65(Title12, { level: 3, className: styles.title, children: [
-        /* @__PURE__ */ jsx92(Mail3, { size: 20, style: { marginRight: 8, verticalAlign: "middle" } }),
+        /* @__PURE__ */ jsx93(Mail3, { size: 20, style: { marginRight: 8, verticalAlign: "middle" } }),
         "Mailbox"
       ] }),
       /* @__PURE__ */ jsxs65(Text36, { type: "secondary", children: [
@@ -23036,7 +23145,7 @@ var MailboxPanel = ({ data }) => {
         totalUnread > 0 && ` \u2022 ${totalUnread} unread`
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx92("div", { className: styles.content, children: teamMailbox.length === 0 ? /* @__PURE__ */ jsx92("div", { className: styles.emptyState, children: /* @__PURE__ */ jsx92(Empty12, { description: "No messages" }) }) : /* @__PURE__ */ jsx92("div", { className: styles.listContainer, children: messageGroups.map((group) => /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx93("div", { className: styles.content, children: teamMailbox.length === 0 ? /* @__PURE__ */ jsx93("div", { className: styles.emptyState, children: /* @__PURE__ */ jsx93(Empty12, { description: "No messages" }) }) : /* @__PURE__ */ jsx93("div", { className: styles.listContainer, children: messageGroups.map((group) => /* @__PURE__ */ jsx93(
       MessageGroupComponent,
       {
         group,
@@ -23046,7 +23155,7 @@ var MailboxPanel = ({ data }) => {
       },
       group.sender
     )) }) }),
-    /* @__PURE__ */ jsx92(
+    /* @__PURE__ */ jsx93(
       MailboxDetailModal,
       {
         message: selectedMessage,
@@ -23058,7 +23167,7 @@ var MailboxPanel = ({ data }) => {
 };
 
 // src/components/GenUI/elements/TeamWorkspace/index.tsx
-import { jsx as jsx93, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs66 } from "react/jsx-runtime";
 var { Content } = Layout;
 var useStyles16 = createStyles28(({ token, css }) => ({
   container: css`
@@ -23118,7 +23227,7 @@ var TeamWorkspace = ({
     isLoading,
     refresh
   } = useTeamWorkspaceData(parent_thread_id || null, assistantId);
-  const [activeMenuId, setActiveMenuId] = useState58("dashboard");
+  const [activeMenuId, setActiveMenuId] = useState59("dashboard");
   const menuItems = useMemo23(() => {
     const items = [
       {
@@ -23161,12 +23270,12 @@ var TeamWorkspace = ({
   };
   const renderContent = () => {
     if (isLoading) {
-      return /* @__PURE__ */ jsx93("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx93(Spin14, { size: "large" }) });
+      return /* @__PURE__ */ jsx94("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx94(Spin14, { size: "large" }) });
     }
     const activeItem = menuItems.find((item) => item.id === activeMenuId);
     switch (activeItem?.type) {
       case "dashboard":
-        return /* @__PURE__ */ jsx93(
+        return /* @__PURE__ */ jsx94(
           TeamDashboard,
           {
             stats,
@@ -23176,7 +23285,7 @@ var TeamWorkspace = ({
           }
         );
       case "inbox":
-        return /* @__PURE__ */ jsx93(
+        return /* @__PURE__ */ jsx94(
           MailboxPanel,
           {
             data: {
@@ -23190,7 +23299,7 @@ var TeamWorkspace = ({
           }
         );
       case "issues":
-        return /* @__PURE__ */ jsx93(
+        return /* @__PURE__ */ jsx94(
           IssuesView,
           {
             tasks,
@@ -23206,7 +23315,7 @@ var TeamWorkspace = ({
             activeItem.data.name
           );
           const assistantId2 = getTeammateAssistantId(teamId, activeItem.data.name);
-          return /* @__PURE__ */ jsx93(
+          return /* @__PURE__ */ jsx94(
             TeamMemberChat,
             {
               teammate: activeItem.data,
@@ -23217,7 +23326,7 @@ var TeamWorkspace = ({
         }
         return null;
       case "org":
-        return /* @__PURE__ */ jsx93(
+        return /* @__PURE__ */ jsx94(
           TeamOrgCanvas,
           {
             team,
@@ -23230,7 +23339,7 @@ var TeamWorkspace = ({
     }
   };
   return /* @__PURE__ */ jsxs66("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx94(
       TeamWorkspaceMenu,
       {
         items: menuItems,
@@ -23239,18 +23348,18 @@ var TeamWorkspace = ({
       }
     ),
     /* @__PURE__ */ jsxs66(Content, { className: styles.content, children: [
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx94(
         Button43,
         {
           className: styles.refreshButton,
-          icon: /* @__PURE__ */ jsx93(RefreshCw, { size: 16 }),
+          icon: /* @__PURE__ */ jsx94(RefreshCw, { size: 16 }),
           onClick: refresh,
           loading: isLoading,
           type: "text",
           children: "Refresh"
         }
       ),
-      /* @__PURE__ */ jsx93("div", { className: styles.contentInner, children: renderContent() })
+      /* @__PURE__ */ jsx94("div", { className: styles.contentInner, children: renderContent() })
     ] })
   ] });
 };
@@ -23259,7 +23368,7 @@ var TeamWorkspace = ({
 import { useMemo as useMemo24 } from "react";
 
 // src/components/GenUI/elements/TaskBoardCard.tsx
-import { jsx as jsx94, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs67 } from "react/jsx-runtime";
 var useStyle10 = (status, isCompleted) => {
   return {
     card: {
@@ -23357,8 +23466,8 @@ var useStyle10 = (status, isCompleted) => {
     }
   };
 };
-var CheckIcon = () => /* @__PURE__ */ jsx94("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ jsx94("polyline", { points: "20 6 9 17 4 12" }) });
-var CircleIcon = () => /* @__PURE__ */ jsx94("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx94("circle", { cx: "12", cy: "12", r: "10" }) });
+var CheckIcon = () => /* @__PURE__ */ jsx95("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ jsx95("polyline", { points: "20 6 9 17 4 12" }) });
+var CircleIcon = () => /* @__PURE__ */ jsx95("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx95("circle", { cx: "12", cy: "12", r: "10" }) });
 var TaskBoardCard = ({
   task,
   allTaskIds,
@@ -23368,7 +23477,7 @@ var TaskBoardCard = ({
   const styles = useStyle10(task.status, isCompleted);
   const renderDependencyBadges = () => {
     if (!task.dependencies || task.dependencies.length === 0) {
-      return /* @__PURE__ */ jsx94("span", { style: { ...styles.depLabel, color: "#7A7A7A" }, children: "none" });
+      return /* @__PURE__ */ jsx95("span", { style: { ...styles.depLabel, color: "#7A7A7A" }, children: "none" });
     }
     return task.dependencies.map((depId) => {
       const isValidDep = allTaskIds.has(depId);
@@ -23388,7 +23497,7 @@ var TaskBoardCard = ({
             marginRight: "4px"
           },
           children: [
-            /* @__PURE__ */ jsx94("span", { style: styles.checkIcon, children: isValidDep && isDepCompleted ? /* @__PURE__ */ jsx94(CheckIcon, {}) : isValidDep ? /* @__PURE__ */ jsx94(CircleIcon, {}) : null }),
+            /* @__PURE__ */ jsx95("span", { style: styles.checkIcon, children: isValidDep && isDepCompleted ? /* @__PURE__ */ jsx95(CheckIcon, {}) : isValidDep ? /* @__PURE__ */ jsx95(CircleIcon, {}) : null }),
             depId
           ]
         },
@@ -23398,23 +23507,23 @@ var TaskBoardCard = ({
   };
   return /* @__PURE__ */ jsxs67("div", { style: styles.card, children: [
     /* @__PURE__ */ jsxs67("div", { style: styles.header, children: [
-      /* @__PURE__ */ jsx94("span", { style: styles.taskId, children: task.id }),
+      /* @__PURE__ */ jsx95("span", { style: styles.taskId, children: task.id }),
       task.assignee && /* @__PURE__ */ jsxs67("span", { style: styles.assignee, children: [
         "@",
         task.assignee
       ] })
     ] }),
-    /* @__PURE__ */ jsx94("h3", { style: styles.title, children: task.title }),
-    task.description && /* @__PURE__ */ jsx94("p", { style: styles.description, children: task.description }),
+    /* @__PURE__ */ jsx95("h3", { style: styles.title, children: task.title }),
+    task.description && /* @__PURE__ */ jsx95("p", { style: styles.description, children: task.description }),
     /* @__PURE__ */ jsxs67("div", { style: styles.depRow, children: [
-      /* @__PURE__ */ jsx94("span", { style: styles.depLabel, children: "Deps:" }),
+      /* @__PURE__ */ jsx95("span", { style: styles.depLabel, children: "Deps:" }),
       renderDependencyBadges()
     ] })
   ] });
 };
 
 // src/components/GenUI/elements/TaskBoard.tsx
-import { jsx as jsx95, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs68 } from "react/jsx-runtime";
 var COLUMNS = [
   { id: "pending", title: "Pending", color: "#7A7A7A" },
   { id: "in_progress", title: "In Progress", color: "#E42313" },
@@ -23565,28 +23674,28 @@ var TaskBoard = ({
   return /* @__PURE__ */ jsxs68("div", { style: styles.container, children: [
     /* @__PURE__ */ jsxs68("div", { style: styles.header, children: [
       /* @__PURE__ */ jsxs68("div", { style: styles.titleSection, children: [
-        /* @__PURE__ */ jsx95("h1", { style: styles.pageTitle, children: "Task Board" }),
-        /* @__PURE__ */ jsx95("p", { style: styles.pageSubtitle, children: "Track team progress and task status" })
+        /* @__PURE__ */ jsx96("h1", { style: styles.pageTitle, children: "Task Board" }),
+        /* @__PURE__ */ jsx96("p", { style: styles.pageSubtitle, children: "Track team progress and task status" })
       ] }),
-      /* @__PURE__ */ jsx95("div", { style: styles.actions, children: /* @__PURE__ */ jsxs68("button", { style: styles.addButton, onClick: handleAddTask, children: [
+      /* @__PURE__ */ jsx96("div", { style: styles.actions, children: /* @__PURE__ */ jsxs68("button", { style: styles.addButton, onClick: handleAddTask, children: [
         /* @__PURE__ */ jsxs68("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-          /* @__PURE__ */ jsx95("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-          /* @__PURE__ */ jsx95("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+          /* @__PURE__ */ jsx96("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+          /* @__PURE__ */ jsx96("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
         ] }),
         "Add Task"
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx95("div", { style: styles.boardContainer, children: COLUMNS.map((column) => {
+    /* @__PURE__ */ jsx96("div", { style: styles.boardContainer, children: COLUMNS.map((column) => {
       const columnTasks = tasksByStatus[column.id] || [];
       return /* @__PURE__ */ jsxs68("div", { style: styles.column, children: [
         /* @__PURE__ */ jsxs68("div", { style: styles.columnHeader, children: [
           /* @__PURE__ */ jsxs68("div", { style: styles.columnTitle, children: [
-            /* @__PURE__ */ jsx95("div", { style: { ...styles.statusDot, background: column.color } }),
-            /* @__PURE__ */ jsx95("span", { style: styles.columnLabel, children: column.title })
+            /* @__PURE__ */ jsx96("div", { style: { ...styles.statusDot, background: column.color } }),
+            /* @__PURE__ */ jsx96("span", { style: styles.columnLabel, children: column.title })
           ] }),
-          /* @__PURE__ */ jsx95("span", { style: styles.columnCount, children: columnTasks.length })
+          /* @__PURE__ */ jsx96("span", { style: styles.columnCount, children: columnTasks.length })
         ] }),
-        columnTasks.length > 0 ? columnTasks.map((task) => /* @__PURE__ */ jsx95(
+        columnTasks.length > 0 ? columnTasks.map((task) => /* @__PURE__ */ jsx96(
           TaskBoardCard,
           {
             task,
@@ -23594,15 +23703,15 @@ var TaskBoard = ({
             getDependencyStatus
           },
           task.id
-        )) : /* @__PURE__ */ jsx95("div", { style: styles.emptyColumn, children: "No tasks" })
+        )) : /* @__PURE__ */ jsx96("div", { style: styles.emptyColumn, children: "No tasks" })
       ] }, column.id);
     }) })
   ] });
 };
 
 // src/components/GenUI/elements/Mailbox.tsx
-import { useState as useState59, useMemo as useMemo25, useRef as useRef21, useEffect as useEffect36 } from "react";
-import { jsx as jsx96, jsxs as jsxs69 } from "react/jsx-runtime";
+import { useState as useState60, useMemo as useMemo25, useRef as useRef22, useEffect as useEffect37 } from "react";
+import { jsx as jsx97, jsxs as jsxs69 } from "react/jsx-runtime";
 var useStyle12 = () => {
   return {
     container: {
@@ -23860,7 +23969,7 @@ var formatTime3 = (date) => {
 };
 var renderMessageWithMentions = (content, mentions, styles) => {
   if (mentions.length === 0) {
-    return /* @__PURE__ */ jsx96("span", { style: styles.messageText, children: content });
+    return /* @__PURE__ */ jsx97("span", { style: styles.messageText, children: content });
   }
   const parts = [];
   let lastIndex = 0;
@@ -23882,13 +23991,13 @@ var renderMessageWithMentions = (content, mentions, styles) => {
   if (lastIndex < content.length) {
     parts.push(content.slice(lastIndex));
   }
-  return /* @__PURE__ */ jsx96("span", { style: styles.messageText, children: parts });
+  return /* @__PURE__ */ jsx97("span", { style: styles.messageText, children: parts });
 };
 var TeamChat = ({ data }) => {
   const styles = useStyle12();
   const { teamName, currentUser, teammates, messages, onSendMessage } = data || {};
-  const [inputValue, setInputValue] = useState59("");
-  const messagesEndRef = useRef21(null);
+  const [inputValue, setInputValue] = useState60("");
+  const messagesEndRef = useRef22(null);
   const sortedMessages = useMemo25(() => {
     return [...messages || []].sort(
       (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
@@ -23897,7 +24006,7 @@ var TeamChat = ({ data }) => {
   const mentions = useMemo25(() => {
     return teammates?.map((t) => t.name) || [];
   }, [teammates]);
-  useEffect36(() => {
+  useEffect37(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [sortedMessages]);
   const handleSend = () => {
@@ -23916,8 +24025,8 @@ var TeamChat = ({ data }) => {
     return STATUS_COLORS[status] || STATUS_COLORS.offline;
   };
   return /* @__PURE__ */ jsxs69("div", { style: styles.container, children: [
-    /* @__PURE__ */ jsx96("div", { style: styles.header, children: /* @__PURE__ */ jsxs69("div", { style: styles.titleSection, children: [
-      /* @__PURE__ */ jsx96("h2", { style: styles.teamName, children: teamName || "Team Chat" }),
+    /* @__PURE__ */ jsx97("div", { style: styles.header, children: /* @__PURE__ */ jsxs69("div", { style: styles.titleSection, children: [
+      /* @__PURE__ */ jsx97("h2", { style: styles.teamName, children: teamName || "Team Chat" }),
       /* @__PURE__ */ jsxs69("p", { style: styles.teamDesc, children: [
         teammates?.length || 0,
         " member",
@@ -23926,16 +24035,16 @@ var TeamChat = ({ data }) => {
     ] }) }),
     /* @__PURE__ */ jsxs69("div", { style: styles.mainContainer, children: [
       /* @__PURE__ */ jsxs69("div", { style: styles.sidebar, children: [
-        /* @__PURE__ */ jsx96("div", { style: styles.sidebarHeader, children: /* @__PURE__ */ jsx96("p", { style: styles.sidebarTitle, children: "Team Members" }) }),
+        /* @__PURE__ */ jsx97("div", { style: styles.sidebarHeader, children: /* @__PURE__ */ jsx97("p", { style: styles.sidebarTitle, children: "Team Members" }) }),
         teammates?.map((member) => /* @__PURE__ */ jsxs69("div", { style: styles.member, children: [
-          /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsx97(
             "div",
             {
               style: {
                 ...styles.avatar,
                 background: getAvatarColor9(member.name)
               },
-              children: /* @__PURE__ */ jsx96("span", { style: styles.avatarText, children: getInitials9(member.name) })
+              children: /* @__PURE__ */ jsx97("span", { style: styles.avatarText, children: getInitials9(member.name) })
             }
           ),
           /* @__PURE__ */ jsxs69("div", { style: styles.memberInfo, children: [
@@ -23943,9 +24052,9 @@ var TeamChat = ({ data }) => {
               member.name,
               member.name === currentUser && " (You)"
             ] }),
-            /* @__PURE__ */ jsx96("p", { style: styles.memberRole, children: member.role })
+            /* @__PURE__ */ jsx97("p", { style: styles.memberRole, children: member.role })
           ] }),
-          /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsx97(
             "div",
             {
               style: {
@@ -23968,14 +24077,14 @@ var TeamChat = ({ data }) => {
                   ...isSelf ? styles.messageSelf : {}
                 },
                 children: [
-                  !isSelf && /* @__PURE__ */ jsx96(
+                  !isSelf && /* @__PURE__ */ jsx97(
                     "div",
                     {
                       style: {
                         ...styles.avatar,
                         background: getAvatarColor9(msg.from)
                       },
-                      children: /* @__PURE__ */ jsx96("span", { style: styles.avatarText, children: getInitials9(msg.from) })
+                      children: /* @__PURE__ */ jsx97("span", { style: styles.avatarText, children: getInitials9(msg.from) })
                     }
                   ),
                   /* @__PURE__ */ jsxs69(
@@ -23987,7 +24096,7 @@ var TeamChat = ({ data }) => {
                       },
                       children: [
                         /* @__PURE__ */ jsxs69("div", { style: styles.messageHeader, children: [
-                          /* @__PURE__ */ jsx96(
+                          /* @__PURE__ */ jsx97(
                             "span",
                             {
                               style: {
@@ -23997,7 +24106,7 @@ var TeamChat = ({ data }) => {
                               children: isSelf ? "You" : msg.from
                             }
                           ),
-                          /* @__PURE__ */ jsx96(
+                          /* @__PURE__ */ jsx97(
                             "span",
                             {
                               style: {
@@ -24008,7 +24117,7 @@ var TeamChat = ({ data }) => {
                             }
                           )
                         ] }),
-                        isSelf ? /* @__PURE__ */ jsx96(
+                        isSelf ? /* @__PURE__ */ jsx97(
                           "div",
                           {
                             style: {
@@ -24027,10 +24136,10 @@ var TeamChat = ({ data }) => {
               msg.id
             );
           }),
-          /* @__PURE__ */ jsx96("div", { ref: messagesEndRef })
+          /* @__PURE__ */ jsx97("div", { ref: messagesEndRef })
         ] }),
         /* @__PURE__ */ jsxs69("div", { style: styles.inputArea, children: [
-          /* @__PURE__ */ jsx96("div", { style: styles.input, children: /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsx97("div", { style: styles.input, children: /* @__PURE__ */ jsx97(
             "input",
             {
               type: "text",
@@ -24052,12 +24161,12 @@ var TeamChat = ({ data }) => {
                 stroke: "currentColor",
                 strokeWidth: "2",
                 children: [
-                  /* @__PURE__ */ jsx96("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
-                  /* @__PURE__ */ jsx96("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+                  /* @__PURE__ */ jsx97("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+                  /* @__PURE__ */ jsx97("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx96("span", { style: styles.sendText, children: "Send" })
+            /* @__PURE__ */ jsx97("span", { style: styles.sendText, children: "Send" })
           ] })
         ] })
       ] })
@@ -24066,12 +24175,12 @@ var TeamChat = ({ data }) => {
 };
 
 // src/components/GenUI/elements/ShowWidget.tsx
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback29 } from "react";
 import { Button as Button44, Typography as Typography47 } from "antd";
 import { ExpandOutlined as ExpandOutlined2 } from "@ant-design/icons";
 
 // src/streaming-html/StreamingHTMLRenderer.tsx
-import React50, { useEffect as useEffect37, useRef as useRef22, useCallback as useCallback26, useState as useState60 } from "react";
+import React51, { useEffect as useEffect38, useRef as useRef23, useCallback as useCallback28, useState as useState61 } from "react";
 
 // src/streaming-html/show-widget-css-generator.ts
 function generateShowWidgetCSS(tokens) {
@@ -24752,7 +24861,7 @@ svg { height:100%}
 }
 
 // src/streaming-html/StreamingHTMLRenderer.tsx
-import { jsx as jsx97, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs70 } from "react/jsx-runtime";
 var StreamingHTMLRenderer = ({
   html,
   className = "",
@@ -24762,22 +24871,22 @@ var StreamingHTMLRenderer = ({
   title,
   loadingMessages
 }) => {
-  const iframeRef = useRef22(null);
-  const containerRef = useRef22(null);
-  const resizeObserverRef = useRef22(null);
-  const prevHTMLRef = useRef22("");
-  const isReadyRef = useRef22(false);
-  const pendingChunksRef = useRef22([]);
-  const isCompleteRef = useRef22(isComplete);
-  const isScriptExecuted = useRef22(false);
-  const [iframeHeight, setIframeHeight] = React50.useState(0);
-  const [iframeWidth, setIframeWidth] = React50.useState(void 0);
-  const [currentMessageIndex, setCurrentMessageIndex] = useState60(0);
-  const [showLoading, setShowLoading] = useState60(true);
-  useEffect37(() => {
+  const iframeRef = useRef23(null);
+  const containerRef = useRef23(null);
+  const resizeObserverRef = useRef23(null);
+  const prevHTMLRef = useRef23("");
+  const isReadyRef = useRef23(false);
+  const pendingChunksRef = useRef23([]);
+  const isCompleteRef = useRef23(isComplete);
+  const isScriptExecuted = useRef23(false);
+  const [iframeHeight, setIframeHeight] = React51.useState(0);
+  const [iframeWidth, setIframeWidth] = React51.useState(void 0);
+  const [currentMessageIndex, setCurrentMessageIndex] = useState61(0);
+  const [showLoading, setShowLoading] = useState61(true);
+  useEffect38(() => {
     isCompleteRef.current = isComplete;
   }, [isComplete]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (iframeHeight > 0) {
       setShowLoading(false);
       return;
@@ -24802,7 +24911,7 @@ var StreamingHTMLRenderer = ({
     }, 1500);
     return () => clearInterval(interval);
   }, [iframeHeight, loadingMessages]);
-  const executeScripts = useCallback26(() => {
+  const executeScripts = useCallback28(() => {
     if (isScriptExecuted.current) {
       console.log("[StreamingHTMLRenderer]  scripts is executed");
       return;
@@ -24829,7 +24938,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  const sendChunk = useCallback26((chunk) => {
+  const sendChunk = useCallback28((chunk) => {
     const iframe = iframeRef.current;
     if (!iframe || !iframe.contentWindow) {
       return;
@@ -24853,7 +24962,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  useEffect37(() => {
+  useEffect38(() => {
     const handleMessage = (event) => {
       const iframe = iframeRef.current;
       if (!iframe || event.source !== iframe.contentWindow) {
@@ -24906,7 +25015,7 @@ var StreamingHTMLRenderer = ({
       window.removeEventListener("message", handleMessage);
     };
   }, [onError, onPrompt, sendChunk, executeScripts]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (html === prevHTMLRef.current) {
       return;
     }
@@ -24917,12 +25026,12 @@ var StreamingHTMLRenderer = ({
       sendChunk(newChunk);
     }
   }, [html, sendChunk]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (isComplete && isReadyRef.current) {
       executeScripts();
     }
   }, [isComplete, executeScripts]);
-  useEffect37(() => {
+  useEffect38(() => {
     const container = containerRef.current;
     if (!container) return;
     const antBubble = container.closest(".ant-bubble");
@@ -24948,7 +25057,7 @@ var StreamingHTMLRenderer = ({
       resizeObserverRef.current = null;
     };
   }, []);
-  useEffect37(() => {
+  useEffect38(() => {
     return () => {
       isReadyRef.current = false;
       pendingChunksRef.current = [];
@@ -24981,13 +25090,13 @@ var StreamingHTMLRenderer = ({
               zIndex: 10
             },
             children: [
-              /* @__PURE__ */ jsx97("style", { children: `
+              /* @__PURE__ */ jsx98("style", { children: `
             @keyframes shimmer {
               0% { background-position: -200% 0; }
               100% { background-position: 200% 0; }
             }
           ` }),
-              /* @__PURE__ */ jsx97(
+              /* @__PURE__ */ jsx98(
                 "span",
                 {
                   style: {
@@ -25002,7 +25111,7 @@ var StreamingHTMLRenderer = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx97(
+        /* @__PURE__ */ jsx98(
           "iframe",
           {
             ref: iframeRef,
@@ -25025,7 +25134,7 @@ var StreamingHTMLRenderer = ({
 var StreamingHTMLRenderer_default = StreamingHTMLRenderer;
 
 // src/components/GenUI/elements/ShowWidget.tsx
-import { jsx as jsx98, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs71 } from "react/jsx-runtime";
 var ShowWidget = ({
   data,
   component_key,
@@ -25051,14 +25160,14 @@ var ShowWidget = ({
       console.warn("Failed to parse tool response:", e);
     }
   }
-  const sendPrompt = useCallback27((text) => {
+  const sendPrompt = useCallback29((text) => {
     sendMessage({
       input: {
         message: text
       }
     });
   }, [sendMessage]);
-  const handleOpenInSideApp = useCallback27(() => {
+  const handleOpenInSideApp = useCallback29(() => {
     openSideApp({
       component_key: "show_widget",
       data: {
@@ -25085,7 +25194,7 @@ var ShowWidget = ({
           position: "relative"
         },
         children: [
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx99(
             Typography47.Text,
             {
               strong: true,
@@ -25096,12 +25205,12 @@ var ShowWidget = ({
               children: title || "Widget"
             }
           ),
-          /* @__PURE__ */ jsx98(
+          /* @__PURE__ */ jsx99(
             Button44,
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ jsx98(ExpandOutlined2, {}),
+              icon: /* @__PURE__ */ jsx99(ExpandOutlined2, {}),
               onClick: handleOpenInSideApp,
               style: {
                 position: "absolute",
@@ -25113,7 +25222,7 @@ var ShowWidget = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx98("div", { style: { position: "relative", flex: 1 }, children: /* @__PURE__ */ jsx98(
+    /* @__PURE__ */ jsx99("div", { style: { position: "relative", flex: 1 }, children: /* @__PURE__ */ jsx99(
       StreamingHTMLRenderer_default,
       {
         html: finalHTML,
@@ -25127,14 +25236,14 @@ var ShowWidget = ({
 };
 
 // src/components/GenUI/elements/ShowWidgetApp.tsx
-import { useCallback as useCallback28 } from "react";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { useCallback as useCallback30 } from "react";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var ShowWidgetApp = ({
   data
 }) => {
   const { widget_code, title } = data || {};
   const { sendMessage } = useAgentChat();
-  const sendPrompt = useCallback28(
+  const sendPrompt = useCallback30(
     (text) => {
       sendMessage({
         input: {
@@ -25147,7 +25256,7 @@ var ShowWidgetApp = ({
   if (!widget_code) {
     return null;
   }
-  return /* @__PURE__ */ jsx99("div", { style: { padding: 24 }, children: /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100("div", { style: { padding: 24 }, children: /* @__PURE__ */ jsx100(
     StreamingHTMLRenderer_default,
     {
       html: widget_code,
@@ -25261,8 +25370,8 @@ var regsiterElement = (language, ElementMeta) => {
 // src/components/Chat/SideAppViewBrowser.tsx
 import { Dropdown as Dropdown2, Tooltip as Tooltip22 } from "antd";
 import { createStyles as createStyles29 } from "antd-style";
-import { useEffect as useEffect38, useState as useState61 } from "react";
-import { Fragment as Fragment21, jsx as jsx100, jsxs as jsxs72 } from "react/jsx-runtime";
+import { useEffect as useEffect39, useState as useState62 } from "react";
+import { Fragment as Fragment21, jsx as jsx101, jsxs as jsxs72 } from "react/jsx-runtime";
 var useStyle13 = createStyles29(({ token, css }) => {
   return {
     container: css`
@@ -25439,15 +25548,15 @@ var useStyle13 = createStyles29(({ token, css }) => {
 });
 var EmptySideAppView = ({ component_key, data }) => {
   if (data?.component) {
-    return /* @__PURE__ */ jsx100(Fragment21, { children: data.component });
+    return /* @__PURE__ */ jsx101(Fragment21, { children: data.component });
   }
   return /* @__PURE__ */ jsxs72("div", { children: [
-    /* @__PURE__ */ jsx100("p", { children: "Component view not found" }),
-    /* @__PURE__ */ jsx100("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
+    /* @__PURE__ */ jsx101("p", { children: "Component view not found" }),
+    /* @__PURE__ */ jsx101("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
 };
 var getTabIcon = (componentKey) => {
-  return /* @__PURE__ */ jsx100(AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
+  return /* @__PURE__ */ jsx101(AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
 };
 var SideAppViewBrowser = ({ region = "side" }) => {
   const { styles } = useStyle13();
@@ -25459,11 +25568,11 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   } = useChatUIContext();
   const selectedCard = region === "side" ? sideAppSelectedCard : contextAppSelectedCard;
   const closeApp = region === "side" ? closeSideApp : closeContentApp;
-  const [activeKey, setActiveKey] = useState61(
+  const [activeKey, setActiveKey] = useState62(
     JSON.stringify(selectedCard)
   );
-  const [hoveredTab, setHoveredTab] = useState61(null);
-  const [items, setItems] = useState61([]);
+  const [hoveredTab, setHoveredTab] = useState62(null);
+  const [items, setItems] = useState62([]);
   const add = (key, label, children, componentKey) => {
     const newPanes = [...items, { label, children, key, componentKey }];
     setItems(newPanes);
@@ -25490,7 +25599,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const switchTab = (key) => {
     setActiveKey(key);
   };
-  useEffect38(() => {
+  useEffect39(() => {
     if (!selectedCard) return;
     const key = JSON.stringify(selectedCard);
     if (items.find((item) => item.key === key)) {
@@ -25505,7 +25614,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     add(
       key,
       selectedCard?.message || selectedCard?.data?.message || "Unnamed",
-      /* @__PURE__ */ jsx100(
+      /* @__PURE__ */ jsx101(
         SideAppView,
         {
           component_key: selectedCard?.component_key || "",
@@ -25530,8 +25639,8 @@ var SideAppViewBrowser = ({ region = "side" }) => {
         },
         children: [
           getTabIcon(item.componentKey),
-          /* @__PURE__ */ jsx100("span", { style: { flex: 1 }, children: item.label }),
-          /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsx101("span", { style: { flex: 1 }, children: item.label }),
+          /* @__PURE__ */ jsx101(
             CloseOutlined2,
             {
               style: { fontSize: 10, opacity: 0.5 },
@@ -25548,7 +25657,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   }));
   return /* @__PURE__ */ jsxs72("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs72("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx100("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx100(Tooltip22, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs72(
+      /* @__PURE__ */ jsx101("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx101(Tooltip22, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs72(
         "div",
         {
           "data-tab-key": item.key,
@@ -25558,8 +25667,8 @@ var SideAppViewBrowser = ({ region = "side" }) => {
           onMouseLeave: () => setHoveredTab(null),
           children: [
             getTabIcon(item.componentKey),
-            /* @__PURE__ */ jsx100("span", { className: styles.tabLabel, children: item.label }),
-            /* @__PURE__ */ jsx100(
+            /* @__PURE__ */ jsx101("span", { className: styles.tabLabel, children: item.label }),
+            /* @__PURE__ */ jsx101(
               "span",
               {
                 className: `${styles.closeIndicator} ${hoveredTab === item.key || item.key === activeKey ? "always-visible" : ""}`,
@@ -25567,39 +25676,39 @@ var SideAppViewBrowser = ({ region = "side" }) => {
                   e.stopPropagation();
                   remove(item.key);
                 },
-                children: /* @__PURE__ */ jsx100(CloseOutlined2, { style: { fontSize: 10 } })
+                children: /* @__PURE__ */ jsx101(CloseOutlined2, { style: { fontSize: 10 } })
               }
             )
           ]
         }
       ) }, item.key)) }),
       /* @__PURE__ */ jsxs72("div", { className: styles.actions, children: [
-        items.length > 0 && /* @__PURE__ */ jsx100("div", { className: styles.tabCounter, children: items.length }),
-        items.length > 1 && /* @__PURE__ */ jsx100(
+        items.length > 0 && /* @__PURE__ */ jsx101("div", { className: styles.tabCounter, children: items.length }),
+        items.length > 1 && /* @__PURE__ */ jsx101(
           Dropdown2,
           {
             menu: { items: dropdownItems },
             placement: "bottomRight",
             trigger: ["click"],
-            children: /* @__PURE__ */ jsx100("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ jsx100(MoreOutlined3, {}) })
+            children: /* @__PURE__ */ jsx101("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ jsx101(MoreOutlined3, {}) })
           }
         ),
-        /* @__PURE__ */ jsx100(Tooltip22, { title: "Close", children: /* @__PURE__ */ jsx100("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ jsx100(CloseOutlined2, {}) }) })
+        /* @__PURE__ */ jsx101(Tooltip22, { title: "Close", children: /* @__PURE__ */ jsx101("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ jsx101(CloseOutlined2, {}) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx100("div", { className: styles.content, children: activeItem ? /* @__PURE__ */ jsx100("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs72("div", { className: styles.emptyState, children: [
-      /* @__PURE__ */ jsx100(AppstoreOutlined, { className: "icon" }),
-      /* @__PURE__ */ jsx100("span", { children: "Select an app to start" })
+    /* @__PURE__ */ jsx101("div", { className: styles.content, children: activeItem ? /* @__PURE__ */ jsx101("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs72("div", { className: styles.emptyState, children: [
+      /* @__PURE__ */ jsx101(AppstoreOutlined, { className: "icon" }),
+      /* @__PURE__ */ jsx101("span", { children: "Select an app to start" })
     ] }) })
   ] });
 };
 
 // src/components/Chat/ProjectSelector.tsx
-import { useState as useState62, useCallback as useCallback29, useMemo as useMemo26, useRef as useRef23 } from "react";
+import { useState as useState63, useCallback as useCallback31, useMemo as useMemo26, useRef as useRef24 } from "react";
 import { Modal as Modal16, Input as Input12, Button as Button45, message as message15 } from "antd";
 import { createStyles as createStyles30 } from "antd-style";
 import { Folder, ChevronDown as ChevronDown4, Building2 as Building24 } from "lucide-react";
-import { Fragment as Fragment22, jsx as jsx101, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx102, jsxs as jsxs73 } from "react/jsx-runtime";
 var PROJECT_NAME_MAX_LENGTH = 50;
 var useStyles17 = createStyles30(({ token, css }) => ({
   container: css`
@@ -25829,34 +25938,34 @@ var ProjectSelector = () => {
     setProject,
     createProject
   } = useWorkspaceContext();
-  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState62(false);
-  const workspaceDropdownRef = useRef23(null);
-  const [isProjectListOpen, setIsProjectListOpen] = useState62(false);
-  const [isModalOpen, setIsModalOpen] = useState62(false);
-  const [projectName, setProjectName] = useState62("");
-  const [validationError, setValidationError] = useState62(null);
-  const [isCreating, setIsCreating] = useState62(false);
-  const projectNameInputRef = useRef23(null);
+  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState63(false);
+  const workspaceDropdownRef = useRef24(null);
+  const [isProjectListOpen, setIsProjectListOpen] = useState63(false);
+  const [isModalOpen, setIsModalOpen] = useState63(false);
+  const [projectName, setProjectName] = useState63("");
+  const [validationError, setValidationError] = useState63(null);
+  const [isCreating, setIsCreating] = useState63(false);
+  const projectNameInputRef = useRef24(null);
   const currentProject = useMemo26(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
   const currentWorkspace = useMemo26(() => {
     return workspaces.find((w) => w.id === workspaceId);
   }, [workspaces, workspaceId]);
-  const handleSelectProject = useCallback29((selectedProjectId) => {
+  const handleSelectProject = useCallback31((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const handleWorkspaceClick = useCallback29(() => {
+  const handleWorkspaceClick = useCallback31(() => {
     setProject(null);
   }, [setProject]);
-  const toggleProjectList = useCallback29(() => {
+  const toggleProjectList = useCallback31(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const toggleWorkspaceList = useCallback29(() => {
+  const toggleWorkspaceList = useCallback31(() => {
     setIsWorkspaceListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = useCallback29((name) => {
+  const validateProjectName = useCallback31((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH) {
@@ -25864,7 +25973,7 @@ var ProjectSelector = () => {
     }
     return null;
   }, []);
-  const handleOpenModal = useCallback29((e) => {
+  const handleOpenModal = useCallback31((e) => {
     e.stopPropagation();
     if (!workspaceId) {
       message15.warning("Please select a workspace first");
@@ -25875,7 +25984,7 @@ var ProjectSelector = () => {
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = useCallback29(() => {
+  const handleCloseModal = useCallback31(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -25885,7 +25994,7 @@ var ProjectSelector = () => {
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = useCallback29(async () => {
+  const handleCreateProject = useCallback31(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -25918,21 +26027,21 @@ var ProjectSelector = () => {
   };
   const isProjectNameValid = !validateProjectName(projectName.trim());
   return /* @__PURE__ */ jsxs73(Fragment22, { children: [
-    /* @__PURE__ */ jsx101("div", { className: styles.container, children: /* @__PURE__ */ jsxs73("div", { className: styles.selectorWrapper, children: [
-      /* @__PURE__ */ jsx101("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx102("div", { className: styles.container, children: /* @__PURE__ */ jsxs73("div", { className: styles.selectorWrapper, children: [
+      /* @__PURE__ */ jsx102("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ jsx102(
         "button",
         {
           className: styles.workspaceButton,
           onClick: handleWorkspaceClick,
           title: currentWorkspace?.name || "Select Workspace",
-          children: /* @__PURE__ */ jsx101("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ jsx101(Building24, { size: 16 }) })
+          children: /* @__PURE__ */ jsx102("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ jsx102(Building24, { size: 16 }) })
         }
       ) }),
-      /* @__PURE__ */ jsx101("span", { className: styles.divider, children: "/" }),
+      /* @__PURE__ */ jsx102("span", { className: styles.divider, children: "/" }),
       /* @__PURE__ */ jsxs73("div", { className: styles.projectTrigger, onClick: toggleProjectList, children: [
-        /* @__PURE__ */ jsx101("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx101(Folder, { size: 16 }) }),
-        /* @__PURE__ */ jsx101("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx101("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
-        /* @__PURE__ */ jsx101("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx101(ChevronDown4, { size: 14 }) })
+        /* @__PURE__ */ jsx102("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx102(Folder, { size: 16 }) }),
+        /* @__PURE__ */ jsx102("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx102("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
+        /* @__PURE__ */ jsx102("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx102(ChevronDown4, { size: 14 }) })
       ] }),
       isProjectListOpen && /* @__PURE__ */ jsxs73("div", { className: styles.projectDropdown, children: [
         projects.map((project) => /* @__PURE__ */ jsxs73(
@@ -25941,13 +26050,13 @@ var ProjectSelector = () => {
             className: `${styles.projectDropdownItem} ${project.id === projectId ? "active" : ""}`,
             onClick: () => handleSelectProject(project.id),
             children: [
-              /* @__PURE__ */ jsx101("div", { className: styles.projectDropdownItemIcon, children: /* @__PURE__ */ jsx101(Folder, { size: 14 }) }),
-              /* @__PURE__ */ jsx101("div", { className: project.id === projectId ? styles.projectDropdownItemNameActive : styles.projectDropdownItemName, children: project.name })
+              /* @__PURE__ */ jsx102("div", { className: styles.projectDropdownItemIcon, children: /* @__PURE__ */ jsx102(Folder, { size: 14 }) }),
+              /* @__PURE__ */ jsx102("div", { className: project.id === projectId ? styles.projectDropdownItemNameActive : styles.projectDropdownItemName, children: project.name })
             ]
           },
           project.id
         )),
-        projects.length === 0 && /* @__PURE__ */ jsx101("div", { className: styles.emptyState, children: "No projects" })
+        projects.length === 0 && /* @__PURE__ */ jsx102("div", { className: styles.emptyState, children: "No projects" })
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs73(
@@ -25963,8 +26072,8 @@ var ProjectSelector = () => {
         keyboard: true,
         closable: true,
         footer: /* @__PURE__ */ jsxs73("div", { className: styles.modalFooter, children: [
-          /* @__PURE__ */ jsx101(Button45, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
-          /* @__PURE__ */ jsx101(
+          /* @__PURE__ */ jsx102(Button45, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
+          /* @__PURE__ */ jsx102(
             Button45,
             {
               type: "primary",
@@ -25976,7 +26085,7 @@ var ProjectSelector = () => {
           )
         ] }),
         children: [
-          /* @__PURE__ */ jsx101(
+          /* @__PURE__ */ jsx102(
             Input12,
             {
               ref: projectNameInputRef,
@@ -25988,7 +26097,7 @@ var ProjectSelector = () => {
               status: validationError ? "error" : void 0
             }
           ),
-          validationError && /* @__PURE__ */ jsx101("div", { style: { color: "#ff4d4f", fontSize: "12px", marginTop: "4px" }, children: validationError })
+          validationError && /* @__PURE__ */ jsx102("div", { style: { color: "#ff4d4f", fontSize: "12px", marginTop: "4px" }, children: validationError })
         ]
       }
     )
@@ -25996,13 +26105,13 @@ var ProjectSelector = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-import { jsx as jsx102, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs74 } from "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__ */ jsx102(ProjectSelector, {}) : null;
-  return /* @__PURE__ */ jsx102(
+  const leftTop = showWorkspaceSelector ? /* @__PURE__ */ jsx103(ProjectSelector, {}) : null;
+  return /* @__PURE__ */ jsx103(
     AgentThreadProvider,
     {
       assistantId: assistant_id,
@@ -26012,7 +26121,7 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx102(ChatUIContextProvider, { children: /* @__PURE__ */ jsxs74(
+      children: /* @__PURE__ */ jsx103(ChatUIContextProvider, { children: /* @__PURE__ */ jsxs74(
         "div",
         {
           style: {
@@ -26023,13 +26132,13 @@ var LatticeChat = (props) => {
           },
           children: [
             header,
-            /* @__PURE__ */ jsx102(
+            /* @__PURE__ */ jsx103(
               ColumnLayout,
               {
                 menu,
                 header: leftTop,
-                left: thread_id ? /* @__PURE__ */ jsx102(Chating, { ...chatingProps }) : /* @__PURE__ */ jsx102("div", { children: "Please create a conversation first" }),
-                right: /* @__PURE__ */ jsx102(SideAppViewBrowser, {})
+                left: thread_id ? /* @__PURE__ */ jsx103(Chating, { ...chatingProps }) : /* @__PURE__ */ jsx103("div", { children: "Please create a conversation first" }),
+                right: /* @__PURE__ */ jsx103(SideAppViewBrowser, {})
               }
             )
           ]
@@ -26043,7 +26152,7 @@ var LatticeChat = (props) => {
 import { Conversations } from "@ant-design/x";
 import { theme as theme14 } from "antd";
 import { useMemo as useMemo27 } from "react";
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var AgentConversations = ({
   enableThreadCreation = true,
   enableThreadList = true
@@ -26082,7 +26191,7 @@ var AgentConversations = ({
   const creation = enableThreadCreation ? {
     onClick: newChatClick
   } : void 0;
-  return /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx104(
     Conversations,
     {
       creation,
@@ -26101,7 +26210,7 @@ var AgentConversations = ({
 import { useContext as useContext11 } from "react";
 
 // src/components/Chat/ChatSidebar.tsx
-import { useState as useState64, useMemo as useMemo29, useCallback as useCallback32 } from "react";
+import { useState as useState65, useMemo as useMemo29, useCallback as useCallback34 } from "react";
 import { Drawer as Drawer2 } from "antd";
 import {
   History,
@@ -26112,11 +26221,11 @@ import {
 } from "lucide-react";
 
 // src/components/Chat/ProjectsMenuContent.tsx
-import { useState as useState63, useEffect as useEffect39, useCallback as useCallback30, useMemo as useMemo28, useRef as useRef24 } from "react";
+import { useState as useState64, useEffect as useEffect40, useCallback as useCallback32, useMemo as useMemo28, useRef as useRef25 } from "react";
 import { Spin as Spin15, Modal as Modal17, Input as Input13, Button as Button46, message as message16 } from "antd";
 import { createStyles as createStyles31 } from "antd-style";
 import { Upload } from "lucide-react";
-import { Fragment as Fragment23, jsx as jsx104, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx105, jsxs as jsxs75 } from "react/jsx-runtime";
 var PROJECT_NAME_MAX_LENGTH2 = 50;
 var useStyles18 = createStyles31(({ token, css }) => ({
   container: css`
@@ -26485,22 +26594,22 @@ var ProjectsMenuContent = () => {
     getFileViewUrl,
     uploadFileToFolder
   } = useWorkspaceContext();
-  const [folderAssets, setFolderAssets] = useState63({});
-  const [folderLoading, setFolderLoading] = useState63({});
-  const [isProjectListOpen, setIsProjectListOpen] = useState63(false);
-  const [uploadingFolder, setUploadingFolder] = useState63(null);
-  const [isModalOpen, setIsModalOpen] = useState63(false);
-  const [projectName, setProjectName] = useState63("");
-  const [validationError, setValidationError] = useState63(null);
-  const [isCreating, setIsCreating] = useState63(false);
-  const projectNameInputRef = useRef24(null);
+  const [folderAssets, setFolderAssets] = useState64({});
+  const [folderLoading, setFolderLoading] = useState64({});
+  const [isProjectListOpen, setIsProjectListOpen] = useState64(false);
+  const [uploadingFolder, setUploadingFolder] = useState64(null);
+  const [isModalOpen, setIsModalOpen] = useState64(false);
+  const [projectName, setProjectName] = useState64("");
+  const [validationError, setValidationError] = useState64(null);
+  const [isCreating, setIsCreating] = useState64(false);
+  const projectNameInputRef = useRef25(null);
   const resourceFolders = useMemo28(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
   const currentProject = useMemo28(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
-  const loadAssetsForFolder = useCallback30(async (folder) => {
+  const loadAssetsForFolder = useCallback32(async (folder) => {
     if (!workspaceId || !projectId) {
       setFolderAssets((prev) => ({ ...prev, [folder.name]: [] }));
       return;
@@ -26516,19 +26625,19 @@ var ProjectsMenuContent = () => {
       setFolderLoading((prev) => ({ ...prev, [folder.name]: false }));
     }
   }, [workspaceId, projectId, listPathByFolder]);
-  useEffect39(() => {
+  useEffect40(() => {
     resourceFolders.forEach((folder) => {
       loadAssetsForFolder(folder);
     });
   }, [workspaceId, projectId, loadAssetsForFolder, resourceFolders]);
-  const handleSelectProject = useCallback30((selectedProjectId) => {
+  const handleSelectProject = useCallback32((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const toggleProjectList = useCallback30(() => {
+  const toggleProjectList = useCallback32(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = useCallback30((name) => {
+  const validateProjectName = useCallback32((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH2) {
@@ -26536,7 +26645,7 @@ var ProjectsMenuContent = () => {
     }
     return null;
   }, []);
-  const handleOpenModal = useCallback30(() => {
+  const handleOpenModal = useCallback32(() => {
     if (!workspaceId) {
       message16.warning("Please select a workspace first");
       return;
@@ -26546,7 +26655,7 @@ var ProjectsMenuContent = () => {
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = useCallback30(() => {
+  const handleCloseModal = useCallback32(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -26556,7 +26665,7 @@ var ProjectsMenuContent = () => {
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = useCallback30(async () => {
+  const handleCreateProject = useCallback32(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -26651,7 +26760,7 @@ var ProjectsMenuContent = () => {
       const isLoading = folderLoading[folder.name] || false;
       return /* @__PURE__ */ jsxs75("div", { className: styles.section, children: [
         /* @__PURE__ */ jsxs75("div", { className: styles.sectionHeader, children: [
-          /* @__PURE__ */ jsx104(
+          /* @__PURE__ */ jsx105(
             "span",
             {
               className: styles.sectionTitle,
@@ -26660,9 +26769,9 @@ var ProjectsMenuContent = () => {
               children: folder.displayName || folder.name
             }
           ),
-          /* @__PURE__ */ jsx104("span", { className: styles.badge, children: assets.length })
+          /* @__PURE__ */ jsx105("span", { className: styles.badge, children: assets.length })
         ] }),
-        isLoading ? /* @__PURE__ */ jsx104("div", { className: styles.loading, children: /* @__PURE__ */ jsx104(Spin15, { size: "small" }) }) : /* @__PURE__ */ jsxs75("div", { className: styles.assetList, children: [
+        isLoading ? /* @__PURE__ */ jsx105("div", { className: styles.loading, children: /* @__PURE__ */ jsx105(Spin15, { size: "small" }) }) : /* @__PURE__ */ jsxs75("div", { className: styles.assetList, children: [
           assets.map((asset) => /* @__PURE__ */ jsxs75(
             "div",
             {
@@ -26670,17 +26779,17 @@ var ProjectsMenuContent = () => {
               onClick: () => handleAssetClick(asset),
               title: getFileName(asset.name || asset.path),
               children: [
-                /* @__PURE__ */ jsx104("div", { className: styles.assetIcon, children: getFileIcon2(getFileName(asset.name || asset.path)) }),
+                /* @__PURE__ */ jsx105("div", { className: styles.assetIcon, children: getFileIcon2(getFileName(asset.name || asset.path)) }),
                 /* @__PURE__ */ jsxs75("div", { className: styles.assetInfo, children: [
-                  /* @__PURE__ */ jsx104("div", { className: styles.assetName, children: getFileName(asset.name || asset.path) }),
-                  /* @__PURE__ */ jsx104("div", { className: styles.assetMeta, children: formatDate5(asset.modified_at) })
+                  /* @__PURE__ */ jsx105("div", { className: styles.assetName, children: getFileName(asset.name || asset.path) }),
+                  /* @__PURE__ */ jsx105("div", { className: styles.assetMeta, children: formatDate5(asset.modified_at) })
                 ] })
               ]
             },
             asset.path
           )),
-          assets.length === 0 && /* @__PURE__ */ jsx104("div", { className: styles.emptyState, children: "No files in this folder" }),
-          folder.allowUpload && /* @__PURE__ */ jsx104(
+          assets.length === 0 && /* @__PURE__ */ jsx105("div", { className: styles.emptyState, children: "No files in this folder" }),
+          folder.allowUpload && /* @__PURE__ */ jsx105(
             "button",
             {
               type: "button",
@@ -26688,11 +26797,11 @@ var ProjectsMenuContent = () => {
               onClick: () => handleUploadClick(folder.name),
               disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
               children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs75(Fragment23, { children: [
-                /* @__PURE__ */ jsx104(Spin15, { size: "small" }),
-                /* @__PURE__ */ jsx104("span", { children: "Uploading..." })
+                /* @__PURE__ */ jsx105(Spin15, { size: "small" }),
+                /* @__PURE__ */ jsx105("span", { children: "Uploading..." })
               ] }) : /* @__PURE__ */ jsxs75(Fragment23, { children: [
-                /* @__PURE__ */ jsx104(Upload, { size: 14 }),
-                /* @__PURE__ */ jsx104("span", { children: "Upload" })
+                /* @__PURE__ */ jsx105(Upload, { size: 14 }),
+                /* @__PURE__ */ jsx105("span", { children: "Upload" })
               ] })
             }
           )
@@ -26712,8 +26821,8 @@ var ProjectsMenuContent = () => {
         keyboard: true,
         closable: true,
         footer: /* @__PURE__ */ jsxs75("div", { className: styles.modalFooter, children: [
-          /* @__PURE__ */ jsx104(Button46, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
-          /* @__PURE__ */ jsx104(
+          /* @__PURE__ */ jsx105(Button46, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
+          /* @__PURE__ */ jsx105(
             Button46,
             {
               type: "primary",
@@ -26725,8 +26834,8 @@ var ProjectsMenuContent = () => {
           )
         ] }),
         children: [
-          /* @__PURE__ */ jsx104("label", { className: styles.formLabel, htmlFor: "project-name", children: "Project Name" }),
-          /* @__PURE__ */ jsx104(
+          /* @__PURE__ */ jsx105("label", { className: styles.formLabel, htmlFor: "project-name", children: "Project Name" }),
+          /* @__PURE__ */ jsx105(
             Input13,
             {
               id: "project-name",
@@ -26741,7 +26850,7 @@ var ProjectsMenuContent = () => {
               disabled: isCreating
             }
           ),
-          validationError && /* @__PURE__ */ jsx104("div", { className: styles.formError, role: "alert", children: validationError })
+          validationError && /* @__PURE__ */ jsx105("div", { className: styles.formError, role: "alert", children: validationError })
         ]
       }
     )
@@ -26749,11 +26858,11 @@ var ProjectsMenuContent = () => {
 };
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-import React57, { useCallback as useCallback31 } from "react";
+import React58, { useCallback as useCallback33 } from "react";
 import { createStyles as createStyles32 } from "antd-style";
 import { MessageSquare as MessageSquare2, Trash2 as Trash24 } from "lucide-react";
 import { message as message17, Modal as Modal18 } from "antd";
-import { jsx as jsx105, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs76 } from "react/jsx-runtime";
 var useStyles19 = createStyles32(({ token, css }) => ({
   container: css`
     padding: 4px;
@@ -26863,7 +26972,7 @@ var ThreadHistoryMenuContent = () => {
     deleteThread,
     isLoading
   } = useConversationContext();
-  const handleDeleteThread = useCallback31(
+  const handleDeleteThread = useCallback33(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
       Modal18.confirm({
@@ -26884,7 +26993,7 @@ var ThreadHistoryMenuContent = () => {
     },
     [deleteThread]
   );
-  const sortedThreads = React57.useMemo(() => {
+  const sortedThreads = React58.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;
@@ -26892,30 +27001,30 @@ var ThreadHistoryMenuContent = () => {
     });
   }, [threads]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx105("div", { className: styles.container, children: /* @__PURE__ */ jsx105("div", { className: styles.loading, children: "Loading conversations..." }) });
+    return /* @__PURE__ */ jsx106("div", { className: styles.container, children: /* @__PURE__ */ jsx106("div", { className: styles.loading, children: "Loading conversations..." }) });
   }
-  return /* @__PURE__ */ jsx105("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx105("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx105("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs76(
+  return /* @__PURE__ */ jsx106("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx106("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx106("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs76(
     "div",
     {
       className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
       onClick: () => selectThread(thread.id),
       title: thread.label,
       children: [
-        /* @__PURE__ */ jsx105("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx105(MessageSquare2, { size: 14 }) }),
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx106("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx106(MessageSquare2, { size: 14 }) }),
+        /* @__PURE__ */ jsx106(
           "div",
           {
             className: thread.id === threadId ? styles.threadNameActive : styles.threadName,
             children: thread.label
           }
         ),
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx106(
           "button",
           {
             className: styles.deleteBtn,
             onClick: (e) => handleDeleteThread(e, thread.id),
             title: "Delete conversation",
-            children: /* @__PURE__ */ jsx105(Trash24, { size: 12 })
+            children: /* @__PURE__ */ jsx106(Trash24, { size: 12 })
           }
         )
       ]
@@ -26925,7 +27034,7 @@ var ThreadHistoryMenuContent = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-import { Fragment as Fragment24, jsx as jsx106, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx107, jsxs as jsxs77 } from "react/jsx-runtime";
 var DRAWER_STYLES2 = {
   wrapper: {
     background: "transparent",
@@ -26951,7 +27060,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "new-analysis",
     type: "action",
     name: "New Analysis",
-    icon: /* @__PURE__ */ jsx106(PlusCircle, { size: 20 }),
+    icon: /* @__PURE__ */ jsx107(PlusCircle, { size: 20 }),
     order: 0
   },
   // Second: Thread History (inline drawer)
@@ -26960,13 +27069,13 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "thread-history",
     type: "drawer",
     name: "History",
-    icon: /* @__PURE__ */ jsx106(History, { size: 20 }),
+    icon: /* @__PURE__ */ jsx107(History, { size: 20 }),
     order: 1,
     title: "Conversation History",
     width: 320,
     inline: true,
     inlineDefaultExpanded: false,
-    content: /* @__PURE__ */ jsx106(ThreadHistoryMenuContent, {})
+    content: /* @__PURE__ */ jsx107(ThreadHistoryMenuContent, {})
   },
   // Third: Projects (inline drawer)
   {
@@ -26974,13 +27083,13 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "projects",
     type: "drawer",
     name: "Project Files",
-    icon: /* @__PURE__ */ jsx106(FolderOpen4, {}),
+    icon: /* @__PURE__ */ jsx107(FolderOpen4, {}),
     order: 2,
     title: "Project Files",
     width: 320,
     inline: true,
     inlineDefaultExpanded: true,
-    content: /* @__PURE__ */ jsx106(ProjectsMenuContent, {})
+    content: /* @__PURE__ */ jsx107(ProjectsMenuContent, {})
   },
   // Logout action
   {
@@ -26988,7 +27097,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "logout",
     type: "action",
     name: "Logout",
-    icon: /* @__PURE__ */ jsx106(LogOut4, { size: 20 }),
+    icon: /* @__PURE__ */ jsx107(LogOut4, { size: 20 }),
     order: 1e3,
     group: "Account"
   }
@@ -27002,7 +27111,7 @@ var ChatSidebar = ({
   const { sideAppVisible, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { logout } = useAuth();
   const { createThread } = useConversationContext();
-  const [drawerStates, setDrawerStates] = useState64({});
+  const [drawerStates, setDrawerStates] = useState65({});
   const {
     sidebarMode,
     sidebarShowToggle,
@@ -27018,7 +27127,7 @@ var ChatSidebar = ({
     }
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
-  const handleMenuClick = useCallback32(async (item) => {
+  const handleMenuClick = useCallback34(async (item) => {
     if (item.builtin === "settings") {
       setSettingsModalOpen(true);
       onSettingsClick?.();
@@ -27043,28 +27152,28 @@ var ChatSidebar = ({
       }
     }
   }, [onSettingsClick, setSettingsModalOpen, createThread, logout]);
-  const handleCloseDrawer = useCallback32((itemId) => {
+  const handleCloseDrawer = useCallback34((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleNewAnalysis = useCallback32(async () => {
+  const handleNewAnalysis = useCallback34(async () => {
     try {
       await createThread("New Analysis");
     } catch (error) {
       console.error("Failed to create new thread:", error);
     }
   }, [createThread]);
-  const renderDrawerContent = useCallback32((item) => {
+  const renderDrawerContent = useCallback34((item) => {
     switch (item.builtin) {
       case "projects":
-        return /* @__PURE__ */ jsx106(ProjectsMenuContent, {});
+        return /* @__PURE__ */ jsx107(ProjectsMenuContent, {});
       case "thread-history":
-        return /* @__PURE__ */ jsx106(ThreadHistoryMenuContent, {});
+        return /* @__PURE__ */ jsx107(ThreadHistoryMenuContent, {});
       default:
         return item.content;
     }
   }, []);
   return /* @__PURE__ */ jsxs77(Fragment24, { children: [
-    /* @__PURE__ */ jsx106(
+    /* @__PURE__ */ jsx107(
       Menu,
       {
         items: menuItems,
@@ -27080,12 +27189,12 @@ var ChatSidebar = ({
         onCollapsedChange: setMenuCollapsed
       }
     ),
-    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx106(
+    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx107(
       Drawer2,
       {
         title: /* @__PURE__ */ jsxs77("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
-          /* @__PURE__ */ jsx106("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
-          /* @__PURE__ */ jsx106(
+          /* @__PURE__ */ jsx107("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
+          /* @__PURE__ */ jsx107(
             "button",
             {
               onClick: () => handleCloseDrawer(item.id),
@@ -27100,7 +27209,7 @@ var ChatSidebar = ({
                 background: "rgba(255, 255, 255, 0.5)",
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ jsx106(PanelLeftClose2, { size: 24 })
+              children: /* @__PURE__ */ jsx107(PanelLeftClose2, { size: 24 })
             }
           )
         ] }),
@@ -27131,7 +27240,7 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var LatticeChatView = (props) => {
   const shellContext = useContext11(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
@@ -27140,7 +27249,7 @@ var LatticeChatView = (props) => {
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ jsx107(
+  return assistantId && thread ? /* @__PURE__ */ jsx108(
     AxiomLatticeProvider,
     {
       config: {
@@ -27149,14 +27258,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ jsx107(
+      children: /* @__PURE__ */ jsx108(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: showSideMenu ? /* @__PURE__ */ jsx107(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
+          menu: showSideMenu ? /* @__PURE__ */ jsx108(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
         }
       )
     }
@@ -27164,7 +27273,7 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState65, useEffect as useEffect40, useRef as useRef25 } from "react";
+import { useState as useState66, useEffect as useEffect41, useRef as useRef26 } from "react";
 import {
   Modal as Modal19,
   Input as Input14,
@@ -27173,7 +27282,7 @@ import {
   notification as notification5,
   Typography as Typography48,
   Alert as Alert8,
-  Select as Select6,
+  Select as Select7,
   Switch as Switch3,
   Space as Space37,
   Tabs as Tabs3
@@ -27191,7 +27300,7 @@ import {
   CloudServerOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles33 } from "antd-style";
-import { Fragment as Fragment25, jsx as jsx108, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx109, jsxs as jsxs78 } from "react/jsx-runtime";
 var { Text: Text37, Title: Title13 } = Typography48;
 var { TextArea: TextArea8 } = Input14;
 var useStyles20 = createStyles33(({ token, css }) => ({
@@ -27539,12 +27648,12 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ jsx108(EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ jsx109(EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ jsx108(ApiOutlined, {})
+    icon: /* @__PURE__ */ jsx109(ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
@@ -27553,7 +27662,7 @@ var SettingsModal = ({
 }) => {
   const { styles } = useStyles20();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = useState65(() => {
+  const [connections, setConnections] = useState66(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -27576,21 +27685,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = useState65({});
-  const connectionsRef = useRef25(connections);
-  useEffect40(() => {
+  const [serverConfigs, setServerConfigs] = useState66({});
+  const connectionsRef = useRef26(connections);
+  useEffect41(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = useState65(
+  const [activeTabKey, setActiveTabKey] = useState66(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = useState65("environment");
-  const [loading, setLoading] = useState65(false);
-  const [showAddServerModal, setShowAddServerModal] = useState65(false);
-  const [newServerUrl, setNewServerUrl] = useState65("");
-  const [newServerName, setNewServerName] = useState65("");
-  const [newServerApiKey, setNewServerApiKey] = useState65("");
-  const [addingServer, setAddingServer] = useState65(false);
+  const [activeMenu, setActiveMenu] = useState66("environment");
+  const [loading, setLoading] = useState66(false);
+  const [showAddServerModal, setShowAddServerModal] = useState66(false);
+  const [newServerUrl, setNewServerUrl] = useState66("");
+  const [newServerName, setNewServerName] = useState66("");
+  const [newServerApiKey, setNewServerApiKey] = useState66("");
+  const [addingServer, setAddingServer] = useState66(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -27780,7 +27889,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  useEffect40(() => {
+  useEffect41(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -27789,7 +27898,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -28001,24 +28110,24 @@ var SettingsModal = ({
       }));
     };
     return /* @__PURE__ */ jsxs78("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx108(
+      /* @__PURE__ */ jsx109(
         Alert8,
         {
           message: "Configuration Effect",
           description: /* @__PURE__ */ jsxs78("div", { children: [
             /* @__PURE__ */ jsxs78("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ jsx108(
+              /* @__PURE__ */ jsx109(
                 CheckCircleOutlined8,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ jsx108("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ jsx109("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
             /* @__PURE__ */ jsxs78("div", { children: [
-              /* @__PURE__ */ jsx108(ReloadOutlined4, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ jsx108("strong", { children: "Requires restart:" }),
+              /* @__PURE__ */ jsx109(ReloadOutlined4, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ jsx109("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -28027,8 +28136,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ jsx108("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx108(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__ */ jsx108(
+      /* @__PURE__ */ jsx109("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx109(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__ */ jsx109(
         TextArea8,
         {
           value: config.envText,
@@ -28106,7 +28215,7 @@ QUEUE_NAME=tasks`,
       }
     };
     return /* @__PURE__ */ jsxs78("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx108("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx108(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." }) }),
+      /* @__PURE__ */ jsx109("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx109(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__ */ jsxs78("div", { className: styles.card, children: [
         /* @__PURE__ */ jsxs78(
           "div",
@@ -28138,7 +28247,7 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ jsx108(
+              config.models.length > 1 && /* @__PURE__ */ jsx109(
                 Button47,
                 {
                   type: "text",
@@ -28157,8 +28266,8 @@ QUEUE_NAME=tasks`,
         ),
         /* @__PURE__ */ jsxs78(Space37, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx108(Text37, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(Text37, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ jsx109(
               Input14,
               {
                 placeholder: "e.g., default, gpt-4, claude",
@@ -28167,12 +28276,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx108(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ jsx109(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx108(Text37, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ jsx108(
-              Select6,
+            /* @__PURE__ */ jsx109(Text37, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ jsx109(
+              Select7,
               {
                 style: { width: "100%", height: 40 },
                 value: model.provider,
@@ -28188,8 +28297,8 @@ QUEUE_NAME=tasks`,
             )
           ] }),
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx108(Text37, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(Text37, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ jsx109(
               Input14,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
@@ -28200,8 +28309,8 @@ QUEUE_NAME=tasks`,
             )
           ] }),
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx108(Text37, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(Text37, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ jsx109(
               Input14.Password,
               {
                 placeholder: "Enter your API key",
@@ -28210,11 +28319,11 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx108(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ jsx109(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx108(Text37, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(Text37, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ jsx109(
               Input14,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
@@ -28223,22 +28332,22 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx108(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ jsx109(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ jsx108("div", { children: /* @__PURE__ */ jsxs78(Space37, { children: [
-            /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsx109("div", { children: /* @__PURE__ */ jsxs78(Space37, { children: [
+            /* @__PURE__ */ jsx109(
               Switch3,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ jsx108(Text37, { children: "Enable Streaming" })
+            /* @__PURE__ */ jsx109(Text37, { children: "Enable Streaming" })
           ] }) }),
           /* @__PURE__ */ jsxs78("div", { style: { display: "flex", gap: 20 }, children: [
             /* @__PURE__ */ jsxs78("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx108(Text37, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ jsx108(
+              /* @__PURE__ */ jsx109(Text37, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ jsx109(
                 Input14,
                 {
                   type: "number",
@@ -28254,8 +28363,8 @@ QUEUE_NAME=tasks`,
               )
             ] }),
             /* @__PURE__ */ jsxs78("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx108(Text37, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ jsx108(
+              /* @__PURE__ */ jsx109(Text37, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ jsx109(
                 Input14,
                 {
                   type: "number",
@@ -28274,7 +28383,7 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ jsx108(
+      /* @__PURE__ */ jsx109(
         Button47,
         {
           type: "dashed",
@@ -28303,7 +28412,7 @@ QUEUE_NAME=tasks`,
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
     return /* @__PURE__ */ jsxs78("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx108(
+      /* @__PURE__ */ jsx109(
         CloudServerOutlined,
         {
           style: {
@@ -28312,14 +28421,14 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ jsx108("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ jsx108(
+      /* @__PURE__ */ jsx109("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ jsx109(
         CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ jsx108(
+      connection.error && !connection.connecting && /* @__PURE__ */ jsx109(
         CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
@@ -28330,15 +28439,15 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ jsx108("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx108(Fragment25, { children: /* @__PURE__ */ jsxs78("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ jsx108("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs78(
+    children: /* @__PURE__ */ jsx109("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx109(Fragment25, { children: /* @__PURE__ */ jsxs78("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ jsx109("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs78(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ jsx108("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ jsx108("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ jsx109("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ jsx109("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
@@ -28346,19 +28455,19 @@ QUEUE_NAME=tasks`,
       /* @__PURE__ */ jsxs78("div", { className: styles.content, children: [
         /* @__PURE__ */ jsxs78("div", { className: styles.contentHeader, children: [
           /* @__PURE__ */ jsxs78("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ jsx108(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ jsx109(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
             /* @__PURE__ */ jsxs78(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__ */ jsxs78("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ jsx108(Button47, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(Button47, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsx109(
               Button47,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ jsx108(SaveOutlined2, {}),
+                icon: /* @__PURE__ */ jsx109(SaveOutlined2, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -28366,9 +28475,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx108("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ jsx109("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ jsx108(
+    ] }) }) : /* @__PURE__ */ jsx109(
       "div",
       {
         style: {
@@ -28381,16 +28490,16 @@ QUEUE_NAME=tasks`,
           padding: 48
         },
         children: connection.connecting ? /* @__PURE__ */ jsxs78(Fragment25, { children: [
-          /* @__PURE__ */ jsx108(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ jsx108(Title13, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ jsx109(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ jsx109(Title13, { level: 4, children: "Connecting..." }),
           /* @__PURE__ */ jsxs78(Text37, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
         ] }) : /* @__PURE__ */ jsxs78(Fragment25, { children: [
-          /* @__PURE__ */ jsx108(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ jsx108(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsx109(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ jsx109(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ jsx109(
             Text37,
             {
               type: "secondary",
@@ -28398,11 +28507,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__ */ jsx108(
+          /* @__PURE__ */ jsx109(
             Button47,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx108(LinkOutlined2, {}),
+              icon: /* @__PURE__ */ jsx109(LinkOutlined2, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -28415,7 +28524,7 @@ QUEUE_NAME=tasks`,
     closable: connections.length > 1
   }));
   return /* @__PURE__ */ jsxs78(Fragment25, { children: [
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx109(
       Modal19,
       {
         open,
@@ -28424,7 +28533,7 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ jsx108("div", { children: /* @__PURE__ */ jsx108(
+        children: /* @__PURE__ */ jsx109("div", { children: /* @__PURE__ */ jsx109(
           Tabs3,
           {
             activeKey: activeTabKey,
@@ -28448,8 +28557,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx108(PlusOutlined7, {}),
-                  /* @__PURE__ */ jsx108("span", { children: "Add Server" })
+                  /* @__PURE__ */ jsx109(PlusOutlined7, {}),
+                  /* @__PURE__ */ jsx109("span", { children: "Add Server" })
                 ]
               }
             )
@@ -28457,7 +28566,7 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx109(
       Modal19,
       {
         title: "Add New Server",
@@ -28473,8 +28582,8 @@ QUEUE_NAME=tasks`,
         className: styles.addServerModal,
         children: /* @__PURE__ */ jsxs78(Space37, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx108(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ jsx109(
               Input14,
               {
                 placeholder: "e.g., Production Server",
@@ -28483,11 +28592,11 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx108(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ jsx109(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx108(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ jsx109(
               Input14,
               {
                 placeholder: "e.g., http://localhost:4001",
@@ -28496,11 +28605,11 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx108(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ jsx109(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
           /* @__PURE__ */ jsxs78("div", { children: [
-            /* @__PURE__ */ jsx108(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ jsx109(
               Input14.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
@@ -28509,7 +28618,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx108(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ jsx109(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -28518,10 +28627,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -28531,24 +28640,24 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-import { Fragment as Fragment26, jsx as jsx110, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx111, jsxs as jsxs79 } from "react/jsx-runtime";
 var ShellContent = ({
   initialAssistantId,
   enableWorkspace
 }) => {
   const { currentTenant } = useAuth();
-  return /* @__PURE__ */ jsx110(Fragment26, { children: enableWorkspace ? /* @__PURE__ */ jsxs79(WorkspaceContextProvider, { children: [
-    /* @__PURE__ */ jsx110(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx110(ConversationContextProvider, { children: /* @__PURE__ */ jsx110(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx110(AgentServerSetting, {})
+  return /* @__PURE__ */ jsx111(Fragment26, { children: enableWorkspace ? /* @__PURE__ */ jsxs79(WorkspaceContextProvider, { children: [
+    /* @__PURE__ */ jsx111(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx111(ConversationContextProvider, { children: /* @__PURE__ */ jsx111(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx111(AgentServerSetting, {})
   ] }) : /* @__PURE__ */ jsxs79(Fragment26, { children: [
-    /* @__PURE__ */ jsx110(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx110(ConversationContextProvider, { children: /* @__PURE__ */ jsx110(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx110(AgentServerSetting, {})
+    /* @__PURE__ */ jsx111(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx111(ConversationContextProvider, { children: /* @__PURE__ */ jsx111(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx111(AgentServerSetting, {})
   ] }) });
 };
 var LatticeChatShell = (props) => {
   const { enableAssistantCreation, enableAssistantEditing, enableWorkspace: enableWorkspaceProp, ...restProps } = props;
   const enableWorkspace = enableWorkspaceProp ?? restProps.initialConfig?.enableWorkspace ?? false;
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx111(
     LatticeChatShellContextProvider,
     {
       initialConfig: {
@@ -28557,7 +28666,7 @@ var LatticeChatShell = (props) => {
         enableWorkspace,
         ...restProps.initialConfig
       },
-      children: /* @__PURE__ */ jsx110(
+      children: /* @__PURE__ */ jsx111(
         ShellContent,
         {
           initialAssistantId: restProps.initialConfig?.assistantId,
@@ -28593,6 +28702,7 @@ export {
   MDResponse,
   MDViewFormItem,
   MetricsConfigDrawerContent,
+  ModelSelector,
   ProtectedRoute,
   RegisterForm,
   ScheduleButton,