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

package/dist/stories/ai-loading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-loading.stories.js","sourceRoot":"","sources":["../../src/stories/ai-loading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC;YAC9B,WAAW,EAAE,kBAAkB;SAChC;QACD,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2BAA2B;SACzC;QACD,eAAe,EAAE;YACf,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,+DAA+D;SAC7E;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;SACzD;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kBAAkB;SAChC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,8CAA8C;SAC5D;QACD,eAAe,EAAE;YACf,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,2BAA2B;SACzC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,yBAAyB;SACvC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,iCAAiC;SAC/C;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAYpB,MAAM,eAAe,GAAkB;IACrC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,6BAA6B,EAAE,MAAM,EAAE,WAAW,EAAE;IACvE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,+BAA+B,EAAE,MAAM,EAAE,WAAW,EAAE;IACzE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,6BAA6B,EAAE,MAAM,EAAE,SAAS,EAAE;IACrE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,EAAE,SAAS,EAAE;CAChE,CAAC;AAEF,MAAM,iBAAiB,GAAkB;IACvC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,6BAA6B,EAAE,MAAM,EAAE,WAAW,EAAE;IACvE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,+BAA+B,EAAE,MAAM,EAAE,WAAW,EAAE;IACzE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,6BAA6B,EAAE,MAAM,EAAE,WAAW,EAAE;CACxE,CAAC;AAEF,MAAM,eAAe,GAAkB;IACrC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,6BAA6B,EAAE,MAAM,EAAE,WAAW,EAAE;IACvE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,sBAAsB,EAAE;IAC7F,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,6BAA6B,EAAE,MAAM,EAAE,SAAS,EAAE;CACtE,CAAC;AAEF,MAAM,eAAe,GAAkB;IACrC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,wBAAwB,EAAE;IAChG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,wBAAwB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,uBAAuB,EAAE;IACnG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,MAAM,EAAE,SAAS,EAAE;CAChE,CAAC;AAEF,MAAM,qBAAqB,GAAkB;IAC3C,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,iCAAiC,EAAE;IACzG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,0BAA0B,EAAE;IAC9F,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,gCAAgC,EAAE;CACjG,CAAC;AAEF,4DAA4D;AAE5D,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,iBAAiB;KAC9B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE,yBAAyB;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,iBAAiB;QAC7B,eAAe,EAAE,qBAAqB;KACvC;CACF,CAAC;AAEF,6DAA6D;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,0BAA0B;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,SAAS,OAAK,IAAI,GAAI,GACnB,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,aAAa;QAC1B,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE,qBAAqB;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,SAAS,OACJ,IAAI,EACR,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACvD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,GAClD,GACE,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAU;IAC1C,IAAI,EAAE,2BAA2B;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,SAAS,OAAK,IAAI,GAAI,GACnB,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE,0BAA0B;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,SAAS,OAAK,IAAI,GAAI,GACnB,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,SAAS,OAAK,IAAI,GAAI,GACnB,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,2CAA2C;IACjD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,SAAS,OAAK,IAAI,GAAI,GACnB,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE,2BAA2B;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,SAAS,OAAK,IAAI,GAAI,GACnB,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,eAAe;QACtB,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,mBAAmB;QACjC,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAU;IAC1C,IAAI,EAAE,mCAAmC;IACzC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,SAAS,OAAK,IAAI,GAAI,GACnB,CACP;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,eAAe;QACtB,YAAY,EAAE,cAAc;QAC5B,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;KAClB;CACF,CAAC"}

package/dist/stories/ai-message-input.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { AiMessageInput } from "../generated/components";
+declare const meta: Meta<typeof AiMessageInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const WithVoiceToggle: Story;
+//# sourceMappingURL=ai-message-input.stories.d.ts.map

package/dist/stories/ai-message-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-message-input.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-message-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAgB,MAAM,yBAAyB,CAAC;AAEvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkCrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AA6EF,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC"}

package/dist/stories/ai-message-input.stories.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { AiMessageInput, AiVoiceInput } from "../generated/components";
+const meta = {
+    title: "Chat/Message Input",
+    component: AiMessageInput,
+    tags: ["autodocs"],
+    argTypes: {
+        placeholder: {
+            control: "text",
+            description: "Placeholder text for the textarea",
+        },
+        disabled: {
+            control: "boolean",
+            description: "Whether the input is disabled",
+        },
+        showVoiceButton: {
+            control: "boolean",
+            description: "Show the mic button — emits voiceButtonClick when pressed",
+        },
+    },
+    parameters: {
+        docs: {
+            description: {
+                component: `
+A pill-shaped chat input component.
+
+## Events
+- \`sendMessage\` — emitted with the trimmed message string when the user sends
+- \`voiceButtonClick\` — emitted when the mic button is pressed
+
+## Methods
+- \`setInputValue(text: string)\` — populates the textarea programmatically
+        `,
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: (args) => (_jsx(AiMessageInput, { placeholder: args.placeholder || "ايش في بالك؟", disabled: args.disabled, showVoiceButton: args.showVoiceButton !== false, onSendMessage: (e) => console.log("sendMessage:", e.detail) })),
+    args: {
+        placeholder: "ايش في بالك؟",
+        disabled: false,
+        showVoiceButton: true,
+    },
+};
+export const Disabled = {
+    render: () => _jsx(AiMessageInput, { placeholder: "\u0627\u064A\u0634 \u0641\u064A \u0628\u0627\u0644\u0643\u061F", disabled: true }),
+};
+const VoiceToggleDemo = () => {
+    const [showVoice, setShowVoice] = useState(false);
+    const [log, setLog] = useState([]);
+    const msgRef = useRef(null);
+    return (_jsxs("div", { style: { maxWidth: "600px" }, children: [!showVoice ? (_jsx(AiMessageInput, { ref: msgRef, placeholder: "\u0627\u0643\u062A\u0628 \u0631\u0633\u0627\u0644\u0629 \u0623\u0648 \u0627\u0636\u063A\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u064A\u0643\u0631\u0648\u0641\u0648\u0646", onSendMessage: (e) => setLog((prev) => [...prev, `✓ Message sent: "${e.detail}"`]) })) : (_jsx(AiVoiceInput, { autoStart: true, onAudioRecorded: (e) => {
+                    setShowVoice(false);
+                    if (msgRef.current) {
+                        msgRef.current.setInputValue(`[Audio ${e.detail.duration}s — paste transcription here]`);
+                    }
+                    setLog((prev) => [
+                        ...prev,
+                        `🎤 Audio recorded (${e.detail.duration}s, ${(e.detail.blob.size / 1024).toFixed(1)} KB)`,
+                    ]);
+                }, onRecordingCancel: () => {
+                    setShowVoice(false);
+                    setLog((prev) => [...prev, "✕ Recording cancelled"]);
+                } })), _jsxs("div", { style: {
+                    marginTop: "1rem",
+                    padding: "1rem",
+                    background: "#f5f5f5",
+                    borderRadius: "8px",
+                    fontFamily: "monospace",
+                    fontSize: "13px",
+                    minHeight: "80px",
+                    maxHeight: "200px",
+                    overflowY: "auto",
+                }, children: [_jsx("div", { style: { color: "#666", fontWeight: "bold", marginBottom: "4px" }, children: "Event log:" }), log.map((entry, i) => (_jsx("div", { style: {
+                            color: entry.startsWith("✓")
+                                ? "#10b981"
+                                : entry.startsWith("🎤")
+                                    ? "#8b5cf6"
+                                    : "#737373",
+                        }, children: entry }, i)))] })] }));
+};
+export const WithVoiceToggle = {
+    render: () => _jsx(VoiceToggleDemo, {}),
+};
+//# sourceMappingURL=ai-message-input.stories.js.map

package/dist/stories/ai-message-input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-message-input.stories.js","sourceRoot":"","sources":["../../src/stories/ai-message-input.stories.tsx"],"names":[],"mappings":"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"}

package/dist/stories/ai-rating.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AiRating } from '../generated/components';
+declare const meta: Meta<typeof AiRating>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Standalone: Story;
+export declare const InsideCard: Story;
+export declare const PreSelected: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=ai-rating.stories.d.ts.map

package/dist/stories/ai-rating.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-rating.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-rating.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAU,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAa/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC"}

package/dist/stories/ai-rating.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AiCard, AiRating } from '../generated/components';
+const meta = {
+    title: 'UI/Rating',
+    component: AiRating,
+    tags: ['autodocs'],
+    argTypes: {
+        question: { control: 'text' },
+        subtitle: { control: 'text' },
+        value: {
+            control: { type: 'select' },
+            options: [undefined, 1, 2, 3, 4, 5],
+        },
+        disabled: { control: 'boolean' },
+    },
+};
+export default meta;
+const wrapStyle = {
+    padding: '24px',
+    background: '#f3f4f6',
+    direction: 'rtl',
+    maxWidth: '420px',
+};
+export const Standalone = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiRating, { question: args.question, subtitle: args.subtitle, value: args.value, disabled: args.disabled, onRatingChange: (e) => console.log('ratingChange:', e.detail) }) })),
+    args: {
+        question: 'كيف كانت تجربتك؟',
+        subtitle: 'رأيك يساعدنا نحسن الخدمة',
+        value: undefined,
+        disabled: false,
+    },
+};
+export const InsideCard = {
+    render: () => (_jsx("div", { style: wrapStyle, children: _jsx(AiCard, { children: _jsx(AiRating, { question: "\u0643\u064A\u0641 \u0643\u0627\u0646\u062A \u062A\u062C\u0631\u0628\u062A\u0643\u061F", subtitle: "\u0631\u0623\u064A\u0643 \u064A\u0633\u0627\u0639\u062F\u0646\u0627 \u0646\u062D\u0633\u0646 \u0627\u0644\u062E\u062F\u0645\u0629" }) }) })),
+};
+export const PreSelected = {
+    render: () => (_jsx("div", { style: wrapStyle, children: _jsx(AiCard, { children: _jsx(AiRating, { question: "\u0643\u064A\u0641 \u0643\u0627\u0646\u062A \u062A\u062C\u0631\u0628\u062A\u0643\u061F", subtitle: "\u0631\u0623\u064A\u0643 \u064A\u0633\u0627\u0639\u062F\u0646\u0627 \u0646\u062D\u0633\u0646 \u0627\u0644\u062E\u062F\u0645\u0629", value: 5 }) }) })),
+};
+export const Disabled = {
+    render: () => (_jsx("div", { style: wrapStyle, children: _jsx(AiCard, { children: _jsx(AiRating, { question: "\u0643\u064A\u0641 \u0643\u0627\u0646\u062A \u062A\u062C\u0631\u0628\u062A\u0643\u061F", subtitle: "\u062A\u0645 \u0625\u0631\u0633\u0627\u0644 \u062A\u0642\u064A\u064A\u0645\u0643", value: 4, disabled: true }) }) })),
+};
+//# sourceMappingURL=ai-rating.stories.js.map

package/dist/stories/ai-rating.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-rating.stories.js","sourceRoot":"","sources":["../../src/stories/ai-rating.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC7B,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC7B,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SACpC;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,SAAS,GAAwB;IACrC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,OAAO;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,SAAS,YACnB,KAAC,QAAQ,IACP,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,GAC7D,GACE,CACP;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,0BAA0B;QACpC,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,SAAS,YACnB,KAAC,MAAM,cACL,KAAC,QAAQ,IACP,QAAQ,EAAC,wFAAkB,EAC3B,QAAQ,EAAC,mIAA0B,GACnC,GACK,GACL,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,SAAS,YACnB,KAAC,MAAM,cACL,KAAC,QAAQ,IACP,QAAQ,EAAC,wFAAkB,EAC3B,QAAQ,EAAC,mIAA0B,EACnC,KAAK,EAAE,CAAC,GACR,GACK,GACL,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,SAAS,YACnB,KAAC,MAAM,cACL,KAAC,QAAQ,IACP,QAAQ,EAAC,wFAAkB,EAC3B,QAAQ,EAAC,kFAAiB,EAC1B,KAAK,EAAE,CAAC,EACR,QAAQ,SACR,GACK,GACL,CACP;CACF,CAAC"}

package/dist/stories/ai-route-decision.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AiRouteDecision } from '../generated/components';
+declare const meta: Meta<typeof AiRouteDecision>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Collapsed: Story;
+export declare const Expanded: Story;
+export declare const HighConfidence: Story;
+export declare const LowConfidence: Story;
+export declare const NoIcon: Story;
+//# sourceMappingURL=ai-route-decision.stories.d.ts.map

package/dist/stories/ai-route-decision.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-route-decision.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-route-decision.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CA8BtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAWnC,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC;AAIF,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAC"}

package/dist/stories/ai-route-decision.stories.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AiRouteDecision } from '../generated/components';
+const meta = {
+    title: 'Chat/RouteDecision',
+    component: AiRouteDecision,
+    tags: ['autodocs'],
+    argTypes: {
+        selectedAgent: {
+            control: 'text',
+            description: 'Selected agent name',
+        },
+        agentIcon: {
+            control: 'text',
+            description: 'Agent icon — emoji or short text displayed before the agent name',
+        },
+        reason: {
+            control: 'text',
+            description: 'Reason for routing decision (shown when expanded)',
+        },
+        confidence: {
+            control: { type: 'range', min: 0, max: 100, step: 1 },
+            description: 'Routing confidence percentage 0–100',
+        },
+        detectedLanguage: {
+            control: 'text',
+            description: 'Detected language label (shown when expanded)',
+        },
+        expanded: {
+            control: 'boolean',
+            description: 'Whether the pill is expanded',
+        },
+    },
+};
+export default meta;
+const wrapStyle = {
+    padding: '24px',
+    background: '#f3f4f6',
+    direction: 'rtl',
+    maxWidth: '420px',
+};
+// ── Collapsed ────────────────────────────────────────────
+export const Collapsed = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiRouteDecision, { ...args, onRouteExpand: (e) => console.log('expand:', e.detail) }) })),
+    args: {
+        selectedAgent: 'وكيل المخزون',
+        agentIcon: '📦',
+        confidence: 92,
+        expanded: false,
+    },
+};
+// ── Expanded ─────────────────────────────────────────────
+export const Expanded = {
+    name: 'Expanded — With reason and language',
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiRouteDecision, { ...args, onRouteExpand: (e) => console.log('expand:', e.detail) }) })),
+    args: {
+        selectedAgent: 'وكيل المخزون',
+        agentIcon: '📦',
+        reason: 'تم اكتشاف سؤال عن حالة المخزون، لذا تم توجيه الطلب إلى الوكيل المختص.',
+        confidence: 92,
+        detectedLanguage: 'عربي',
+        expanded: true,
+    },
+};
+// ── High confidence ───────────────────────────────────────
+export const HighConfidence = {
+    name: 'High Confidence (100%)',
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiRouteDecision, { ...args }) })),
+    args: {
+        selectedAgent: 'وكيل الدعم',
+        agentIcon: '🎧',
+        reason: 'الرسالة تحتوي على طلب مساعدة صريح.',
+        confidence: 100,
+        detectedLanguage: 'عربي',
+        expanded: true,
+    },
+};
+// ── Low confidence ────────────────────────────────────────
+export const LowConfidence = {
+    name: 'Low Confidence (45%)',
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiRouteDecision, { ...args }) })),
+    args: {
+        selectedAgent: 'وكيل عام',
+        agentIcon: '🤖',
+        reason: 'لم يتمكن النظام من تصنيف الطلب بثقة عالية.',
+        confidence: 45,
+        detectedLanguage: 'إنجليزي',
+        expanded: true,
+    },
+};
+// ── No icon ───────────────────────────────────────────────
+export const NoIcon = {
+    name: 'No Agent Icon',
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiRouteDecision, { ...args }) })),
+    args: {
+        selectedAgent: 'وكيل الطلبات',
+        reason: 'تم اكتشاف استفسار عن حالة الطلب.',
+        confidence: 78,
+        detectedLanguage: 'عربي',
+        expanded: true,
+    },
+};
+//# sourceMappingURL=ai-route-decision.stories.js.map

package/dist/stories/ai-route-decision.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-route-decision.stories.js","sourceRoot":"","sources":["../../src/stories/ai-route-decision.stories.tsx"],"names":[],"mappings":"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"}

package/dist/stories/ai-suggestion.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AiSuggestion } from '../generated/components';
+declare const meta: Meta<typeof AiSuggestion>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const SuggestionGroup: Story;
+export declare const Disabled: Story;
+export declare const InChatContext: Story;
+//# sourceMappingURL=ai-suggestion.stories.d.ts.map

package/dist/stories/ai-suggestion.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-suggestion.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-suggestion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAU,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAQnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAYnC,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC"}

package/dist/stories/ai-suggestion.stories.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AiCard, AiSuggestion } from '../generated/components';
+const meta = {
+    title: 'UI/Suggestion',
+    component: AiSuggestion,
+    tags: ['autodocs'],
+    argTypes: {
+        label: { control: 'text' },
+        disabled: { control: 'boolean' },
+    },
+};
+export default meta;
+const wrapStyle = {
+    padding: '24px',
+    background: '#f3f4f6',
+    direction: 'rtl',
+    display: 'flex',
+    gap: '8px',
+    flexWrap: 'wrap',
+    alignItems: 'flex-start',
+};
+export const Playground = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiSuggestion, { label: args.label, disabled: args.disabled, onSuggestionClick: (e) => console.log('suggestionClick:', e.detail) }) })),
+    args: {
+        label: 'وش الفرق بين باقة بلس وبرو',
+        disabled: false,
+    },
+};
+export const SuggestionGroup = {
+    render: () => (_jsxs("div", { style: wrapStyle, children: [_jsx(AiSuggestion, { label: "\u0648\u0634 \u0627\u0644\u0641\u0631\u0642 \u0628\u064A\u0646 \u0628\u0627\u0642\u0629 \u0628\u0644\u0633 \u0648\u0628\u0631\u0648" }), _jsx(AiSuggestion, { label: "\u0643\u064A\u0641 \u0623\u0636\u064A\u0641 \u0645\u0646\u062A\u062C \u062C\u062F\u064A\u062F\u061F" }), _jsx(AiSuggestion, { label: "\u0623\u0638\u0647\u0631 \u0644\u064A \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0644\u064A \u0645\u0627 \u0627\u0634\u062A\u0631\u0648\u0627 \u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631" }), _jsx(AiSuggestion, { label: "\u0645\u0627 \u0647\u064A \u0623\u0641\u0636\u0644 \u0648\u0642\u062A \u0644\u0625\u0631\u0633\u0627\u0644 \u062D\u0645\u0644\u0629 \u062A\u0633\u0648\u064A\u0642\u064A\u0629\u061F" })] })),
+};
+export const Disabled = {
+    render: () => (_jsxs("div", { style: wrapStyle, children: [_jsx(AiSuggestion, { label: "\u0648\u0634 \u0627\u0644\u0641\u0631\u0642 \u0628\u064A\u0646 \u0628\u0627\u0642\u0629 \u0628\u0644\u0633 \u0648\u0628\u0631\u0648", disabled: true }), _jsx(AiSuggestion, { label: "\u0643\u064A\u0641 \u0623\u0636\u064A\u0641 \u0645\u0646\u062A\u062C \u062C\u062F\u064A\u062F\u061F", disabled: true })] })),
+};
+export const InChatContext = {
+    render: () => (_jsxs("div", { style: { padding: '24px', background: '#f3f4f6', direction: 'rtl', maxWidth: '480px', display: 'flex', flexDirection: 'column', gap: '16px' }, children: [_jsx(AiCard, { children: _jsx("p", { style: { margin: 0, fontSize: '14px', fontWeight: 500, color: '#333' }, children: "\u0623\u0647\u0644\u0627\u064B! \u0643\u064A\u0641 \u064A\u0645\u0643\u0646\u0646\u064A \u0645\u0633\u0627\u0639\u062F\u062A\u0643 \u0627\u0644\u064A\u0648\u0645\u061F" }) }), _jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' }, children: [_jsx(AiSuggestion, { label: "\u0648\u0634 \u0627\u0644\u0641\u0631\u0642 \u0628\u064A\u0646 \u0628\u0627\u0642\u0629 \u0628\u0644\u0633 \u0648\u0628\u0631\u0648" }), _jsx(AiSuggestion, { label: "\u0623\u0638\u0647\u0631 \u0644\u064A \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0646\u062A\u062C\u0627\u062A \u0645\u0628\u064A\u0639\u0627\u064B" }), _jsx(AiSuggestion, { label: "\u0643\u064A\u0641 \u0623\u062D\u0633\u0646 \u0645\u0639\u062F\u0644 \u0627\u0644\u062A\u062D\u0648\u064A\u0644\u061F" })] })] })),
+};
+//# sourceMappingURL=ai-suggestion.stories.js.map

package/dist/stories/ai-suggestion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-suggestion.stories.js","sourceRoot":"","sources":["../../src/stories/ai-suggestion.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,SAAS,GAAwB;IACrC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,SAAS,YACnB,KAAC,YAAY,IACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC,MAAM,CAAC,GACnE,GACE,CACP;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,4BAA4B;QACnC,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,SAAS,aACnB,KAAC,YAAY,IAAC,KAAK,EAAC,qIAA4B,GAAG,EACnD,KAAC,YAAY,IAAC,KAAK,EAAC,qGAAqB,GAAG,EAC5C,KAAC,YAAY,IAAC,KAAK,EAAC,+MAA0C,GAAG,EACjE,KAAC,YAAY,IAAC,KAAK,EAAC,sLAAqC,GAAG,IACxD,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,SAAS,aACnB,KAAC,YAAY,IAAC,KAAK,EAAC,qIAA4B,EAAC,QAAQ,SAAG,EAC5D,KAAC,YAAY,IAAC,KAAK,EAAC,qGAAqB,EAAC,QAAQ,SAAG,IACjD,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAChJ,KAAC,MAAM,cACL,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,wLAAsC,GACxG,EACT,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,aAC3D,KAAC,YAAY,IAAC,KAAK,EAAC,qIAA4B,GAAG,EACnD,KAAC,YAAY,IAAC,KAAK,EAAC,sJAA8B,GAAG,EACrD,KAAC,YAAY,IAAC,KAAK,EAAC,uHAAwB,GAAG,IAC3C,IACF,CACP;CACF,CAAC"}

package/dist/stories/ai-voice-input.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AiVoiceInput } from '../generated/components';
+declare const meta: Meta<typeof AiVoiceInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AutoStart: Story;
+export declare const WithoutWaveform: Story;
+export declare const Disabled: Story;
+export declare const CustomWaveformColor: Story;
+export declare const CustomErrorText: Story;
+export declare const WithEventHandlers: Story;
+//# sourceMappingURL=ai-voice-input.stories.d.ts.map

package/dist/stories/ai-voice-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-voice-input.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-voice-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAkDnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAejC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AA8BF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC"}

package/dist/stories/ai-voice-input.stories.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { AiVoiceInput } from '../generated/components';
+const meta = {
+    title: 'Chat/Voice Input',
+    component: AiVoiceInput,
+    tags: ['autodocs'],
+    argTypes: {
+        disabled: {
+            control: 'boolean',
+            description: 'Whether the component is disabled',
+        },
+        showWaveform: {
+            control: 'boolean',
+            description: 'Show the waveform visualization while recording',
+        },
+        autoStart: {
+            control: 'boolean',
+            description: 'Start recording immediately on mount (ignored when disabled)',
+        },
+        errorText: {
+            control: 'text',
+            description: 'Custom error message shown on mic access failure. Defaults to Arabic or English based on document lang.',
+        },
+        waveformColor: {
+            control: 'color',
+            description: 'Waveform bar color. Falls back to --ai-waveform-color CSS var, then #9ca3af.',
+        },
+    },
+    parameters: {
+        docs: {
+            description: {
+                component: `
+A standalone voice recorder designed to visually replace \`ai-message-input\` while the user records.
+
+## Events
+- \`audioRecorded\` — emitted with \`{ blob: Blob, duration: number }\` when the user submits the recording
+- \`recordingCancel\` — emitted when the user cancels
+
+## Props
+- \`autoStart\` — start recording immediately on mount (skipped when \`disabled\`)
+- \`showWaveform\` — toggle the frequency bar visualization
+- \`disabled\` — disable the start button
+- \`errorText\` — custom mic-denied error string; auto-detects Arabic/English via \`document.lang\` when omitted
+- \`waveformColor\` — bar fill color; also readable via \`--ai-waveform-color\` CSS custom property
+
+## Behaviour notes
+- **Safari / iOS**: MIME type is detected at runtime (\`audio/webm\` → \`audio/ogg\` → browser default) to avoid silent failures.
+- **Minimum duration**: submitting before 1 second of audio pulses the send button instead of emitting.
+        `,
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: (args) => (_jsx(AiVoiceInput, { disabled: args.disabled, showWaveform: args.showWaveform !== false, autoStart: args.autoStart, errorText: args.errorText, waveformColor: args.waveformColor, onAudioRecorded: (e) => console.log('audioRecorded:', e.detail), onRecordingCancel: () => console.log('recordingCancel') })),
+    args: {
+        disabled: false,
+        showWaveform: true,
+        autoStart: false,
+        errorText: '',
+        waveformColor: '',
+    },
+};
+export const AutoStart = {
+    name: 'Auto Start',
+    render: () => (_jsx(AiVoiceInput, { autoStart: true, onAudioRecorded: (e) => console.log('audioRecorded:', e.detail), onRecordingCancel: () => console.log('recordingCancel') })),
+    parameters: {
+        docs: {
+            description: { story: 'Starts recording immediately on mount — the typical mode when toggled from `ai-message-input`.' },
+        },
+    },
+};
+export const WithoutWaveform = {
+    name: 'Without Waveform',
+    render: () => (_jsx(AiVoiceInput, { autoStart: true, showWaveform: false, onAudioRecorded: (e) => console.log('audioRecorded:', e.detail), onRecordingCancel: () => console.log('recordingCancel') })),
+    parameters: {
+        docs: {
+            description: { story: 'Waveform disabled — useful when `showWaveform={false}` is passed from the parent.' },
+        },
+    },
+};
+export const Disabled = {
+    render: () => _jsx(AiVoiceInput, { disabled: true }),
+    parameters: {
+        docs: {
+            description: { story: '`autoStart` is ignored when `disabled` is true.' },
+        },
+    },
+};
+export const CustomWaveformColor = {
+    name: 'Custom Waveform Color',
+    render: () => (_jsx(AiVoiceInput, { autoStart: true, waveformColor: "#8b5cf6", onAudioRecorded: (e) => console.log('audioRecorded:', e.detail), onRecordingCancel: () => console.log('recordingCancel') })),
+    parameters: {
+        docs: {
+            description: { story: 'Bar color set via the `waveformColor` prop. Can also be themed with `--ai-waveform-color` CSS variable.' },
+        },
+    },
+};
+export const CustomErrorText = {
+    name: 'Custom Error Text',
+    render: () => (_jsxs("div", { style: { maxWidth: '600px' }, children: [_jsx("p", { style: { fontFamily: 'sans-serif', fontSize: '13px', color: '#666', marginBottom: '8px' }, children: "Deny microphone access in the browser to see the custom error message." }), _jsx(AiVoiceInput, { errorText: "No mic access \u2014 check browser settings" })] })),
+    parameters: {
+        docs: {
+            description: { story: 'Override the default Arabic/English error string with a custom message via `errorText`.' },
+        },
+    },
+};
+const WithEventHandlersDemo = () => {
+    const [log, setLog] = useState([]);
+    return (_jsxs("div", { style: { maxWidth: '600px' }, children: [_jsx(AiVoiceInput, { autoStart: true, onAudioRecorded: (e) => {
+                    setLog((prev) => [
+                        ...prev,
+                        `🎤 Audio recorded — ${e.detail.duration}s / ${(e.detail.blob.size / 1024).toFixed(1)} KB`,
+                    ]);
+                }, onRecordingCancel: () => {
+                    setLog((prev) => [...prev, '✕ Cancelled']);
+                } }), _jsxs("div", { style: { marginTop: '1rem', padding: '1rem', background: '#f5f5f5', borderRadius: '8px', fontFamily: 'monospace', fontSize: '13px', minHeight: '80px', maxHeight: '200px', overflowY: 'auto' }, children: [_jsx("div", { style: { color: '#666', fontWeight: 'bold', marginBottom: '4px' }, children: "Event log:" }), log.length === 0 && _jsx("div", { style: { color: '#aaa' }, children: "Record and submit or cancel to see events\u2026" }), log.map((entry, i) => (_jsx("div", { style: { color: entry.startsWith('🎤') ? '#8b5cf6' : '#737373' }, children: entry }, i)))] })] }));
+};
+export const WithEventHandlers = {
+    name: 'With Event Handlers',
+    render: () => _jsx(WithEventHandlersDemo, {}),
+    parameters: {
+        docs: {
+            description: { story: 'Live event log. Submit before 1 second to see the send button pulse (minimum duration guard).' },
+        },
+    },
+};
+//# sourceMappingURL=ai-voice-input.stories.js.map

package/dist/stories/ai-voice-input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-voice-input.stories.js","sourceRoot":"","sources":["../../src/stories/ai-voice-input.stories.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/ui-ai-kit-react",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -29,19 +29,32 @@
   "scripts": {
     "build": "tsc",
     "start": "tsc -w",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "dev": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
+    "@salla.sa/ui-merchant-styles": ">=0.307.5",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@salla.sa/ui-ai-kit-core": "1.1.0",
+    "@salla.sa/ui-ai-kit-core": "2.0.0",
     "@stencil/react-output-target": "^1.4.2"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^5.0.1",
+    "@salla.sa/ui-merchant-styles": "0.307.5",
+    "@storybook/addon-a11y": "^10.2.16",
+    "@storybook/addon-docs": "^10.2.16",
+    "@storybook/addon-vitest": "^10.2.16",
+    "@storybook/react-vite": "^10.2.16",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^10.2.16",
     "typescript": "^5.9.3"
   }
 }