@docyrus/ui-pro-ai-assistant 0.5.3 → 0.5.4

package/dist/components/generative-tool.d.ts

@@ -55,7 +55,12 @@ interface GenerativeUIToolProps {
         text: string;
     }) => void;
     workId?: string;
-    agent?: Record<string, any>;
+    /**
+     * Combined list of subagents reachable from this orchestrator (direct
+     * children + connected subagents). Used to resolve the `subagent` record
+     * for `call*Agent` tool calls by matching the agentId on the result.
+     */
+    subagents?: Array<Record<string, any>>;
 }
-export declare function GenerativeUITool({ part, toolName, onToolAction, openCanvasView, onUseWorkResult, onSendSpreadsheetCommands, onForwardToAgent, onInsertText, onReplaceText, workId, agent }: GenerativeUIToolProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function GenerativeUITool({ part, toolName, onToolAction, openCanvasView, onUseWorkResult, onSendSpreadsheetCommands, onForwardToAgent, onInsertText, onReplaceText, workId, subagents }: GenerativeUIToolProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/subagent-tool.d.ts

@@ -2,13 +2,13 @@ interface SubagentToolProps {
     toolState: string;
     input?: Record<string, any>;
     status?: string;
-    text?: string;
-    icon?: string;
-    skillName?: string;
-    agentName?: string;
     step?: Record<string, any>;
     result?: Record<string, any>;
-    agent?: Record<string, any>;
+    /**
+     * Resolved subagent record from `deployment.agent.{agents,connectedAgents}`.
+     * Carries name / description / avatar / steps for rendering.
+     */
+    subagent?: Record<string, any> | null;
     openCanvasView?: (options: {
         type: string;
         id: string;
@@ -16,7 +16,8 @@ interface SubagentToolProps {
         title?: string;
         description?: string;
         contentJson?: Record<string, any> | null;
+        workId?: string;
     }) => void;
 }
-export declare function SubagentTool({ toolState, input, status, skillName, agentName, step, result, agent, openCanvasView }: SubagentToolProps): import("react/jsx-runtime").JSX.Element;
+export declare function SubagentTool({ toolState, input, status, step, result, subagent, openCanvasView }: SubagentToolProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/hooks/use-assistant-api.d.ts

@@ -13,6 +13,13 @@ interface UseAssistantApiReturn {
         welcomeMessage?: string;
     } | null;
     isLoadingAgentDetails: boolean;
+    /**
+     * Combined list of subagents reachable from this orchestrator (direct
+     * children + connected subagents), normalized so each has `id` and `name`.
+     * Used by the SubagentTool to render avatars / names / step templates for
+     * `call*Agent` tool calls.
+     */
+    subagents: Array<Record<string, any>>;
     fetchThreads: () => Promise<AssistantSession[]>;
     fetchProjectThreads: (projectId: string) => Promise<AssistantSession[]>;
     loadThreadMessages: (threadId: string) => Promise<any[]>;

package/dist/index.js

@@ -9,7 +9,7 @@ import { Input } from '@docyrus/ui-pro-shared/components/input';
 import { Tabs as Tabs$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TabsContent as TabsContent$1 } from '@docyrus/ui-pro-shared/components/tabs';
 import { cn } from '@docyrus/ui-pro-shared/lib/utils';
 import { DefaultChatTransport, lastAssistantMessageIsCompleteWithToolCalls } from 'ai';
-import { Pencil, PilcrowIcon, Heading1Icon, Heading2Icon, Heading3Icon, SquareIcon, ListIcon, ListOrderedIcon, ChevronDownIcon, Code2Icon, QuoteIcon, LightbulbIcon, Columns3Icon, GripVertical, FileUpIcon, TableIcon, ImageIcon, FilmIcon, AudioLinesIcon, TableOfContentsIcon, RadicalIcon, RectangleVerticalIcon, CalendarIcon, PlusIcon, FileCodeIcon, MinusIcon, ChevronRightIcon, ListTree, PenToolIcon, Link2Icon, Check, X, Copy, FilesIcon, Link, Text, ExternalLink, Unlink, Bold, Italic, Underline, Strikethrough, Code2, MoreHorizontal, ArrowLeftIcon, ArrowRightIcon, Minus, Plus, CircleArrowDown, Minimize2, Trash2, FileUp, CheckCircle2, FileText, Loader2, CornerDownLeftIcon, PencilLineIcon, MessageSquareTextIcon, MessagesSquareIcon, ArrowUpIcon, CheckIcon, CaptionsIcon, ZoomInIcon, CircleArrowDownIcon, MoveUpRightIcon, MoreHorizontalIcon, Eye, PlusCircle, HelpCircle, Maximize2, Download, FileSpreadsheet, ChevronDown, ChevronLeft, ChevronRight, CheckCircle, XCircle, Search, Globe, FolderOpen, User, ArrowRight, MapPin, CalendarClock, List, RefreshCw, FilePlus, XIcon, CornerUpLeftIcon, AlbumIcon, FeatherIcon, ListMinusIcon, ListPlusIcon, ListEnd, Wand, LanguagesIcon, BadgeHelpIcon, PenLineIcon, SearchIcon, MusicIcon, CompassIcon, SmileIcon, LeafIcon, ClockIcon, AppleIcon, FlagIcon, StarIcon, DeleteIcon, AlignLeft, AlignCenter, AlignRight, RotateCcw, AlertTriangle, AlertCircle, ArrowUpDown, ArrowDownToLine, PenLine, PencilIcon, TrashIcon, FileIcon, Star, ChevronsUpDown, FolderIcon, MessageSquare, Hash, Table, CheckSquare, Calendar as Calendar$1, Clock, Phone, Mail, Send, RefreshCcw, Undo2, ChevronsUpDownIcon, ChevronsRight, ChevronsLeft, CalendarDays, RefreshCwIcon, PaintRoller, MessageSquareText, ArrowLeft, Users, Bot, Brain, Lightbulb, BookOpen, PenTool, SlidersHorizontal, Wand2, Mic, Code, Trash, Edit, Share, FolderInput, Archive, Building2, ShieldCheck, Sparkles, PanelLeft, NotebookText, CirclePlus, MoreVertical, FileSearch, Microscope, Ruler, AudioLines, BrainCircuit, File as File$1, Plug, Inbox, Menu, LayoutDashboard, Table2, WandSparklesIcon, ArrowUpToLineIcon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, HighlighterIcon, Undo2Icon, Redo2Icon, ArrowDownToLineIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, ListOrdered, ListTodoIcon, ListCollapseIcon, Grid3x3Icon, Combine, Ungroup, ArrowUp, ArrowDown, Trash2Icon, LinkIcon, WrapText, OutdentIcon, IndentIcon, EyeIcon, PenIcon } from 'lucide-react';
+import { Pencil, PilcrowIcon, Heading1Icon, Heading2Icon, Heading3Icon, SquareIcon, ListIcon, ListOrderedIcon, ChevronDownIcon, Code2Icon, QuoteIcon, LightbulbIcon, Columns3Icon, GripVertical, FileUpIcon, TableIcon, ImageIcon, FilmIcon, AudioLinesIcon, TableOfContentsIcon, RadicalIcon, RectangleVerticalIcon, CalendarIcon, PlusIcon, FileCodeIcon, MinusIcon, ChevronRightIcon, ListTree, PenToolIcon, Link2Icon, Check, X, Copy, FilesIcon, Link, Text, ExternalLink, Unlink, Bold, Italic, Underline, Strikethrough, Code2, MoreHorizontal, ArrowLeftIcon, ArrowRightIcon, Minus, Plus, CircleArrowDown, Minimize2, Trash2, FileUp, CheckCircle2, FileText, Loader2, CornerDownLeftIcon, PencilLineIcon, MessageSquareTextIcon, MessagesSquareIcon, ArrowUpIcon, CheckIcon, CaptionsIcon, ZoomInIcon, CircleArrowDownIcon, MoveUpRightIcon, MoreHorizontalIcon, Eye, PlusCircle, HelpCircle, Maximize2, Download, FileSpreadsheet, ChevronDown, ChevronLeft, ChevronRight, CheckCircle, XCircle, Search, Globe, User, ArrowRight, MapPin, CalendarClock, List, RefreshCw, FilePlus, XIcon, CornerUpLeftIcon, AlbumIcon, FeatherIcon, ListMinusIcon, ListPlusIcon, ListEnd, Wand, LanguagesIcon, BadgeHelpIcon, PenLineIcon, SearchIcon, MusicIcon, CompassIcon, SmileIcon, LeafIcon, ClockIcon, AppleIcon, FlagIcon, StarIcon, DeleteIcon, AlignLeft, AlignCenter, AlignRight, RotateCcw, AlertTriangle, AlertCircle, ArrowUpDown, ArrowDownToLine, PenLine, PencilIcon, TrashIcon, FileIcon, Star, ChevronsUpDown, FolderIcon, MessageSquare, Hash, Table, CheckSquare, Calendar as Calendar$1, Clock, Phone, Mail, Send, RefreshCcw, Undo2, ChevronsUpDownIcon, ChevronsRight, ChevronsLeft, CalendarDays, RefreshCwIcon, PaintRoller, MessageSquareText, ArrowLeft, Users, Bot, Brain, Lightbulb, BookOpen, PenTool, SlidersHorizontal, Wand2, Mic, Code, Trash, Edit, Share, FolderInput, Archive, Building2, ShieldCheck, Sparkles, PanelLeft, NotebookText, CirclePlus, MoreVertical, FileSearch, Microscope, Ruler, AudioLines, BrainCircuit, File as File$1, Plug, Inbox, Menu, FolderOpen, LayoutDashboard, Table2, WandSparklesIcon, ArrowUpToLineIcon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, HighlighterIcon, Undo2Icon, Redo2Icon, ArrowDownToLineIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, ListOrdered, ListTodoIcon, ListCollapseIcon, Grid3x3Icon, Combine, Ungroup, ArrowUp, ArrowDown, Trash2Icon, LinkIcon, WrapText, OutdentIcon, IndentIcon, EyeIcon, PenIcon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ScrollArea as ScrollArea$1 } from '@docyrus/ui-pro-shared/components/scroll-area';
 import { AsyncTokenManager, RestApiClient } from '@docyrus/api-client';
@@ -3884,6 +3884,7 @@ function useAssistantApi({
   const { user: configUser } = useAssistantConfig();
   const [agentDetails, setAgentDetails] = useState(null);
   const [isLoadingAgentDetails, setIsLoadingAgentDetails] = useState(!!tenantAiAgentId);
+  const [subagents, setSubagents] = useState([]);
   const apiClientRef = useRef(apiClient);
   const fetchedAgentIdRef = useRef(null);
   apiClientRef.current = apiClient;
@@ -3894,6 +3895,7 @@ function useAssistantApi({
     let cancelled = false;
     const fetchAgentDetails = async () => {
       setAgentDetails(null);
+      setSubagents([]);
       setIsLoadingAgentDetails(true);
       try {
         const response = await apiClientRef.current.get(endpoint);
@@ -3905,6 +3907,13 @@ function useAssistantApi({
           const name = data.name || data.agent?.agentName || data.agent?.name;
           const welcomeMessage = data.welcomeMessage || data.agent?.welcomeMessage;
           setAgentDetails({ logo: avatar, name, welcomeMessage });
+          const direct = data.agent?.agents || [];
+          const connected = (data.agent?.connectedAgents || []).map((c) => ({
+            ...c,
+            id: c.id || c.agentId,
+            name: c.name || c.agentName
+          }));
+          setSubagents([...direct, ...connected]);
         } else {
           setAgentDetails({ logo, name: title });
         }
@@ -4190,6 +4199,7 @@ function useAssistantApi({
   return {
     agentDetails,
     isLoadingAgentDetails,
+    subagents,
     fetchThreads,
     fetchProjectThreads: fetchProjectThreads2,
     loadThreadMessages: loadThreadMessages2,
@@ -13315,26 +13325,58 @@ function WorkCanvas({
     isStreaming && /* @__PURE__ */ jsx(Loader2, { className: "size-8 animate-spin text-primary flex-none" })
   ] });
 }
+var stringify = (val) => {
+  try {
+    return typeof val === "string" ? val : JSON.stringify(val, null, 2);
+  } catch {
+    return String(val ?? "");
+  }
+};
+var resolveAvatarUrl = (subagent) => {
+  const avatar = subagent?.avatar;
+  if (!avatar) {
+    return null;
+  }
+  if (typeof avatar === "string") {
+    return avatar;
+  }
+  return avatar.signed_url || avatar.url || null;
+};
 function SubagentTool({
   toolState,
   input,
   status,
-  skillName,
-  agentName,
   step,
   result,
-  agent,
+  subagent,
   openCanvasView
 }) {
+  const [open, setOpen] = useState(true);
   const [steps, setSteps] = useState([]);
+  const [avatarLoaded, setAvatarLoaded] = useState(false);
+  const [streamedContent, setStreamedContent] = useState("");
   const hasOpenedXlsx = useRef(false);
   const prevStep = useRef(void 0);
+  const lastDeltaRef = useRef(void 0);
   useEffect(() => {
-    if (!step?.step || step === prevStep.current) return;
+    const delta = result?.delta;
+    if (typeof delta === "string" && delta && delta !== lastDeltaRef.current) {
+      lastDeltaRef.current = delta;
+      setStreamedContent((prev) => prev + delta);
+    }
+  }, [result?.delta]);
+  const avatarUrl = useMemo(() => resolveAvatarUrl(subagent), [subagent]);
+  useEffect(() => {
+    setAvatarLoaded(false);
+  }, [avatarUrl]);
+  useEffect(() => {
+    if (!step?.step || step === prevStep.current) {
+      return;
+    }
     prevStep.current = step;
     let message = step.step?.name || "Processing...";
-    if (agent?.steps) {
-      const stepConfig = agent.steps.find((s) => s.id === step.step?.id);
+    if (Array.isArray(subagent?.steps)) {
+      const stepConfig = subagent.steps.find((s) => s.id === step.step?.id);
       const messageTemplates = stepConfig?.messageTemplates;
       const template = step.eventType === "start" ? messageTemplates?.in_progress : messageTemplates?.completed;
       if (template) {
@@ -13342,82 +13384,139 @@ function SubagentTool({
       }
     }
     setSteps((prev) => [...prev, { data: step, message }]);
-  }, [step, agent]);
+  }, [step, subagent]);
+  const effectiveType = input?.type ?? result?.type ?? null;
   useEffect(() => {
-    if (input?.type === "xlsx" && status === "success" && result?.workId && !hasOpenedXlsx.current) {
+    if (effectiveType === "xlsx" && status === "success" && result?.workId && !hasOpenedXlsx.current) {
       hasOpenedXlsx.current = true;
       openCanvasView?.({
         type: "xlsx",
         id: result.workId,
         versionId: result.workVersionId,
+        workId: result.workId,
         title: result.title,
         contentJson: result.content
       });
     }
   }, [
-    input?.type,
+    effectiveType,
     status,
     result,
     openCanvasView
   ]);
+  const displayName = subagent?.agentName || subagent?.name || input?.agentName || "";
   const isLoading = toolState === "input-streaming" || status === "started";
-  return /* @__PURE__ */ jsxs("div", { className: "relative pl-4 ml-4 mt-4 pt-4 border-l border-slate-100", children: [
-    /* @__PURE__ */ jsxs("div", { className: "absolute -top-4 -left-4 rounded-full px-2 py-1 text-[10px] bg-slate-100 w-fit flex items-center gap-1", children: [
-      skillName && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(FolderOpen, { className: "size-4" }),
-        /* @__PURE__ */ jsx("i", { children: skillName }),
-        /* @__PURE__ */ jsx("span", { children: "skill loaded" })
-      ] }),
-      agentName && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(User, { className: "size-4" }),
-        /* @__PURE__ */ jsx("i", { children: agentName }),
-        /* @__PURE__ */ jsx("span", { children: "agent called" })
-      ] })
-    ] }),
-    isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      input?.type === "text" && /* @__PURE__ */ jsx("div", { className: "text-sm", children: result?.delta || result?.content || "" }),
-      input?.type === "xlsx" && (status !== "success" ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx(
+  const renderBody = () => {
+    if (isLoading) {
+      return /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" });
+    }
+    if (effectiveType === "text") {
+      const content = result?.content || streamedContent;
+      if (content) {
+        const isStreaming = !result?.content && status !== "success";
+        return /* @__PURE__ */ jsx(MessageResponse, { mode: isStreaming ? "streaming" : "static", children: content });
+      }
+      return /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 italic", children: "No content returned." });
+    }
+    if (effectiveType === "image") {
+      return /* @__PURE__ */ jsx(
+        preview_image_default,
+        {
+          title: result?.title || input?.prompt || "Generated image",
+          images: result?.images || result?.url
+        }
+      );
+    }
+    if (effectiveType === "xlsx") {
+      if (status !== "success") {
+        return /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" });
+      }
+      return /* @__PURE__ */ jsx(
         WorkCanvas,
         {
           title: result?.title,
           description: result?.description,
           id: result?.workId || "streaming",
-          content: JSON.stringify(result?.content, null, 2),
+          content: stringify(result?.content),
           state: toolState,
           onOpen: () => openCanvasView?.({
             type: "xlsx",
             id: result?.workId,
             versionId: result?.workVersionId,
+            workId: result?.workId,
             title: result?.title,
             contentJson: result?.content
           })
         }
-      )),
-      input?.type === "work" && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        steps.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: steps.map((stepItem, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx(CheckCircle, { className: "size-4 text-green-500 flex-none" }),
-          /* @__PURE__ */ jsx("div", { className: "text-sm", children: stepItem.message })
+      );
+    }
+    if (effectiveType === "work") {
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        steps.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1 mb-2", children: steps.map((stepItem, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-slate-600", children: [
+          /* @__PURE__ */ jsx(CheckCircle, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { children: stepItem.message })
         ] }, idx)) }),
         status === "success" && /* @__PURE__ */ jsx(
           WorkCanvas,
           {
-            title: result?.title || result?.content?.layout?.title,
-            description: result?.description || result?.content?.layout?.description,
+            title: result?.title,
+            description: result?.description,
             id: result?.workId || "streaming",
-            content: JSON.stringify(result?.content, null, 2),
+            content: stringify(result?.content),
             state: toolState,
             onOpen: () => openCanvasView?.({
               type: input?.workType,
               id: result?.workId || "streaming",
               versionId: result?.workVersionId || "streaming",
-              title: result?.content?.layout?.title || result?.content?.title || result?.title,
-              description: result?.content?.layout?.description || result?.content?.description,
+              title: result?.content?.title,
+              description: result?.content?.description,
               contentJson: result?.content
             })
           }
         )
-      ] })
-    ] })
+      ] });
+    }
+    if (typeof result?.content === "string" && result.content) {
+      return /* @__PURE__ */ jsx(MessageResponse, { children: result.content });
+    }
+    if (result) {
+      return /* @__PURE__ */ jsx("pre", { className: "text-xs text-slate-600 whitespace-pre-wrap break-words", children: stringify(result) });
+    }
+    return /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 italic", children: "No content returned." });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "my-3", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "flex items-center gap-1.5 text-xs text-slate-600 hover:text-slate-900 transition-colors",
+        onClick: () => setOpen((o) => !o),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-slate-500", children: "Agent Called:" }),
+          /* @__PURE__ */ jsx("span", { className: "size-4 rounded-full bg-slate-100 flex-shrink-0 overflow-hidden inline-flex items-center justify-center", children: avatarUrl ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: avatarUrl,
+              alt: displayName,
+              className: cn("size-4 object-cover", !avatarLoaded && "invisible"),
+              onLoad: () => setAvatarLoaded(true)
+            },
+            avatarUrl
+          ) : /* @__PURE__ */ jsx(User, { className: "size-3 text-slate-400" }) }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-slate-900 truncate", children: displayName }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "size-3 text-slate-400 flex-shrink-0 transition-transform",
+                !open && "-rotate-90"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "mt-2 pt-2 border-t border-slate-100", children: renderBody() })
   ] });
 }
 var commandConfig = {
@@ -13631,7 +13730,7 @@ function TextEditorTool({
     isStreaming && /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin text-primary flex-none" })
   ] });
 }
-var stringify = (val) => {
+var stringify2 = (val) => {
   try {
     return typeof val === "string" ? val : JSON.stringify(val, null, 2);
   } catch {
@@ -13649,7 +13748,7 @@ function GenerativeUITool({
   onInsertText,
   onReplaceText,
   workId,
-  agent
+  subagents
 }) {
   const { t } = useAssistantTranslation();
   const emitToolAction = (decision) => {
@@ -13969,19 +14068,17 @@ function GenerativeUITool({
   }
   if (toolName.startsWith("call") && toolName.endsWith("Agent") && (part.state === "input-available" || part.state === "input-streaming" || part.state === "output-available")) {
     const output = part.output;
+    const agentId = output?.result?.agentId || part.input?.agentId;
+    const subagent = agentId && subagents?.length ? subagents.find((a) => (a.id || a.agentId) === agentId) || null : null;
     return /* @__PURE__ */ jsx("div", { className: "not-prose mb-4 w-full", children: /* @__PURE__ */ jsx(
       SubagentTool,
       {
         toolState: part.state,
         input: part.input,
         status: output?.status,
-        text: output?.text,
-        icon: output?.icon,
-        skillName: output?.skillName,
-        agentName: output?.agentName,
         step: output?.step,
         result: output?.result,
-        agent,
+        subagent,
         openCanvasView
       }
     ) });
@@ -14106,7 +14203,7 @@ function GenerativeUITool({
   if (part.state === "output-available") {
     return /* @__PURE__ */ jsx("div", { className: "not-prose mb-4 w-full", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-3", children: [
       /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("sections.output") }),
-      /* @__PURE__ */ jsx(CodeBlock, { code: stringify(part.output), language: "json", children: /* @__PURE__ */ jsx(CodeBlockCopyButton, {}) })
+      /* @__PURE__ */ jsx(CodeBlock, { code: stringify2(part.output), language: "json", children: /* @__PURE__ */ jsx(CodeBlockCopyButton, {}) })
     ] }) });
   }
   if (part.state === "output-error") {
@@ -14376,7 +14473,8 @@ var MessageItem = memo(({
           onToolAction: onToolAction ?? (() => {
           }),
           openCanvasView,
-          onForwardToAgent
+          onForwardToAgent,
+          subagents: agents
         },
         `${messageId}-gentool-${idx}`
       );
@@ -14614,7 +14712,8 @@ function ChatPanel({
   onSessionClick,
   threadId,
   initialModelId,
-  initialFeatures
+  initialFeatures,
+  subagents
 }) {
   const renderInputArea = (hideFooter = false) => /* @__PURE__ */ jsx(
     AIInputArea,
@@ -14707,6 +14806,7 @@ function ChatPanel({
         welcomeMessage,
         isLoadingAgent,
         agentId: tenantAiAgentId,
+        agents: subagents,
         onToolAction,
         openCanvasView,
         onEditPrompt,
@@ -29816,6 +29916,7 @@ var AssistantView = ({ ref, ...props }) => {
         threadId: commonProps2.threadId,
         initialModelId: commonProps2.initialModelId,
         initialFeatures: commonProps2.initialFeatures,
+        subagents: commonProps2.subagents,
         messagesClassName: "p-4"
       }
     );
@@ -30275,6 +30376,7 @@ var AssistantView = ({ ref, ...props }) => {
                   threadId: commonProps.threadId,
                   initialModelId: commonProps.initialModelId,
                   initialFeatures: commonProps.initialFeatures,
+                  subagents: commonProps.subagents,
                   compactToolbar: !isFullscreen
                 }
               )
@@ -31789,7 +31891,7 @@ var DocyAssistant = ({
   ]);
   const apiClientRef = useRef(apiClient);
   apiClientRef.current = apiClient;
-  const { agentDetails, isLoadingAgentDetails } = useAssistantApi({
+  const { agentDetails, isLoadingAgentDetails, subagents } = useAssistantApi({
     tenantAiAgentId: activeAgentId,
     deploymentId,
     logo,
@@ -32210,6 +32312,7 @@ var DocyAssistant = ({
       supportMultiModels,
       deploymentId,
       tenantAiAgentId: activeAgentId,
+      subagents,
       initialModelId,
       initialFeatures,
       enableMicrophone,