@salla.sa/ui-ai-kit-core 2.2.0 → 2.2.2

package/dist/esm/ui-ai-kit.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BSQ0GkzI.js';
-export { s as setNonce } from './index-BSQ0GkzI.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-VMEwYfaX.js';
+export { s as setNonce } from './index-VMEwYfaX.js';
 
 /*
  Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["ai-in-chat-browser",[[513,"ai-in-chat-browser",{"url":[1],"pageTitle":[1025,"page-title"],"isDraggable":[4,"is-draggable"],"isLoading":[32],"hasError":[32]},null,{"url":[{"onUrlChange":0}]}]]],["ai-message-input",[[513,"ai-message-input",{"placeholder":[1],"disabled":[4],"showVoiceButton":[4,"show-voice-button"],"maxLength":[2,"max-length"],"isRecording":[4,"is-recording"],"inputValue":[32],"showVoiceRecorder":[32],"isMultiline":[32],"setInputValue":[64]},null,{"isRecording":[{"onIsRecordingChange":0}]}]]],["ai-rating",[[513,"ai-rating",{"question":[1],"subtitle":[1],"successMessage":[1,"success-message"],"value":[1026],"disabled":[4],"hovered":[32],"submitted":[32]}]]],["ai-agent-error",[[513,"ai-agent-error",{"headline":[1],"message":[1],"errorCode":[1,"error-code"],"retryable":[4],"retryLabel":[1,"retry-label"],"dismissible":[4]}]]],["ai-chat-container",[[769,"ai-chat-container",{"isOpen":[4,"is-open"],"position":[1],"width":[1],"autoScroll":[4,"auto-scroll"],"showWatermark":[4,"show-watermark"],"floatHeight":[1,"float-height"],"theme":[1],"loading":[4],"error":[4],"errorText":[1,"error-text"],"retryLabel":[1,"retry-label"],"isMobile":[32],"floatLeft":[32],"floatTop":[32],"scrollToBottom":[64]},null,{"isOpen":[{"isOpenChanged":0}],"position":[{"positionChanged":0}]}]]],["ai-chat-message",[[769,"ai-chat-message",{"role":[1],"content":[1],"format":[1],"agentName":[1,"agent-name"],"timestamp":[1],"showActions":[4,"show-actions"],"enableRegenerate":[4,"enable-regenerate"],"feedbackValue":[1025,"feedback-value"],"copySuccess":[32]}]]],["ai-conversation-summary",[[769,"ai-conversation-summary",{"conversation":[1],"summary":[1],"messageCount":[2,"message-count"],"language":[1]}]]],["ai-link",[[769,"ai-link",{"label":[1],"href":[1],"target":[1],"rel":[1]}]]],["ai-loading",[[513,"ai-loading",{"mode":[1],"statusText":[1,"status-text"],"thinkingSubtext":[1,"thinking-subtext"],"steps":[16],"headerTitle":[1,"header-title"],"currentAgent":[1,"current-agent"],"showAgentBadges":[4,"show-agent-badges"],"expanded":[1028],"collapsible":[4],"_expanded":[32]}]]],["ai-route-decision",[[513,"ai-route-decision",{"selectedAgent":[1,"selected-agent"],"agentIcon":[1,"agent-icon"],"reason":[1],"confidence":[2],"detectedLanguage":[1,"detected-language"],"expanded":[1028],"_expanded":[32]}]]],["ai-suggestion",[[769,"ai-suggestion",{"label":[1],"disabled":[4]}]]],["ai-conversation-list",[[513,"ai-conversation-list",{"items":[16],"activeId":[1,"active-id"],"loading":[4],"emptyText":[1,"empty-text"],"error":[4],"errorText":[1,"error-text"],"retryLabel":[1,"retry-label"]}]]],["ai-chat-header",[[513,"ai-chat-header",{"mode":[1],"conversation":[1],"agentName":[1,"agent-name"],"agentStatus":[1,"agent-status"],"agentAvatar":[1,"agent-avatar"],"showBack":[4,"show-back"],"isDraggable":[4,"is-draggable"],"statusIndicator":[1,"status-indicator"],"pageTitle":[1,"page-title"],"pageUrl":[1,"page-url"],"conversationItems":[16],"conversationActiveId":[1,"conversation-active-id"],"conversationLoading":[4,"conversation-loading"],"titleLoading":[4,"title-loading"],"avatarError":[32],"dropdownOpen":[32]},[[4,"click","handleDocumentClick"]]]]],["ai-icon",[[513,"ai-icon",{"name":[1],"size":[2]}]]],["ai-voice-input",[[513,"ai-voice-input",{"disabled":[4],"showWaveform":[4,"show-waveform"],"autoStart":[4,"auto-start"],"errorText":[1,"error-text"],"waveformColor":[1,"waveform-color"],"state":[32],"error":[32],"recordingDuration":[32],"submitPulse":[32]}]]],["ai-card",[[769,"ai-card",{"noPadding":[4,"no-padding"],"noShadow":[4,"no-shadow"]}]]]], options);
+  return bootstrapLazy([["ai-message-input",[[513,"ai-message-input",{"placeholder":[1],"disabled":[4],"showVoiceButton":[4,"show-voice-button"],"maxLength":[2,"max-length"],"isRecording":[4,"is-recording"],"inputValue":[32],"showVoiceRecorder":[32],"isMultiline":[32],"setInputValue":[64]},null,{"isRecording":[{"onIsRecordingChange":0}]}]]],["ai-rating",[[513,"ai-rating",{"question":[1],"subtitle":[1],"successMessage":[1,"success-message"],"value":[1026],"disabled":[4],"hovered":[32],"submitted":[32]}]]],["ai-chat-header",[[513,"ai-chat-header",{"mode":[1],"conversation":[1],"agentName":[1,"agent-name"],"agentStatus":[1,"agent-status"],"agentAvatar":[1,"agent-avatar"],"showBack":[4,"show-back"],"statusIndicator":[1,"status-indicator"],"pageTitle":[1,"page-title"],"pageUrl":[1,"page-url"],"conversationItems":[16],"conversationActiveId":[1,"conversation-active-id"],"conversationLoading":[4,"conversation-loading"],"conversationError":[4,"conversation-error"],"conversationErrorText":[1,"conversation-error-text"],"conversationRetryLabel":[1,"conversation-retry-label"],"conversationEmptyText":[1,"conversation-empty-text"],"conversationDeletingId":[1,"conversation-deleting-id"],"titleLoading":[4,"title-loading"],"avatarError":[32],"dropdownOpen":[32],"isFloating":[32]},[[4,"click","handleDocumentClick"]]]]],["ai-agent-error",[[513,"ai-agent-error",{"headline":[1],"message":[1],"errorCode":[1,"error-code"],"retryable":[4],"retryLabel":[1,"retry-label"],"dismissible":[4]}]]],["ai-chat-container",[[769,"ai-chat-container",{"isOpen":[4,"is-open"],"position":[1537],"width":[1],"autoScroll":[4,"auto-scroll"],"showWatermark":[4,"show-watermark"],"floatHeight":[1,"float-height"],"theme":[1],"loading":[4],"error":[4],"errorText":[1,"error-text"],"retryLabel":[1,"retry-label"],"direction":[513],"isMobile":[32],"floatLeft":[32],"floatTop":[32],"scrollToBottom":[64],"cyclePosition":[64]},[[0,"headerPositionClick","handleHeaderPositionClick"]],{"isOpen":[{"isOpenChanged":0}],"position":[{"positionChanged":0}]}]]],["ai-chat-message",[[769,"ai-chat-message",{"role":[1],"content":[1],"format":[1],"agentName":[1,"agent-name"],"timestamp":[1],"showActions":[4,"show-actions"],"enableRegenerate":[4,"enable-regenerate"],"feedbackValue":[1025,"feedback-value"],"copySuccess":[32]}]]],["ai-conversation-summary",[[769,"ai-conversation-summary",{"conversation":[1],"summary":[1],"messageCount":[2,"message-count"],"language":[1]}]]],["ai-in-chat-browser",[[513,"ai-in-chat-browser",{"url":[1],"pageTitle":[1,"page-title"],"isLoading":[32],"hasError":[32]},null,{"url":[{"onUrlChange":0}]}]]],["ai-link",[[769,"ai-link",{"label":[1],"href":[1],"target":[1],"rel":[1]}]]],["ai-loading",[[513,"ai-loading",{"mode":[1],"statusText":[1,"status-text"],"thinkingSubtext":[1,"thinking-subtext"],"steps":[16],"headerTitle":[1,"header-title"],"currentAgent":[1,"current-agent"],"showAgentBadges":[4,"show-agent-badges"],"expanded":[1028],"collapsible":[4],"_expanded":[32]}]]],["ai-route-decision",[[513,"ai-route-decision",{"selectedAgent":[1,"selected-agent"],"agentIcon":[1,"agent-icon"],"reason":[1],"confidence":[2],"detectedLanguage":[1,"detected-language"],"expanded":[1028],"_expanded":[32]}]]],["ai-suggestion",[[769,"ai-suggestion",{"label":[1],"disabled":[4]}]]],["ai-voice-input",[[513,"ai-voice-input",{"disabled":[4],"showWaveform":[4,"show-waveform"],"autoStart":[4,"auto-start"],"errorText":[1,"error-text"],"waveformColor":[1,"waveform-color"],"state":[32],"error":[32],"recordingDuration":[32],"submitPulse":[32]}]]],["ai-card",[[769,"ai-card",{"noPadding":[4,"no-padding"],"noShadow":[4,"no-shadow"]}]]],["ai-conversation-list",[[513,"ai-conversation-list",{"items":[16],"activeId":[1,"active-id"],"loading":[4],"emptyText":[1,"empty-text"],"error":[4],"errorText":[1,"error-text"],"retryLabel":[1,"retry-label"],"deletingId":[1,"deleting-id"]}]]],["ai-icon",[[513,"ai-icon",{"name":[1],"size":[2]}]]]], options);
 });

package/dist/types/components/ai-chat-container/ai-chat-container.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+export type ChatPosition = 'left' | 'right' | 'float';
 export declare class ChatContainer {
     el: HTMLElement;
     /** Controls visibility of the chat panel */
     isOpen: boolean;
     /** Position of the panel: 'left', 'right', or 'float' */
-    position: 'left' | 'right' | 'float';
+    position: ChatPosition;
     /** Width of the panel (CSS value, e.g., '400px', '30%', '28rem') */
     width: string;
     /** Enable/disable auto-scroll to latest message */
@@ -23,8 +24,16 @@ export declare class ChatContainer {
     errorText: string;
     /** Retry button label */
     retryLabel: string;
+    /**
+     * Layout direction set by the host app.
+     * - `'rtl'` → valid docked position is `left`; cycle order: left ↔ float
+     * - `'ltr'` → valid docked position is `right`; cycle order: right ↔ float
+     */
+    direction: 'rtl' | 'ltr';
     /** Event emitted when the retry button is clicked */
     retryClick: EventEmitter<void>;
+    /** Fired when the position changes (via cyclePosition or the header button) */
+    positionChange: EventEmitter<ChatPosition>;
     isMobile: boolean;
     floatLeft: string;
     floatTop: string;
@@ -34,6 +43,11 @@ export declare class ChatContainer {
     private mutationObserver;
     private resizeObserver;
     private dragListener;
+    /**
+     * Listen for the composed headerPositionClick event fired by ai-chat-header.
+     * Automatically cycles the position so the host app doesn't need to wire it manually.
+     */
+    handleHeaderPositionClick(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     isOpenChanged(newVal: boolean): void;
@@ -41,6 +55,12 @@ export declare class ChatContainer {
     disconnectedCallback(): void;
     /** Programmatically scroll the messages area to the bottom */
     scrollToBottom(): Promise<void>;
+    /**
+     * Cycle to the next valid position based on the current direction.
+     * - RTL: left ↔ float
+     * - LTR: right ↔ float
+     */
+    cyclePosition(): Promise<void>;
     private handleWindowResize;
     private checkMobile;
     /** Re-clamp float position so the panel never ends up off-screen after resize */

package/dist/types/components/ai-chat-header/ai-chat-header.d.ts

@@ -14,7 +14,6 @@ export declare class AiChatHeader {
     agentAvatar: string;
     /** Human mode: show the back button */
     showBack: boolean;
-    isDraggable: boolean;
     /** Human mode: status indicator variant */
     statusIndicator: 'online' | 'offline' | 'busy' | 'away';
     /** Browser mode: page title shown in the header */
@@ -27,18 +26,36 @@ export declare class AiChatHeader {
     conversationActiveId: string;
     /** Conversation list: show skeleton loading state */
     conversationLoading: boolean;
+    /** Conversation list: show error state */
+    conversationError: boolean;
+    /** Conversation list: error message text */
+    conversationErrorText: string;
+    /** Conversation list: retry button label */
+    conversationRetryLabel: string;
+    /** Conversation list: empty state label */
+    conversationEmptyText: string;
+    /** Conversation list: ID of the conversation currently being deleted — shows a spinner on that item */
+    conversationDeletingId: string;
     /** Show a shimmer skeleton in place of the conversation title (e.g. while loading conversation) */
     titleLoading: boolean;
     private avatarError;
     private dropdownOpen;
+    /** Internally managed — true when the parent ai-chat-container has position="float" */
+    private isFloating;
+    private parentPositionObserver;
     /** Cancel / close button */
     closeClick: EventEmitter<void>;
     /** Pencil-edit button (agent mode) */
-    editClick: EventEmitter<void>;
+    newChatClick: EventEmitter<void>;
     /** Title / chevron click → open conversation list (agent mode) */
     dropdownClick: EventEmitter<void>;
-    /** More options button */
+    /** More options button — also fires a composed event so ai-chat-container can auto-cycle position */
     positionClick: EventEmitter<void>;
+    /**
+     * Composed + bubbling event that ai-chat-container listens to internally
+     * to automatically cycle its position. Fires alongside positionClick.
+     */
+    headerPositionClick: EventEmitter<void>;
     /** Back-arrow button (human mode) */
     backClick: EventEmitter<void>;
     /**
@@ -55,12 +72,20 @@ export declare class AiChatHeader {
     conversationSelect: EventEmitter<string>;
     /** Fired when a conversation delete button is clicked */
     conversationDelete: EventEmitter<string>;
+    /** Fired when the retry button is clicked in the conversation list error state */
+    conversationRetry: EventEmitter<void>;
     handleDocumentClick(event: Event): void;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private observeParentPosition;
+    private syncFloatingState;
     private renderIcon;
     private renderAvatar;
     private renderDragBtn;
     private handleConversationSelect;
     private handleConversationDelete;
+    private handleConversationRetry;
     private renderConversationDropdown;
     private renderAgentMode;
     private renderHumanMode;

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

@@ -21,6 +21,8 @@ export declare class AiConversationList {
     errorText: string;
     /** Retry button label for error state */
     retryLabel: string;
+    /** ID of the conversation currently being deleted — shows a spinner on that item */
+    deletingId: string;
     conversationSelect: EventEmitter<string>;
     conversationDelete: EventEmitter<string>;
     retryClick: EventEmitter<void>;

package/dist/types/components/ai-in-chat-browser/ai-in-chat-browser.d.ts

@@ -1,22 +1,13 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class AiInChatBrowser {
     /** The URL to display inside the in-chat browser iframe */
     url: string;
-    /** Page title shown in the browser header. Defaults to the URL hostname when empty. */
+    /** Page title used as the iframe's accessible title. Defaults to the URL hostname when empty. */
     pageTitle: string;
-    /** Show the drag handle in the header (for floating containers) */
-    isDraggable: boolean;
-    /** Fired when the user clicks the back / close button to dismiss the browser */
-    browserClose: EventEmitter<void>;
-    /** Fired when the user clicks the external-link button */
-    browserOpenExternal: EventEmitter<string>;
     private isLoading;
     private hasError;
     onUrlChange(): void;
     private getDisplayTitle;
     private handleIframeLoad;
     private handleIframeError;
-    private handleBack;
-    private handleOpenExternal;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -5,11 +5,13 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ChatPosition } from "./components/ai-chat-container/ai-chat-container";
 import { ConversationItem } from "./components/ai-conversation-list/ai-conversation-list";
 import { ConversationItem as ConversationItem1 } from "./components/ai-conversation-list/ai-conversation-list";
 import { IconName } from "./utils/icon-registry";
 import { LoadingStep } from "./components/ai-loading/ai-loading";
 import { RatingValue } from "./components/ai-rating/ai-rating";
+export { ChatPosition } from "./components/ai-chat-container/ai-chat-container";
 export { ConversationItem } from "./components/ai-conversation-list/ai-conversation-list";
 export { ConversationItem as ConversationItem1 } from "./components/ai-conversation-list/ai-conversation-list";
 export { IconName } from "./utils/icon-registry";
@@ -66,6 +68,15 @@ export namespace Components {
           * @default true
          */
         "autoScroll": boolean;
+        /**
+          * Cycle to the next valid position based on the current direction. - RTL: left ↔ float - LTR: right ↔ float
+         */
+        "cyclePosition": () => Promise<void>;
+        /**
+          * Layout direction set by the host app. - `'rtl'` → valid docked position is `left`; cycle order: left ↔ float - `'ltr'` → valid docked position is `right`; cycle order: right ↔ float
+          * @default 'rtl'
+         */
+        "direction": 'rtl' | 'ltr';
         /**
           * Show error state (e.g. failed to load conversation)
           * @default false
@@ -93,9 +104,9 @@ export namespace Components {
         "loading": boolean;
         /**
           * Position of the panel: 'left', 'right', or 'float'
-          * @default 'right'
+          * @default 'left'
          */
-        "position": 'left' | 'right' | 'float';
+        "position": ChatPosition;
         /**
           * Retry button label
           * @default 'إعادة المحاولة'
@@ -147,6 +158,26 @@ export namespace Components {
           * @default ''
          */
         "conversationActiveId": string;
+        /**
+          * Conversation list: ID of the conversation currently being deleted — shows a spinner on that item
+          * @default ''
+         */
+        "conversationDeletingId": string;
+        /**
+          * Conversation list: empty state label
+          * @default 'لا توجد محادثات'
+         */
+        "conversationEmptyText": string;
+        /**
+          * Conversation list: show error state
+          * @default false
+         */
+        "conversationError": boolean;
+        /**
+          * Conversation list: error message text
+          * @default 'تعذّر تحميل المحادثات'
+         */
+        "conversationErrorText": string;
         /**
           * Conversation list: items to display in the dropdown panel
           * @default []
@@ -158,9 +189,10 @@ export namespace Components {
          */
         "conversationLoading": boolean;
         /**
-          * @default false
+          * Conversation list: retry button label
+          * @default 'إعادة المحاولة'
          */
-        "isDraggable": boolean;
+        "conversationRetryLabel": string;
         /**
           * Layout variant
           * @default 'agent'
@@ -232,6 +264,11 @@ export namespace Components {
           * @default ''
          */
         "activeId": string;
+        /**
+          * ID of the conversation currently being deleted — shows a spinner on that item
+          * @default ''
+         */
+        "deletingId": string;
         /**
           * Text shown when the list is empty
           * @default 'لا توجد محادثات'
@@ -298,12 +335,7 @@ export namespace Components {
     }
     interface AiInChatBrowser {
         /**
-          * Show the drag handle in the header (for floating containers)
-          * @default false
-         */
-        "isDraggable": boolean;
-        /**
-          * Page title shown in the browser header. Defaults to the URL hostname when empty.
+          * Page title used as the iframe's accessible title. Defaults to the URL hostname when empty.
           * @default ''
          */
         "pageTitle": string;
@@ -532,10 +564,6 @@ export interface AiConversationListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAiConversationListElement;
 }
-export interface AiInChatBrowserCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLAiInChatBrowserElement;
-}
 export interface AiLoadingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLAiLoadingElement;
@@ -587,6 +615,7 @@ declare global {
     };
     interface HTMLAiChatContainerElementEventMap {
         "retryClick": void;
+        "positionChange": ChatPosition;
     }
     interface HTMLAiChatContainerElement extends Components.AiChatContainer, HTMLStencilElement {
         addEventListener<K extends keyof HTMLAiChatContainerElementEventMap>(type: K, listener: (this: HTMLAiChatContainerElement, ev: AiChatContainerCustomEvent<HTMLAiChatContainerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -604,14 +633,16 @@ declare global {
     };
     interface HTMLAiChatHeaderElementEventMap {
         "closeClick": void;
-        "editClick": void;
+        "newChatClick": void;
         "dropdownClick": void;
         "positionClick": void;
+        "headerPositionClick": void;
         "backClick": void;
         "headerDragStart": { clientX: number; clientY: number };
         "openExternal": string;
         "conversationSelect": string;
         "conversationDelete": string;
+        "conversationRetry": void;
     }
     interface HTMLAiChatHeaderElement extends Components.AiChatHeader, HTMLStencilElement {
         addEventListener<K extends keyof HTMLAiChatHeaderElementEventMap>(type: K, listener: (this: HTMLAiChatHeaderElement, ev: AiChatHeaderCustomEvent<HTMLAiChatHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -677,19 +708,7 @@ declare global {
         prototype: HTMLAiIconElement;
         new (): HTMLAiIconElement;
     };
-    interface HTMLAiInChatBrowserElementEventMap {
-        "browserClose": void;
-        "browserOpenExternal": string;
-    }
     interface HTMLAiInChatBrowserElement extends Components.AiInChatBrowser, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLAiInChatBrowserElementEventMap>(type: K, listener: (this: HTMLAiInChatBrowserElement, ev: AiInChatBrowserCustomEvent<HTMLAiInChatBrowserElementEventMap[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 HTMLAiInChatBrowserElementEventMap>(type: K, listener: (this: HTMLAiInChatBrowserElement, ev: AiInChatBrowserCustomEvent<HTMLAiInChatBrowserElementEventMap[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 HTMLAiInChatBrowserElement: {
         prototype: HTMLAiInChatBrowserElement;
@@ -878,6 +897,11 @@ declare namespace LocalJSX {
           * @default true
          */
         "autoScroll"?: boolean;
+        /**
+          * Layout direction set by the host app. - `'rtl'` → valid docked position is `left`; cycle order: left ↔ float - `'ltr'` → valid docked position is `right`; cycle order: right ↔ float
+          * @default 'rtl'
+         */
+        "direction"?: 'rtl' | 'ltr';
         /**
           * Show error state (e.g. failed to load conversation)
           * @default false
@@ -903,15 +927,19 @@ declare namespace LocalJSX {
           * @default false
          */
         "loading"?: boolean;
+        /**
+          * Fired when the position changes (via cyclePosition or the header button)
+         */
+        "onPositionChange"?: (event: AiChatContainerCustomEvent<ChatPosition>) => void;
         /**
           * Event emitted when the retry button is clicked
          */
         "onRetryClick"?: (event: AiChatContainerCustomEvent<void>) => void;
         /**
           * Position of the panel: 'left', 'right', or 'float'
-          * @default 'right'
+          * @default 'left'
          */
-        "position"?: 'left' | 'right' | 'float';
+        "position"?: ChatPosition;
         /**
           * Retry button label
           * @default 'إعادة المحاولة'
@@ -959,6 +987,26 @@ declare namespace LocalJSX {
           * @default ''
          */
         "conversationActiveId"?: string;
+        /**
+          * Conversation list: ID of the conversation currently being deleted — shows a spinner on that item
+          * @default ''
+         */
+        "conversationDeletingId"?: string;
+        /**
+          * Conversation list: empty state label
+          * @default 'لا توجد محادثات'
+         */
+        "conversationEmptyText"?: string;
+        /**
+          * Conversation list: show error state
+          * @default false
+         */
+        "conversationError"?: boolean;
+        /**
+          * Conversation list: error message text
+          * @default 'تعذّر تحميل المحادثات'
+         */
+        "conversationErrorText"?: string;
         /**
           * Conversation list: items to display in the dropdown panel
           * @default []
@@ -970,9 +1018,10 @@ declare namespace LocalJSX {
          */
         "conversationLoading"?: boolean;
         /**
-          * @default false
+          * Conversation list: retry button label
+          * @default 'إعادة المحاولة'
          */
-        "isDraggable"?: boolean;
+        "conversationRetryLabel"?: string;
         /**
           * Layout variant
           * @default 'agent'
@@ -990,6 +1039,10 @@ declare namespace LocalJSX {
           * Fired when a conversation delete button is clicked
          */
         "onConversationDelete"?: (event: AiChatHeaderCustomEvent<string>) => void;
+        /**
+          * Fired when the retry button is clicked in the conversation list error state
+         */
+        "onConversationRetry"?: (event: AiChatHeaderCustomEvent<void>) => void;
         /**
           * Fired when a conversation is selected from the dropdown list
          */
@@ -998,20 +1051,24 @@ declare namespace LocalJSX {
           * Title / chevron click → open conversation list (agent mode)
          */
         "onDropdownClick"?: (event: AiChatHeaderCustomEvent<void>) => void;
-        /**
-          * Pencil-edit button (agent mode)
-         */
-        "onEditClick"?: (event: AiChatHeaderCustomEvent<void>) => void;
         /**
           * Fired on pointerdown of the drag handle. Composed + bubbling so ai-chat-container can receive it across shadow roots.
          */
         "onHeaderDragStart"?: (event: AiChatHeaderCustomEvent<{ clientX: number; clientY: number }>) => void;
+        /**
+          * Composed + bubbling event that ai-chat-container listens to internally to automatically cycle its position. Fires alongside positionClick.
+         */
+        "onHeaderPositionClick"?: (event: AiChatHeaderCustomEvent<void>) => void;
+        /**
+          * Pencil-edit button (agent mode)
+         */
+        "onNewChatClick"?: (event: AiChatHeaderCustomEvent<void>) => void;
         /**
           * Open-external button (browser mode)
          */
         "onOpenExternal"?: (event: AiChatHeaderCustomEvent<string>) => void;
         /**
-          * More options button
+          * More options button — also fires a composed event so ai-chat-container can auto-cycle position
          */
         "onPositionClick"?: (event: AiChatHeaderCustomEvent<void>) => void;
         /**
@@ -1083,6 +1140,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "activeId"?: string;
+        /**
+          * ID of the conversation currently being deleted — shows a spinner on that item
+          * @default ''
+         */
+        "deletingId"?: string;
         /**
           * Text shown when the list is empty
           * @default 'لا توجد محادثات'
@@ -1152,20 +1214,7 @@ declare namespace LocalJSX {
     }
     interface AiInChatBrowser {
         /**
-          * Show the drag handle in the header (for floating containers)
-          * @default false
-         */
-        "isDraggable"?: boolean;
-        /**
-          * Fired when the user clicks the back / close button to dismiss the browser
-         */
-        "onBrowserClose"?: (event: AiInChatBrowserCustomEvent<void>) => void;
-        /**
-          * Fired when the user clicks the external-link button
-         */
-        "onBrowserOpenExternal"?: (event: AiInChatBrowserCustomEvent<string>) => void;
-        /**
-          * Page title shown in the browser header. Defaults to the URL hostname when empty.
+          * Page title used as the iframe's accessible title. Defaults to the URL hostname when empty.
           * @default ''
          */
         "pageTitle"?: string;
@@ -1405,7 +1454,7 @@ declare namespace LocalJSX {
     }
     interface AiChatContainerAttributes {
         "isOpen": boolean;
-        "position": 'left' | 'right' | 'float';
+        "position": ChatPosition;
         "width": string;
         "autoScroll": boolean;
         "showWatermark": boolean;
@@ -1415,6 +1464,7 @@ declare namespace LocalJSX {
         "error": boolean;
         "errorText": string;
         "retryLabel": string;
+        "direction": 'rtl' | 'ltr';
     }
     interface AiChatHeaderAttributes {
         "mode": 'agent' | 'human' | 'browser';
@@ -1423,12 +1473,16 @@ declare namespace LocalJSX {
         "agentStatus": string;
         "agentAvatar": string;
         "showBack": boolean;
-        "isDraggable": boolean;
         "statusIndicator": 'online' | 'offline' | 'busy' | 'away';
         "pageTitle": string;
         "pageUrl": string;
         "conversationActiveId": string;
         "conversationLoading": boolean;
+        "conversationError": boolean;
+        "conversationErrorText": string;
+        "conversationRetryLabel": string;
+        "conversationEmptyText": string;
+        "conversationDeletingId": string;
         "titleLoading": boolean;
     }
     interface AiChatMessageAttributes {
@@ -1448,6 +1502,7 @@ declare namespace LocalJSX {
         "error": boolean;
         "errorText": string;
         "retryLabel": string;
+        "deletingId": string;
     }
     interface AiConversationSummaryAttributes {
         "conversation": string;
@@ -1462,7 +1517,6 @@ declare namespace LocalJSX {
     interface AiInChatBrowserAttributes {
         "url": string;
         "pageTitle": string;
-        "isDraggable": boolean;
     }
     interface AiLinkAttributes {
         "label": string;

package/dist/types/index.d.ts

@@ -10,4 +10,5 @@
 export { format } from './utils/utils';
 export type * from './components.d.ts';
 export type { LoadingStep } from './components/ai-loading/ai-loading';
+export type { ChatPosition } from './components/ai-chat-container/ai-chat-container';
 export type { IconName } from './utils/icon-registry';

package/dist/ui-ai-kit/{p-1e8e6440.entry.js → p-062cad02.entry.js}

@@ -1 +1 @@
-import{r as i,c as e,h as a,H as s}from"./p-BSQ0GkzI.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:"c2eb388d152586755e9cc10ac57b519e8ff84b4d"},a("button",{key:"0b9f6ec6d8c57365e2c29bfe1bfc33993d3cb498",class:{chip:!0,"chip--disabled":this.disabled},disabled:this.disabled,onClick:()=>this.handleClick()},a("span",{key:"d4fabc4c8176cd6837e609bad369e8edfc779855",class:"chip__label"},this.label,a("slot",{key:"a1074453e53982f10fd2115c2b15d7a7b20eda07"}))))}};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}
+import{r as i,c as e,h as a,H as s}from"./p-VMEwYfaX.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:"510e649f8778e2298270d320f0555c4d960fb056"},a("button",{key:"a4ee17cbd432596804279d8a852635608125452a",class:{chip:!0,"chip--disabled":this.disabled},disabled:this.disabled,onClick:()=>this.handleClick()},a("span",{key:"cb2d97459b0dd6effe83bbfb81a0af9144759477",class:"chip__label"},this.label,a("slot",{key:"ce84f07883f24c216c45da9266af5160baea9cdc"}))))}};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}

package/dist/ui-ai-kit/p-17e5d542.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,H as r}from"./p-VMEwYfaX.js";import{i as a}from"./p-DlD8m3rf.js";const n=class{constructor(i){e(this,i),this.conversationSelect=t(this,"conversationSelect"),this.conversationDelete=t(this,"conversationDelete"),this.retryClick=t(this,"retryClick")}items=[];activeId="";loading=!1;emptyText="لا توجد محادثات";error=!1;errorText="تعذّر تحميل المحادثات";retryLabel="إعادة المحاولة";deletingId="";conversationSelect;conversationDelete;retryClick;renderIcon(e,t,r){const n=a[e];return n?i("span",{class:"icon-wrap",innerHTML:`<svg width="${t}" height="${r}" viewBox="${n.viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${n.content}</svg>`}):null}formatRelativeTime(e){if(!e)return"";try{const t=new Date(e);if(isNaN(t.getTime()))return e;const i=Date.now()-t.getTime(),r=Math.floor(i/6e4),a=Math.floor(r/60),n=Math.floor(a/24),s="undefined"!=typeof document&&document.documentElement.lang||"ar",o=new Intl.RelativeTimeFormat(s,{numeric:"auto"});return r<1?o.format(0,"second"):r<60?o.format(-r,"minute"):a<24?o.format(-a,"hour"):o.format(-n,"day")}catch{return e}}renderRatingDots(e){return i("div",{class:"rating-dots","aria-label":e?`تقييم ${e} من 5`:void 0},Array.from({length:5},((t,r)=>i("span",{class:"rating-dot "+(r<(e??0)?"rating-dot--filled":"")}))))}renderSkeleton(){return i("div",{class:"skeleton-list"},[1,2,3,4].map((e=>i("div",{key:e,class:"skeleton-item"},i("div",{class:"skeleton-line skeleton-line--title"}),i("div",{class:"skeleton-line skeleton-line--preview"}),i("div",{class:"skeleton-line skeleton-line--meta"})))))}renderEmpty(){return i("div",{class:"empty-state"},i("div",{class:"empty-state__icon"},this.renderIcon("list",24,24)),i("p",{class:"empty-state__text"},this.emptyText))}renderError(){return i("div",{class:"error-state"},i("div",{class:"error-state__icon"},this.renderIcon("wifi-off",24,24)),i("p",{class:"error-state__text"},this.errorText),i("button",{class:"error-state__retry",onClick:()=>this.retryClick.emit()},this.renderIcon("reload",14,14),i("span",null,this.retryLabel)))}render(){const e=!this.loading&&!this.error&&0===this.items.length;return i(r,{key:"8cf17cedd5c41f0d6ffd2d06e557dc370041d1aa"},i("div",{key:"50f5eeb57228f55d72acf517ed5eeb5d79e13a4b",class:"conversation-list"},i("div",{key:"763f7cb557fb9abea75e08379d0ea9090b00ac1e",class:"list-scroll",role:"list"},this.loading?this.renderSkeleton():this.error?this.renderError():e?this.renderEmpty():this.items.map((e=>{const t=e.id===this.activeId;return i("div",{key:e.id,class:{"conv-item":!0,"conv-item--active":t},role:"listitem","aria-current":t?"true":void 0,onClick:()=>this.conversationSelect.emit(e.id)},i("div",{class:"conv-item__body"},i("p",{class:"conv-item__title"},e.title),i("p",{class:"conv-item__preview"},e.preview),i("div",{class:"conv-item__meta"},i("span",{class:"conv-item__time"},this.formatRelativeTime(e.timestamp)),null!=e.rating&&this.renderRatingDots(e.rating))),i("button",{class:{"delete-btn":!0,"delete-btn--deleting":this.deletingId===e.id},"aria-label":"حذف المحادثة",disabled:this.deletingId===e.id,onClick:t=>{t.stopPropagation(),this.deletingId!==e.id&&this.conversationDelete.emit(e.id)}},this.deletingId===e.id?i("span",{class:"delete-spinner","aria-label":"جاري الحذف"}):this.renderIcon("cancel",14,14)))})))))}};n.style=":host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.conversation-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;background:var(--ai-bg-surface)}.list-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 8px 12px;scrollbar-width:thin;scrollbar-color:var(--ai-scrollbar-thumb) transparent}.list-scroll::-webkit-scrollbar{width:3px}.list-scroll::-webkit-scrollbar-track{background:transparent}.list-scroll::-webkit-scrollbar-thumb{background:var(--ai-scrollbar-thumb);border-radius:99px}.list-scroll::-webkit-scrollbar-thumb:hover{background:var(--ai-scrollbar-thumb-hover)}.conv-item{display:flex;align-items:flex-start;gap:6px;margin-top:6px;padding:10px 10px 10px 6px;border-radius:10px;cursor:pointer;transition:background 0.15s;position:relative}.conv-item:hover{background:var(--ai-bg-card)}.conv-item--active{background:var(--ai-bg-card);box-shadow:var(--ai-shadow-sm)}.conv-item__body{flex:1;min-width:0}.conv-item__title{margin:0 0 3px;font-size:13px;font-weight:600;color:var(--ai-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item__preview{margin:0 0 5px;font-size:12px;color:var(--ai-text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conv-item__meta{display:flex;align-items:center;gap:8px}.conv-item__time{font-size:11px;color:var(--ai-text-muted);flex-shrink:0}.rating-dots{display:flex;align-items:center;gap:3px}.rating-dot{width:6px;height:6px;border-radius:50%;background:var(--ai-border-default);transition:background 0.15s}.rating-dot--filled{background:var(--ai-accent-warning, #ffaf44)}.delete-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--ai-text-muted);opacity:0;transition:opacity 0.15s, background 0.15s, color 0.15s;margin-block-start:2px}.conv-item:hover .delete-btn,.conv-item--active .delete-btn{opacity:1}.delete-btn:hover{background:var(--ai-status-danger-bg, rgba(239, 68, 68, 0.1));color:var(--ai-status-danger, #ef4444)}.delete-btn .icon-wrap{display:inline-flex;align-items:center;line-height:0}.delete-btn--deleting{opacity:1;cursor:default;pointer-events:none}.delete-spinner{display:block;width:12px;height:12px;border:2px solid var(--ai-border-default);border-top-color:var(--ai-text-muted);border-radius:50%;animation:delete-spin 0.7s linear infinite}@keyframes delete-spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 16px;text-align:center}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ai-bg-card);color:var(--ai-text-muted);line-height:0}.empty-state__icon .icon-wrap{display:inline-flex;align-items:center;line-height:0}.empty-state__text{margin:0;font-size:13px;color:var(--ai-text-muted);line-height:1.4}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 16px;text-align:center}.error-state__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ai-status-danger-bg, rgba(239, 68, 68, 0.1));color:var(--ai-status-danger, #ef4444);line-height:0}.error-state__icon .icon-wrap{display:inline-flex;align-items:center;line-height:0}.error-state__text{margin:0;font-size:13px;color:var(--ai-text-muted);line-height:1.4}.error-state__retry{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--ai-text-primary);background:var(--ai-bg-card);border:1px solid var(--ai-border-default);border-radius:8px;cursor:pointer;transition:background 0.15s, box-shadow 0.15s}.error-state__retry:hover{box-shadow:var(--ai-shadow-sm)}.error-state__retry .icon-wrap{display:inline-flex;align-items:center;line-height:0}.skeleton-list{display:flex;flex-direction:column;gap:4px}.skeleton-item{padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:6px}.skeleton-line{border-radius:6px;background:var(--ai-shimmer-gradient, linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.06) 75%));background-size:200% 100%;animation:shimmer 2s linear infinite;height:12px}.skeleton-line--title{width:65%;height:13px}.skeleton-line--preview{width:100%}.skeleton-line--meta{width:35%;height:10px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}";export{n as ai_conversation_list}

package/dist/ui-ai-kit/{p-b88808a4.entry.js → p-187db371.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,a as e,h as r,H as a}from"./p-BSQ0GkzI.js";const o=class{constructor(e){i(this,e),this.audioRecorded=t(this,"audioRecorded"),this.recordingCancel=t(this,"recordingCancel")}get el(){return e(this)}disabled=!1;showWaveform=!0;autoStart=!1;errorText="";waveformColor="";state="idle";error=null;recordingDuration=0;submitPulse=!1;audioRecorded;recordingCancel;streamRef=null;audioContextRef=null;analyserRef=null;mediaRecorderRef=null;audioChunks=[];recordingStartTime=0;recordingTimer=null;maxTimeoutRef=null;canvasRef;animationFrameId=0;prevHeights=[];componentDidLoad(){this.autoStart&&!this.disabled&&this.startRecording()}disconnectedCallback(){this.cleanup()}cleanup=()=>{this.recordingTimer&&(clearInterval(this.recordingTimer),this.recordingTimer=null),this.maxTimeoutRef&&(clearTimeout(this.maxTimeoutRef),this.maxTimeoutRef=null),this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=0),this.mediaRecorderRef&&"inactive"!==this.mediaRecorderRef.state&&(this.mediaRecorderRef.stop(),this.mediaRecorderRef=null),this.audioContextRef&&(this.audioContextRef.close(),this.audioContextRef=null),this.analyserRef&&(this.analyserRef=null),this.streamRef&&(this.streamRef.getTracks().forEach((i=>i.stop())),this.streamRef=null)};getErrorText(){return this.errorText?this.errorText:"en"===document.documentElement.lang?"Microphone access denied":"تعذّر الوصول للميكروفون"}startRecording=async()=>{try{this.error=null,this.audioChunks=[];const i=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0}});this.streamRef=i;const t=new AudioContext;if(this.audioContextRef=t,this.showWaveform){const e=t.createAnalyser();e.fftSize=256,e.smoothingTimeConstant=.8,this.analyserRef=e,t.createMediaStreamSource(i).connect(e)}this.setupMediaRecorder(i),this.recordingStartTime=Date.now(),this.recordingDuration=0,this.prevHeights=[],this.state="recording",this.showWaveform&&requestAnimationFrame((()=>{this.drawWaveform()})),this.recordingTimer=window.setInterval((()=>{this.recordingDuration=Math.floor((Date.now()-this.recordingStartTime)/1e3)}),1e3),this.maxTimeoutRef=window.setTimeout((()=>{this.stopRecording()}),6e4)}catch(i){console.error("Error starting recording:",i),this.error=this.getErrorText(),this.state="idle"}};setupMediaRecorder=i=>{const t=MediaRecorder.isTypeSupported("audio/webm")?"audio/webm":MediaRecorder.isTypeSupported("audio/ogg")?"audio/ogg":"",e=new MediaRecorder(i,t?{mimeType:t}:{});e.ondataavailable=i=>{i.data.size>0&&this.audioChunks.push(i.data)},e.onstop=()=>{const i=new Blob(this.audioChunks,{type:t||"audio/mp4"});this.audioRecorded.emit({blob:i,duration:this.recordingDuration})},this.mediaRecorderRef=e,e.start(100)};stopRecording=()=>{if(this.recordingDuration<1)return this.submitPulse=!0,void setTimeout((()=>{this.submitPulse=!1}),400);this.recordingTimer&&(clearInterval(this.recordingTimer),this.recordingTimer=null),this.maxTimeoutRef&&(clearTimeout(this.maxTimeoutRef),this.maxTimeoutRef=null),this.cleanup(),this.state="idle"};cancelRecording=()=>{this.mediaRecorderRef&&"inactive"!==this.mediaRecorderRef.state&&(this.mediaRecorderRef.ondataavailable=null,this.mediaRecorderRef.onstop=null),this.cleanup(),this.state="idle",this.recordingCancel.emit()};drawWaveform=()=>{if(!this.canvasRef||!this.analyserRef)return;const i=this.canvasRef,t=i.getContext("2d");if(!t)return;const e=this.analyserRef.frequencyBinCount,r=new Uint8Array(e),a=this.waveformColor||getComputedStyle(this.el).getPropertyValue("--ai-waveform-color").trim()||"#9ca3af",o=(i,e,r,a,o)=>{if(t.beginPath(),"function"==typeof t.roundRect)t.roundRect(i,e,r,a,o);else{const s=Math.min(o,r/2,a/2);t.moveTo(i+s,e),t.lineTo(i+r-s,e),t.arcTo(i+r,e,i+r,e+s,s),t.lineTo(i+r,e+a-s),t.arcTo(i+r,e+a,i+r-s,e+a,s),t.lineTo(i+s,e+a),t.arcTo(i,e+a,i,e+a-s,s),t.lineTo(i,e+s),t.arcTo(i,e,i+s,e,s),t.closePath()}},s=()=>{if("recording"!==this.state)return;this.animationFrameId=requestAnimationFrame(s);const n=i.offsetWidth;n>0&&i.width!==n&&(i.width=n);const c=Math.min(100,Math.floor(i.width/3)),d=Math.max(1,Math.floor(e/c));this.prevHeights.length!==c&&(this.prevHeights=new Array(c).fill(4)),this.analyserRef.getByteFrequencyData(r),t.clearRect(0,0,i.width,i.height);const l=i.height/2,h=(i.width-3*c)/2,u=i.height-4;for(let i=0;i<c;i++){let s=0;for(let t=0;t<d;t++){const a=i*d+t;a<e&&(s+=r[a])}const n=Math.min(1,s/d/255);this.prevHeights[i]=.7*this.prevHeights[i]+.3*(4+n*(u-4));const c=this.prevHeights[i],p=h+3*i,b=l-c/2;t.fillStyle=a,o(p,b,1,c,.5),t.fill()}};s()};formatDuration=i=>`${Math.floor(i/60)}:${(i%60).toString().padStart(2,"0")}`;render(){const i=60-this.recordingDuration;return r(a,{key:"ca20fe9dda634af0da1ef6da59880279f0775a9f"},r("div",{key:"dc3328cc1ef74e9683bc6c34e1d3279b2ca2ffa2",class:"wrapper"},r("div",{key:"b4a4d2799b8c541dc03679686107cc486373e76b",class:"glow"+("recording"===this.state?" visible":""),"aria-hidden":"true"}),r("div",{key:"f4fa8c638e68528dffd96db627bd80d4c7103143",class:"input-container"},"idle"===this.state?r("div",{class:"recording-row"},r("button",{type:"button",class:"submit-button",onClick:this.startRecording,disabled:this.disabled,"aria-label":"Start recording"},r("ai-icon",{name:"mic",size:16})),this.error&&r("div",{class:"error-message",role:"alert"},this.error)):r("div",{class:"recording-row"},r("button",{type:"button",class:"cancel-button",onClick:this.cancelRecording,"aria-label":"Cancel"},r("ai-icon",{name:"cancel",size:14})),r("div",{class:"timer"+(i<=5?" warning":"")},this.formatDuration(this.recordingDuration)),this.showWaveform&&r("canvas",{ref:i=>this.canvasRef=i,class:"waveform",height:"32"}),r("button",{type:"button",class:"submit-button"+(this.submitPulse?" pulse":""),onClick:this.stopRecording,"aria-label":"Send"},r("ai-icon",{name:"arrow-up",size:14}))))))}};o.style=":host{display:block;width:100%}.wrapper{position:relative;padding:var(--Spacing-Sizes-lg, 12px)}.glow{position:absolute;bottom:20px;left:39px;right:39px;height:29px;border-radius:9999px;background:var(--ai-input-glow);filter:blur(20px);opacity:0;pointer-events:none;transition:opacity 0.2s ease}.glow.visible{opacity:0.9}.input-container{position:relative;background-color:var(--ai-bg-input);border-radius:var(--ai-input-border-radius, 9999px);border:1px solid var(--ai-border-default);box-shadow:var(--ai-shadow-sm);padding:var(--ai-input-padding, 12px);overflow:hidden}.recording-row{display:flex;align-items:center;gap:var(--ai-input-gap, 10px)}.cancel-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;max-height:32px;padding:4px 8px;border-radius:32px;border:2px solid var(--ai-border-default);background-color:var(--ai-border-default);color:var(--ai-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.cancel-button:hover{background-color:var(--ai-bg-surface);border-color:var(--ai-bg-surface)}.submit-button{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;min-width:32px;padding:4px 8px;border-radius:32px;border:2px solid var(--ai-send-button-active-border, var(--ai-accent));background-color:var(--ai-send-button-active-bg, var(--ai-accent));color:var(--ai-accent-text);cursor:pointer;flex-shrink:0;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.submit-button:hover{background-color:var(--ai-send-button-active-hover-bg, var(--ai-accent));border-color:var(--ai-send-button-active-hover-border, var(--ai-accent))}@keyframes pulse-once{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}.submit-button.pulse{animation:pulse-once 0.35s ease}.timer{font-size:13px;font-weight:500;color:var(--ai-text-secondary);min-width:36px;text-align:center;flex-shrink:0}.timer.warning{color:var(--ai-voice-timer-warning-color, var(--ai-danger-text))}.waveform{flex:1;min-width:0;height:32px}.error-message{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background:var(--ai-voice-error-bg, var(--ai-danger-bg));color:var(--ai-voice-error-color, var(--ai-danger-text));font-size:11px;padding:6px 12px;border-radius:6px;white-space:nowrap;box-shadow:var(--ai-shadow-error);border:1px solid var(--ai-voice-error-border, var(--ai-danger-border));z-index:10}";export{o as ai_voice_input}
+import{r as i,c as t,a as e,h as r,H as a}from"./p-VMEwYfaX.js";const o=class{constructor(e){i(this,e),this.audioRecorded=t(this,"audioRecorded"),this.recordingCancel=t(this,"recordingCancel")}get el(){return e(this)}disabled=!1;showWaveform=!0;autoStart=!1;errorText="";waveformColor="";state="idle";error=null;recordingDuration=0;submitPulse=!1;audioRecorded;recordingCancel;streamRef=null;audioContextRef=null;analyserRef=null;mediaRecorderRef=null;audioChunks=[];recordingStartTime=0;recordingTimer=null;maxTimeoutRef=null;canvasRef;animationFrameId=0;prevHeights=[];componentDidLoad(){this.autoStart&&!this.disabled&&this.startRecording()}disconnectedCallback(){this.cleanup()}cleanup=()=>{this.recordingTimer&&(clearInterval(this.recordingTimer),this.recordingTimer=null),this.maxTimeoutRef&&(clearTimeout(this.maxTimeoutRef),this.maxTimeoutRef=null),this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=0),this.mediaRecorderRef&&"inactive"!==this.mediaRecorderRef.state&&(this.mediaRecorderRef.stop(),this.mediaRecorderRef=null),this.audioContextRef&&(this.audioContextRef.close(),this.audioContextRef=null),this.analyserRef&&(this.analyserRef=null),this.streamRef&&(this.streamRef.getTracks().forEach((i=>i.stop())),this.streamRef=null)};getErrorText(){return this.errorText?this.errorText:"en"===document.documentElement.lang?"Microphone access denied":"تعذّر الوصول للميكروفون"}startRecording=async()=>{try{this.error=null,this.audioChunks=[];const i=await navigator.mediaDevices.getUserMedia({audio:{echoCancellation:!0,noiseSuppression:!0,autoGainControl:!0}});this.streamRef=i;const t=new AudioContext;if(this.audioContextRef=t,this.showWaveform){const e=t.createAnalyser();e.fftSize=256,e.smoothingTimeConstant=.8,this.analyserRef=e,t.createMediaStreamSource(i).connect(e)}this.setupMediaRecorder(i),this.recordingStartTime=Date.now(),this.recordingDuration=0,this.prevHeights=[],this.state="recording",this.showWaveform&&requestAnimationFrame((()=>{this.drawWaveform()})),this.recordingTimer=window.setInterval((()=>{this.recordingDuration=Math.floor((Date.now()-this.recordingStartTime)/1e3)}),1e3),this.maxTimeoutRef=window.setTimeout((()=>{this.stopRecording()}),6e4)}catch(i){console.error("Error starting recording:",i),this.error=this.getErrorText(),this.state="idle"}};setupMediaRecorder=i=>{const t=MediaRecorder.isTypeSupported("audio/webm")?"audio/webm":MediaRecorder.isTypeSupported("audio/ogg")?"audio/ogg":"",e=new MediaRecorder(i,t?{mimeType:t}:{});e.ondataavailable=i=>{i.data.size>0&&this.audioChunks.push(i.data)},e.onstop=()=>{const i=new Blob(this.audioChunks,{type:t||"audio/mp4"});this.audioRecorded.emit({blob:i,duration:this.recordingDuration})},this.mediaRecorderRef=e,e.start(100)};stopRecording=()=>{if(this.recordingDuration<1)return this.submitPulse=!0,void setTimeout((()=>{this.submitPulse=!1}),400);this.recordingTimer&&(clearInterval(this.recordingTimer),this.recordingTimer=null),this.maxTimeoutRef&&(clearTimeout(this.maxTimeoutRef),this.maxTimeoutRef=null),this.cleanup(),this.state="idle"};cancelRecording=()=>{this.mediaRecorderRef&&"inactive"!==this.mediaRecorderRef.state&&(this.mediaRecorderRef.ondataavailable=null,this.mediaRecorderRef.onstop=null),this.cleanup(),this.state="idle",this.recordingCancel.emit()};drawWaveform=()=>{if(!this.canvasRef||!this.analyserRef)return;const i=this.canvasRef,t=i.getContext("2d");if(!t)return;const e=this.analyserRef.frequencyBinCount,r=new Uint8Array(e),a=this.waveformColor||getComputedStyle(this.el).getPropertyValue("--ai-waveform-color").trim()||"#9ca3af",o=(i,e,r,a,o)=>{if(t.beginPath(),"function"==typeof t.roundRect)t.roundRect(i,e,r,a,o);else{const s=Math.min(o,r/2,a/2);t.moveTo(i+s,e),t.lineTo(i+r-s,e),t.arcTo(i+r,e,i+r,e+s,s),t.lineTo(i+r,e+a-s),t.arcTo(i+r,e+a,i+r-s,e+a,s),t.lineTo(i+s,e+a),t.arcTo(i,e+a,i,e+a-s,s),t.lineTo(i,e+s),t.arcTo(i,e,i+s,e,s),t.closePath()}},s=()=>{if("recording"!==this.state)return;this.animationFrameId=requestAnimationFrame(s);const n=i.offsetWidth;n>0&&i.width!==n&&(i.width=n);const c=Math.min(100,Math.floor(i.width/3)),d=Math.max(1,Math.floor(e/c));this.prevHeights.length!==c&&(this.prevHeights=new Array(c).fill(4)),this.analyserRef.getByteFrequencyData(r),t.clearRect(0,0,i.width,i.height);const l=i.height/2,h=(i.width-3*c)/2,u=i.height-4;for(let i=0;i<c;i++){let s=0;for(let t=0;t<d;t++){const a=i*d+t;a<e&&(s+=r[a])}const n=Math.min(1,s/d/255);this.prevHeights[i]=.7*this.prevHeights[i]+.3*(4+n*(u-4));const c=this.prevHeights[i],p=h+3*i,b=l-c/2;t.fillStyle=a,o(p,b,1,c,.5),t.fill()}};s()};formatDuration=i=>`${Math.floor(i/60)}:${(i%60).toString().padStart(2,"0")}`;render(){const i=60-this.recordingDuration;return r(a,{key:"93565ead1262f192811d4783ac4567b8eb7d59de"},r("div",{key:"9317e2a24533435e5ac967f3eddaad3d1f6c4613",class:"wrapper"},r("div",{key:"35631eb88e495be9b2bdabf1b8f15d237d327c4b",class:"glow"+("recording"===this.state?" visible":""),"aria-hidden":"true"}),r("div",{key:"c65050758e58402c5b341c8d24a0ca58f9f53361",class:"input-container"},"idle"===this.state?r("div",{class:"recording-row"},r("button",{type:"button",class:"submit-button",onClick:this.startRecording,disabled:this.disabled,"aria-label":"Start recording"},r("ai-icon",{name:"mic",size:16})),this.error&&r("div",{class:"error-message",role:"alert"},this.error)):r("div",{class:"recording-row"},r("button",{type:"button",class:"cancel-button",onClick:this.cancelRecording,"aria-label":"Cancel"},r("ai-icon",{name:"cancel",size:14})),r("div",{class:"timer"+(i<=5?" warning":"")},this.formatDuration(this.recordingDuration)),this.showWaveform&&r("canvas",{ref:i=>this.canvasRef=i,class:"waveform",height:"32"}),r("button",{type:"button",class:"submit-button"+(this.submitPulse?" pulse":""),onClick:this.stopRecording,"aria-label":"Send"},r("ai-icon",{name:"arrow-up",size:14}))))))}};o.style=":host{display:block;width:100%}.wrapper{position:relative;padding:var(--Spacing-Sizes-lg, 12px)}.glow{position:absolute;bottom:20px;left:39px;right:39px;height:29px;border-radius:9999px;background:var(--ai-input-glow);filter:blur(20px);opacity:0;pointer-events:none;transition:opacity 0.2s ease}.glow.visible{opacity:0.9}.input-container{position:relative;background-color:var(--ai-bg-input);border-radius:var(--ai-input-border-radius, 9999px);border:1px solid var(--ai-border-default);box-shadow:var(--ai-shadow-sm);padding:var(--ai-input-padding, 12px);overflow:hidden}.recording-row{display:flex;align-items:center;gap:var(--ai-input-gap, 10px)}.cancel-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;max-height:32px;padding:4px 8px;border-radius:32px;border:2px solid var(--ai-border-default);background-color:var(--ai-border-default);color:var(--ai-text-secondary);cursor:pointer;flex-shrink:0;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.cancel-button:hover{background-color:var(--ai-bg-surface);border-color:var(--ai-bg-surface)}.submit-button{display:inline-flex;align-items:center;justify-content:center;height:32px;width:32px;min-width:32px;padding:4px 8px;border-radius:32px;border:2px solid var(--ai-send-button-active-border, var(--ai-accent));background-color:var(--ai-send-button-active-bg, var(--ai-accent));color:var(--ai-accent-text);cursor:pointer;flex-shrink:0;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.submit-button:hover{background-color:var(--ai-send-button-active-hover-bg, var(--ai-accent));border-color:var(--ai-send-button-active-hover-border, var(--ai-accent))}@keyframes pulse-once{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}.submit-button.pulse{animation:pulse-once 0.35s ease}.timer{font-size:13px;font-weight:500;color:var(--ai-text-secondary);min-width:36px;text-align:center;flex-shrink:0}.timer.warning{color:var(--ai-voice-timer-warning-color, var(--ai-danger-text))}.waveform{flex:1;min-width:0;height:32px}.error-message{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background:var(--ai-voice-error-bg, var(--ai-danger-bg));color:var(--ai-voice-error-color, var(--ai-danger-text));font-size:11px;padding:6px 12px;border-radius:6px;white-space:nowrap;box-shadow:var(--ai-shadow-error);border:1px solid var(--ai-voice-error-border, var(--ai-danger-border));z-index:10}";export{o as ai_voice_input}