@salla.sa/ui-ai-kit-core 1.1.0 → 2.0.0

package/dist/types/components.d.ts

@@ -45,11 +45,20 @@ export namespace Components {
           * @default 'right'
          */
         "position": 'left' | 'right' | 'float';
+        /**
+          * Programmatically scroll the messages area to the bottom
+         */
+        "scrollToBottom": () => Promise<void>;
         /**
           * Show AI watermark in the top half of the container
           * @default false
          */
         "showWatermark": boolean;
+        /**
+          * Color theme for the panel
+          * @default 'light'
+         */
+        "theme": 'light' | 'dark' | 'auto';
         /**
           * Width of the panel (CSS value, e.g., '400px', '30%', '28rem')
           * @default '28rem'
@@ -91,6 +100,11 @@ export namespace Components {
           * @default true
          */
         "showBack": boolean;
+        /**
+          * Human mode: status indicator variant
+          * @default 'online'
+         */
+        "statusIndicator": 'online' | 'offline' | 'busy' | 'away';
     }
     interface AiChatMessage {
         /**
@@ -126,6 +140,45 @@ export namespace Components {
          */
         "timestamp": string;
     }
+    interface AiConversationList {
+        /**
+          * ID of the currently active conversation
+          * @default ''
+         */
+        "activeId": string;
+        /**
+          * JSON array of ConversationItem
+          * @default '[]'
+         */
+        "items": string;
+        /**
+          * Show skeleton loading state
+          * @default false
+         */
+        "loading": boolean;
+    }
+    interface AiConversationSummary {
+        /**
+          * Card heading
+          * @default 'ملخص المحادثة'
+         */
+        "conversation": string;
+        /**
+          * Conversation language label
+          * @default ''
+         */
+        "language": string;
+        /**
+          * Total message count shown as a badge
+          * @default 0
+         */
+        "messageCount": number;
+        /**
+          * Summary body text
+          * @default ''
+         */
+        "summary": string;
+    }
     interface AiIcon {
         /**
           * Icon name from the registry
@@ -165,6 +218,11 @@ export namespace Components {
           * @default true
          */
         "collapsible": boolean;
+        /**
+          * Agent name shown in header alongside sparkle
+          * @default ''
+         */
+        "currentAgent": string;
         /**
           * Steps mode expand state
           * @default true
@@ -180,6 +238,11 @@ export namespace Components {
           * @default 'thinking'
          */
         "mode": 'thinking' | 'steps';
+        /**
+          * Show per-step agent chips
+          * @default false
+         */
+        "showAgentBadges": boolean;
         /**
           * Thinking mode status text
           * @default 'جاري التفكير...'
@@ -187,9 +250,14 @@ export namespace Components {
         "statusText": string;
         /**
           * Steps as JSON string array of LoadingStep
-          * @default '[]'
+          * @default []
+         */
+        "steps": LoadingStep[];
+        /**
+          * Secondary shimmer line in thinking mode (e.g. live node name)
+          * @default ''
          */
-        "steps": string;
+        "thinkingSubtext": string;
     }
     interface AiMessageInput {
         /**
@@ -197,6 +265,16 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * External prop to show/hide the inline voice recorder
+          * @default false
+         */
+        "isRecording": boolean;
+        /**
+          * Maximum characters allowed
+          * @default 4000
+         */
+        "maxLength": number;
         /**
           * Placeholder text for the textarea
           * @default 'ايش في بالك؟'
@@ -234,6 +312,38 @@ export namespace Components {
          */
         "value": RatingValue | null;
     }
+    interface AiRouteDecision {
+        /**
+          * Agent icon — emoji or short text displayed before the agent name
+          * @default ''
+         */
+        "agentIcon": string;
+        /**
+          * Routing confidence percentage 0–100
+          * @default 0
+         */
+        "confidence": number;
+        /**
+          * Detected language label (shown when expanded)
+          * @default ''
+         */
+        "detectedLanguage": string;
+        /**
+          * Initial expanded state
+          * @default false
+         */
+        "expanded": boolean;
+        /**
+          * Reason for routing decision (shown when expanded)
+          * @default ''
+         */
+        "reason": string;
+        /**
+          * Selected agent name
+          * @default ''
+         */
+        "selectedAgent": string;
+    }
     interface AiSuggestion {
         /**
           * Disabled state
@@ -257,11 +367,21 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Error text to display on mic access failure. Defaults to Arabic; falls back to English when document lang is 'en'
+          * @default ''
+         */
+        "errorText": string;
         /**
           * Whether to show the waveform animation
           * @default true
          */
         "showWaveform": boolean;
+        /**
+          * Waveform bar color. Falls back to --ai-waveform-color CSS var, then #9ca3af
+          * @default ''
+         */
+        "waveformColor": string;
     }
 }
 export interface AiChatHeaderCustomEvent<T> extends CustomEvent<T> {
@@ -272,6 +392,10 @@ export interface AiChatMessageCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAiChatMessageElement;
 }
+export interface AiConversationListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLAiConversationListElement;
+}
 export interface AiLoadingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAiLoadingElement;
@@ -284,6 +408,10 @@ export interface AiRatingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAiRatingElement;
 }
+export interface AiRouteDecisionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLAiRouteDecisionElement;
+}
 export interface AiSuggestionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAiSuggestionElement;
@@ -309,7 +437,7 @@ declare global {
         "closeClick": void;
         "editClick": void;
         "dropdownClick": void;
-        "moreClick": void;
+        "positionClick": void;
         "backClick": void;
         "headerDragStart": { clientX: number; clientY: number };
     }
@@ -346,6 +474,30 @@ declare global {
         prototype: HTMLAiChatMessageElement;
         new (): HTMLAiChatMessageElement;
     };
+    interface HTMLAiConversationListElementEventMap {
+        "conversationSelect": string;
+        "conversationDelete": string;
+    }
+    interface HTMLAiConversationListElement extends Components.AiConversationList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLAiConversationListElementEventMap>(type: K, listener: (this: HTMLAiConversationListElement, ev: AiConversationListCustomEvent<HTMLAiConversationListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLAiConversationListElementEventMap>(type: K, listener: (this: HTMLAiConversationListElement, ev: AiConversationListCustomEvent<HTMLAiConversationListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLAiConversationListElement: {
+        prototype: HTMLAiConversationListElement;
+        new (): HTMLAiConversationListElement;
+    };
+    interface HTMLAiConversationSummaryElement extends Components.AiConversationSummary, HTMLStencilElement {
+    }
+    var HTMLAiConversationSummaryElement: {
+        prototype: HTMLAiConversationSummaryElement;
+        new (): HTMLAiConversationSummaryElement;
+    };
     interface HTMLAiIconElement extends Components.AiIcon, HTMLStencilElement {
     }
     var HTMLAiIconElement: {
@@ -378,7 +530,7 @@ declare global {
     };
     interface HTMLAiMessageInputElementEventMap {
         "sendMessage": string;
-        "voiceButtonClick": void;
+        "voiceAudioReady": { blob: Blob; duration: number };
     }
     interface HTMLAiMessageInputElement extends Components.AiMessageInput, HTMLStencilElement {
         addEventListener<K extends keyof HTMLAiMessageInputElementEventMap>(type: K, listener: (this: HTMLAiMessageInputElement, ev: AiMessageInputCustomEvent<HTMLAiMessageInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -411,6 +563,23 @@ declare global {
         prototype: HTMLAiRatingElement;
         new (): HTMLAiRatingElement;
     };
+    interface HTMLAiRouteDecisionElementEventMap {
+        "routeExpand": boolean;
+    }
+    interface HTMLAiRouteDecisionElement extends Components.AiRouteDecision, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLAiRouteDecisionElementEventMap>(type: K, listener: (this: HTMLAiRouteDecisionElement, ev: AiRouteDecisionCustomEvent<HTMLAiRouteDecisionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLAiRouteDecisionElementEventMap>(type: K, listener: (this: HTMLAiRouteDecisionElement, ev: AiRouteDecisionCustomEvent<HTMLAiRouteDecisionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLAiRouteDecisionElement: {
+        prototype: HTMLAiRouteDecisionElement;
+        new (): HTMLAiRouteDecisionElement;
+    };
     interface HTMLAiSuggestionElementEventMap {
         "suggestionClick": string;
     }
@@ -451,11 +620,14 @@ declare global {
         "ai-chat-container": HTMLAiChatContainerElement;
         "ai-chat-header": HTMLAiChatHeaderElement;
         "ai-chat-message": HTMLAiChatMessageElement;
+        "ai-conversation-list": HTMLAiConversationListElement;
+        "ai-conversation-summary": HTMLAiConversationSummaryElement;
         "ai-icon": HTMLAiIconElement;
         "ai-link": HTMLAiLinkElement;
         "ai-loading": HTMLAiLoadingElement;
         "ai-message-input": HTMLAiMessageInputElement;
         "ai-rating": HTMLAiRatingElement;
+        "ai-route-decision": HTMLAiRouteDecisionElement;
         "ai-suggestion": HTMLAiSuggestionElement;
         "ai-voice-input": HTMLAiVoiceInputElement;
     }
@@ -499,6 +671,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "showWatermark"?: boolean;
+        /**
+          * Color theme for the panel
+          * @default 'light'
+         */
+        "theme"?: 'light' | 'dark' | 'auto';
         /**
           * Width of the panel (CSS value, e.g., '400px', '30%', '28rem')
           * @default '28rem'
@@ -556,14 +733,19 @@ declare namespace LocalJSX {
          */
         "onHeaderDragStart"?: (event: AiChatHeaderCustomEvent<{ clientX: number; clientY: number }>) => void;
         /**
-          * Chevron-down button (human mode)
+          * More options button
          */
-        "onMoreClick"?: (event: AiChatHeaderCustomEvent<void>) => void;
+        "onPositionClick"?: (event: AiChatHeaderCustomEvent<void>) => void;
         /**
           * Human mode: show the back button
           * @default true
          */
         "showBack"?: boolean;
+        /**
+          * Human mode: status indicator variant
+          * @default 'online'
+         */
+        "statusIndicator"?: 'online' | 'offline' | 'busy' | 'away';
     }
     interface AiChatMessage {
         /**
@@ -602,6 +784,47 @@ declare namespace LocalJSX {
          */
         "timestamp"?: string;
     }
+    interface AiConversationList {
+        /**
+          * ID of the currently active conversation
+          * @default ''
+         */
+        "activeId"?: string;
+        /**
+          * JSON array of ConversationItem
+          * @default '[]'
+         */
+        "items"?: string;
+        /**
+          * Show skeleton loading state
+          * @default false
+         */
+        "loading"?: boolean;
+        "onConversationDelete"?: (event: AiConversationListCustomEvent<string>) => void;
+        "onConversationSelect"?: (event: AiConversationListCustomEvent<string>) => void;
+    }
+    interface AiConversationSummary {
+        /**
+          * Card heading
+          * @default 'ملخص المحادثة'
+         */
+        "conversation"?: string;
+        /**
+          * Conversation language label
+          * @default ''
+         */
+        "language"?: string;
+        /**
+          * Total message count shown as a badge
+          * @default 0
+         */
+        "messageCount"?: number;
+        /**
+          * Summary body text
+          * @default ''
+         */
+        "summary"?: string;
+    }
     interface AiIcon {
         /**
           * Icon name from the registry
@@ -641,6 +864,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "collapsible"?: boolean;
+        /**
+          * Agent name shown in header alongside sparkle
+          * @default ''
+         */
+        "currentAgent"?: string;
         /**
           * Steps mode expand state
           * @default true
@@ -658,6 +886,11 @@ declare namespace LocalJSX {
         "mode"?: 'thinking' | 'steps';
         "onStepClick"?: (event: AiLoadingCustomEvent<LoadingStep>) => void;
         "onToggleExpand"?: (event: AiLoadingCustomEvent<boolean>) => void;
+        /**
+          * Show per-step agent chips
+          * @default false
+         */
+        "showAgentBadges"?: boolean;
         /**
           * Thinking mode status text
           * @default 'جاري التفكير...'
@@ -665,9 +898,14 @@ declare namespace LocalJSX {
         "statusText"?: string;
         /**
           * Steps as JSON string array of LoadingStep
-          * @default '[]'
+          * @default []
+         */
+        "steps"?: LoadingStep[];
+        /**
+          * Secondary shimmer line in thinking mode (e.g. live node name)
+          * @default ''
          */
-        "steps"?: string;
+        "thinkingSubtext"?: string;
     }
     interface AiMessageInput {
         /**
@@ -675,14 +913,24 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * External prop to show/hide the inline voice recorder
+          * @default false
+         */
+        "isRecording"?: boolean;
+        /**
+          * Maximum characters allowed
+          * @default 4000
+         */
+        "maxLength"?: number;
         /**
           * Event emitted when a message is sent
          */
         "onSendMessage"?: (event: AiMessageInputCustomEvent<string>) => void;
         /**
-          * Event emitted when the voice button is clicked — caller controls rendering the voice recorder
+          * Event emitted when voice recording is complete and audio is ready
          */
-        "onVoiceButtonClick"?: (event: AiMessageInputCustomEvent<void>) => void;
+        "onVoiceAudioReady"?: (event: AiMessageInputCustomEvent<{ blob: Blob; duration: number }>) => void;
         /**
           * Placeholder text for the textarea
           * @default 'ايش في بالك؟'
@@ -717,6 +965,39 @@ declare namespace LocalJSX {
          */
         "value"?: RatingValue | null;
     }
+    interface AiRouteDecision {
+        /**
+          * Agent icon — emoji or short text displayed before the agent name
+          * @default ''
+         */
+        "agentIcon"?: string;
+        /**
+          * Routing confidence percentage 0–100
+          * @default 0
+         */
+        "confidence"?: number;
+        /**
+          * Detected language label (shown when expanded)
+          * @default ''
+         */
+        "detectedLanguage"?: string;
+        /**
+          * Initial expanded state
+          * @default false
+         */
+        "expanded"?: boolean;
+        "onRouteExpand"?: (event: AiRouteDecisionCustomEvent<boolean>) => void;
+        /**
+          * Reason for routing decision (shown when expanded)
+          * @default ''
+         */
+        "reason"?: string;
+        /**
+          * Selected agent name
+          * @default ''
+         */
+        "selectedAgent"?: string;
+    }
     interface AiSuggestion {
         /**
           * Disabled state
@@ -741,6 +1022,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * Error text to display on mic access failure. Defaults to Arabic; falls back to English when document lang is 'en'
+          * @default ''
+         */
+        "errorText"?: string;
         /**
           * Event emitted when audio blob is ready
          */
@@ -754,6 +1040,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "showWaveform"?: boolean;
+        /**
+          * Waveform bar color. Falls back to --ai-waveform-color CSS var, then #9ca3af
+          * @default ''
+         */
+        "waveformColor"?: string;
     }
 
     interface AiCardAttributes {
@@ -767,6 +1058,7 @@ declare namespace LocalJSX {
         "autoScroll": boolean;
         "showWatermark": boolean;
         "floatHeight": string;
+        "theme": 'light' | 'dark' | 'auto';
     }
     interface AiChatHeaderAttributes {
         "mode": 'agent' | 'human';
@@ -776,6 +1068,7 @@ declare namespace LocalJSX {
         "agentAvatar": string;
         "showBack": boolean;
         "isDraggable": boolean;
+        "statusIndicator": 'online' | 'offline' | 'busy' | 'away';
     }
     interface AiChatMessageAttributes {
         "role": 'user' | 'agent';
@@ -787,6 +1080,17 @@ declare namespace LocalJSX {
         "enableRegenerate": boolean;
         "feedbackValue": 'up' | 'down' | null;
     }
+    interface AiConversationListAttributes {
+        "items": string;
+        "activeId": string;
+        "loading": boolean;
+    }
+    interface AiConversationSummaryAttributes {
+        "conversation": string;
+        "summary": string;
+        "messageCount": number;
+        "language": string;
+    }
     interface AiIconAttributes {
         "name": IconName;
         "size": number;
@@ -800,8 +1104,10 @@ declare namespace LocalJSX {
     interface AiLoadingAttributes {
         "mode": 'thinking' | 'steps';
         "statusText": string;
-        "steps": string;
+        "thinkingSubtext": string;
         "headerTitle": string;
+        "currentAgent": string;
+        "showAgentBadges": boolean;
         "expanded": boolean;
         "collapsible": boolean;
     }
@@ -809,6 +1115,8 @@ declare namespace LocalJSX {
         "placeholder": string;
         "disabled": boolean;
         "showVoiceButton": boolean;
+        "maxLength": number;
+        "isRecording": boolean;
     }
     interface AiRatingAttributes {
         "question": string;
@@ -816,6 +1124,14 @@ declare namespace LocalJSX {
         "value": RatingValue | null;
         "disabled": boolean;
     }
+    interface AiRouteDecisionAttributes {
+        "selectedAgent": string;
+        "agentIcon": string;
+        "reason": string;
+        "confidence": number;
+        "detectedLanguage": string;
+        "expanded": boolean;
+    }
     interface AiSuggestionAttributes {
         "label": string;
         "disabled": boolean;
@@ -824,6 +1140,8 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "showWaveform": boolean;
         "autoStart": boolean;
+        "errorText": string;
+        "waveformColor": string;
     }
 
     interface IntrinsicElements {
@@ -831,11 +1149,14 @@ declare namespace LocalJSX {
         "ai-chat-container": Omit<AiChatContainer, keyof AiChatContainerAttributes> & { [K in keyof AiChatContainer & keyof AiChatContainerAttributes]?: AiChatContainer[K] } & { [K in keyof AiChatContainer & keyof AiChatContainerAttributes as `attr:${K}`]?: AiChatContainerAttributes[K] } & { [K in keyof AiChatContainer & keyof AiChatContainerAttributes as `prop:${K}`]?: AiChatContainer[K] };
         "ai-chat-header": Omit<AiChatHeader, keyof AiChatHeaderAttributes> & { [K in keyof AiChatHeader & keyof AiChatHeaderAttributes]?: AiChatHeader[K] } & { [K in keyof AiChatHeader & keyof AiChatHeaderAttributes as `attr:${K}`]?: AiChatHeaderAttributes[K] } & { [K in keyof AiChatHeader & keyof AiChatHeaderAttributes as `prop:${K}`]?: AiChatHeader[K] };
         "ai-chat-message": Omit<AiChatMessage, keyof AiChatMessageAttributes> & { [K in keyof AiChatMessage & keyof AiChatMessageAttributes]?: AiChatMessage[K] } & { [K in keyof AiChatMessage & keyof AiChatMessageAttributes as `attr:${K}`]?: AiChatMessageAttributes[K] } & { [K in keyof AiChatMessage & keyof AiChatMessageAttributes as `prop:${K}`]?: AiChatMessage[K] };
+        "ai-conversation-list": Omit<AiConversationList, keyof AiConversationListAttributes> & { [K in keyof AiConversationList & keyof AiConversationListAttributes]?: AiConversationList[K] } & { [K in keyof AiConversationList & keyof AiConversationListAttributes as `attr:${K}`]?: AiConversationListAttributes[K] } & { [K in keyof AiConversationList & keyof AiConversationListAttributes as `prop:${K}`]?: AiConversationList[K] };
+        "ai-conversation-summary": Omit<AiConversationSummary, keyof AiConversationSummaryAttributes> & { [K in keyof AiConversationSummary & keyof AiConversationSummaryAttributes]?: AiConversationSummary[K] } & { [K in keyof AiConversationSummary & keyof AiConversationSummaryAttributes as `attr:${K}`]?: AiConversationSummaryAttributes[K] } & { [K in keyof AiConversationSummary & keyof AiConversationSummaryAttributes as `prop:${K}`]?: AiConversationSummary[K] };
         "ai-icon": Omit<AiIcon, keyof AiIconAttributes> & { [K in keyof AiIcon & keyof AiIconAttributes]?: AiIcon[K] } & { [K in keyof AiIcon & keyof AiIconAttributes as `attr:${K}`]?: AiIconAttributes[K] } & { [K in keyof AiIcon & keyof AiIconAttributes as `prop:${K}`]?: AiIcon[K] };
         "ai-link": Omit<AiLink, keyof AiLinkAttributes> & { [K in keyof AiLink & keyof AiLinkAttributes]?: AiLink[K] } & { [K in keyof AiLink & keyof AiLinkAttributes as `attr:${K}`]?: AiLinkAttributes[K] } & { [K in keyof AiLink & keyof AiLinkAttributes as `prop:${K}`]?: AiLink[K] };
         "ai-loading": Omit<AiLoading, keyof AiLoadingAttributes> & { [K in keyof AiLoading & keyof AiLoadingAttributes]?: AiLoading[K] } & { [K in keyof AiLoading & keyof AiLoadingAttributes as `attr:${K}`]?: AiLoadingAttributes[K] } & { [K in keyof AiLoading & keyof AiLoadingAttributes as `prop:${K}`]?: AiLoading[K] };
         "ai-message-input": Omit<AiMessageInput, keyof AiMessageInputAttributes> & { [K in keyof AiMessageInput & keyof AiMessageInputAttributes]?: AiMessageInput[K] } & { [K in keyof AiMessageInput & keyof AiMessageInputAttributes as `attr:${K}`]?: AiMessageInputAttributes[K] } & { [K in keyof AiMessageInput & keyof AiMessageInputAttributes as `prop:${K}`]?: AiMessageInput[K] };
         "ai-rating": Omit<AiRating, keyof AiRatingAttributes> & { [K in keyof AiRating & keyof AiRatingAttributes]?: AiRating[K] } & { [K in keyof AiRating & keyof AiRatingAttributes as `attr:${K}`]?: AiRatingAttributes[K] } & { [K in keyof AiRating & keyof AiRatingAttributes as `prop:${K}`]?: AiRating[K] };
+        "ai-route-decision": Omit<AiRouteDecision, keyof AiRouteDecisionAttributes> & { [K in keyof AiRouteDecision & keyof AiRouteDecisionAttributes]?: AiRouteDecision[K] } & { [K in keyof AiRouteDecision & keyof AiRouteDecisionAttributes as `attr:${K}`]?: AiRouteDecisionAttributes[K] } & { [K in keyof AiRouteDecision & keyof AiRouteDecisionAttributes as `prop:${K}`]?: AiRouteDecision[K] };
         "ai-suggestion": Omit<AiSuggestion, keyof AiSuggestionAttributes> & { [K in keyof AiSuggestion & keyof AiSuggestionAttributes]?: AiSuggestion[K] } & { [K in keyof AiSuggestion & keyof AiSuggestionAttributes as `attr:${K}`]?: AiSuggestionAttributes[K] } & { [K in keyof AiSuggestion & keyof AiSuggestionAttributes as `prop:${K}`]?: AiSuggestion[K] };
         "ai-voice-input": Omit<AiVoiceInput, keyof AiVoiceInputAttributes> & { [K in keyof AiVoiceInput & keyof AiVoiceInputAttributes]?: AiVoiceInput[K] } & { [K in keyof AiVoiceInput & keyof AiVoiceInputAttributes as `attr:${K}`]?: AiVoiceInputAttributes[K] } & { [K in keyof AiVoiceInput & keyof AiVoiceInputAttributes as `prop:${K}`]?: AiVoiceInput[K] };
     }
@@ -848,11 +1169,14 @@ declare module "@stencil/core" {
             "ai-chat-container": LocalJSX.IntrinsicElements["ai-chat-container"] & JSXBase.HTMLAttributes<HTMLAiChatContainerElement>;
             "ai-chat-header": LocalJSX.IntrinsicElements["ai-chat-header"] & JSXBase.HTMLAttributes<HTMLAiChatHeaderElement>;
             "ai-chat-message": LocalJSX.IntrinsicElements["ai-chat-message"] & JSXBase.HTMLAttributes<HTMLAiChatMessageElement>;
+            "ai-conversation-list": LocalJSX.IntrinsicElements["ai-conversation-list"] & JSXBase.HTMLAttributes<HTMLAiConversationListElement>;
+            "ai-conversation-summary": LocalJSX.IntrinsicElements["ai-conversation-summary"] & JSXBase.HTMLAttributes<HTMLAiConversationSummaryElement>;
             "ai-icon": LocalJSX.IntrinsicElements["ai-icon"] & JSXBase.HTMLAttributes<HTMLAiIconElement>;
             "ai-link": LocalJSX.IntrinsicElements["ai-link"] & JSXBase.HTMLAttributes<HTMLAiLinkElement>;
             "ai-loading": LocalJSX.IntrinsicElements["ai-loading"] & JSXBase.HTMLAttributes<HTMLAiLoadingElement>;
             "ai-message-input": LocalJSX.IntrinsicElements["ai-message-input"] & JSXBase.HTMLAttributes<HTMLAiMessageInputElement>;
             "ai-rating": LocalJSX.IntrinsicElements["ai-rating"] & JSXBase.HTMLAttributes<HTMLAiRatingElement>;
+            "ai-route-decision": LocalJSX.IntrinsicElements["ai-route-decision"] & JSXBase.HTMLAttributes<HTMLAiRouteDecisionElement>;
             "ai-suggestion": LocalJSX.IntrinsicElements["ai-suggestion"] & JSXBase.HTMLAttributes<HTMLAiSuggestionElement>;
             "ai-voice-input": LocalJSX.IntrinsicElements["ai-voice-input"] & JSXBase.HTMLAttributes<HTMLAiVoiceInputElement>;
         }

package/dist/types/index.d.ts

@@ -9,3 +9,5 @@
  */
 export { format } from './utils/utils';
 export type * from './components.d.ts';
+export type { LoadingStep } from './components/ai-loading/ai-loading';
+export type { IconName } from './utils/icon-registry';

package/dist/types/utils/icon-registry.d.ts

@@ -1,4 +1,4 @@
-export type IconName = 'send' | 'mic' | 'cancel' | 'arrow-up' | 'watermark' | 'drag' | 'hand' | 'pencil-edit' | 'chevron-down' | 'arrow-right' | 'online-dot' | 'copy' | 'thumbs-up' | 'thumbs-down' | 'sparkle' | 'check' | 'reload' | 'eclipse' | 'share';
+export type IconName = 'send' | 'mic' | 'cancel' | 'arrow-up' | 'watermark' | 'drag' | 'hand' | 'pencil-edit' | 'chevron-down' | 'arrow-right' | 'online-dot' | 'copy' | 'thumbs-up' | 'thumbs-down' | 'sparkle' | 'check' | 'reload' | 'eclipse' | 'share' | 'list' | 'route' | 'check-circle' | 'wifi-off' | 'warning' | 'ellipsis';
 export declare const iconRegistry: Record<IconName, {
     viewBox: string;
     content: string;

package/dist/ui-ai-kit/p-2955439f.entry.js

@@ -0,0 +1 @@
+import{r as i,h as e,H as n}from"./p-B0yIzgh4.js";import{i as a}from"./p-SJZ6Ujn9.js";const t=class{constructor(e){i(this,e)}label="";href="#";target="_blank";rel="";renderShareIcon(){const i=a.share;return i?e("span",{class:"link__icon",innerHTML:`<svg width="16" height="16" viewBox="${i.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${i.content}</svg>`}):null}render(){const i=this.rel||("_blank"===this.target?"noopener noreferrer":void 0);return e(n,{key:"c35f0fd1f17170d32846ebf7066177ca3a6b68f1"},e("span",{key:"34c01b7fa4122659ca01402c76a67dbca5878ffe",class:"link__label"},this.label,e("slot",{key:"d9dd28b4bfba8c1cb5e6f977262942daf504fdc8"})),e("a",{key:"b4da5e53ee8df0b40417c0d0a80a9647ae0b93d2",class:"link",href:this.href,target:this.target,rel:i},this.renderShareIcon()))}};t.style=":host{--ai-link-font-size:14px;--ai-link-font-weight:700;--ai-link-line-height:20px;--ai-link-gap:4px;--ai-link-icon-size:16px;display:flex;align-items:center;gap:var(--ai-link-gap)}.link{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--ai-link-gap);color:var(--ai-accent-dark);font-size:var(--ai-link-font-size);font-weight:var(--ai-link-font-weight);font-family:inherit;line-height:var(--ai-link-line-height);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color 0.15s ease;outline:none}.link:hover{color:var(--ai-accent-dark);text-decoration:underline}.link:focus-visible{outline:2px solid var(--ai-accent);outline-offset:2px;border-radius:4px}.link__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ai-link-icon-size);height:var(--ai-link-icon-size);flex-shrink:0;line-height:0}.link__label{color:var(--ai-accent-dark);font-weight:bold}";export{t as ai_link}

package/dist/ui-ai-kit/p-5c9e9822.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as s,H as i}from"./p-B0yIzgh4.js";import{i as a}from"./p-SJZ6Ujn9.js";const r=class{constructor(s){e(this,s),this.toggleExpand=t(this,"toggleExpand"),this.stepClick=t(this,"stepClick")}mode="thinking";statusText="جاري التفكير...";thinkingSubtext="";steps=[];headerTitle="خطة التنفيذ";currentAgent="";showAgentBadges=!1;expanded=!0;collapsible=!0;toggleExpand;stepClick;_expanded=!0;componentWillLoad(){this._expanded=this.expanded}renderIcon(e,t,i){const r=a[e];return r?s("span",{class:"icon-wrap",innerHTML:`<svg width="${t}" height="${i}" viewBox="${r.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${r.content}</svg>`}):null}renderSparkleAvatar(e){return s("div",{class:"sparkle-avatar-wrap"},s("div",{class:"sparkle-avatar"},this.renderIcon("sparkle",14,14)),e&&s("span",{class:"header-agent"},e))}renderStepBadge(e,t){const{status:i}=e,a="completed"===i,r="executing"===i,n="failed"===i,o=s("div",{class:`step-badge-inner ${a?"completed":""} ${r?"executing":""} ${n?"failed":""}`},a&&this.renderIcon("check",14,14),n&&this.renderIcon("cancel",14,14),r&&this.renderIcon("list",14,14),!a&&!n&&!r&&s("span",{class:"step-number"},t+1));return s("div",{class:"step-badge-outer "+(r?"pulse-ring":"")},o)}handleToggle(){this.collapsible&&(this._expanded=!this._expanded,this.expanded=this._expanded,this.toggleExpand.emit(this._expanded))}renderThinkingMode(){return s("div",{class:"thinking-row"},this.renderSparkleAvatar(),s("div",{class:"thinking-col"},s("span",{class:"shimmer-text"},this.statusText),this.thinkingSubtext&&s("span",{class:"shimmer-text subtext"},this.thinkingSubtext)))}renderPlanningShimmer(){return s("div",{class:"steps-body"},s("div",{class:"thinking-row planning-shimmer"},s("div",{class:"sparkle-avatar"},this.renderIcon("sparkle",14,14)),s("span",{class:"shimmer-text"},"جاري التخطيط...")))}renderStepsMode(){const e=this.steps.filter((e=>"completed"===e.status)).length,t=this.steps.length,i=t>0&&e===t,a=this.steps.find((e=>"executing"===e.status));return s("div",{class:"steps-card"},s("div",{class:"steps-header "+(this.collapsible?"collapsible":""),onClick:()=>this.handleToggle()},this.renderSparkleAvatar(this.currentAgent||void 0),s("div",{class:"steps-header-center"},s("span",{class:"steps-title"},this.headerTitle),(()=>0===t?null:!this._expanded&&a?s("span",{class:"progress-badge executing-title"},a.action):s("span",{class:"progress-badge"},i?"مكتمل":`${e}/${t}`))()),this.collapsible&&s("button",{class:"collapse-btn "+(this._expanded?"expanded":"")},this.renderIcon("chevron-down",20,20))),this._expanded&&0===t&&this.renderPlanningShimmer(),this._expanded&&t>0&&s("div",{class:"steps-body"},this.steps.map(((e,t)=>s("div",{class:`step-row ${e.status}`,onClick:()=>this.stepClick.emit(e)},s("div",{class:"step-badge-col"},this.renderStepBadge(e,t),t<this.steps.length-1&&s("div",{class:"step-separator"})),s("div",{class:"step-content"},s("span",{class:"step-text"},e.action),e.reason&&s("span",{class:"step-description"},e.reason)))))))}render(){return s(i,{key:"da2c7fad8bbf4e572972a9b8308204cecb91dd63"},"thinking"===this.mode?this.renderThinkingMode():this.renderStepsMode())}};r.style=":host{display:block}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.sparkle-avatar-wrap{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}@keyframes sparkle-twinkle{0%,100%{transform:scale(1);opacity:1;filter:brightness(1)}15%{transform:scale(1.4);opacity:0.4;filter:brightness(2)}30%{transform:scale(0.85);opacity:0.9;filter:brightness(0.9)}50%{transform:scale(1.3);opacity:0.5;filter:brightness(1.8)}70%{transform:scale(0.9);opacity:1;filter:brightness(1)}}.sparkle-avatar{width:24px;height:24px;border-radius:9999px;background:var(--ai-bg-card);box-shadow:var(--ai-shadow-inner);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ai-amber)}.sparkle-avatar .icon-wrap{animation:sparkle-twinkle 2.4s ease-in-out infinite;transform-origin:center}.header-agent{font-size:12px;color:var(--ai-text-secondary);white-space:nowrap}.thinking-row{display:inline-flex;align-items:center;gap:8px;flex-direction:row}.thinking-col{display:flex;flex-direction:column;gap:2px}@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}.shimmer-text{font-size:14px;font-weight:400;line-height:1.5;background:var(--ai-glow-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2s linear infinite}.shimmer-text.subtext{font-size:12px;opacity:0.75}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.steps-card{background:var(--ai-bg-card);border:1px solid var(--ai-border-default);border-radius:16px;box-shadow:var(--ai-shadow-sm);overflow:hidden;animation:fade-in 0.3s ease}.steps-header{padding:16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ai-border-default)}.steps-header.collapsible{cursor:pointer;user-select:none}.steps-header-center{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.steps-title{font-size:16px;font-weight:500;color:var(--ai-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-badge{font-size:12px;font-weight:500;color:var(--ai-accent-dark);background:var(--ai-accent-bg);padding:2px 8px;border-radius:9999px;white-space:nowrap;flex-shrink:0}.progress-badge.executing-title{max-width:180px;overflow:hidden;text-overflow:ellipsis}.collapse-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--ai-text-secondary);flex-shrink:0;transition:transform 0.2s ease;transform:rotate(180deg)}.collapse-btn.expanded{transform:rotate(0deg)}.steps-body{padding:12px 16px;display:flex;flex-direction:column}.planning-shimmer{padding:4px 0}.step-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:4px 0}.step-row:hover .step-text{color:var(--ai-text-primary)}.step-row.pending{opacity:0.5}.step-row.executing .step-text{color:var(--ai-text-primary)}.step-row.failed .step-text{color:var(--ai-error-text, #dc2626)}.step-content{flex:1;display:flex;flex-direction:column;gap:2px;padding-top:4px}.step-text{font-size:14px;font-weight:400;color:var(--ai-text-secondary);line-height:1.5}.step-description{font-size:12px;color:var(--ai-text-secondary);line-height:1.4}.step-duration{font-size:11px;color:var(--ai-text-secondary);opacity:0.7}.agent-chip{display:inline-flex;align-self:flex-start;font-size:11px;padding:1px 6px;border-radius:9999px;border:1px solid var(--ai-border-default);color:var(--ai-text-secondary)}.step-badge-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-separator{width:1px;height:16px;background:var(--ai-border-default);margin:2px 0}@keyframes pulse-ring{0%{transform:scale(1);opacity:0.6}100%{transform:scale(2);opacity:0}}.step-badge-outer{padding:2px;border-radius:9999px;background:var(--ai-bg-surface);display:inline-flex;align-items:center;justify-content:center;position:relative}.step-badge-outer.pulse-ring::after{content:'';position:absolute;inset:0;border-radius:9999px;border:2px solid var(--ai-amber);animation:pulse-ring 1.2s ease-out infinite}.step-badge-inner{width:26px;height:26px;border-radius:9999px;background:var(--ai-bg-card);box-shadow:var(--ai-shadow-badge);display:flex;align-items:center;justify-content:center;color:var(--ai-text-secondary)}.step-badge-inner.completed{background:var(--ai-success-bg);color:var(--ai-success-text)}.step-badge-inner.executing{color:var(--ai-amber)}.step-badge-inner.failed{background:var(--ai-error-bg, #fee2e2);color:var(--ai-error-text, #dc2626)}.step-number{font-size:14px;font-weight:500;color:var(--ai-text-secondary);line-height:1}";export{r as ai_loading}

package/dist/ui-ai-kit/p-5caf1c38.entry.js

@@ -0,0 +1 @@
+import{r as i,c as e,h as a,H as s}from"./p-B0yIzgh4.js";const t=class{constructor(a){i(this,a),this.suggestionClick=e(this,"suggestionClick")}label="";disabled=!1;suggestionClick;handleClick(){this.disabled||this.suggestionClick.emit(this.label)}render(){return a(s,{key:"d8a9ff7279fce63faebd187cb69f0173239518ca"},a("button",{key:"42bc023c9c48bafc11b388bb80e130255ea830b8",class:{chip:!0,"chip--disabled":this.disabled},disabled:this.disabled,onClick:()=>this.handleClick()},a("span",{key:"06f0324b97d9f7fb77fb2d4b9dbf0be9b5c4c3f1",class:"chip__label"},this.label,a("slot",{key:"ccd0d639f0b2c001088561b029b08691395e9198"}))))}};t.style=":host{--ai-suggestion-border:1px solid var(--ai-accent);--ai-suggestion-border-hover:1px solid var(--ai-accent);--ai-suggestion-radius:9999px;--ai-suggestion-padding:8px 12px;--ai-suggestion-gap:4px;--ai-suggestion-font-size:14px;--ai-suggestion-line-height:20px;display:inline-block}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--ai-suggestion-gap);background:var(--ai-bg-card);border:var(--ai-suggestion-border);border-radius:var(--ai-suggestion-radius);padding:var(--ai-suggestion-padding);color:var(--ai-accent-dark);font-size:var(--ai-suggestion-font-size);font-weight:400;line-height:var(--ai-suggestion-line-height);font-family:inherit;white-space:nowrap;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease;outline:none;text-align:start}.chip:hover:not(:disabled){background:var(--ai-accent-bg);border:var(--ai-suggestion-border-hover)}.chip:active:not(:disabled){background:var(--ai-accent-bg)}.chip:focus-visible{outline:2px solid var(--ai-accent);outline-offset:2px}.chip--disabled,.chip:disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.chip__label{display:inline-flex;align-items:center;gap:var(--ai-suggestion-gap)}";export{t as ai_suggestion}