@docyrus/ui-pro-ai-assistant 0.6.7 → 0.6.9

package/README.md

@@ -78,7 +78,6 @@ function App() {
         tenantAiAgentId="your-agent-id"
         renderMode="inline"
         enableSidebar
-        enableNavDropdown
         className="h-full w-full"
       />
     </AssistantProvider>
@@ -220,14 +219,12 @@ The main chat interface component.
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `enableSidebar` | `boolean` | `true` | Show the session list sidebar |
-| `enableNavDropdown` | `boolean` | `false` | Show navigation dropdown |
 | `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 |
 | `hideExpand` | `boolean` | `false` | Hide the fullscreen toggle |
 | `hideCloseButton` | `boolean` | `false` | Hide the close (X) button in the header |
-| `hideAgentSelector` | `boolean` | `false` | Hide the agent selector dropdown; shows agent name as static text instead |
 | `hideBorder` | `boolean` | `false` | Hide the outer border and shadow of the assistant container |
-| `showHeader` | `boolean` | `true` | Show the header bar; when false the agent selector moves to the top of the sidebar |
+| `showHeader` | `boolean` | `true` | Show the header bar with the agent tabs |
 | `maxMessages` | `number` | — | Max messages to keep in context |
 
 #### Features
@@ -248,13 +245,14 @@ The main chat interface component.
 
 > **Note:** Feature props serve as defaults. When the agent deployment is loaded, the API response capabilities (`supportWebSearch`, `documentSearch`, `supportDeepResearch`, `supportThinking`, `featureWorks`, `supportFiles`, `supportMultipleModels`, `promptOptimizationChoice`) take precedence over prop values.
 
-#### Agent selection
+#### Agent tabs
+
+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`.
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `agentSelectorUrl` | `string` | `"/ai/agent-deployments"` | Deployment selector endpoint |
-| `baseAgentSelectorUrl` | `string` | `"/ai/agent-deployments/base"` | Base agent selector endpoint |
-| `onAgentChange` | `(agentId: string, agentType: "base" \| "deployment") => void` | — | Fires when the active agent changes |
+| `agentSelectorUrl` | `string` | `"/ai/agent-deployments/base"` | Endpoint listing base agents shown in the "+" dropdown |
+| `onAgentChange` | `(agentId: string, agentType: "base" \| "deployment") => void` | — | Fires when the user opens a new agent tab |
 
 #### API
 
@@ -273,6 +271,7 @@ The main chat interface component.
 | `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` | Fires when the assistant enters or exits fullscreen (true = entered) |
 | `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/components/adaptive-card-tool.d.ts

@@ -0,0 +1,12 @@
+import { type AdaptiveCardPayload } from './docyrus/adaptive-card';
+import { type ToolActionEvent } from '../types';
+interface AdaptiveCardToolProps {
+    payload: AdaptiveCardPayload;
+    data?: unknown;
+    toolName: string;
+    toolCallId: string;
+    onToolAction?: (event: ToolActionEvent) => void;
+}
+export declare function AdaptiveCardTool({ payload, data, toolName, toolCallId, onToolAction }: AdaptiveCardToolProps): import("react/jsx-runtime").JSX.Element;
+export declare function extractAdaptiveCardPayload(value: unknown): AdaptiveCardPayload | null;
+export {};

package/dist/components/agent-tabs.d.ts

@@ -0,0 +1,33 @@
+export interface AgentTabItem {
+    /** Unique tab id (stable across renders). */
+    id: string;
+    /** Agent (base) id or deployment id used at the API level. */
+    agentId: string;
+    /** Set when the tab represents a deployed agent. */
+    deploymentId?: string;
+    /** 'base' for tenantAiAgentId-style agents, 'deployment' otherwise. */
+    agentType: 'base' | 'deployment';
+    name?: string;
+    avatar?: string;
+    /** The first tab is pinned and cannot be closed. */
+    pinned?: boolean;
+}
+interface AgentTabsProps {
+    tabs: AgentTabItem[];
+    activeTabId: string;
+    onTabSelect: (tabId: string) => void;
+    onTabClose: (tabId: string) => void;
+    onAddTab: (agent: {
+        id: string;
+        type: 'base' | 'deployment';
+        name?: string;
+        avatar?: string;
+    }) => void;
+    /** URL listing deployed agents shown in the "+" dropdown. */
+    agentSelectorUrl?: string;
+    isFullscreen?: boolean;
+    fallbackLogo?: string;
+    fallbackTitle?: string;
+}
+export declare const AgentTabs: ({ tabs, activeTabId, onTabSelect, onTabClose, onAddTab, agentSelectorUrl, isFullscreen, fallbackLogo, fallbackTitle }: AgentTabsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/docyrus/adaptive-card/action-bar.d.ts

@@ -0,0 +1,7 @@
+import { type AdaptiveCardAction } from './adaptive-card-types';
+interface ActionBarProps {
+    actions: Array<AdaptiveCardAction> | undefined;
+    variant?: 'card-footer' | 'inline' | 'nested';
+}
+export declare function ActionBar({ actions, variant }: ActionBarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/docyrus/adaptive-card/actions/action-button.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import { type AdaptiveCardAction } from '../adaptive-card-types';
+interface ActionButtonProps {
+    action: AdaptiveCardAction;
+    onClick: () => void;
+    asChild?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+export declare function ActionButton({ action, onClick, asChild, children, className }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/docyrus/adaptive-card/actions/action-execute.d.ts

@@ -0,0 +1,4 @@
+import { type AdaptiveCardActionExecute } from '../adaptive-card-types';
+export declare function ActionExecuteButton({ action }: {
+    action: AdaptiveCardActionExecute;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/docyrus/adaptive-card/actions/action-open-url.d.ts

@@ -0,0 +1,4 @@
+import { type AdaptiveCardActionOpenUrl } from '../adaptive-card-types';
+export declare function ActionOpenUrlButton({ action }: {
+    action: AdaptiveCardActionOpenUrl;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/docyrus/adaptive-card/actions/action-reset-inputs.d.ts

@@ -0,0 +1,4 @@
+import { type AdaptiveCardActionResetInputs } from '../adaptive-card-types';
+export declare function ActionResetInputsButton({ action }: {
+    action: AdaptiveCardActionResetInputs;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/docyrus/adaptive-card/actions/action-show-card.d.ts

@@ -0,0 +1,7 @@
+import { type AdaptiveCardActionShowCard } from '../adaptive-card-types';
+export declare function ActionShowCardButton({ action }: {
+    action: AdaptiveCardActionShowCard;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ShowCardPanel({ action }: {
+    action: AdaptiveCardActionShowCard;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/docyrus/adaptive-card/actions/action-submit.d.ts

@@ -0,0 +1,4 @@
+import { type AdaptiveCardActionSubmit } from '../adaptive-card-types';
+export declare function ActionSubmitButton({ action }: {
+    action: AdaptiveCardActionSubmit;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/docyrus/adaptive-card/actions/action-toggle-visibility.d.ts

@@ -0,0 +1,4 @@
+import { type AdaptiveCardActionToggleVisibility } from '../adaptive-card-types';
+export declare function ActionToggleVisibilityButton({ action }: {
+    action: AdaptiveCardActionToggleVisibility;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/docyrus/adaptive-card/adaptive-card-context.d.ts

@@ -0,0 +1,43 @@
+import { type ReactNode } from 'react';
+import { type AdaptiveCardActionEvent, type AdaptiveCardActionExecute, type AdaptiveCardActionOpenUrl, type AdaptiveCardActionResetInputs, type AdaptiveCardActionShowCard, type AdaptiveCardActionSubmit, type AdaptiveCardActionToggleVisibility, type AdaptiveCardChoice, type AdaptiveCardHostConfig, type AdaptiveCardInputValue, type AdaptiveCardPayload, type ElementRenderer } from './adaptive-card-types';
+import { type ValidationResult } from './lib/validate-inputs';
+export interface AdaptiveCardContextValue {
+    card: AdaptiveCardPayload;
+    hostConfig: AdaptiveCardHostConfig;
+    customElements: Record<string, ElementRenderer>;
+    visibilityOverrides: Record<string, boolean>;
+    inputs: Record<string, AdaptiveCardInputValue>;
+    validations: Record<string, ValidationResult>;
+    showCardOpen: Record<string, boolean>;
+    hasSubmittedOnce: boolean;
+    setInput: (id: string, value: AdaptiveCardInputValue) => void;
+    registerInput: (id: string, initial: AdaptiveCardInputValue) => void;
+    unregisterInput: (id: string) => void;
+    submit: (action: AdaptiveCardActionSubmit) => void;
+    execute: (action: AdaptiveCardActionExecute) => void;
+    openUrl: (action: AdaptiveCardActionOpenUrl) => void;
+    toggleVisibility: (action: AdaptiveCardActionToggleVisibility) => void;
+    toggleShowCard: (action: AdaptiveCardActionShowCard) => void;
+    resetInputs: (action: AdaptiveCardActionResetInputs) => void;
+    dispatchEvent: (event: AdaptiveCardActionEvent) => void;
+    queryChoices: (request: {
+        dataset: string;
+        search: string;
+        inputId: string;
+    }) => Promise<Array<AdaptiveCardChoice>>;
+}
+export declare function AdaptiveCardProvider({ value, children }: {
+    value: AdaptiveCardContextValue;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useAdaptiveCardContext(): AdaptiveCardContextValue;
+export declare function useAdaptiveCardInput(id: string): {
+    value: string | number | boolean | string[] | null;
+    setValue: (next: AdaptiveCardInputValue) => void;
+    validation: ValidationResult;
+    showError: boolean;
+};
+export declare function isElementVisible(element: {
+    id?: string;
+    isVisible?: boolean;
+}, overrides: Record<string, boolean>): boolean;