tigerbase-chatbot 1.0.0

package/README.md

@@ -0,0 +1,78 @@
+# 🐯 TigerBase Chatbot
+
+A React chatbot component for TigerBase SaaS platform.
+
+## 📦 Installation
+
+```bash
+npm install solomdev-chatbot
+```
+
+## 🚀 Quick Start
+
+```tsx
+import { tigerbaseConfig, ChatbotPopup } from "solomdev-chatbot";
+
+// Initialize (once in your app)
+await tigerbaseConfig({
+  apiKey: "your-api-key",
+  apiSecret: "your-api-secret",
+  mcpUrl: "https://api.tigerbase.cloud/mcp",
+  aiKey: "your-gemini-api-key",
+  defaultLang: "ar",
+});
+
+// Use the component
+function App() {
+  return <ChatbotPopup />;
+}
+```
+
+## 🎨 Custom Styling
+
+```tsx
+await tigerbaseConfig({
+  // ... keys
+  style: {
+    theme: "dark", // 'light' | 'dark'
+    primaryColor: "#8b5cf6", // Purple accent
+    backgroundColor: "#1f2937",
+    borderRadius: "xl", // 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'
+    buttonPosition: "bottom-right",
+    fontSize: "md",
+  },
+});
+```
+
+## ⚙️ Configuration Options
+
+| Option            | Type           | Default  | Description              |
+| ----------------- | -------------- | -------- | ------------------------ |
+| `apiKey`          | `string`       | required | Your API key             |
+| `apiSecret`       | `string`       | required | Your API secret          |
+| `mcpUrl`          | `string`       | required | MCP server URL           |
+| `aiKey`           | `string`       | required | Google GenAI key         |
+| `defaultLang`     | `'ar' \| 'en'` | `'ar'`   | Default language         |
+| `autoDeleteChats` | `number`       | -        | Auto-delete after X mins |
+| `customPrompt`    | `string`       | -        | Custom AI prompt         |
+| `style`           | `ChatbotStyle` | -        | Custom styling           |
+
+## 🎨 Style Options
+
+| Option            | Values                                             | Default          |
+| ----------------- | -------------------------------------------------- | ---------------- |
+| `theme`           | `'light' \| 'dark'`                                | `'light'`        |
+| `primaryColor`    | Any hex color                                      | `'#3b82f6'`      |
+| `backgroundColor` | Any hex color                                      | `'#ffffff'`      |
+| `borderRadius`    | `'none' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| 'full'` | `'lg'`           |
+| `buttonPosition`  | `'bottom-right' \| 'bottom-left'`                  | `'bottom-right'` |
+
+## 🔧 Requirements
+
+- React 18+
+- Google GenAI API key
+- TigerBase subscription
+
+## 📄 License
+
+MIT © SolomDev00

package/dist/ChatbotPopup.d.ts

@@ -0,0 +1,2 @@
+declare const ChatbotPopup: () => import("react/jsx-runtime").JSX.Element;
+export default ChatbotPopup;

package/dist/ChatbotPopup.js

@@ -0,0 +1,401 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useState, useEffect, useRef } from "react";
+import { GoogleGenerativeAI, SchemaType } from "@google/generative-ai";
+import { toast } from "react-toastify";
+import { X, Maximize2, Minimize2, Send, RefreshCw, ShoppingCart, Trash2, Bot, User, Sparkles, } from "lucide-react";
+import { Button } from "./components/ui/button";
+import { Input } from "./components/ui/input";
+import { Card, CardContent, CardHeader } from "./components/ui/card";
+import { Badge } from "./components/ui/badge";
+import { ScrollArea } from "./components/ui/scroll-area";
+import { getConfig } from "./config";
+const ChatbotPopup = () => {
+    const cfg = getConfig();
+    const MCP_URL = cfg.secretKey || "";
+    const genAIKey = cfg.aiKey;
+    const defaultLang = cfg.defaultLang || "ar";
+    if (!genAIKey) {
+        toast.error(defaultLang === "ar"
+            ? "مفتاح Google GenAI غير موجود"
+            : "Google GenAI key not set");
+        throw new Error("Google GenAI key not set");
+    }
+    const genAI = new GoogleGenerativeAI(genAIKey);
+    const systemInstruction = `You are a helpful assistant for product management. Always respond in ${defaultLang === "ar" ? "Arabic" : "English"}. ${cfg.customPrompt || ""}  
+  When user asks for product information with an ID, use the get-product-info tool and pass the ID in the arguments.
+  When user asks to list products, use the list-products tool.
+  When user asks to add a product, use the add-product tool with name, price, and description.`;
+    const model = genAI.getGenerativeModel({
+        model: "gemini-2.5-flash",
+        systemInstruction,
+    });
+    const [isOpen, setIsOpen] = useState(false);
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [messages, setMessages] = useState([
+        {
+            role: "model",
+            content: defaultLang === "ar"
+                ? "أهلاً وسهلاً! أنا هنا لمساعدتك في إدارة المنتجات. كيف يمكنني مساعدتك؟"
+                : "Hello! I'm here to help with product management. How can I assist you?",
+            timestamp: new Date().toLocaleTimeString(defaultLang === "ar" ? "ar-EG" : "en-US", {
+                hour: "2-digit",
+                minute: "2-digit",
+                hour12: true,
+            }),
+        },
+    ]);
+    const [input, setInput] = useState("");
+    const [loading, setLoading] = useState(false);
+    const messagesEndRef = useRef(null);
+    // Auto delete chats
+    useEffect(() => {
+        if (cfg.autoDeleteChats) {
+            const timer = setTimeout(() => {
+                setMessages([
+                    {
+                        role: "model",
+                        content: defaultLang === "ar"
+                            ? "أهلاً وسهلاً! أنا هنا لمساعدتك في إدارة المنتجات. كيف يمكنني مساعدتك؟"
+                            : "Hello! I'm here to help with product management. How can I assist you?",
+                        timestamp: new Date().toLocaleTimeString(defaultLang === "ar" ? "ar-EG" : "en-US", {
+                            hour: "2-digit",
+                            minute: "2-digit",
+                            hour12: true,
+                        }),
+                    },
+                ]);
+                toast.info(defaultLang === "ar"
+                    ? "تم مسح المحادثة تلقائيًا"
+                    : "Chat cleared automatically");
+            }, cfg.autoDeleteChats * 60 * 1000);
+            return () => clearTimeout(timer);
+        }
+    }, [messages, cfg.autoDeleteChats, defaultLang]);
+    const scrollToBottom = () => {
+        messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+    };
+    useEffect(() => {
+        scrollToBottom();
+    }, [messages]);
+    const formatTimestamp = () => {
+        return new Date().toLocaleTimeString(defaultLang === "ar" ? "ar-EG" : "en-US", {
+            hour: "2-digit",
+            minute: "2-digit",
+            hour12: true,
+        });
+    };
+    const handleMcpToolCall = async (toolName, args, retries = 2) => {
+        if (!cfg.validatedTools.includes(toolName)) {
+            throw new Error(defaultLang === "ar"
+                ? `الأداة ${toolName} غير متاحة لهذا السيريال`
+                : `Tool ${toolName} not available for this serial`);
+        }
+        for (let i = 0; i <= retries; i++) {
+            try {
+                const methodName = "tools/call";
+                const response = await fetch(MCP_URL, {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": "application/json",
+                        Accept: "application/json, text/event-stream",
+                    },
+                    body: JSON.stringify({
+                        jsonrpc: "2.0",
+                        method: methodName,
+                        params: {
+                            name: toolName,
+                            arguments: args,
+                            _meta: { progressToken: 0 },
+                        },
+                        id: Date.now(),
+                    }),
+                });
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                const data = await response.json();
+                if (data.error) {
+                    throw new Error(`فشل استدعاء ${toolName}: ${data.error.message}`);
+                }
+                if (data.result &&
+                    data.result.content &&
+                    data.result.content[0]?.text) {
+                    return JSON.parse(data.result.content[0].text);
+                }
+                return (data.result ||
+                    (defaultLang === "ar"
+                        ? "تم تنفيذ الأمر بنجاح"
+                        : "Command executed successfully"));
+            }
+            catch (e) {
+                if (i < retries) {
+                    await new Promise((resolve) => setTimeout(resolve, 1000 * (i + 1)));
+                    continue;
+                }
+                throw new Error(defaultLang === "ar"
+                    ? `فشل استدعاء ${toolName} بعد ${retries + 1} محاولة: ${e.message}`
+                    : `Failed to call ${toolName} after ${retries + 1} attempts: ${e.message}`);
+            }
+        }
+    };
+    const handleSend = async (retryCount = 3) => {
+        if (!input.trim())
+            return;
+        const userMessage = {
+            role: "user",
+            content: input,
+            timestamp: formatTimestamp(),
+        };
+        setMessages((prev) => [...prev, userMessage]);
+        const userInput = input;
+        setInput("");
+        setLoading(true);
+        try {
+            const conversationHistory = messages
+                .map((m) => ({
+                role: m.role,
+                parts: [
+                    {
+                        text: typeof m.content === "string"
+                            ? m.content
+                            : JSON.stringify(m.content),
+                    },
+                ],
+            }))
+                .concat({
+                role: "user",
+                parts: [{ text: userInput }],
+            });
+            const result = await model.generateContent({
+                contents: conversationHistory,
+                generationConfig: {
+                    maxOutputTokens: 1024,
+                    temperature: 0.7,
+                },
+                tools: [
+                    {
+                        functionDeclarations: [
+                            {
+                                name: "mcp_tool",
+                                description: "Call MCP server tools for product management",
+                                parameters: {
+                                    type: SchemaType.OBJECT,
+                                    properties: {
+                                        tool: {
+                                            type: SchemaType.STRING,
+                                            format: "enum",
+                                            enum: cfg.validatedTools,
+                                            description: "The MCP tool to call",
+                                        },
+                                        arguments: {
+                                            type: SchemaType.OBJECT,
+                                            properties: {
+                                                id: {
+                                                    type: SchemaType.STRING,
+                                                    description: "Product ID for get-product-info tool",
+                                                },
+                                                name: {
+                                                    type: SchemaType.STRING,
+                                                    description: "Product name for add-product tool",
+                                                },
+                                                price: {
+                                                    type: SchemaType.NUMBER,
+                                                    description: "Product price for add-product tool",
+                                                },
+                                                description: {
+                                                    type: SchemaType.STRING,
+                                                    description: "Product description for add-product tool",
+                                                },
+                                            },
+                                            description: "Arguments to pass to the selected tool",
+                                        },
+                                    },
+                                    required: ["tool"],
+                                },
+                            },
+                        ],
+                    },
+                ],
+            });
+            let assistantReply = defaultLang === "ar"
+                ? "عذرًا، لم أفهم الطلب."
+                : "Sorry, I didn't understand the request.";
+            const response = await result.response;
+            const candidate = response.candidates?.[0];
+            if (candidate?.content?.parts) {
+                const parts = candidate.content.parts;
+                const functionCallPart = parts.find((part) => part.functionCall);
+                if (functionCallPart?.functionCall) {
+                    const { name, args } = functionCallPart.functionCall;
+                    if (name === "mcp_tool") {
+                        try {
+                            const functionArgs = args;
+                            const toolResult = await handleMcpToolCall(functionArgs.tool || functionArgs.name || "list-products", functionArgs.arguments || functionArgs.params || {});
+                            assistantReply = {
+                                products: Array.isArray(toolResult) ? toolResult : [toolResult],
+                            };
+                            toast.success(defaultLang === "ar"
+                                ? "تم جلب البيانات بنجاح!"
+                                : "Data fetched successfully!");
+                        }
+                        catch (e) {
+                            assistantReply =
+                                defaultLang === "ar"
+                                    ? `عذرًا، حدث خطأ أثناء تنفيذ الأمر: ${e.message}`
+                                    : `Sorry, an error occurred while executing the command: ${e.message}`;
+                            toast.error(e.message);
+                        }
+                    }
+                }
+                else {
+                    const textParts = parts
+                        .filter((part) => typeof part.text === "string")
+                        .map((part) => part.text)
+                        .join("\n");
+                    assistantReply =
+                        textParts ||
+                            (defaultLang === "ar" ? "لم أتمكن من الرد." : "Couldn't respond.");
+                }
+            }
+            setMessages((prev) => [
+                ...prev,
+                {
+                    role: "model",
+                    content: assistantReply,
+                    timestamp: formatTimestamp(),
+                },
+            ]);
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : "";
+            const isOverloaded = errorMessage.includes("overloaded") || errorMessage.includes("503");
+            const waitTime = isOverloaded ? 5000 : 1000;
+            if (retryCount > 0) {
+                toast.warn(defaultLang === "ar"
+                    ? `فشل الطلب، جاري إعادة المحاولة... (${retryCount} محاولة متبقية)`
+                    : `Request failed, retrying... (${retryCount} attempts left)`);
+                setTimeout(() => handleSend(retryCount - 1), waitTime);
+                return;
+            }
+            const errorMsg = errorMessage ||
+                (defaultLang === "ar" ? "حدث خطأ غير متوقع" : "Unexpected error");
+            toast.error(`${defaultLang === "ar" ? "خطأ" : "Error"}: ${errorMsg}`);
+            setMessages((prev) => [
+                ...prev,
+                {
+                    role: "model",
+                    content: `${defaultLang === "ar" ? "عذرًا، حدث خطأ" : "Sorry, an error occurred"}: ${errorMsg}`,
+                    timestamp: formatTimestamp(),
+                },
+            ]);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleKeyPress = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            handleSend();
+        }
+    };
+    const refreshProducts = async () => {
+        setLoading(true);
+        try {
+            const mcpResult = await handleMcpToolCall("list-products", {});
+            setMessages((prev) => [
+                ...prev,
+                {
+                    role: "model",
+                    content: {
+                        products: Array.isArray(mcpResult) ? mcpResult : [mcpResult],
+                    },
+                    timestamp: formatTimestamp(),
+                },
+            ]);
+            toast.success(defaultLang === "ar"
+                ? "تم تحديث قائمة المنتجات!"
+                : "Product list updated!");
+        }
+        catch (e) {
+            toast.error(defaultLang === "ar"
+                ? `فشل تحديث المنتجات: ${e.message}`
+                : `Failed to update products: ${e.message}`);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const clearChat = () => {
+        setMessages([
+            {
+                role: "model",
+                content: defaultLang === "ar"
+                    ? "أهلاً وسهلاً! أنا هنا لمساعدتك في إدارة المنتجات. كيف يمكنني مساعدتك؟"
+                    : "Hello! I'm here to help with product management. How can I assist you?",
+                timestamp: formatTimestamp(),
+            },
+        ]);
+        setInput("");
+        toast.info(defaultLang === "ar" ? "تم مسح المحادثة" : "Chat cleared");
+    };
+    const showCart = () => {
+        const cart = JSON.parse(localStorage.getItem("cart") || "[]");
+        if (cart.length === 0) {
+            toast.warn(defaultLang === "ar" ? "السلة فاضية!" : "Cart is empty!");
+            setMessages((prev) => [
+                ...prev,
+                {
+                    role: "model",
+                    content: defaultLang === "ar"
+                        ? "السلة فاضية حالياً! يمكنك إضافة المنتجات من قائمة المنتجات."
+                        : "The cart is empty! You can add products from the product list.",
+                    timestamp: formatTimestamp(),
+                },
+            ]);
+            return;
+        }
+        setMessages((prev) => [
+            ...prev,
+            {
+                role: "model",
+                content: { products: cart },
+                timestamp: formatTimestamp(),
+            },
+        ]);
+        toast.info(defaultLang === "ar"
+            ? `عرض السلة (${cart.length} منتج)`
+            : `Showing cart (${cart.length} items)`);
+    };
+    const ProductCard = ({ product }) => (_jsx(Card, { className: "mb-3 border border-gray-200 shadow-sm hover:shadow-md transition-shadow", children: _jsx(CardContent, { className: "p-4", children: _jsxs("div", { className: "flex justify-between items-start", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "font-semibold text-gray-800 text-sm", children: product.name }), _jsx("p", { className: "text-xs text-gray-600 mt-1 line-clamp-2", children: product.description }), _jsxs("div", { className: "flex items-center gap-2 mt-2", children: [_jsxs(Badge, { variant: "secondary", className: "text-xs", children: [product.price, " ", defaultLang === "ar" ? "جنيه" : "EGP"] }), _jsxs(Badge, { variant: "outline", className: "text-xs", children: ["ID: ", product.id] })] })] }), _jsx(Button, { size: "sm", variant: "outline", className: "text-xs h-8 px-3", onClick: () => {
+                            const cart = JSON.parse(localStorage.getItem("cart") || "[]");
+                            cart.push(product);
+                            localStorage.setItem("cart", JSON.stringify(cart));
+                            toast.success(defaultLang === "ar"
+                                ? "تم إضافة المنتج للسلة!"
+                                : "Product added to cart!");
+                        }, children: defaultLang === "ar" ? "إضافة للسلة" : "Add to Cart" })] }) }) }));
+    const MessageBubble = ({ message }) => {
+        const isUser = message.role === "user";
+        return (_jsx("div", { className: `flex mb-4 ${isUser ? "justify-end" : "justify-start"}`, children: _jsxs("div", { className: `flex max-w-[85%] ${isUser ? "flex-row-reverse" : "flex-row"}`, children: [_jsx("div", { className: `w-8 h-8 rounded-full flex items-center justify-center shrink-0 ${isUser ? "bg-blue-500 ml-3" : "bg-gray-200 mr-3"}`, children: isUser ? (_jsx(User, { className: "w-4 h-4 text-white" })) : (_jsx(Bot, { className: "w-4 h-4 text-gray-600" })) }), _jsxs("div", { className: `p-3 rounded-2xl ${isUser
+                            ? "bg-blue-500 text-white rounded-br-md"
+                            : "bg-gray-100 text-gray-800 rounded-bl-md"}`, children: [typeof message.content === "string" ? (_jsx("p", { className: "text-sm leading-relaxed", children: message.content })) : message.content.products ? (_jsxs("div", { children: [_jsx("p", { className: "text-sm mb-3 font-medium", children: defaultLang === "ar"
+                                            ? "المنتجات المتاحة:"
+                                            : "Available products:" }), _jsx("div", { className: "space-y-2", children: message.content.products.map((product, index) => (_jsx(ProductCard, { product: product }, product.id || index))) })] })) : null, _jsx("p", { className: `text-xs mt-2 ${isUser ? "text-blue-100" : "text-gray-500"}`, children: message.timestamp })] })] }) }));
+    };
+    if (!isOpen) {
+        return (_jsx("div", { className: "fixed bottom-6 right-6 z-50", children: _jsx(Button, { onClick: () => setIsOpen(true), className: "w-16 h-16 rounded-full shadow-xl bg-black hover:bg-gray-800 transition-all duration-300 hover:scale-105 flex items-center justify-center group cursor-pointer", children: _jsxs("div", { className: "flex items-center", children: [_jsx(Sparkles, { className: "text-white" }), _jsx("span", { className: "text-white font-medium text-sm opacity-0 group-hover:opacity-100 transition-opacity absolute -left-20 bg-black px-3 py-1 rounded-full whitespace-nowrap", children: defaultLang === "ar" ? "اسأل الذكاء الاصطناعي" : "Ask AI" })] }) }) }));
+    }
+    const chatClasses = isExpanded
+        ? "fixed inset-0 z-50 animate-in slide-in-from-right-4 duration-300"
+        : "fixed bottom-0 right-0 w-96 h-screen z-50 animate-in slide-in-right-bottom-4 slide-in-from-right-4 duration-300";
+    return (_jsx("div", { className: chatClasses, children: _jsxs(Card, { className: "h-full shadow-2xl border-0 overflow-hidden bg-white flex flex-col", children: [_jsx(CardHeader, { className: "bg-white border-b p-4 flex-shrink-0", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-3 rtl:space-x-reverse", children: [_jsx("div", { className: "w-8 h-8 rounded-full bg-red-500 flex items-center justify-center text-white font-bold text-sm", children: "tb" }), _jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-gray-800 text-sm", children: defaultLang === "ar" ? "اسأل Tigerbase" : "Ask Tigerbase" }), _jsx("p", { className: "text-xs text-gray-500", children: defaultLang === "ar"
+                                                    ? "متاح الآن للمساعدة"
+                                                    : "Available now to assist" })] })] }), _jsxs("div", { className: "flex items-center space-x-2 rtl:space-x-reverse", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => setIsExpanded(!isExpanded), className: "text-gray-500 hover:bg-gray-100 w-8 h-8", children: isExpanded ? (_jsx(Minimize2, { className: "w-4 h-4" })) : (_jsx(Maximize2, { className: "w-4 h-4" })) }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => setIsOpen(false), className: "text-gray-500 hover:bg-gray-100 w-8 h-8", children: _jsx(X, { className: "w-4 h-4" }) })] })] }) }), _jsxs(CardContent, { className: "flex-1 p-0 flex flex-col overflow-hidden", children: [_jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(ScrollArea, { className: "h-full", children: _jsxs("div", { className: "p-4", children: [messages.length === 1 && (_jsxs("div", { className: "text-center py-12", children: [_jsx("div", { className: "w-16 h-16 mx-auto mb-4 bg-gradient-to-br from-purple-500 to-blue-600 rounded-full flex items-center justify-center", children: _jsx(Sparkles, { className: "w-8 h-8 text-white" }) }), _jsx("h3", { className: "text-lg font-semibold text-gray-800 mb-2", children: defaultLang === "ar"
+                                                        ? "اسأل أي شيء عن Tigerbase"
+                                                        : "Ask anything about Tigerbase" }), _jsx("p", { className: "text-sm text-gray-500 max-w-xs mx-auto", children: defaultLang === "ar"
+                                                        ? "يستخدم Tigerbase أحدث البيانات في التوثيق للإجابة على أسئلتك."
+                                                        : "Tigerbase uses the latest data in the documentation to answer your questions." })] })), messages.map((message, index) => (_jsx(MessageBubble, { message: message }, index))), loading && (_jsx("div", { className: "flex justify-start mb-4", children: _jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-8 h-8 rounded-full bg-gray-200 mr-3 flex items-center justify-center", children: _jsx(Bot, { className: "w-4 h-4 text-gray-600" }) }), _jsx("div", { className: "bg-gray-100 p-3 rounded-2xl rounded-bl-md", children: _jsxs("div", { className: "flex space-x-1", children: [_jsx("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce" }), _jsx("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0.1s" } }), _jsx("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0.2s" } })] }) })] }) })), _jsx("div", { ref: messagesEndRef })] }) }) }), messages.length > 1 && (_jsx("div", { className: "border-t bg-gray-50 p-3 flex-shrink-0", children: _jsxs("div", { className: "flex space-x-2 rtl:space-x-reverse mb-0 flex-wrap gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: refreshProducts, className: "text-xs h-8 px-3 flex items-center gap-1", disabled: loading, children: [_jsx(RefreshCw, { className: "w-3 h-3" }), defaultLang === "ar" ? "المنتجات" : "Products"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: showCart, className: "text-xs h-8 px-3 flex items-center gap-1", children: [_jsx(ShoppingCart, { className: "w-3 h-3" }), defaultLang === "ar" ? "السلة" : "Cart"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: clearChat, className: "text-xs h-8 px-3 flex items-center gap-1", children: [_jsx(Trash2, { className: "w-3 h-3" }), defaultLang === "ar" ? "مسح" : "Clear"] })] }) })), _jsxs("div", { className: "border-t bg-white p-4 flex-shrink-0", children: [_jsxs("div", { className: "flex space-x-2 rtl:space-x-reverse items-center", children: [_jsx(Input, { value: input, onChange: (e) => setInput(e.target.value), onKeyPress: handleKeyPress, placeholder: defaultLang === "ar" ? "اسأل أي شيء" : "Ask anything", className: "flex-1 border-0 bg-gray-100 focus:bg-white transition-colors text-right placeholder:text-gray-500 text-sm", disabled: loading }), _jsx(Button, { onClick: () => handleSend(1), disabled: loading || !input.trim(), size: "icon", className: "bg-gray-300 hover:bg-gray-400 text-gray-600 w-8 h-8 rounded-full shrink-0", children: _jsx(Send, { className: "w-4 h-4" }) })] }), _jsx("div", { className: "mt-3 text-center", children: _jsxs("p", { className: "text-xs text-gray-500", children: [defaultLang === "ar" ? "مدعوم بواسطة" : "Powered by", " ", _jsx("span", { className: "text-red-500 font-semibold", children: "Tigerbase" })] }) })] })] })] }) }));
+};
+export default ChatbotPopup;

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/dist/components/ui/badge.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+            outline: "text-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge({ className, variant, ...props }) {
+    return (_jsx("div", { className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };

package/dist/components/ui/button.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+            outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2",
+            sm: "h-8 rounded-md px-3 text-xs",
+            lg: "h-10 rounded-md px-8",
+            icon: "h-9 w-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };

package/dist/components/ui/card.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/dist/components/ui/card.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border bg-card text-card-foreground shadow", className), ...props })));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
+CardFooter.displayName = "CardFooter";
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/components/ui/dialog.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { cn } from "../../lib/utils";
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/ui/input.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props }));
+});
+Input.displayName = "Input";
+export { Input };

package/dist/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

package/dist/components/ui/scroll-area.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "../../lib/utils";
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent p-[1px]", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) })));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };

package/dist/config.d.ts

@@ -0,0 +1,54 @@
+export interface ChatbotStyle {
+    theme?: "light" | "dark";
+    primaryColor?: string;
+    backgroundColor?: string;
+    userMessageBg?: string;
+    botMessageBg?: string;
+    textColor?: string;
+    headerBg?: string;
+    borderRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    buttonSize?: "sm" | "md" | "lg";
+    buttonPosition?: "bottom-right" | "bottom-left";
+    fontFamily?: string;
+    fontSize?: "sm" | "md" | "lg";
+}
+export interface TigerbaseConfig {
+    apiKey: string;
+    apiSecret: string;
+    mcpUrl: string;
+    aiKey: string;
+    secretKey?: string;
+    serialNum?: string;
+    defaultLang?: "ar" | "en";
+    autoDeleteChats?: number;
+    customPrompt?: string;
+    style?: ChatbotStyle;
+}
+export declare const tigerbaseConfig: (options: TigerbaseConfig) => Promise<void>;
+export declare const getConfig: () => {
+    mcpUrl: string;
+    apiKey: string;
+    validatedTools: string[];
+    style: {
+        theme?: "light" | "dark";
+        primaryColor?: string;
+        backgroundColor?: string;
+        userMessageBg?: string;
+        botMessageBg?: string;
+        textColor?: string;
+        headerBg?: string;
+        borderRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full";
+        buttonSize?: "sm" | "md" | "lg";
+        buttonPosition?: "bottom-right" | "bottom-left";
+        fontFamily?: string;
+        fontSize?: "sm" | "md" | "lg";
+    };
+    apiSecret: string;
+    aiKey: string;
+    secretKey?: string;
+    serialNum?: string;
+    defaultLang?: "ar" | "en";
+    autoDeleteChats?: number;
+    customPrompt?: string;
+};
+export declare const getCssVariables: (style: ChatbotStyle) => Record<string, string>;

package/dist/config.js

@@ -0,0 +1,102 @@
+// Default styles
+const defaultStyle = {
+    theme: "light",
+    primaryColor: "#3b82f6",
+    backgroundColor: "#ffffff",
+    userMessageBg: "#3b82f6",
+    botMessageBg: "#f3f4f6",
+    textColor: "#1f2937",
+    headerBg: "#ffffff",
+    borderRadius: "lg",
+    buttonSize: "md",
+    buttonPosition: "bottom-right",
+    fontSize: "md",
+};
+// Dark theme defaults
+const darkStyle = {
+    theme: "dark",
+    backgroundColor: "#1f2937",
+    userMessageBg: "#3b82f6",
+    botMessageBg: "#374151",
+    textColor: "#f9fafb",
+    headerBg: "#111827",
+};
+let config = null;
+let validatedData = null;
+export const tigerbaseConfig = async (options) => {
+    config = options;
+    // Normalize legacy config
+    const mcpUrl = options.mcpUrl || options.secretKey || "";
+    const apiKey = options.apiKey || options.serialNum || "";
+    if (!mcpUrl || !apiKey) {
+        throw new Error("MCP URL and API Key are required");
+    }
+    // Validate with backend
+    try {
+        const response = await fetch(mcpUrl, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": apiKey,
+                "X-API-Secret": options.apiSecret || "",
+            },
+            body: JSON.stringify({
+                jsonrpc: "2.0",
+                method: "tools/list",
+                id: Date.now(),
+            }),
+        });
+        if (!response.ok) {
+            throw new Error(`Validation failed: ${response.status}`);
+        }
+        const data = await response.json();
+        if (data.error) {
+            throw new Error(data.error.message);
+        }
+        validatedData = {
+            tools: data.result?.tools?.map((t) => t.name) || [],
+        };
+        console.log("✅ Tigerbase configured:", validatedData.tools);
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : "Unknown error";
+        throw new Error(`Tigerbase validation failed: ${errorMessage}`);
+    }
+};
+export const getConfig = () => {
+    if (!config || !validatedData) {
+        throw new Error("Tigerbase not configured. Call tigerbaseConfig() first.");
+    }
+    // Merge styles with defaults
+    const baseStyle = config.style?.theme === "dark"
+        ? { ...defaultStyle, ...darkStyle }
+        : defaultStyle;
+    const mergedStyle = { ...baseStyle, ...config.style };
+    return {
+        ...config,
+        mcpUrl: config.mcpUrl || config.secretKey || "",
+        apiKey: config.apiKey || config.serialNum || "",
+        validatedTools: validatedData.tools,
+        style: mergedStyle,
+    };
+};
+// CSS variable generator
+export const getCssVariables = (style) => {
+    const radiusMap = {
+        none: "0",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem",
+        xl: "1rem",
+        full: "9999px",
+    };
+    return {
+        "--tb-primary": style.primaryColor || defaultStyle.primaryColor,
+        "--tb-bg": style.backgroundColor || defaultStyle.backgroundColor,
+        "--tb-user-msg": style.userMessageBg || defaultStyle.userMessageBg,
+        "--tb-bot-msg": style.botMessageBg || defaultStyle.botMessageBg,
+        "--tb-text": style.textColor || defaultStyle.textColor,
+        "--tb-header": style.headerBg || defaultStyle.headerBg,
+        "--tb-radius": radiusMap[style.borderRadius || "lg"],
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ChatbotPopup } from "./ChatbotPopup";
+export { tigerbaseConfig } from "./config";

package/dist/index.js

@@ -0,0 +1,2 @@
+export { default as ChatbotPopup } from "./ChatbotPopup";
+export { tigerbaseConfig } from "./config";

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "tigerbase-chatbot",
+  "version": "1.0.0",
+  "description": "TigerBase Chatbot Client - AI-powered chatbot for product management",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@google/generative-ai": "^0.21.0",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.0.0",
+    "lucide-react": "^0.441.0",
+    "react-toastify": "^10.0.6",
+    "tailwind-merge": "^2.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.2",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.5.4"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "author": "SolomDev00",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SolomDev00/Tigerbase.git"
+  },
+  "homepage": "https://tigerbase.cloud",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "tigerbase",
+    "chatbot",
+    "react",
+    "ai",
+    "gemini",
+    "product-management",
+    "mcp"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}