@ds-mo/ui 9.1.0 → 9.2.0

package/dist/types/components/PanelToolSearch/PanelToolSearch.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PanelToolSearch {
+    el: HTMLElement;
+    /** Current search query. */
+    value: string;
+    /** Search guidance shown while the query is empty. */
+    placeholder: string;
+    /** Accessible name for the search field. */
+    ariaLabel: string;
+    /** Optional ID of the results region filtered by this search. */
+    controls: string | undefined;
+    /** Prevents search interaction while keeping the row visible. */
+    isInactive: boolean;
+    /** Show the optional trailing filter-menu trigger. */
+    showFilter: boolean;
+    /** Accessible name for the filter-menu trigger. */
+    filterAriaLabel: string;
+    /** Stable id placed on the filter trigger for ds-menu anchoring. */
+    filterTriggerId: string;
+    /** Id of the menu controlled by the filter trigger. */
+    filterControls: string | undefined;
+    /** Whether the controlled filter menu is open. */
+    filterExpanded: boolean;
+    /** Promote the trigger foreground when one or more filters are applied. */
+    filterActive: boolean;
+    dsChange: EventEmitter<string>;
+    dsClear: EventEmitter<void>;
+    dsFilterToggle: EventEmitter<MouseEvent>;
+    componentDidRender(): void;
+    setFocus(): Promise<void>;
+    focusFilterTrigger(): Promise<void>;
+    private handleChange;
+    render(): any;
+}
+//# sourceMappingURL=PanelToolSearch.d.ts.map

package/dist/types/components/PanelTools/PanelTools.d.ts

@@ -1,10 +1,14 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { ChromeTransitionDetail } from '../../shell/chrome-transition';
-import { type PanelToolsItem, type PanelToolsToolId } from './panel-tools-types';
+import { type PanelToolsHeaders, type PanelToolsItem, type PanelToolsToolId } from './panel-tools-types';
 export declare class PanelTools {
     el: HTMLElement;
     /** When false, only the icon rail is shown. */
     open: boolean;
+    /** Drawer presentation or viewport-covering presentation for the active tool. */
+    presentation: 'drawer' | 'fullscreen';
+    /** Let a fullscreen product supply independent master/detail headers inside its view. */
+    fullscreenHeaderMode: 'shared' | 'split';
     /** Active tool view — `search`, `agents`, `messages`, `stacks`, `activity`, or `help`. */
     activeTool: PanelToolsToolId | '';
     /**
@@ -16,6 +20,10 @@ export declare class PanelTools {
     itemsJson: string;
     toolsLabel: string;
     toolShortcutsLabel: string;
+    /** Active header state per tool. Replace the object when title, depth, or actions change. */
+    headers: PanelToolsHeaders;
+    /** JSON fallback for `headers`. The `headers` property takes precedence when non-empty. */
+    headersJson: string;
     /**
      * Optional localStorage key for the last active tool. The drawer always starts
      * closed; only the tool identity is restored for continuity within this browser.
@@ -26,24 +34,48 @@ export declare class PanelTools {
         id: PanelToolsToolId;
         selected: boolean;
     }>;
+    /** Emitted when fullscreen changes, including Escape-initiated exits. */
+    dsPresentationChange: EventEmitter<{
+        presentation: 'drawer' | 'fullscreen';
+    }>;
+    /** Requests navigation to the active tool's parent view. */
+    dsHeaderBack: EventEmitter<{
+        tool: PanelToolsToolId;
+    }>;
+    /** Requests one application-owned action from the active tool header. */
+    dsHeaderAction: EventEmitter<{
+        tool: PanelToolsToolId;
+        id: string;
+    }>;
     /** Bubbling lifecycle — `ds-bar-nav` defers overflow checks during drawer motion. */
     dsChromeTransitionStart: EventEmitter<ChromeTransitionDetail>;
     dsChromeTransitionEnd: EventEmitter<ChromeTransitionDetail>;
     /** Arms open vs close easing for the in-flight width transition. */
     private motion;
+    /** Keeps header and slotted content painted until the closing clip transition completes. */
+    private drawerSurfaceRetained;
     /** Suppresses width transition until the host has painted its initial open state. */
     private readyForMotion;
+    /** Fullscreen presentation changes snap without borrowing drawer width motion. */
+    private presentationMotionSuppressed;
     private rovingIndex;
+    private fullViewToolIds;
     private motionEnableGeneration;
+    private presentationMotionGeneration;
     private transitionGeneration;
     private transitionFallbackTimer;
     /** Ignores the old transition's terminal event when reversing direction. */
     private ignoreReplacementTerminal;
+    private focusBeforeFullscreen;
+    private fullViewObserver;
     private get railItems();
     private get orderedRailItems();
     disconnectedCallback(): void;
+    presentationChanged(next: 'drawer' | 'fullscreen', previous?: 'drawer' | 'fullscreen'): void;
+    handleFullscreenEscape(event: KeyboardEvent): void;
     private deferMotionEnable;
     connectedCallback(): void;
+    private handleComposedHeaderAction;
     componentWillLoad(): void;
     openChanged(isOpen: boolean, wasOpen?: boolean): void;
     activeToolChanged(): void;
@@ -56,6 +88,7 @@ export declare class PanelTools {
     private reconcileActiveTool;
     private startDrawerTransition;
     private handleTransitionEnd;
+    private drawerTransitionAtTerminal;
     private finishDrawerTransition;
     private clearTransitionCompletion;
     /** Rail selection follows `open` immediately — independent of the slide animation. */
@@ -63,12 +96,18 @@ export declare class PanelTools {
     /** Drawer body stays mounted while the clip frame animates closed. */
     private isDrawerPresent;
     private isViewActive;
+    private hasFullView;
+    private syncFullViewTools;
     private headerLabel;
+    private resolvedHeaders;
+    private activeHeader;
     private handleToolChange;
     /** Toggle any rail tool open/closed — shell shortcuts K/A/S/M/N call this. */
     activateTool(id: PanelToolsToolId): Promise<void>;
     /** Close the tools drawer when open — used by shell keyboard shortcuts. */
     closeDrawer(): Promise<void>;
+    /** Focus an active tool-header action by its application-owned id. */
+    focusHeaderAction(id: string): Promise<void>;
     private focusRailAt;
     private handleRailKeyDown;
     private renderRailAction;

package/dist/types/components/PanelTools/panel-tools-types.d.ts

@@ -18,4 +18,24 @@ export interface PanelToolsItem {
     isInactive?: boolean;
     ariaLabel?: string;
 }
+export interface PanelToolsHeaderAction {
+    id: string;
+    icon: string;
+    ariaLabel: string;
+    triggerId?: string;
+    controls?: string;
+    expanded?: boolean;
+    haspopup?: 'menu' | 'dialog' | 'listbox' | 'tree' | 'grid';
+    pressed?: boolean;
+    isInactive?: boolean;
+}
+export interface PanelToolsHeaderConfig {
+    title?: string;
+    showBack?: boolean;
+    backIcon?: string;
+    backAriaLabel?: string;
+    actions?: PanelToolsHeaderAction[];
+}
+/** Per-tool header state. The application replaces the object when a tool changes depth or actions. */
+export type PanelToolsHeaders = Partial<Record<PanelToolsToolId, PanelToolsHeaderConfig>>;
 //# sourceMappingURL=panel-tools-types.d.ts.map

package/dist/types/components/PanelTools/panel-tools-utils.d.ts

@@ -18,6 +18,8 @@ export interface PanelToolsTransitionStyle {
 export declare function panelToolsDrawerTransitionMs(style: PanelToolsTransitionStyle): number;
 /** True when the drawer clip is fully closed — safe to skip painting slot content. */
 export declare function panelToolsDrawerResting(open: boolean, motion: PanelToolsMotion): boolean;
+/** True only when the animated clip has reached the terminal width for its motion phase. */
+export declare function panelToolsDrawerAtTerminal(width: number, targetWidth: number, motion: PanelToolsMotion): boolean;
 /** Toggle or switch rail tool selection — repeat activation closes the active tool. */
 export declare function resolvePanelToolActivation(open: boolean, activeTool: PanelToolsToolId | '', id: PanelToolsToolId): {
     open: boolean;

package/dist/types/components/Slider/Slider.d.ts

@@ -19,7 +19,7 @@ export declare class Slider {
     showValue: boolean;
     size: SliderSize;
     orientation: SliderOrientation;
-    /** Keep the complete thumb inside the rail bounds, or center it on the endpoints. */
+    /** Align the thumb edge with full-width rail endpoints, or its center with inset rail endpoints. */
     thumbAlignment: SliderThumbAlignment;
     name: string | undefined;
     form: string | undefined;

package/dist/types/components/conversation-types.d.ts

@@ -0,0 +1,55 @@
+export type ConversationItemState = 'default' | 'busy' | 'error';
+export type MessageDirection = 'incoming' | 'outgoing' | 'system';
+export type MessageGroupPosition = 'single' | 'first' | 'middle' | 'last';
+export type MessageDeliveryState = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
+export type MessageScrollerPosition = 'start' | 'end' | 'last-anchor';
+export type MessageComposerStatus = 'ready' | 'submitted' | 'streaming' | 'error';
+export interface ConversationAttachment {
+    id: string;
+    name: string;
+    mediaType?: string;
+    size?: string;
+    url?: string;
+}
+export type AgentActivityState = 'pending' | 'active' | 'complete' | 'error';
+export interface AgentActivityItem {
+    id: string;
+    label: string;
+    detail?: string;
+    state: AgentActivityState;
+}
+export interface AgentSource {
+    id: string;
+    title: string;
+    url: string;
+    description?: string;
+}
+export type AgentToolState = 'queued' | 'running' | 'success' | 'error' | 'denied';
+export type AgentResponsePart = {
+    id: string;
+    type: 'markdown';
+    content: string;
+    state: 'streaming' | 'complete';
+} | {
+    id: string;
+    type: 'activity';
+    items: AgentActivityItem[];
+} | {
+    id: string;
+    type: 'tool';
+    name: string;
+    label: string;
+    state: AgentToolState;
+    input?: unknown;
+    output?: unknown;
+    error?: string;
+} | {
+    id: string;
+    type: 'attachments';
+    items: ConversationAttachment[];
+} | {
+    id: string;
+    type: 'sources';
+    items: AgentSource[];
+};
+//# sourceMappingURL=conversation-types.d.ts.map