@salla.sa/ui-ai-kit-react 1.0.0 → 1.1.1

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { AiChatMessage } from "../generated/components";
+declare const meta: Meta<typeof AiChatMessage>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const UserMessage: Story;
+export declare const AgentMessageSimple: Story;
+export declare const AgentMessageMarkdown: Story;
+export declare const FeedbackSelected: Story;
+export declare const ConversationThread: Story;
+//# sourceMappingURL=ai-chat-message.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-chat-message.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-chat-message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAuBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAenC,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC;AAIF,eAAO,MAAM,kBAAkB,EAAE,KA8BhC,CAAC"}

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

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AiChatMessage } from "../generated/components";
+const meta = {
+    title: "Chat/Chat Message",
+    component: AiChatMessage,
+    tags: ["autodocs"],
+    argTypes: {
+        role: {
+            control: { type: "select" },
+            options: ["user", "agent"],
+        },
+        content: { control: "text" },
+        format: {
+            control: { type: "select" },
+            options: ["text", "markdown"],
+        },
+        agentName: { control: "text" },
+        timestamp: { control: "text" },
+        showActions: { control: "boolean" },
+        enableRegenerate: { control: "boolean" },
+        feedbackValue: {
+            control: { type: "select" },
+            options: [undefined, "up", "down"],
+        },
+    },
+};
+export default meta;
+const wrapStyle = {
+    padding: "24px",
+    background: "#f3f4f6",
+    direction: "rtl",
+};
+const threadStyle = {
+    ...wrapStyle,
+    display: "flex",
+    flexDirection: "column",
+    gap: "12px",
+    maxWidth: "480px",
+};
+export const UserMessage = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiChatMessage, { role: args.role, content: args.content, timestamp: args.timestamp }) })),
+    args: {
+        role: "user",
+        content: "مرحباً، كيف يمكنني تتبع طلبي؟",
+        timestamp: new Date(Date.now() - 120000).toISOString(),
+    },
+};
+export const AgentMessageSimple = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiChatMessage, { role: args.role, content: args.content, agentName: args.agentName, timestamp: args.timestamp, showActions: args.showActions }) })),
+    args: {
+        role: "agent",
+        content: "مرحباً بك! يسعدني مساعدتك في تتبع طلبك. هل يمكنك تزويدي برقم الطلب؟",
+        agentName: "الرد الآلي | Salla AI",
+        timestamp: new Date().toISOString(),
+        showActions: true,
+    },
+};
+export const AgentMessageMarkdown = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiChatMessage, { role: args.role, content: args.content, format: args.format, agentName: args.agentName, timestamp: args.timestamp, showActions: args.showActions, enableRegenerate: args.enableRegenerate }) })),
+    args: {
+        role: "agent",
+        content: `## تفاصيل طلبك\n\nوجدت طلبك **#ORD-2024-78945**. إليك الملخص:\n\n- **الحالة**: قيد الشحن\n- **التاريخ**: 10 مارس 2026\n- **المنتجات**: 3 عناصر\n\n### الخطوات التالية\n\nسيصلك *رمز التتبع* خلال ساعة.`,
+        format: "markdown",
+        agentName: "الرد الآلي | Salla AI",
+        timestamp: new Date().toISOString(),
+        showActions: true,
+    },
+};
+export const FeedbackSelected = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiChatMessage, { role: args.role, content: args.content, agentName: args.agentName, timestamp: args.timestamp, feedbackValue: args.feedbackValue, showActions: args.showActions }) })),
+    args: {
+        role: "agent",
+        content: "تم شحن طلبك وسيصلك خلال يومين.",
+        agentName: "الرد الآلي | Salla AI",
+        timestamp: new Date().toISOString(),
+        feedbackValue: "up",
+        showActions: true,
+    },
+};
+export const ConversationThread = {
+    render: () => (_jsxs("div", { style: threadStyle, children: [_jsx(AiChatMessage, { role: "user", content: "\u0645\u0631\u062D\u0628\u0627\u064B\u060C \u0623\u062D\u062A\u0627\u062C \u0645\u0633\u0627\u0639\u062F\u0629 \u0641\u064A \u062A\u062A\u0628\u0639 \u0637\u0644\u0628\u064A", timestamp: new Date(Date.now() - 300000).toISOString() }), _jsx(AiChatMessage, { role: "agent", content: "\u0645\u0631\u062D\u0628\u0627\u064B! \u064A\u0633\u0639\u062F\u0646\u064A \u0645\u0633\u0627\u0639\u062F\u062A\u0643. \u0647\u0644 \u064A\u0645\u0643\u0646\u0643 \u062A\u0632\u0648\u064A\u062F\u064A \u0628\u0631\u0642\u0645 \u0627\u0644\u0637\u0644\u0628\u061F", agentName: "\u0627\u0644\u0631\u062F \u0627\u0644\u0622\u0644\u064A | Salla AI", timestamp: new Date(Date.now() - 240000).toISOString(), showActions: true }), _jsx(AiChatMessage, { role: "user", content: "\u0628\u0627\u0644\u062A\u0623\u0643\u064A\u062F\u060C \u0631\u0642\u0645\u0647 #ORD-2024-78945", timestamp: new Date(Date.now() - 180000).toISOString() }), _jsx(AiChatMessage, { role: "agent", content: "**\u0648\u062C\u062F\u062A \u0637\u0644\u0628\u0643!** \u062D\u0627\u0644\u062A\u0647 \u0627\u0644\u0622\u0646 *\u0642\u064A\u062F \u0627\u0644\u0634\u062D\u0646* \u0648\u0633\u064A\u0635\u0644\u0643 \u062E\u0644\u0627\u0644 \u064A\u0648\u0645\u064A\u0646 \u0639\u0645\u0644.\\n\\n- \u0631\u0642\u0645 \u0627\u0644\u062A\u062A\u0628\u0639: **TRK-9876543**\\n- \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646: \u0623\u0631\u0627\u0645\u0643\u0633", format: "markdown", agentName: "\u0627\u0644\u0631\u062F \u0627\u0644\u0622\u0644\u064A | Salla AI", timestamp: new Date().toISOString(), showActions: true })] })),
+};
+//# sourceMappingURL=ai-chat-message.stories.js.map

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

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

package/dist/stories/ai-conversation-list.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AiConversationList } from '../generated/components';
+declare const meta: Meta<typeof AiConversationList>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const NoActiveItem: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=ai-conversation-list.stories.d.ts.map

package/dist/stories/ai-conversation-list.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-conversation-list.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-conversation-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAkBzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiCnC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC"}

package/dist/stories/ai-conversation-list.stories.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AiConversationList } from '../generated/components';
+const meta = {
+    title: 'Chat/ConversationList',
+    component: AiConversationList,
+    tags: ['autodocs'],
+    argTypes: {
+        items: {
+            control: 'text',
+            description: 'JSON array of ConversationItem',
+        },
+        activeId: {
+            control: 'text',
+            description: 'ID of the active conversation',
+        },
+        loading: {
+            control: 'boolean',
+            description: 'Show skeleton loading state',
+        },
+    },
+};
+export default meta;
+const sampleItems = JSON.stringify([
+    {
+        id: '1',
+        title: 'مساعدة في كتابة تقرير',
+        preview: 'أحتاج إلى مساعدة في كتابة تقرير عن أداء المبيعات للربع الثالث من هذا العام',
+        timestamp: new Date(Date.now() - 5 * 60 * 1000).toISOString(),
+        rating: 5,
+    },
+    {
+        id: '2',
+        title: 'تحليل البيانات',
+        preview: 'هل يمكنك مساعدتي في تحليل هذه البيانات وإخراج تقرير مختصر؟',
+        timestamp: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(),
+        rating: 3,
+    },
+    {
+        id: '3',
+        title: 'استفسار عن المنتجات',
+        preview: 'أريد معرفة المزيد عن المنتجات المتاحة وأسعارها وطرق الشحن',
+        timestamp: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(),
+        rating: null,
+    },
+    {
+        id: '4',
+        title: 'دعم فني',
+        preview: 'واجهت مشكلة في تسجيل الدخول إلى حسابي ولا أستطيع إعادة تعيين كلمة المرور',
+        timestamp: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toISOString(),
+        rating: 2,
+    },
+]);
+export const Default = {
+    render: args => (_jsx("div", { style: { width: '280px', height: '500px', border: '1px solid #e5e7eb', borderRadius: '12px', overflow: 'hidden' }, children: _jsx(AiConversationList, { items: args.items, activeId: args.activeId, loading: args.loading, onConversationSelect: e => console.log('select:', e.detail), onConversationDelete: e => console.log('delete:', e.detail) }) })),
+    args: {
+        items: sampleItems,
+        activeId: '1',
+        loading: false,
+    },
+};
+export const Loading = {
+    render: args => (_jsx("div", { style: { width: '280px', height: '500px', border: '1px solid #e5e7eb', borderRadius: '12px', overflow: 'hidden' }, children: _jsx(AiConversationList, { items: args.items, loading: args.loading }) })),
+    args: {
+        items: '[]',
+        loading: true,
+    },
+};
+export const NoActiveItem = {
+    render: args => (_jsx("div", { style: { width: '280px', height: '500px', border: '1px solid #e5e7eb', borderRadius: '12px', overflow: 'hidden' }, children: _jsx(AiConversationList, { items: args.items, activeId: args.activeId, onConversationSelect: e => console.log('select:', e.detail), onConversationDelete: e => console.log('delete:', e.detail) }) })),
+    args: {
+        items: sampleItems,
+        activeId: '',
+    },
+};
+export const Empty = {
+    render: args => (_jsx("div", { style: { width: '280px', height: '500px', border: '1px solid #e5e7eb', borderRadius: '12px', overflow: 'hidden' }, children: _jsx(AiConversationList, { items: args.items, loading: args.loading }) })),
+    args: {
+        items: '[]',
+        loading: false,
+    },
+};
+//# sourceMappingURL=ai-conversation-list.stories.js.map

package/dist/stories/ai-conversation-list.stories.js.map

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

package/dist/stories/ai-conversation-summary.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AiConversationSummary } from '../generated/components';
+declare const meta: Meta<typeof AiConversationSummary>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SummaryOnly: Story;
+export declare const WithRating: Story;
+export declare const WithPreSelectedRating: Story;
+export declare const LongSummary: Story;
+export declare const NoLanguage: Story;
+export declare const NoSlot: Story;
+//# sourceMappingURL=ai-conversation-summary.stories.d.ts.map

package/dist/stories/ai-conversation-summary.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-conversation-summary.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-conversation-summary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAY,MAAM,yBAAyB,CAAC;AAE1E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CAsB5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAWnC,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAIF,eAAO,MAAM,qBAAqB,EAAE,KAmBnC,CAAC;AAIF,eAAO,MAAM,WAAW,EAAE,KAmBzB,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAIF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC"}

package/dist/stories/ai-conversation-summary.stories.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AiConversationSummary, AiRating } from '../generated/components';
+const meta = {
+    title: 'Chat/ConversationSummary',
+    component: AiConversationSummary,
+    tags: ['autodocs'],
+    argTypes: {
+        title: {
+            control: 'text',
+            description: 'Card heading',
+        },
+        summary: {
+            control: 'text',
+            description: 'Summary body text',
+        },
+        messageCount: {
+            control: { type: 'number', min: 0 },
+            description: 'Total message count shown as a badge',
+        },
+        language: {
+            control: 'text',
+            description: 'Conversation language label',
+        },
+    },
+};
+export default meta;
+const wrapStyle = {
+    padding: '24px',
+    background: '#f3f4f6',
+    direction: 'rtl',
+    maxWidth: '480px',
+};
+// ── Summary only ──────────────────────────────────────────
+export const SummaryOnly = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiConversationSummary, { ...args }) })),
+    args: {
+        title: 'ملخص المحادثة',
+        summary: 'طلب التاجر الاطلاع على حالة المخزون لـ 5 منتجات. تم التحقق من توفر المنتجات وتزويده بالمعلومات المطلوبة بنجاح.',
+        messageCount: 8,
+        language: 'عربي',
+    },
+};
+// ── With rating ───────────────────────────────────────────
+export const WithRating = {
+    name: 'With Rating Slot',
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiConversationSummary, { ...args, 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", onRatingChange: (e) => console.log('rating:', e.detail) }) }) })),
+    args: {
+        title: 'ملخص المحادثة',
+        summary: 'طلب التاجر الاطلاع على حالة المخزون لـ 5 منتجات. تم التحقق من توفر المنتجات وتزويده بالمعلومات المطلوبة بنجاح.',
+        messageCount: 8,
+        language: 'عربي',
+    },
+};
+// ── With pre-selected rating ──────────────────────────────
+export const WithPreSelectedRating = {
+    name: 'With Pre-Selected Rating',
+    render: () => (_jsx("div", { style: wrapStyle, children: _jsx(AiConversationSummary, { title: "\u0645\u0644\u062E\u0635 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629", summary: "\u062A\u0645 \u0627\u0644\u0631\u062F \u0639\u0644\u0649 \u0627\u0633\u062A\u0641\u0633\u0627\u0631 \u0627\u0644\u062A\u0627\u062C\u0631 \u062D\u0648\u0644 \u0633\u064A\u0627\u0633\u0629 \u0627\u0644\u0625\u0631\u062C\u0627\u0639 \u0648\u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u0634\u062D\u0646. \u0627\u0633\u062A\u063A\u0631\u0642\u062A \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629 3 \u062F\u0642\u0627\u0626\u0642 \u0648\u062A\u0636\u0645\u0646\u062A 12 \u0631\u0633\u0627\u0644\u0629.", messageCount: 12, language: "\u0639\u0631\u0628\u064A", 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: 5, disabled: true }) }) })),
+};
+// ── Long summary ──────────────────────────────────────────
+export const LongSummary = {
+    name: 'Long Summary',
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiConversationSummary, { ...args, 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" }) }) })),
+    args: {
+        title: 'ملخص المحادثة',
+        summary: 'بدأ التاجر المحادثة باستفسار عن حالة 5 طلبات معلقة. تحقق وكيل الطلبات من الحالة ووجد أن طلبين تأخرا بسبب مشكلة في الشحن، بينما الثلاثة الأخرى قيد التجهيز. تم إبلاغ التاجر بالتفاصيل وتزويده بأرقام التتبع. أنهت المحادثة بتأكيد إرسال تنبيه للمورد لتسريع الطلبين المتأخرين.',
+        messageCount: 24,
+        language: 'عربي',
+    },
+};
+// ── No language ───────────────────────────────────────────
+export const NoLanguage = {
+    name: 'No Language Badge',
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiConversationSummary, { ...args }) })),
+    args: {
+        title: 'ملخص المحادثة',
+        summary: 'تم الإجابة على سؤال التاجر بنجاح.',
+        messageCount: 4,
+    },
+};
+// ── No slot ───────────────────────────────────────────────
+export const NoSlot = {
+    name: 'Without Rating (no slot)',
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiConversationSummary, { ...args }) })),
+    args: {
+        title: 'ملخص المحادثة',
+        summary: 'تمت الإجابة على الاستفسار وإغلاق المحادثة.',
+        messageCount: 6,
+        language: 'عربي',
+    },
+};
+//# sourceMappingURL=ai-conversation-summary.stories.js.map

package/dist/stories/ai-conversation-summary.stories.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-link.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAU,MAAM,EAAgB,MAAM,yBAAyB,CAAC;AAEvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAY7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAkBhC,CAAC"}

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AiCard, AiLink, AiSuggestion } from '../generated/components';
+const meta = {
+    title: 'UI/Link',
+    component: AiLink,
+    tags: ['autodocs'],
+    argTypes: {
+        label: { control: 'text' },
+        href: { control: 'text' },
+        target: {
+            control: { type: 'select' },
+            options: ['_blank', '_self'],
+        },
+    },
+};
+export default meta;
+const wrapStyle = { padding: '24px', background: '#f3f4f6', direction: 'rtl' };
+export const Playground = {
+    render: (args) => (_jsx("div", { style: wrapStyle, children: _jsx(AiLink, { label: args.label, href: args.href, target: args.target }) })),
+    args: {
+        label: 'صفحة الباقات',
+        href: '#',
+        target: '_blank',
+    },
+};
+export const MultipleLinks = {
+    render: () => (_jsxs("div", { style: { ...wrapStyle, display: 'flex', flexDirection: 'column', gap: '12px', alignItems: 'flex-end' }, children: [_jsx(AiLink, { label: "\u0635\u0641\u062D\u0629 \u0627\u0644\u0628\u0627\u0642\u0627\u062A", href: "#" }), _jsx(AiLink, { label: "\u0644\u0648\u062D\u0629 \u0627\u0644\u062A\u062D\u0643\u0645", href: "#" }), _jsx(AiLink, { label: "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0645\u062A\u062C\u0631", href: "#" })] })),
+};
+export const InsideCard = {
+    render: () => (_jsx("div", { style: { padding: '24px', background: '#f3f4f6', direction: 'rtl', maxWidth: '420px' }, children: _jsxs(AiCard, { children: [_jsx("p", { style: { margin: 0, fontSize: '14px', fontWeight: 500, color: '#333' }, children: "\u064A\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u0628\u0627\u0642\u0627\u062A \u0627\u0644\u0645\u062A\u0627\u062D\u0629" }), _jsx("p", { style: { margin: 0, fontSize: '14px', color: '#737373' }, children: "\u0628\u0627\u0642\u0629 \u0628\u0644\u0633 \u062A\u0648\u0641\u0631 \u0645\u064A\u0632\u0627\u062A \u0645\u062A\u0642\u062F\u0645\u0629 \u0644\u0644\u062A\u0633\u0648\u064A\u0642 \u0648\u0625\u062F\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621." }), _jsx(AiLink, { label: "\u0635\u0641\u062D\u0629 \u0627\u0644\u0628\u0627\u0642\u0627\u062A", href: "#" })] }) })),
+};
+export const FullMessageContext = {
+    render: () => (_jsxs("div", { style: { padding: '24px', background: '#f3f4f6', direction: 'rtl', maxWidth: '480px', display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsxs(AiCard, { children: [_jsx("p", { style: { margin: 0, fontSize: '14px', fontWeight: 500, color: '#333' }, children: "\u0627\u0644\u0641\u0631\u0642 \u0628\u064A\u0646 \u0628\u0627\u0642\u0629 \u0628\u0644\u0633 \u0648\u0628\u0631\u0648" }), _jsx("p", { style: { margin: 0, fontSize: '14px', color: '#737373' }, children: "\u0628\u0627\u0642\u0629 \u0628\u0644\u0633 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0645\u062A\u0627\u062C\u0631 \u0627\u0644\u0646\u0627\u0634\u0626\u0629\u060C \u0628\u064A\u0646\u0645\u0627 \u0628\u0627\u0642\u0629 \u0628\u0631\u0648 \u062A\u0648\u0641\u0631 \u0623\u062F\u0648\u0627\u062A \u062A\u0633\u0648\u064A\u0642 \u0645\u062A\u0642\u062F\u0645\u0629 \u0648\u062A\u0642\u0627\u0631\u064A\u0631 \u062A\u0641\u0635\u064A\u0644\u064A\u0629." }), _jsx(AiLink, { label: "\u0635\u0641\u062D\u0629 \u0627\u0644\u0628\u0627\u0642\u0627\u062A", href: "#" })] }), _jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' }, children: [_jsx(AiSuggestion, { label: "\u0642\u0627\u0631\u0646 \u0627\u0644\u0623\u0633\u0639\u0627\u0631" }), _jsx(AiSuggestion, { label: "\u0643\u064A\u0641 \u0623\u0631\u0642\u064A \u0628\u0627\u0642\u062A\u064A\u061F" })] })] })),
+};
+//# sourceMappingURL=ai-link.stories.js.map

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

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

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

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AiLoading } from '../generated/components';
+declare const meta: Meta<typeof AiLoading>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export interface LoadingStep {
+    step: number;
+    action: string;
+    reason?: string;
+    status?: 'pending' | 'executing' | 'completed' | 'failed';
+}
+export declare const Thinking: Story;
+export declare const ThinkingWithSubtext: Story;
+export declare const StepsPlanning: Story;
+export declare const StepsInProgress: Story;
+export declare const StepsWithDescriptions: Story;
+export declare const StepsWithFailed: Story;
+export declare const StepsAllCompleted: Story;
+export declare const StepsCollapsed: Story;
+export declare const StepsWithAgentBadges: Story;
+export declare const StepsWithCurrentAgent: Story;
+//# sourceMappingURL=ai-loading.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ai-loading.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ai-loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA2ChC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC3D;AAmCD,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAanC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAelC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAcnC,CAAC"}

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

@@ -0,0 +1,174 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AiLoading } from '../generated/components';
+const meta = {
+    title: 'Chat/Loading',
+    component: AiLoading,
+    tags: ['autodocs'],
+    argTypes: {
+        mode: {
+            control: { type: 'select' },
+            options: ['thinking', 'steps'],
+            description: 'Main mode switch',
+        },
+        statusText: {
+            control: 'text',
+            description: 'Thinking mode status text',
+        },
+        thinkingSubtext: {
+            control: 'text',
+            description: 'Secondary shimmer line in thinking mode (e.g. live node name)',
+        },
+        steps: {
+            control: 'text',
+            description: 'Steps as JSON string array of LoadingStep',
+        },
+        headerTitle: {
+            control: 'text',
+            description: 'Steps card title',
+        },
+        currentAgent: {
+            control: 'text',
+            description: 'Agent name shown in header alongside sparkle',
+        },
+        showAgentBadges: {
+            control: 'boolean',
+            description: 'Show per-step agent chips',
+        },
+        expanded: {
+            control: 'boolean',
+            description: 'Steps card expand state',
+        },
+        collapsible: {
+            control: 'boolean',
+            description: 'Allow collapsing the steps card',
+        },
+    },
+};
+export default meta;
+const stepsInProgress = [
+    { step: 1, action: 'البحث عن المعلومات المطلوبة', status: 'completed' },
+    { step: 2, action: 'تحليل البيانات وإعداد التقرير', status: 'executing' },
+    { step: 3, action: 'مراجعة النتائج والتحقق منها', status: 'pending' },
+    { step: 4, action: 'إرسال التقرير النهائي', status: 'pending' },
+];
+const stepsAllCompleted = [
+    { step: 1, action: 'البحث عن المعلومات المطلوبة', status: 'completed' },
+    { step: 2, action: 'تحليل البيانات وإعداد التقرير', status: 'completed' },
+    { step: 3, action: 'مراجعة النتائج والتحقق منها', status: 'completed' },
+];
+const stepsWithFailed = [
+    { step: 1, action: 'البحث عن المعلومات المطلوبة', status: 'completed' },
+    { step: 2, action: 'الاتصال بخدمة خارجية', status: 'failed', reason: 'تعذر الاتصال بالخدمة' },
+    { step: 3, action: 'مراجعة النتائج والتحقق منها', status: 'pending' },
+];
+const stepsWithAgents = [
+    { step: 1, action: 'جلب بيانات المخزون', status: 'completed', reason: 'تحقق من توفر 48 منتجاً' },
+    { step: 2, action: 'التحقق من حالة الطلبات', status: 'executing', reason: 'يعالج 12 طلباً معلقاً' },
+    { step: 3, action: 'إعداد التقرير النهائي', status: 'pending' },
+];
+const stepsWithDescriptions = [
+    { step: 1, action: 'البحث عن المعلومات', status: 'completed', reason: 'تم العثور على 127 نتيجة ذات صلة' },
+    { step: 2, action: 'تحليل البيانات', status: 'executing', reason: 'يتحقق من صحة البيانات...' },
+    { step: 3, action: 'إعداد الملخص', status: 'pending', reason: 'سيتم إنشاؤه بعد اكتمال التحليل' },
+];
+// ── Thinking stories ─────────────────────────────────────
+export const Thinking = {
+    args: {
+        mode: 'thinking',
+        statusText: 'جاري التفكير...',
+    },
+};
+export const ThinkingWithSubtext = {
+    name: 'Thinking — With Subtext',
+    args: {
+        mode: 'thinking',
+        statusText: 'جاري التفكير...',
+        thinkingSubtext: 'يتحقق من المخزون...',
+    },
+};
+// ── Steps stories ─────────────────────────────────────────
+export const StepsPlanning = {
+    name: 'Steps — Planning (empty)',
+    render: (args) => (_jsx("div", { style: { minWidth: '360px' }, children: _jsx(AiLoading, { ...args }) })),
+    args: {
+        mode: 'steps',
+        steps: [],
+        headerTitle: 'خطة التنفيذ',
+        expanded: true,
+        collapsible: true,
+    },
+};
+export const StepsInProgress = {
+    name: 'Steps — In Progress',
+    render: (args) => (_jsx("div", { style: { minWidth: '360px' }, children: _jsx(AiLoading, { ...args, onToggleExpand: (e) => console.log('expand:', e.detail), onStepClick: (e) => console.log('step:', e.detail) }) })),
+    args: {
+        mode: 'steps',
+        steps: stepsInProgress,
+        expanded: true,
+        collapsible: true,
+    },
+};
+export const StepsWithDescriptions = {
+    name: 'Steps — With Descriptions',
+    render: (args) => (_jsx("div", { style: { minWidth: '360px' }, children: _jsx(AiLoading, { ...args }) })),
+    args: {
+        mode: 'steps',
+        steps: stepsWithDescriptions,
+        expanded: true,
+        collapsible: true,
+    },
+};
+export const StepsWithFailed = {
+    name: 'Steps — With Failed Step',
+    render: (args) => (_jsx("div", { style: { minWidth: '360px' }, children: _jsx(AiLoading, { ...args }) })),
+    args: {
+        mode: 'steps',
+        steps: stepsWithFailed,
+        expanded: true,
+        collapsible: true,
+    },
+};
+export const StepsAllCompleted = {
+    name: 'Steps — All Completed',
+    render: (args) => (_jsx("div", { style: { minWidth: '360px' }, children: _jsx(AiLoading, { ...args }) })),
+    args: {
+        mode: 'steps',
+        steps: stepsAllCompleted,
+        expanded: true,
+        collapsible: true,
+    },
+};
+export const StepsCollapsed = {
+    name: 'Steps — Collapsed (shows executing title)',
+    render: (args) => (_jsx("div", { style: { minWidth: '360px' }, children: _jsx(AiLoading, { ...args }) })),
+    args: {
+        mode: 'steps',
+        steps: stepsInProgress,
+        expanded: false,
+        collapsible: true,
+    },
+};
+export const StepsWithAgentBadges = {
+    name: 'Steps — With Agent Badges',
+    render: (args) => (_jsx("div", { style: { minWidth: '360px' }, children: _jsx(AiLoading, { ...args }) })),
+    args: {
+        mode: 'steps',
+        steps: stepsWithAgents,
+        showAgentBadges: true,
+        currentAgent: 'OrchestratorAgent',
+        expanded: true,
+        collapsible: true,
+    },
+};
+export const StepsWithCurrentAgent = {
+    name: 'Steps — Header with Current Agent',
+    render: (args) => (_jsx("div", { style: { minWidth: '360px' }, children: _jsx(AiLoading, { ...args }) })),
+    args: {
+        mode: 'steps',
+        steps: stepsInProgress,
+        currentAgent: 'PlannerAgent',
+        expanded: true,
+        collapsible: true,
+    },
+};
+//# sourceMappingURL=ai-loading.stories.js.map

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":"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"}

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"}