@docyrus/ui-pro-ai-assistant 0.1.8 → 0.1.9

package/dist/index.js

@@ -2578,7 +2578,8 @@ function useAssistantApi({
   const fetchThreads = useCallback(async () => {
     try {
       const apiParams = {
-        columns: "id,subject,created_on,last_modified_on,body_text,tenant_ai_agent_id",
+        columns: "id,subject,created_on,last_modified_on,body_text,tenant_ai_agent_id,created_by",
+        expand: "created_by",
         orderBy: JSON.stringify({ field: "created_on", direction: "desc" })
       };
       apiParams.filters = JSON.stringify({
@@ -2598,7 +2599,8 @@ function useAssistantApi({
           title: item.subject,
           messages: [],
           createdAt: new Date(item.created_on),
-          updatedAt: new Date(item.last_modified_on || item.created_on)
+          updatedAt: new Date(item.last_modified_on || item.created_on),
+          createdBy: item.created_by ?? null
         }));
       }
       return [];
@@ -2610,13 +2612,14 @@ function useAssistantApi({
   const fetchProjectThreads2 = useCallback(async (projectId) => {
     try {
       const apiParams = {
-        columns: "id,subject,created_on,last_modified_on,body_text,tenant_ai_agent_id,tenant_ai_project_id ",
+        columns: "id,subject,created_on,last_modified_on,body_text,tenant_ai_agent_id,tenant_ai_project_id,created_by",
+        expand: "created_by",
         orderBy: JSON.stringify({ field: "created_on", direction: "desc" })
       };
       apiParams.filters = JSON.stringify({
         rules: [
           {
-            field: "tenant_ai_project_id ",
+            field: "tenant_ai_project_id",
             operator: "=",
             value: projectId
           }
@@ -2630,7 +2633,8 @@ function useAssistantApi({
           title: item.subject,
           messages: [],
           createdAt: new Date(item.created_on),
-          updatedAt: new Date(item.last_modified_on)
+          updatedAt: new Date(item.last_modified_on),
+          createdBy: item.created_by ?? null
         }));
       }
       return [];
@@ -7168,7 +7172,7 @@ var MessageItem = memo(({
     "flex items-start gap-3",
     message.role === "user" && "flex-row-reverse"
   ), children: [
-    isStreaming && isAssistantMessage ? /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "working", className: "w-12 h-12 shrink-0" }) : /* @__PURE__ */ jsx(
+    isStreaming && isAssistantMessage && !logo ? /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "working", className: "w-12 h-12 shrink-0" }) : /* @__PURE__ */ jsx(
       AIMessageAvatar,
       {
         src: message.role === "user" ? userPhoto || "" : logo || "",
@@ -7203,7 +7207,7 @@ var MessageList = memo(({
   const lastMsgIdx = messages.length - 1;
   return /* @__PURE__ */ jsx(AIConversation, { className: cn("flex-1", className), children: /* @__PURE__ */ jsxs(AIConversationContent, { className: "p-4 h-full", children: [
     messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center", children: isLoadingAgent ? /* @__PURE__ */ jsx("div", { className: "p-2 bg-muted rounded-md", children: /* @__PURE__ */ jsx(Spinner, { className: "size-10 text-muted-foreground" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-3 text-center px-4", children: [
-      /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "opening", className: "w-32 h-32" }),
+      logo ? /* @__PURE__ */ jsx(AIMessageAvatar, { src: logo, name: title || "Assistant", className: "w-20 h-20" }) : /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "opening", className: "w-32 h-32" }),
       title && /* @__PURE__ */ jsx("p", { className: "font-semibold text-base text-lg", children: title }),
       /* @__PURE__ */ jsx("div", { className: "max-w-sm text-md text-muted-foreground", children: welcomeMessage ? /* @__PURE__ */ jsx(MessageResponse, { children: welcomeMessage }) : /* @__PURE__ */ jsx("p", { children: description || "Your AI-powered assistant for all your document needs." }) })
     ] }) }) : /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
@@ -7228,7 +7232,7 @@ var MessageList = memo(({
         );
       }),
       isLoading && messages.length > 0 && messages[lastMsgIdx]?.role !== "assistant" && /* @__PURE__ */ jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "thinking", className: "w-12 h-12 shrink-0" }),
+        logo ? /* @__PURE__ */ jsx(AIMessageAvatar, { src: logo, name: "Assistant", isStreaming: true, className: "w-12 h-12 shrink-0" }) : /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "thinking", className: "w-12 h-12 shrink-0" }),
         /* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(Reasoning, { isStreaming: true, defaultOpen: true, className: "mb-0", children: /* @__PURE__ */ jsx(ReasoningTrigger, {}) }) })
       ] }) })
     ] }),
@@ -22433,560 +22437,579 @@ var AssistantView = ({ ref, ...props }) => {
     onAgentChange,
     hideCloseButton,
     hideAgentSelector,
+    hideBorder,
+    showHeader = true,
     t,
     ...commonProps
   } = props;
   if (!isOpen) return null;
-  const content = /* @__PURE__ */ jsxs(
+  const content = /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
-        "relative flex flex-col bg-background text-foreground border shadow-sm @container",
+        "relative flex flex-col bg-background text-foreground @container",
+        !hideBorder && "border shadow-sm",
         isFullscreen ? "fixed inset-0 z-[9999] rounded-none h-screen" : "h-full min-h-0 overflow-hidden rounded-xl",
         className
       ),
       "data-render-mode": "inline",
       ref,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between h-12 px-3 border-b shrink-0", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            enableNavDropdown && /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
+      children: (() => {
+        const agentSelectorElement = (agentSelectorUrl || baseAgentSelectorUrl) && !hideAgentSelector ? /* @__PURE__ */ jsxs(
+          DropdownMenu$1,
+          {
+            open: agentSelectorOpen,
+            onOpenChange: (o) => {
+              setAgentSelectorOpen(o);
+              if (!o) setAgentSearch("");
+            },
+            children: [
               /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
                 Button,
                 {
                   variant: "ghost",
-                  size: "icon",
-                  className: "h-8 w-8 rounded-md hover:bg-accent relative overflow-hidden group",
+                  className: "h-8 px-2 gap-1.5 text-sm font-medium text-foreground hover:bg-accent rounded-md max-w-[260px]",
                   children: [
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: "pointer-events-none absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-violet-200/60 to-transparent group-hover:translate-x-full transition-transform duration-700 ease-in-out",
-                        "aria-hidden": "true"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 text-brown-500 relative z-10" })
+                    (activeAgent?.avatar || commonProps.logo) && /* @__PURE__ */ jsxs(Avatar$1, { className: "w-5 h-5 shrink-0", children: [
+                      /* @__PURE__ */ jsx(AvatarImage$1, { src: activeAgent?.avatar || commonProps.logo, alt: activeAgent?.name ?? commonProps.title ?? "Assistant" }),
+                      /* @__PURE__ */ jsx(AvatarFallback$1, { className: "text-[10px]", children: (activeAgent?.name ?? commonProps.title ?? "A").slice(0, 2).toUpperCase() })
+                    ] }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: activeAgent?.name ?? commonProps.title ?? "Assistant" }),
+                    /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 shrink-0 text-muted-foreground" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: cn("w-40", isFullscreen && "z-[10000]"), children: [
-                /* @__PURE__ */ jsx(
-                  DropdownMenuItem,
-                  {
-                    className: "cursor-pointer",
-                    onClick: () => onTabChange?.(activeTab === 1 ? 0 : 1),
-                    children: t("tabs.sessions")
-                  }
-                ),
-                /* @__PURE__ */ jsx(DropdownMenuSeparator$1, {}),
-                /* @__PURE__ */ jsx(
-                  DropdownMenuItem,
-                  {
-                    className: "cursor-pointer",
-                    onClick: () => onTabChange?.(activeTab === 2 ? 0 : 2),
-                    children: t("sections.projects")
-                  }
-                ),
-                /* @__PURE__ */ jsx(DropdownMenuSeparator$1, {}),
-                /* @__PURE__ */ jsx(
-                  DropdownMenuItem,
-                  {
-                    className: "cursor-pointer",
-                    onClick: () => onTabChange?.(activeTab === 3 ? 0 : 3),
-                    children: t("tabs.works")
-                  }
-                )
-              ] })
-            ] }),
-            (agentSelectorUrl || baseAgentSelectorUrl) && !hideAgentSelector ? /* @__PURE__ */ jsxs(
-              DropdownMenu$1,
-              {
-                open: agentSelectorOpen,
-                onOpenChange: (o) => {
-                  setAgentSelectorOpen(o);
-                  if (!o) setAgentSearch("");
-                },
-                children: [
-                  /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      variant: "ghost",
-                      className: "h-8 px-2 gap-1 text-sm font-medium text-foreground hover:bg-accent rounded-md max-w-[260px]",
-                      children: [
-                        /* @__PURE__ */ jsx("span", { className: "truncate", children: activeAgent?.name ?? commonProps.title ?? "Assistant" }),
-                        /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 shrink-0 text-muted-foreground" })
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxs(
-                    DropdownMenuContent,
-                    {
-                      align: "start",
-                      className: cn("w-64 p-0", isFullscreen && "z-[10000]"),
-                      onCloseAutoFocus: (e) => e.preventDefault(),
-                      children: [
-                        /* @__PURE__ */ jsx("div", { className: "p-2 border-b", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                          /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none" }),
-                          /* @__PURE__ */ jsx(
-                            Input,
-                            {
-                              ref: agentSearchRef,
-                              value: agentSearch,
-                              onChange: (e) => setAgentSearch(e.target.value),
-                              onKeyDown: (e) => e.stopPropagation(),
-                              placeholder: "Search agents...",
-                              className: "h-7 pl-7 text-sm",
-                              autoFocus: true
-                            }
-                          )
-                        ] }) }),
-                        /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-56", children: agentsLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-muted-foreground" }) }) : !hasAnyAgents ? /* @__PURE__ */ jsx("div", { className: "py-4 text-center text-xs text-muted-foreground", children: "No agents found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                          filteredBaseAgents.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                            /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 text-xs font-medium text-muted-foreground", children: "Base Agents" }),
-                            filteredBaseAgents.map((agent) => /* @__PURE__ */ jsxs(
-                              DropdownMenuItem,
-                              {
-                                className: "cursor-pointer gap-2 px-3 py-2",
-                                onClick: () => {
-                                  setSelectedAgent(agent);
-                                  setAgentSelectorOpen(false);
-                                  setAgentSearch("");
-                                  onAgentChange?.(agent.id, "base");
-                                },
-                                children: [
-                                  agent.avatar ? /* @__PURE__ */ jsx("img", { src: typeof agent.avatar === "string" ? agent.avatar : agent.avatar?.signed_url, alt: "", className: "w-5 h-5 rounded-full shrink-0 object-cover" }) : /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full shrink-0 bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Brain, { className: "w-3 h-3 text-muted-foreground" }) }),
-                                  /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: agent.name })
-                                ]
-                              },
-                              agent.id
-                            ))
-                          ] }),
-                          filteredDeployedAgents.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-                            filteredBaseAgents.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator$1, {}),
-                            /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 text-xs font-medium text-muted-foreground", children: "Deployed Agents" }),
-                            filteredDeployedAgents.map((agent) => /* @__PURE__ */ jsxs(
-                              DropdownMenuItem,
-                              {
-                                className: "cursor-pointer gap-2 px-3 py-2",
-                                onClick: () => {
-                                  setSelectedAgent(agent);
-                                  setAgentSelectorOpen(false);
-                                  setAgentSearch("");
-                                  onAgentChange?.(agent.id, "deployment");
-                                },
-                                children: [
-                                  agent.avatar ? /* @__PURE__ */ jsx("img", { src: typeof agent.avatar === "string" ? agent.avatar : agent.avatar?.signed_url, alt: "", className: "w-5 h-5 rounded-full shrink-0 object-cover" }) : /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full shrink-0 bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Brain, { className: "w-3 h-3 text-muted-foreground" }) }),
-                                  /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: agent.name })
-                                ]
-                              },
-                              agent.id
-                            ))
-                          ] })
-                        ] }) })
-                      ]
-                    }
-                  )
-                ]
-              }
-            ) : /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: activeAgent?.name ?? commonProps.title ?? "Assistant" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            enableNavDropdown && onNewChat && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
-                onClick: onNewChat,
-                title: t("buttons.start_new_thread"),
-                children: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4" })
-              }
-            ),
-            onExpand && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
-                onClick: onExpand,
-                title: isFullscreen ? t("actions.minimize") : t("actions.expand_fullscreen"),
-                children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "w-4 h-4" })
-              }
-            ),
-            !hideCloseButton && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
-                onClick: () => onClose?.(),
-                title: t("common.close"),
-                children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-row min-h-0 overflow-hidden relative", children: [
-          !isSidebarOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-2 left-2 z-40 flex flex-col gap-1", children: [
-            enableSidebar && onToggleSidebar && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: onToggleSidebar,
-                className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
-                title: t("tabs.sessions"),
-                children: /* @__PURE__ */ jsx(PanelLeft, { className: "w-4 h-4" })
-              }
-            ),
-            onTabChange && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: () => onTabChange(activeTab === 4 ? 0 : 4),
-                className: cn(
-                  "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
-                  activeTab === 4 && "bg-background text-foreground shadow"
-                ),
-                title: t("tabs.memories"),
-                children: /* @__PURE__ */ jsx(Brain, { className: "w-4 h-4" })
-              }
-            ),
-            isFullscreen && onNewChat && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: onNewChat,
-                className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
-                title: t("buttons.start_new_thread"),
-                children: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4" })
-              }
-            )
+              /* @__PURE__ */ jsxs(
+                DropdownMenuContent,
+                {
+                  align: "start",
+                  className: cn("w-64 p-0", isFullscreen && "z-[10000]"),
+                  onCloseAutoFocus: (e) => e.preventDefault(),
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "p-2 border-b", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                      /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          ref: agentSearchRef,
+                          value: agentSearch,
+                          onChange: (e) => setAgentSearch(e.target.value),
+                          onKeyDown: (e) => e.stopPropagation(),
+                          placeholder: "Search agents...",
+                          className: "h-7 pl-7 text-sm",
+                          autoFocus: true
+                        }
+                      )
+                    ] }) }),
+                    /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-56", children: agentsLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-muted-foreground" }) }) : !hasAnyAgents ? /* @__PURE__ */ jsx("div", { className: "py-4 text-center text-xs text-muted-foreground", children: "No agents found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      filteredBaseAgents.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 text-xs font-medium text-muted-foreground", children: "Base Agents" }),
+                        filteredBaseAgents.map((agent) => /* @__PURE__ */ jsxs(
+                          DropdownMenuItem,
+                          {
+                            className: "cursor-pointer gap-2 px-3 py-2",
+                            onClick: () => {
+                              setSelectedAgent(agent);
+                              setAgentSelectorOpen(false);
+                              setAgentSearch("");
+                              onAgentChange?.(agent.id, "base");
+                            },
+                            children: [
+                              agent.avatar ? /* @__PURE__ */ jsx("img", { src: typeof agent.avatar === "string" ? agent.avatar : agent.avatar?.signed_url, alt: "", className: "w-5 h-5 rounded-full shrink-0 object-cover" }) : /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full shrink-0 bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Brain, { className: "w-3 h-3 text-muted-foreground" }) }),
+                              /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: agent.name })
+                            ]
+                          },
+                          agent.id
+                        ))
+                      ] }),
+                      filteredDeployedAgents.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        filteredBaseAgents.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator$1, {}),
+                        /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 text-xs font-medium text-muted-foreground", children: "Deployed Agents" }),
+                        filteredDeployedAgents.map((agent) => /* @__PURE__ */ jsxs(
+                          DropdownMenuItem,
+                          {
+                            className: "cursor-pointer gap-2 px-3 py-2",
+                            onClick: () => {
+                              setSelectedAgent(agent);
+                              setAgentSelectorOpen(false);
+                              setAgentSearch("");
+                              onAgentChange?.(agent.id, "deployment");
+                            },
+                            children: [
+                              agent.avatar ? /* @__PURE__ */ jsx("img", { src: typeof agent.avatar === "string" ? agent.avatar : agent.avatar?.signed_url, alt: "", className: "w-5 h-5 rounded-full shrink-0 object-cover" }) : /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full shrink-0 bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(Brain, { className: "w-3 h-3 text-muted-foreground" }) }),
+                              /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: agent.name })
+                            ]
+                          },
+                          agent.id
+                        ))
+                      ] })
+                    ] }) })
+                  ]
+                }
+              )
+            ]
+          }
+        ) : !hideAgentSelector ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
+          (activeAgent?.avatar || commonProps.logo) && /* @__PURE__ */ jsxs(Avatar$1, { className: "w-5 h-5 shrink-0", children: [
+            /* @__PURE__ */ jsx(AvatarImage$1, { src: activeAgent?.avatar || commonProps.logo, alt: activeAgent?.name ?? commonProps.title ?? "Assistant" }),
+            /* @__PURE__ */ jsx(AvatarFallback$1, { className: "text-[10px]", children: (activeAgent?.name ?? commonProps.title ?? "A").slice(0, 2).toUpperCase() })
           ] }),
-          enableSidebar && isSidebarOpen && renderSidebar && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "absolute inset-0 bg-black/20 z-[99] @3xl:hidden",
-                onClick: onToggleSidebar
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-0 h-full w-72 bg-background z-[100] shadow-xl border-r @3xl:hidden", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between h-12 px-3 border-b shrink-0", children: [
-                commonProps.logo || commonProps.title ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-                  /* @__PURE__ */ jsxs(Avatar$1, { className: "h-7 w-7 shrink-0 after:hidden", children: [
-                    /* @__PURE__ */ jsx(AvatarImage$1, { src: commonProps.logo, alt: commonProps.title }),
-                    /* @__PURE__ */ jsx(AvatarFallback$1, { className: "text-xs", children: (commonProps.title || "AI").substring(0, 2).toUpperCase() })
-                  ] }),
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: commonProps.title })
-                ] }) : /* @__PURE__ */ jsx("div", {}),
-                /* @__PURE__ */ jsx(
+          activeAgent?.name ?? commonProps.title ?? "Assistant"
+        ] }) : null;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          showHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between h-12 px-3 border-b shrink-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              enableNavDropdown && /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
+                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
                   Button,
                   {
                     variant: "ghost",
                     size: "icon",
-                    onClick: onToggleSidebar,
-                    className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground",
-                    children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+                    className: "h-8 w-8 rounded-md hover:bg-accent relative overflow-hidden group",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: "pointer-events-none absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-violet-200/60 to-transparent group-hover:translate-x-full transition-transform duration-700 ease-in-out",
+                          "aria-hidden": "true"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 text-brown-500 relative z-10" })
+                    ]
                   }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex-1 p-4 flex flex-col min-h-0 overflow-hidden", children: renderSidebar(true) })
-            ] }) })
-          ] }),
-          enableSidebar && renderSidebar && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "hidden @3xl:flex flex-col flex-none bg-background border-r transition-all duration-300 overflow-hidden",
-                isSidebarOpen ? "w-72" : "w-0"
-              ),
-              children: /* @__PURE__ */ jsxs("div", { className: "w-72 h-full flex flex-col relative", children: [
-                isSidebarOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-2 z-10 flex flex-col gap-1", children: [
-                  onToggleSidebar && /* @__PURE__ */ jsx(
-                    Button,
+                ) }),
+                /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: cn("w-40", isFullscreen && "z-[10000]"), children: [
+                  /* @__PURE__ */ jsx(
+                    DropdownMenuItem,
                     {
-                      variant: "ghost",
-                      size: "icon",
-                      onClick: onToggleSidebar,
-                      className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
-                      children: /* @__PURE__ */ jsx(PanelLeft, { className: "w-4 h-4" })
+                      className: "cursor-pointer",
+                      onClick: () => onTabChange?.(activeTab === 1 ? 0 : 1),
+                      children: t("tabs.sessions")
                     }
                   ),
-                  onTabChange && /* @__PURE__ */ jsx(
-                    Button,
+                  /* @__PURE__ */ jsx(DropdownMenuSeparator$1, {}),
+                  /* @__PURE__ */ jsx(
+                    DropdownMenuItem,
                     {
-                      variant: "ghost",
-                      size: "icon",
-                      onClick: () => onTabChange(activeTab === 4 ? 0 : 4),
-                      className: cn(
-                        "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
-                        activeTab === 4 && "bg-accent text-accent-foreground"
-                      ),
-                      title: t("tabs.memories"),
-                      children: /* @__PURE__ */ jsx(Brain, { className: "w-4 h-4" })
+                      className: "cursor-pointer",
+                      onClick: () => onTabChange?.(activeTab === 2 ? 0 : 2),
+                      children: t("sections.projects")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(DropdownMenuSeparator$1, {}),
+                  /* @__PURE__ */ jsx(
+                    DropdownMenuItem,
+                    {
+                      className: "cursor-pointer",
+                      onClick: () => onTabChange?.(activeTab === 3 ? 0 : 3),
+                      children: t("tabs.works")
                     }
                   )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "flex-1 p-4 flex flex-col min-h-0 overflow-hidden", children: renderSidebar(false) })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: cn(
-            "flex flex-col min-h-0 overflow-hidden transition-all duration-200",
-            canvasWork ? "w-2/5" : "flex-1",
-            !isSidebarOpen && enableSidebar && "pl-10"
-          ), children: activeTab === 1 ? (
-            // Sessions View
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 h-10 shrink-0", children: /* @__PURE__ */ jsx(
+                ] })
+              ] }),
+              agentSelectorElement
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              enableNavDropdown && onNewChat && /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "ghost",
                   size: "icon",
-                  className: "h-7 w-7 text-muted-foreground hover:text-foreground",
-                  onClick: () => onTabChange?.(0),
-                  children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
+                  className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
+                  onClick: onNewChat,
+                  title: t("buttons.start_new_thread"),
+                  children: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4" })
                 }
-              ) }),
-              renderSessionsView ? renderSessionsView() : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Sessions view not available" })
-            ] })
-          ) : activeTab === 2 ? (
-            // Projects View
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 h-10 shrink-0", children: /* @__PURE__ */ jsx(
+              ),
+              onExpand && /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "ghost",
                   size: "icon",
-                  className: "h-7 w-7 text-muted-foreground hover:text-foreground",
-                  onClick: () => onTabChange?.(0),
-                  children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
+                  className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
+                  onClick: onExpand,
+                  title: isFullscreen ? t("actions.minimize") : t("actions.expand_fullscreen"),
+                  children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "w-4 h-4" })
                 }
-              ) }),
-              renderProjectsView ? renderProjectsView() : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Projects view not available" })
-            ] })
-          ) : activeTab === 4 ? (
-            // Memories View
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 h-10 shrink-0", children: /* @__PURE__ */ jsx(
+              ),
+              !hideCloseButton && /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "ghost",
                   size: "icon",
-                  className: "h-7 w-7 text-muted-foreground hover:text-foreground",
-                  onClick: () => onTabChange?.(0),
-                  children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
+                  className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
+                  onClick: () => onClose?.(),
+                  title: t("common.close"),
+                  children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
                 }
-              ) }),
-              renderMemoriesView ? renderMemoriesView() : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Memories view not available" })
+              )
             ] })
-          ) : activeTab === 3 ? (
-            // Works View
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 h-10 shrink-0", children: /* @__PURE__ */ jsx(
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-row min-h-0 overflow-hidden relative", children: [
+            !isSidebarOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-2 left-2 z-40 flex flex-col gap-1", children: [
+              enableSidebar && onToggleSidebar && /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "ghost",
                   size: "icon",
-                  className: "h-7 w-7 text-muted-foreground hover:text-foreground",
-                  onClick: () => onTabChange?.(0),
-                  children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
+                  onClick: onToggleSidebar,
+                  className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
+                  title: t("tabs.sessions"),
+                  children: /* @__PURE__ */ jsx(PanelLeft, { className: "w-4 h-4" })
                 }
-              ) }),
-              renderWorksView ? renderWorksView() : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Works view not available" })
-            ] })
-          ) : (
-            // Default: Chat View
-            /* @__PURE__ */ jsx(
-              ChatPanel,
+              ),
+              onTabChange && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => onTabChange(activeTab === 4 ? 0 : 4),
+                  className: cn(
+                    "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
+                    activeTab === 4 && "bg-background text-foreground shadow"
+                  ),
+                  title: t("tabs.memories"),
+                  children: /* @__PURE__ */ jsx(Brain, { className: "w-4 h-4" })
+                }
+              ),
+              isFullscreen && onNewChat && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: onNewChat,
+                  className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
+                  title: t("buttons.start_new_thread"),
+                  children: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            enableSidebar && isSidebarOpen && renderSidebar && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "absolute inset-0 bg-black/20 z-[99] @3xl:hidden",
+                  onClick: onToggleSidebar
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-0 h-full w-72 bg-background z-[100] shadow-xl border-r @3xl:hidden", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex flex-col", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between h-12 px-3 border-b shrink-0", children: [
+                  commonProps.logo || commonProps.title ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+                    /* @__PURE__ */ jsxs(Avatar$1, { className: "h-7 w-7 shrink-0 after:hidden", children: [
+                      /* @__PURE__ */ jsx(AvatarImage$1, { src: commonProps.logo, alt: commonProps.title }),
+                      /* @__PURE__ */ jsx(AvatarFallback$1, { className: "text-xs", children: (commonProps.title || "AI").substring(0, 2).toUpperCase() })
+                    ] }),
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: commonProps.title })
+                  ] }) : /* @__PURE__ */ jsx("div", {}),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      onClick: onToggleSidebar,
+                      className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground",
+                      children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 p-4 flex flex-col min-h-0 overflow-hidden", children: renderSidebar(true) })
+              ] }) })
+            ] }),
+            enableSidebar && renderSidebar && /* @__PURE__ */ jsx(
+              "div",
               {
-                messages: commonProps.messages,
-                isLoading: commonProps.isLoading,
-                input: commonProps.input,
-                onInputChange: commonProps.onInputChange,
-                onSendMessage: commonProps.onSendMessage,
-                onStop: commonProps.onStop,
-                logo: commonProps.logo,
-                userPhoto: commonProps.userPhoto,
-                userDisplayName: commonProps.userDisplayName,
-                description: commonProps.description,
-                title: commonProps.title,
-                welcomeMessage: commonProps.welcomeMessage,
-                isLoadingAgent: commonProps.isLoadingAgent,
-                placeholder: commonProps.placeholder,
-                footerText: commonProps.footerText,
-                supportFiles: commonProps.supportFiles,
-                supportWebSearch: commonProps.supportWebSearch,
-                supportDocumentSearch: commonProps.supportDocumentSearch,
-                supportDeepResearch: commonProps.supportDeepResearch,
-                supportThinking: commonProps.supportThinking,
-                supportWorkCanvas: commonProps.supportWorkCanvas,
-                supportMultiModels: commonProps.supportMultiModels,
-                deploymentId: commonProps.deploymentId,
-                tenantAiAgentId: commonProps.tenantAiAgentId,
-                enableMicrophone: commonProps.enableMicrophone,
-                enableVoice: commonProps.enableVoice,
-                isRecording: commonProps.isRecording,
-                recognition: commonProps.recognition,
-                onMicrophoneClick: commonProps.onMicrophoneClick,
-                onToolAction: commonProps.onToolAction,
-                openCanvasView: handleOpenCanvasViewInline,
-                renderThreadHeader,
-                threadId: commonProps.threadId,
-                compactToolbar: !isFullscreen
+                className: cn(
+                  "hidden @3xl:flex flex-col flex-none bg-background border-r transition-all duration-300 overflow-hidden",
+                  isSidebarOpen ? "w-72" : "w-0"
+                ),
+                children: /* @__PURE__ */ jsxs("div", { className: "w-72 h-full flex flex-col relative", children: [
+                  isSidebarOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-2 z-10 flex flex-col gap-1", children: [
+                    onToggleSidebar && /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon",
+                        onClick: onToggleSidebar,
+                        className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
+                        children: /* @__PURE__ */ jsx(PanelLeft, { className: "w-4 h-4" })
+                      }
+                    ),
+                    onTabChange && /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon",
+                        onClick: () => onTabChange(activeTab === 4 ? 0 : 4),
+                        className: cn(
+                          "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md",
+                          activeTab === 4 && "bg-accent text-accent-foreground"
+                        ),
+                        title: t("tabs.memories"),
+                        children: /* @__PURE__ */ jsx(Brain, { className: "w-4 h-4" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex-1 p-4 flex flex-col min-h-0 overflow-hidden", children: [
+                    !showHeader && agentSelectorElement && /* @__PURE__ */ jsx("div", { className: "mb-3 shrink-0", children: agentSelectorElement }),
+                    renderSidebar(false)
+                  ] })
+                ] })
               }
-            )
-          ) }),
-          canvasWork && /* @__PURE__ */ jsxs("div", { className: "w-3/5 border-l bg-background flex flex-col shrink-0", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 h-12 px-3 border-b shrink-0", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate flex-1", children: canvasWork.title }),
-              canvasWork.type === WorkTypes.Code && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 bg-muted rounded-md p-0.5 shrink-0", children: [
-                /* @__PURE__ */ jsxs(
+            ),
+            /* @__PURE__ */ jsx("div", { className: cn(
+              "flex flex-col min-h-0 overflow-hidden transition-all duration-200",
+              canvasWork ? "w-2/5" : "flex-1",
+              !isSidebarOpen && enableSidebar && "pl-10"
+            ), children: activeTab === 1 ? (
+              // Sessions View
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 h-10 shrink-0", children: /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "ghost",
-                    size: "sm",
-                    className: cn(
-                      "h-6 px-2 text-xs rounded-sm",
-                      activeCanvasTab === 0 ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
-                    ),
-                    onClick: () => setActiveCanvasTab(0),
-                    children: [
-                      /* @__PURE__ */ jsx(Eye, { className: "w-3 h-3 mr-1" }),
-                      "Preview"
-                    ]
+                    size: "icon",
+                    className: "h-7 w-7 text-muted-foreground hover:text-foreground",
+                    onClick: () => onTabChange?.(0),
+                    children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
                   }
-                ),
-                /* @__PURE__ */ jsxs(
+                ) }),
+                renderSessionsView ? renderSessionsView() : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Sessions view not available" })
+              ] })
+            ) : activeTab === 2 ? (
+              // Projects View
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 h-10 shrink-0", children: /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "ghost",
-                    size: "sm",
-                    className: cn(
-                      "h-6 px-2 text-xs rounded-sm",
-                      activeCanvasTab === 1 ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
-                    ),
-                    onClick: () => setActiveCanvasTab(1),
-                    children: [
-                      /* @__PURE__ */ jsx(Code2, { className: "w-3 h-3 mr-1" }),
-                      "Code"
-                    ]
+                    size: "icon",
+                    className: "h-7 w-7 text-muted-foreground hover:text-foreground",
+                    onClick: () => onTabChange?.(0),
+                    children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
                   }
-                )
-              ] }),
-              canvasWork.type !== WorkTypes.Record && canvasWork.type !== WorkTypes.Data && canvasWork.type !== WorkTypes.App && /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
-                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-7 text-xs px-2 shrink-0", disabled: canvasVersionsLoading, children: [
-                  canvasVersionsLoading ? "..." : canvasVersions.find((v) => v.id === canvasSelectedVersionId)?.name ?? t("labels.select_version"),
-                  /* @__PURE__ */ jsx(ChevronDown, { className: "ml-1 h-3 w-3" })
-                ] }) }),
-                /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "max-h-60 overflow-y-auto", children: canvasVersions.length === 0 ? /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: true, className: "text-xs text-muted-foreground", children: t("messages.no_versions_found") }) : canvasVersions.map((v) => /* @__PURE__ */ jsx(
-                  DropdownMenuItem,
+                ) }),
+                renderProjectsView ? renderProjectsView() : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Projects view not available" })
+              ] })
+            ) : activeTab === 4 ? (
+              // Memories View
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 h-10 shrink-0", children: /* @__PURE__ */ jsx(
+                  Button,
                   {
-                    className: `cursor-pointer text-xs ${canvasSelectedVersionId === v.id ? "bg-accent text-accent-foreground" : ""}`,
-                    onClick: () => handleCanvasVersionSelect(v.id),
-                    children: v.name
-                  },
-                  v.id
-                )) })
-              ] }),
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-7 w-7 text-muted-foreground hover:text-foreground",
+                    onClick: () => onTabChange?.(0),
+                    children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
+                  }
+                ) }),
+                renderMemoriesView ? renderMemoriesView() : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Memories view not available" })
+              ] })
+            ) : activeTab === 3 ? (
+              // Works View
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 h-10 shrink-0", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-7 w-7 text-muted-foreground hover:text-foreground",
+                    onClick: () => onTabChange?.(0),
+                    children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-4 h-4" })
+                  }
+                ) }),
+                renderWorksView ? renderWorksView() : /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-muted-foreground", children: "Works view not available" })
+              ] })
+            ) : (
+              // Default: Chat View
               /* @__PURE__ */ jsx(
-                Button,
+                ChatPanel,
                 {
-                  variant: "ghost",
-                  size: "icon",
-                  onClick: () => setCanvasWork(null),
-                  className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground",
-                  children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+                  messages: commonProps.messages,
+                  isLoading: commonProps.isLoading,
+                  input: commonProps.input,
+                  onInputChange: commonProps.onInputChange,
+                  onSendMessage: commonProps.onSendMessage,
+                  onStop: commonProps.onStop,
+                  logo: commonProps.logo,
+                  userPhoto: commonProps.userPhoto,
+                  userDisplayName: commonProps.userDisplayName,
+                  description: commonProps.description,
+                  title: commonProps.title,
+                  welcomeMessage: commonProps.welcomeMessage,
+                  isLoadingAgent: commonProps.isLoadingAgent,
+                  placeholder: commonProps.placeholder,
+                  footerText: commonProps.footerText,
+                  supportFiles: commonProps.supportFiles,
+                  supportWebSearch: commonProps.supportWebSearch,
+                  supportDocumentSearch: commonProps.supportDocumentSearch,
+                  supportDeepResearch: commonProps.supportDeepResearch,
+                  supportThinking: commonProps.supportThinking,
+                  supportWorkCanvas: commonProps.supportWorkCanvas,
+                  supportMultiModels: commonProps.supportMultiModels,
+                  deploymentId: commonProps.deploymentId,
+                  tenantAiAgentId: commonProps.tenantAiAgentId,
+                  enableMicrophone: commonProps.enableMicrophone,
+                  enableVoice: commonProps.enableVoice,
+                  isRecording: commonProps.isRecording,
+                  recognition: commonProps.recognition,
+                  onMicrophoneClick: commonProps.onMicrophoneClick,
+                  onToolAction: commonProps.onToolAction,
+                  openCanvasView: handleOpenCanvasViewInline,
+                  renderThreadHeader,
+                  threadId: commonProps.threadId,
+                  compactToolbar: !isFullscreen
                 }
               )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto", children: [
-              canvasVersionsLoading && /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }) }),
-              !canvasVersionsLoading && canvasWork.type === WorkTypes.Record && /* @__PURE__ */ jsx(
-                CanvasRecordView,
-                {
-                  dataSourceId: canvasWork.content_json?.dataSourceId ?? "",
-                  mode: canvasWork.content_json?.mode ?? "add",
-                  defaultValues: canvasWork.content_json?.data,
-                  recordId: canvasWork.content_json?.recordId,
-                  onClose: () => setCanvasWork(null),
-                  onSave: (id, data) => {
-                    console.info("[CanvasRecordView] saved:", id, data);
+            ) }),
+            canvasWork && /* @__PURE__ */ jsxs("div", { className: "w-3/5 border-l bg-background flex flex-col shrink-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 h-12 px-3 border-b shrink-0", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate flex-1", children: canvasWork.title }),
+                canvasWork.type === WorkTypes.Code && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 bg-muted rounded-md p-0.5 shrink-0", children: [
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      className: cn(
+                        "h-6 px-2 text-xs rounded-sm",
+                        activeCanvasTab === 0 ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                      ),
+                      onClick: () => setActiveCanvasTab(0),
+                      children: [
+                        /* @__PURE__ */ jsx(Eye, { className: "w-3 h-3 mr-1" }),
+                        "Preview"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      className: cn(
+                        "h-6 px-2 text-xs rounded-sm",
+                        activeCanvasTab === 1 ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                      ),
+                      onClick: () => setActiveCanvasTab(1),
+                      children: [
+                        /* @__PURE__ */ jsx(Code2, { className: "w-3 h-3 mr-1" }),
+                        "Code"
+                      ]
+                    }
+                  )
+                ] }),
+                canvasWork.type !== WorkTypes.Record && canvasWork.type !== WorkTypes.Data && canvasWork.type !== WorkTypes.App && /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
+                  /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-7 text-xs px-2 shrink-0", disabled: canvasVersionsLoading, children: [
+                    canvasVersionsLoading ? "..." : canvasVersions.find((v) => v.id === canvasSelectedVersionId)?.name ?? t("labels.select_version"),
+                    /* @__PURE__ */ jsx(ChevronDown, { className: "ml-1 h-3 w-3" })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "max-h-60 overflow-y-auto", children: canvasVersions.length === 0 ? /* @__PURE__ */ jsx(DropdownMenuItem, { disabled: true, className: "text-xs text-muted-foreground", children: t("messages.no_versions_found") }) : canvasVersions.map((v) => /* @__PURE__ */ jsx(
+                    DropdownMenuItem,
+                    {
+                      className: `cursor-pointer text-xs ${canvasSelectedVersionId === v.id ? "bg-accent text-accent-foreground" : ""}`,
+                      onClick: () => handleCanvasVersionSelect(v.id),
+                      children: v.name
+                    },
+                    v.id
+                  )) })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    onClick: () => setCanvasWork(null),
+                    className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-foreground",
+                    children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
                   }
-                }
-              ),
-              !canvasVersionsLoading && canvasWork.type === WorkTypes.Image && /* @__PURE__ */ jsx(
-                CanvasImageView,
-                {
-                  title: canvasWork.title,
-                  images: canvasVersionImages ?? canvasWork.content_json
-                }
-              ),
-              !canvasVersionsLoading && canvasWork.type === WorkTypes.Text && /* @__PURE__ */ jsx(
-                CanvasTextView,
-                {
-                  contentText: canvasVersionContent ?? "",
-                  language: canvasVersionLanguage ?? "markdown",
-                  title: canvasWork.title
-                }
-              ),
-              !canvasVersionsLoading && canvasWork.type === WorkTypes.Data && /* @__PURE__ */ jsx(
-                CanvasDeepResearchView,
-                {
-                  title: canvasWork.title,
-                  output_schema: canvasWork.content_json?.output_schema,
-                  content: canvasWork.content_json?.content,
-                  basis: canvasWork.content_json?.basis
-                }
-              ),
-              !canvasVersionsLoading && canvasWork.type === WorkTypes.Xlsx && (canvasSelectedVersionId && !canvasVersionImages ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ jsx(
-                CanvasSpreadsheetView,
-                {
-                  title: canvasWork.title,
-                  content: canvasVersionImages ?? canvasWork.content_json,
-                  workId: canvasWork.id,
-                  versionId: canvasSelectedVersionId ?? void 0,
-                  commands: canvasSpreadsheetCommands,
-                  onData: async (data) => {
-                    const workId = canvasWork.id;
-                    if (!workId || workId === "streaming") return;
-                    try {
-                      await apiClient.post(`/ai/works/${workId}/modify`, {
-                        content_json: {
-                          ...canvasWork.content_json ?? {},
-                          workbook: data.workbook
-                        }
-                      });
-                    } catch {
-                      console.warn("Version didn't save succesfully.");
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto", children: [
+                canvasVersionsLoading && /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }) }),
+                !canvasVersionsLoading && canvasWork.type === WorkTypes.Record && /* @__PURE__ */ jsx(
+                  CanvasRecordView,
+                  {
+                    dataSourceId: canvasWork.content_json?.dataSourceId ?? "",
+                    mode: canvasWork.content_json?.mode ?? "add",
+                    defaultValues: canvasWork.content_json?.data,
+                    recordId: canvasWork.content_json?.recordId,
+                    onClose: () => setCanvasWork(null),
+                    onSave: (id, data) => {
+                      console.info("[CanvasRecordView] saved:", id, data);
                     }
                   }
-                },
-                canvasSelectedVersionId ?? canvasWork.id
-              )),
-              !canvasVersionsLoading && canvasWork.type === WorkTypes.App && /* @__PURE__ */ jsx(CanvasAppView, { app: canvasWork.content_json }),
-              !canvasVersionsLoading && canvasWork.type === WorkTypes.Code && canvasWork.id && (activeCanvasTab === 0 ? /* @__PURE__ */ jsx(
-                ShellCanvas,
-                {
-                  workId: canvasWork.id,
-                  versionId: canvasSelectedVersionId,
-                  title: canvasWork.title
-                }
-              ) : /* @__PURE__ */ jsx(
-                CanvasCodeView,
-                {
-                  contentText: canvasVersionContent ?? "",
-                  language: canvasVersionLanguage,
-                  title: canvasWork.title
-                }
-              ))
+                ),
+                !canvasVersionsLoading && canvasWork.type === WorkTypes.Image && /* @__PURE__ */ jsx(
+                  CanvasImageView,
+                  {
+                    title: canvasWork.title,
+                    images: canvasVersionImages ?? canvasWork.content_json
+                  }
+                ),
+                !canvasVersionsLoading && canvasWork.type === WorkTypes.Text && /* @__PURE__ */ jsx(
+                  CanvasTextView,
+                  {
+                    contentText: canvasVersionContent ?? "",
+                    language: canvasVersionLanguage ?? "markdown",
+                    title: canvasWork.title
+                  }
+                ),
+                !canvasVersionsLoading && canvasWork.type === WorkTypes.Data && /* @__PURE__ */ jsx(
+                  CanvasDeepResearchView,
+                  {
+                    title: canvasWork.title,
+                    output_schema: canvasWork.content_json?.output_schema,
+                    content: canvasWork.content_json?.content,
+                    basis: canvasWork.content_json?.basis
+                  }
+                ),
+                !canvasVersionsLoading && canvasWork.type === WorkTypes.Xlsx && (canvasSelectedVersionId && !canvasVersionImages ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ jsx(
+                  CanvasSpreadsheetView,
+                  {
+                    title: canvasWork.title,
+                    content: canvasVersionImages ?? canvasWork.content_json,
+                    workId: canvasWork.id,
+                    versionId: canvasSelectedVersionId ?? void 0,
+                    commands: canvasSpreadsheetCommands,
+                    onData: async (data) => {
+                      const workId = canvasWork.id;
+                      if (!workId || workId === "streaming") return;
+                      try {
+                        await apiClient.post(`/ai/works/${workId}/modify`, {
+                          content_json: {
+                            ...canvasWork.content_json ?? {},
+                            workbook: data.workbook
+                          }
+                        });
+                      } catch {
+                        console.warn("Version didn't save succesfully.");
+                      }
+                    }
+                  },
+                  canvasSelectedVersionId ?? canvasWork.id
+                )),
+                !canvasVersionsLoading && canvasWork.type === WorkTypes.App && /* @__PURE__ */ jsx(CanvasAppView, { app: canvasWork.content_json }),
+                !canvasVersionsLoading && canvasWork.type === WorkTypes.Code && canvasWork.id && (activeCanvasTab === 0 ? /* @__PURE__ */ jsx(
+                  ShellCanvas,
+                  {
+                    workId: canvasWork.id,
+                    versionId: canvasSelectedVersionId,
+                    title: canvasWork.title
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  CanvasCodeView,
+                  {
+                    contentText: canvasVersionContent ?? "",
+                    language: canvasVersionLanguage,
+                    title: canvasWork.title
+                  }
+                ))
+              ] })
             ] })
           ] })
-        ] })
-      ]
+        ] });
+      })()
     }
   );
   if (isFullscreen && typeof document !== "undefined") {
@@ -23721,6 +23744,7 @@ var SidebarContent = ({
   t
 }) => {
   const [activeListType, setActiveListType] = useState("sessions");
+  const [openMenuId, setOpenMenuId] = useState(null);
   const navItems = [{ id: 1, label: t("tabs.sessions"), icon: MessageSquare }, { id: 3, label: t("tabs.works"), icon: NotebookText }];
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-px", children: [
@@ -23791,21 +23815,52 @@ var SidebarContent = ({
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col mt-4 flex-1 min-h-0", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 bg-card/40 rounded-md shrink-0", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: t("sections.recents") }),
-          /* @__PURE__ */ jsx("div", { className: "relative group", children: /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              className: "h-6 cursor-pointer px-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground hover:text-foreground",
-              onClick: () => setActiveListType(activeListType === "sessions" ? "works" : "sessions"),
-              children: [
-                activeListType === "sessions" ? `${t("tabs.sessions")} (${sessions.length})` : `${t("tabs.works")} (${works.length})`,
-                /* @__PURE__ */ jsx(RefreshCcw, { className: "ml-1 w-3 h-3" })
-              ]
-            }
-          ) })
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start px-2 py-1.5 shrink-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-tight text-muted-foreground", children: t("sections.recents") }),
+          /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "ml-1 h-auto cursor-pointer px-1 py-0 text-xs font-semibold uppercase tracking-tight text-muted-foreground hover:text-foreground",
+                children: [
+                  activeListType === "sessions" ? `${t("tabs.sessions")} (${sessions.length})` : `${t("tabs.works")} (${works.length})`,
+                  /* @__PURE__ */ jsx(ChevronDown, { className: "ml-0.5 w-3 h-3" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: "w-44 z-[9999]", children: [
+              /* @__PURE__ */ jsxs(
+                DropdownMenuItem,
+                {
+                  className: "cursor-pointer text-xs",
+                  onClick: () => setActiveListType("sessions"),
+                  children: [
+                    /* @__PURE__ */ jsx(MessageSquare, { className: "w-3.5 h-3.5 mr-2" }),
+                    t("tabs.sessions"),
+                    " (",
+                    sessions.length,
+                    ")"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                DropdownMenuItem,
+                {
+                  className: "cursor-pointer text-xs",
+                  onClick: () => setActiveListType("works"),
+                  children: [
+                    /* @__PURE__ */ jsx(NotebookText, { className: "w-3.5 h-3.5 mr-2" }),
+                    t("tabs.works"),
+                    " (",
+                    works.length,
+                    ")"
+                  ]
+                }
+              )
+            ] })
+          ] })
         ] }),
         /* @__PURE__ */ jsx(
           "div",
@@ -23827,29 +23882,47 @@ var SidebarContent = ({
                     selectedSessionId === session.id && "bg-accent text-accent-foreground"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "text-sm truncate pr-6", children: session.title }),
-                    /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: session.updatedAt.toLocaleDateString() }),
-                    onDeleteSession && /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: "absolute right-1 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity",
-                        onClick: (e) => e.stopPropagation(),
-                        children: /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
-                          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(MoreVertical, { className: "w-3.5 h-3.5" }) }) }),
-                          /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "w-36 z-[9999]", children: /* @__PURE__ */ jsxs(
-                            DropdownMenuItem,
+                    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                      /* @__PURE__ */ jsx("div", { className: "text-sm truncate pr-6", children: session.title }),
+                      onDeleteSession && /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: cn(
+                            "absolute right-0 top-1/2 -translate-y-1/2 transition-opacity",
+                            openMenuId === session.id ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+                          ),
+                          onClick: (e) => e.stopPropagation(),
+                          children: /* @__PURE__ */ jsxs(
+                            DropdownMenu$1,
                             {
-                              className: "text-destructive focus:text-destructive cursor-pointer",
-                              onClick: () => onDeleteSession(session),
+                              open: openMenuId === session.id,
+                              onOpenChange: (open) => setOpenMenuId(open ? session.id : null),
                               children: [
-                                /* @__PURE__ */ jsx(Trash, { className: "w-3.5 h-3.5 mr-2" }),
-                                t("common.delete")
+                                /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(MoreVertical, { className: "w-3.5 h-3.5" }) }) }),
+                                /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "w-36 z-[9999]", children: /* @__PURE__ */ jsxs(
+                                  DropdownMenuItem,
+                                  {
+                                    className: "text-destructive focus:text-destructive cursor-pointer",
+                                    onClick: () => onDeleteSession(session),
+                                    children: [
+                                      /* @__PURE__ */ jsx(Trash, { className: "w-3.5 h-3.5 mr-2" }),
+                                      t("common.delete")
+                                    ]
+                                  }
+                                ) })
                               ]
                             }
-                          ) })
-                        ] })
-                      }
-                    )
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: cn(
+                      "w-full text-xs text-muted-foreground flex justify-between items-center",
+                      selectedSessionId === session.id ? "flex" : "hidden group-hover:flex"
+                    ), children: [
+                      /* @__PURE__ */ jsx("span", { children: session.createdAt.toLocaleDateString() }),
+                      session.createdBy?.name && /* @__PURE__ */ jsx("span", { children: session.createdBy.name })
+                    ] })
                   ]
                 },
                 session.id
@@ -23861,13 +23934,16 @@ var SidebarContent = ({
                 {
                   onClick: () => onWorkClick(work),
                   className: cn(
-                    "p-2 rounded-lg cursor-pointer transition-colors",
+                    "group relative px-2 py-1 rounded-lg cursor-pointer transition-colors",
                     "hover:bg-accent hover:text-accent-foreground",
                     selectedWorkId === work.id && "bg-accent text-accent-foreground"
                   ),
                   children: [
                     /* @__PURE__ */ jsx("div", { className: "text-sm truncate", children: work.title }),
-                    /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground truncate", children: work.content_text?.substring(0, 50) || "No content" })
+                    /* @__PURE__ */ jsx("div", { className: cn(
+                      "w-full text-xs text-muted-foreground flex justify-between items-center",
+                      selectedWorkId === work.id ? "flex" : "hidden group-hover:flex"
+                    ), children: /* @__PURE__ */ jsx("span", { children: work.created_on ? new Date(work.created_on).toLocaleDateString() : "" }) })
                   ]
                 },
                 work.id
@@ -24006,6 +24082,7 @@ async function fetchAgentThreads(apiClient, tenantAiAgentId, onSuccess, userId,
   try {
     const apiParams = {
       columns: "id,subject,created_on,last_modified_on,body_text,tenant_ai_agent_id,created_by",
+      expand: "created_by",
       orderBy: JSON.stringify({ field: "created_on", direction: "desc" })
     };
     const agentRule = deploymentId ? { field: "tenant_ai_agent_deployment_id", operator: "=", value: deploymentId } : { field: "tenant_ai_agent_id", operator: "=", value: tenantAiAgentId };
@@ -24025,7 +24102,8 @@ async function fetchAgentThreads(apiClient, tenantAiAgentId, onSuccess, userId,
         title: item.subject,
         messages: [],
         createdAt: new Date(item.created_on),
-        updatedAt: new Date(item.last_modified_on || item.created_on)
+        updatedAt: new Date(item.last_modified_on || item.created_on),
+        createdBy: item.created_by ?? null
       }));
       onSuccess(threads);
     } else {
@@ -24038,11 +24116,12 @@ async function fetchAgentThreads(apiClient, tenantAiAgentId, onSuccess, userId,
 async function fetchProjectThreads(apiClient, projectId, onSuccess) {
   try {
     const apiParams = {
-      columns: "id,subject,created_on,last_modified_on,body_text,tenant_ai_agent_id,tenant_ai_project_id ",
+      columns: "id,subject,created_on,last_modified_on,body_text,tenant_ai_agent_id,tenant_ai_project_id,created_by",
+      expand: "created_by",
       orderBy: JSON.stringify({ field: "created_on", direction: "desc" })
     };
     apiParams.filters = JSON.stringify({
-      rules: [{ field: "tenant_ai_project_id ", operator: "=", value: projectId }]
+      rules: [{ field: "tenant_ai_project_id", operator: "=", value: projectId }]
     });
     const response = await apiClient.get("/apps/base/data-sources/thread/items", apiParams);
     if (response.success && response.data) {
@@ -24052,7 +24131,8 @@ async function fetchProjectThreads(apiClient, projectId, onSuccess) {
         title: item.subject,
         messages: [],
         createdAt: new Date(item.created_on),
-        updatedAt: new Date(item.last_modified_on)
+        updatedAt: new Date(item.last_modified_on),
+        createdBy: item.created_by ?? null
       }));
       onSuccess(projectId, threads);
     } else {
@@ -24496,6 +24576,8 @@ var DocyAssistant = ({
   hideExpand = false,
   hideCloseButton = false,
   hideAgentSelector = false,
+  hideBorder = false,
+  showHeader = true,
   agentSelectorUrl = "/ai/agent-deployments",
   baseAgentSelectorUrl = "/ai/agent-deployments/base",
   onAgentChange,
@@ -24988,11 +25070,11 @@ var DocyAssistant = ({
       onInputChange: handleInputChange,
       onSendMessage: handleSendMessage,
       onStop: stop,
-      title: agentDetails?.name ?? title,
+      title: isLoadingAgentDetails ? "" : agentDetails?.name ?? title,
       description,
-      welcomeMessage: agentDetails?.welcomeMessage,
+      welcomeMessage: isLoadingAgentDetails ? void 0 : agentDetails?.welcomeMessage,
       isLoadingAgent: isLoadingAgentDetails,
-      logo: agentDetails?.logo ?? logo,
+      logo: isLoadingAgentDetails ? void 0 : agentDetails?.logo ?? logo,
       placeholder,
       footerText,
       className: opts.className,
@@ -25337,6 +25419,8 @@ var DocyAssistant = ({
       threadId: sessionState.selectedSessionId ?? void 0,
       hideCloseButton,
       hideAgentSelector,
+      hideBorder,
+      showHeader,
       agentSelectorUrl,
       baseAgentSelectorUrl,
       onAgentChange: (agentId, agentType) => {