@docyrus/ui-pro-ai-assistant 0.7.3 → 0.7.5

package/README.md

@@ -219,8 +219,9 @@ The main chat interface component.
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `enableSidebar` | `boolean` | `true` | Show the session list sidebar |
-| `enableWelcomePage` | `boolean` | `true` | Show a welcome landing page on first open with agent greeting, inline prompt input, and recent sessions. Sidebar and header are hidden in this view. Dismissed on interaction (new chat, session click, or message send) |
-| `defaultFullscreen` | `boolean` | `false` | Start in fullscreen |
+| `enableWelcomePage` | `boolean` | `true` | Show a welcome landing page on first open with agent greeting, inline prompt input, and recent sessions. The header (with agent tabs) stays visible so users can switch agents from the welcome screen; the sidebar is hidden. Dismissed on interaction (new chat, session click, or message send) |
+| `defaultFullscreen` | `boolean` | `false` | Initial uncontrolled fullscreen state |
+| `isFullscreen` | `boolean` | — | Controlled fullscreen state. When provided, the package no longer manages its own fullscreen state — pair with `onFullscreenChange` to fully drive the expand button from the host |
 | `hideExpand` | `boolean` | `false` | Hide the fullscreen toggle |
 | `hideCloseButton` | `boolean` | `false` | Hide the close (X) button in the header |
 | `hideBorder` | `boolean` | `false` | Hide the outer border and shadow of the assistant container |
@@ -249,6 +250,8 @@ The main chat interface component.
 
 The header renders a tab strip. The first tab is pinned to `tenantAiAgentId` and cannot be closed. The `+` button next to it opens a dropdown listing the available base agents (from `agentSelectorUrl`); selecting one opens a new closable tab with its own isolated thread and message history. Open tabs are persisted to `localStorage`.
 
+Switching agents (either selecting an existing tab or adding a new one) resets navigation to the chat home — the previous agent's projects/works pane is dismissed and any selected project / project context is cleared, so the user lands in the new agent's chat view rather than a stale pane.
+
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `agentSelectorUrl` | `string` | `"/ai/agent-deployments/base"` | Endpoint listing base agents shown in the "+" dropdown |
@@ -271,7 +274,7 @@ The header renders a tab strip. The first tab is pinned to `tenantAiAgentId` and
 | `onMessageSend` | `(message: string) => void` | Fires when a message is sent |
 | `onVoiceStart` | `() => void` | Fires when voice recording starts |
 | `onVoiceEnd` | `() => void` | Fires when voice recording ends |
-| `onFullscreenChange` | `(isFullscreen: boolean) => void` | Intercepts the expand button. When provided, replaces the package's built-in fullscreen toggle — the host receives the intended next state and decides what to do (toggle, redirect, etc.). When omitted, the package self-toggles its fullscreen state. |
+| `onFullscreenChange` | `(isFullscreen: boolean) => void` | Intercepts the expand button. When provided, replaces the package's built-in fullscreen toggle — the host receives the intended next state and decides what to do (toggle, redirect, etc.). When omitted, the package self-toggles its fullscreen state. Pair with `isFullscreen` for a fully controlled expand/collapse. |
 | `onShare` | `(info: { dataSourceId: string; recordId: string }) => void` | Custom share handler. When provided, the thread header share button calls this instead of the built-in sharing editor |
 
 #### Initial prompt

package/dist/docy-assistant.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
 import { type DocyAssistantProps } from './types';
-export declare const DocyAssistant: ({ ref, isOpen, onClose, supportWebSearch, supportThinking, supportFiles, supportDocumentSearch, supportDeepResearch, supportMultiModels, supportWorkCanvas, apiEndpoint, title: titleProp, description: descriptionProp, placeholder: placeholderProp, logo, footerText: footerTextProp, variant, renderMode, enableSidebar, enableVoice, enableMicrophone, enableWelcomePage, tenantAiAgentId, onMessageSend, onVoiceStart, onVoiceEnd, className, defaultFullscreen, isFullscreen: isFullscreenProp, hideExpand, hideCloseButton, hideBorder, showHeader, hideHeaderOnWelcome, agentSelectorUrl, onAgentChange, onFullscreenChange, enableSharing, onShare: onShareProp, initialPrompt, initialModelId, initialFeatures, initialFiles, hostEnvironment, appId, appName, appIcon, clientTools, ...props }: DocyAssistantProps & {
+export declare const DocyAssistant: ({ ref, isOpen, onClose, supportWebSearch, supportThinking, supportFiles, supportDocumentSearch, supportDeepResearch, supportMultiModels, supportWorkCanvas, apiEndpoint, title: titleProp, description: descriptionProp, placeholder: placeholderProp, logo, footerText: footerTextProp, variant, renderMode, enableSidebar, enableVoice, enableMicrophone, enableWelcomePage, tenantAiAgentId, onMessageSend, onVoiceStart, onVoiceEnd, className, defaultFullscreen, isFullscreen: isFullscreenProp, hideExpand, hideCloseButton, hideBorder, showHeader, agentSelectorUrl, onAgentChange, onFullscreenChange, enableSharing, onShare: onShareProp, initialPrompt, initialModelId, initialFeatures, initialFiles, hostEnvironment, appId, appName, appIcon, clientTools, ...props }: DocyAssistantProps & {
     ref?: RefObject<HTMLDivElement | null>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -19651,7 +19651,7 @@ function ChatPanel({
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: "flex flex-1 flex-col items-center overflow-y-auto p-6 transition-all duration-250 ease-out",
+          className: "flex flex-1 flex-col items-center overflow-y-auto py-6 px-3 transition-all duration-250 ease-out",
           style: { opacity: fadingOut ? 0 : 1, transform: fadingOut ? "translateY(-8px)" : "translateY(0)" },
           children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col", children: [
             /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 pb-6", children: isLoadingAgent ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "p-2 bg-muted rounded-md", children: /* @__PURE__ */ jsx(Spinner, { className: "size-10 text-muted-foreground" }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -34593,7 +34593,6 @@ var AssistantView = ({ ref, ...props }) => {
     hideCloseButton,
     hideBorder,
     showHeader = true,
-    hideHeaderOnWelcome = true,
     t,
     ...commonProps
   } = props;
@@ -34610,7 +34609,7 @@ var AssistantView = ({ ref, ...props }) => {
       "data-render-mode": "inline",
       ref,
       children: [
-        showHeader && (!hideHeaderOnWelcome || !(commonProps.showWelcome && commonProps.messages.length === 0)) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between h-12 px-3 border-b shrink-0 bg-background gap-2", children: [
+        showHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between h-12 px-3 border-b shrink-0 bg-background gap-2", children: [
           /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: renderHeaderTabs ? renderHeaderTabs({ isFullscreen }) : null }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
             onExpand && /* @__PURE__ */ jsx(
@@ -36164,7 +36163,6 @@ var DocyAssistant = ({
   hideCloseButton = false,
   hideBorder = false,
   showHeader = true,
-  hideHeaderOnWelcome = true,
   agentSelectorUrl = "/ai/agent-deployments/base",
   onAgentChange,
   onFullscreenChange,
@@ -36590,6 +36588,12 @@ var DocyAssistant = ({
   };
   const tabSnapshotsRef = useRef(/* @__PURE__ */ new Map());
   const previousTabIdRef = useRef(activeTabId);
+  const resetNavigationForAgentSwitch = useCallback(() => {
+    uiActions.setActiveTab(0);
+    projectActions.setView("list");
+    projectActions.selectProject(null);
+    projectActions.setContext(null);
+  }, [uiActions, projectActions]);
   const handleTabSelect = useCallback((nextTabId) => {
     if (nextTabId === activeTabId) return;
     tabSnapshotsRef.current.set(activeTabId, {
@@ -36597,7 +36601,8 @@ var DocyAssistant = ({
       messages
     });
     setActiveTabId(nextTabId);
-  }, [activeTabId, messages]);
+    resetNavigationForAgentSwitch();
+  }, [activeTabId, messages, resetNavigationForAgentSwitch]);
   const handleAddTab = useCallback((agent) => {
     const existing = tabs.find((t2) => t2.agentId === agent.id && t2.agentType === agent.type);
     if (existing) {
@@ -36618,13 +36623,15 @@ var DocyAssistant = ({
     });
     setTabs((prev) => [...prev, newTab]);
     setActiveTabId(newTab.id);
+    resetNavigationForAgentSwitch();
     onAgentChange?.(agent.id, agent.type);
   }, [
     tabs,
     activeTabId,
     messages,
     handleTabSelect,
-    onAgentChange
+    onAgentChange,
+    resetNavigationForAgentSwitch
   ]);
   const pendingForwardRef = useRef(null);
   const handleForwardToAgent = useCallback(({ agentId: targetAgentId, prompt }) => {
@@ -37366,7 +37373,6 @@ var DocyAssistant = ({
       hideCloseButton,
       hideBorder,
       showHeader,
-      hideHeaderOnWelcome,
       renderHeaderTabs: ({ isFullscreen: fs }) => /* @__PURE__ */ jsx(
         AgentTabs,
         {