@aslaluroba/help-center-react 1.0.1

package/dist/lib/config.d.ts

@@ -0,0 +1,19 @@
+import { TokenResponse } from './types';
+type Config = {
+    baseUrl: string;
+    hubUrl?: string;
+    tenantId?: string;
+    apiKey?: string;
+    getToken?: () => Promise<TokenResponse>;
+};
+declare class ConfigService {
+    private static instance;
+    private config;
+    private constructor();
+    static getInstance(): ConfigService;
+    initialize(config: Config): void;
+    getConfig(): Config;
+    getToken(): Promise<string>;
+}
+export declare const configService: ConfigService;
+export {};

package/dist/lib/custom-hooks/useTypewriter.d.ts

@@ -0,0 +1 @@
+export declare function useTypewriter(text: string, speed?: number, onType?: () => void): string;

package/dist/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/dist/lib/types.d.ts

@@ -0,0 +1,111 @@
+export interface HelpCenterProps extends React.HTMLAttributes<HTMLDivElement> {
+    helpScreenId: string;
+}
+export interface Theme {
+    primary: string;
+    secondary: string;
+    text: string;
+    background: string;
+    error: string;
+    success: string;
+}
+export interface UserData {
+    id: string;
+    name: string;
+    email: string;
+    avatar?: string;
+}
+export interface Message {
+    id: number;
+    senderType: number;
+    messageContent: string;
+    sentAt: Date;
+    isSeen: boolean;
+}
+export interface ChatSession {
+    id: string;
+    messages: Message[];
+    participants: UserData[];
+    status: 'active' | 'closed';
+    createdAt: Date;
+    updatedAt: Date;
+}
+export interface ChatSessionData {
+    helpScreenId: string;
+    user: UserData;
+    initialMessage?: string;
+}
+export interface HelpCenterConfig {
+    baseUrl: string;
+    getToken: () => Promise<{
+        token: string;
+        expiresIn: number;
+    }>;
+    helpScreenId: string;
+    user?: UserData;
+    theme?: Partial<Theme>;
+    onMessageReceived?: (message: Message) => void;
+    onSessionClosed?: () => void;
+    onError?: (error: Error) => void;
+}
+export interface HelpScreenOption {
+    id: string;
+    title: string;
+    paragraphs?: string[];
+    nestedOptions?: HelpScreenOption[];
+    chatWithUs?: boolean;
+}
+export interface HelpScreen {
+    id: string;
+    title: string;
+    options: HelpScreenOption[];
+}
+export interface ApiResponse<T> {
+    data: T;
+    success: boolean;
+    error?: string;
+}
+export interface TokenResponse {
+    token: string;
+    expiresIn: number;
+}
+export interface HelpScreenData {
+    id: string;
+    tenantId: string;
+    tenant: {
+        id: string;
+        name: string;
+        key: string;
+    };
+    title: string;
+    description: string;
+    options: Option[];
+    chatWithUs: boolean;
+}
+export interface Option {
+    id: string;
+    helpScreenId: string;
+    parentOptionId: string | null;
+    parentOption: Option | null;
+    files: any[];
+    nestedOptions: Option[];
+    title: string;
+    paragraphs: string[];
+    chatWithUs: boolean;
+    assistantId?: string;
+    assistant?: {
+        id: string;
+        tenantId: string;
+        tenant: {
+            id: string;
+            name: string;
+            key: string;
+        };
+        name: string;
+        openAIAssistantId: string;
+        greeting: string;
+        closing: string;
+    };
+    hasNestedOptions: boolean;
+    order: number;
+}

package/dist/lib/utils.d.ts

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

package/dist/ui/chatbot-popup/chat-window-screen/footer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ChatWindowFooterProps {
+    inputMessage: string;
+    setInputMessage: (e: string) => void;
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+    handleSendMessage: () => void;
+}
+declare const ChatWindowFooter: React.FC<ChatWindowFooterProps>;
+export default ChatWindowFooter;

package/dist/ui/chatbot-popup/chat-window-screen/header.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface ChatWindowHeaderProps {
+    isShowList: boolean;
+    setIsShowList?: (isShowList: boolean) => void;
+    showChat: boolean;
+    onClose: () => void;
+    handleBack: () => void;
+    handleEndChat: () => void;
+}
+declare const ChatWindowHeader: React.FC<ChatWindowHeaderProps>;
+export default ChatWindowHeader;

package/dist/ui/chatbot-popup/chat-window-screen/index.d.ts

@@ -0,0 +1,10 @@
+import { Message } from '@/lib/types';
+import React from 'react';
+interface ChatWindowProps {
+    onSendMessage: (message: string) => void;
+    messages: Message[];
+    assistantStatus: string;
+    needsAgent: boolean;
+}
+export declare function ChatWindow({ onSendMessage, messages, assistantStatus }: ChatWindowProps): React.JSX.Element;
+export {};

package/dist/ui/chatbot-popup/error-screen/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ChatBotErrorScreenProps {
+    onClose: () => void;
+    error: string;
+}
+declare const ChatBotErrorScreen: React.FC<ChatBotErrorScreenProps>;
+export default ChatBotErrorScreen;

package/dist/ui/chatbot-popup/home-screen/card.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CardProps {
+    text: string;
+    handleClick: () => void;
+}
+declare const Card: React.FC<CardProps>;
+export default Card;

package/dist/ui/chatbot-popup/home-screen/chat-now-card.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ChatNowCardProps {
+    setIsShowList: (isShowList: boolean) => void;
+}
+declare const ChatNowCard: React.FC<ChatNowCardProps>;
+export default ChatNowCard;

package/dist/ui/chatbot-popup/home-screen/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface HomeScreenProps {
+    setIsShowList: (isShowList: boolean) => void;
+    onClose: () => void;
+}
+declare const HomeScreen: React.FC<HomeScreenProps>;
+export default HomeScreen;

package/dist/ui/chatbot-popup/loading-screen/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ChatBotLoadingScreenProps {
+    isShowList: boolean;
+    onClose: () => void;
+}
+declare const ChatBotLoadingScreen: React.FC<ChatBotLoadingScreenProps>;
+export default ChatBotLoadingScreen;

package/dist/ui/chatbot-popup/options-list-screen/expanded-option.d.ts

@@ -0,0 +1,8 @@
+import { Option } from '@/lib/types';
+import React from 'react';
+interface ExpandedOptionProps {
+    option: Option;
+    handleStartChat: (option: Option) => void;
+}
+declare const ExpandedOption: React.FC<ExpandedOptionProps>;
+export default ExpandedOption;

package/dist/ui/chatbot-popup/options-list-screen/header.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface OptionsListHeaderProps {
+    handleBack: () => void;
+    showHelpScreen: boolean;
+}
+declare const OptionsListHeader: React.FC<OptionsListHeaderProps>;
+export default OptionsListHeader;

package/dist/ui/chatbot-popup/options-list-screen/index.d.ts

@@ -0,0 +1,12 @@
+import { HelpScreenData, Option } from '@/lib/types';
+import React from 'react';
+interface OptionsListScreenProps {
+    helpScreen: HelpScreenData | null;
+    expandedOption: Option | null;
+    setExpandedOption: (option: Option | null) => void;
+    handleStartChat: (option: Option) => void;
+    handleBack: () => void;
+    showHelpScreen: boolean;
+}
+declare const OptionsListScreen: React.FC<OptionsListScreenProps>;
+export default OptionsListScreen;

package/dist/ui/chatbot-popup/options-list-screen/option-card.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface OptionCardProps {
+    title: string;
+}
+declare const OptionCard: React.FC<OptionCardProps>;
+export default OptionCard;

package/dist/ui/floating-message.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FloatingMessageProps {
+    message: string;
+    onClose: () => void;
+}
+export declare function FloatingMessage({ message, onClose }: FloatingMessageProps): React.JSX.Element;
+export {};

package/dist/ui/help-button.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface HelpButtonProps {
+    onClick: () => void;
+}
+export declare function HelpButton({ onClick }: HelpButtonProps): React.JSX.Element;
+export {};

package/dist/ui/help-center.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import '../globals.css';
+interface HelpCenterProps {
+    helpScreenId: string;
+    language: string;
+    user?: {
+        id?: string;
+        name?: string;
+        email?: string;
+        avatar?: string;
+    };
+    showArrow?: boolean;
+    messageLabel?: string | null;
+    showHelpScreen?: boolean;
+}
+export declare function HelpCenter({ helpScreenId, user, showArrow, language, messageLabel, showHelpScreen }: HelpCenterProps): React.JSX.Element;
+export {};

package/dist/ui/help-popup.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { HelpScreenData, Message, Option } from '../lib/types';
+type HelpPopupProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    helpScreen: HelpScreenData | null;
+    status: string;
+    error: string | null;
+    user: any;
+    onStartChat: (option: Option) => void;
+    onSendMessage: (message: string) => void;
+    onEndChat: () => void;
+    messages: Message[];
+    needsAgent: boolean;
+    assistantStatus: string;
+    sessionId: string | null;
+    isChatClosed: boolean;
+    isSignalRConnected: boolean;
+    selectedOption: Option | null;
+    setSelectedOption: (option: Option | null) => void;
+    showHelpScreen: boolean;
+};
+export declare function HelpPopup({ onClose, helpScreen, status, error, onStartChat, onSendMessage, onEndChat, messages, assistantStatus, needsAgent, sessionId, isChatClosed, isSignalRConnected, selectedOption, setSelectedOption, showHelpScreen }: HelpPopupProps): React.JSX.Element;
+export {};

package/dist/useLocalTranslation.d.ts

@@ -0,0 +1,5 @@
+export declare const useLocalTranslation: (languageFromProps?: string) => {
+    t: (key: string) => string;
+    dir: "ltr" | "rtl";
+    i18n: import("i18next").i18n;
+};

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@aslaluroba/help-center-react",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "version": "1.0.1",
+  "description": "BabylAI Help Center Widget for React and Next.js",
+  "private": false,
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/react.esm.js",
+      "require": "./dist/react.js",
+      "types": "./dist/react.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "build:prod": "production rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest",
+    "clean": "rimraf dist",
+    "publish": "npm run build && npm publish --access public"
+  },
+  "files": [
+    "dist",
+    "src",
+    "globals.css",
+    "package.json",
+    "./tailwind.config.js",
+    "./postcss.config.js",
+    "./rollup.config.js"
+  ],
+  "keywords": [
+    "help-center",
+    "chat",
+    "support",
+    "react",
+    "nextjs"
+  ],
+  "author": "BabylAI",
+  "license": "MIT",
+  "peerDependencies": {
+    "i18next": "^23.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "react-i18next": "^13.0.0"
+  },
+  "dependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@microsoft/signalr": "^7.0.14",
+    "@rollup/plugin-babel": "^6.0.4",
+    "axios": "^1.7.9",
+    "babel-loader": "^10.0.0",
+    "class-variance-authority": "^0.7.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^21.1.0",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.5.0",
+    "@rollup/plugin-url": "^8.0.2",
+    "@svgr/rollup": "^8.1.0",
+    "@types/node": "^16.18.126",
+    "@types/react": "^17.0.83",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.24",
+    "rollup": "^2.79.2",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tailwindcss": "^3.3.2",
+    "tailwindcss-animate": "^1.0.7",
+    "tailwindcss-rtl": "^0.9.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.1.6"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/assets/icons/arrowRight.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 16">
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m1.5 1 6 7L6 9.75M1.5 15l2-2.333"/>
+</svg>

package/src/assets/icons/chat.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25">
+  <path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M17.5 3.838a9.95 9.95 0 0 0-5-1.338c-5.523 0-10 4.477-10 10 0 1.6.376 3.112 1.043 4.453.178.356.237.763.134 1.148l-.595 2.226a1.3 1.3 0 0 0 1.591 1.592l2.226-.596a1.63 1.63 0 0 1 1.149.133A9.96 9.96 0 0 0 12.5 22.5c5.523 0 10-4.477 10-10 0-1.821-.487-3.53-1.338-5"/>
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.667" d="M8.5 12.5h.009m3.982 0h.009m3.991 0h.009"/>
+</svg>

package/src/assets/icons/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>

package/src/assets/icons/closeCircle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 55 55">
+  <path stroke="#fff" stroke-linecap="round" stroke-width="3" d="M33.857 21.146 21.148 33.854m0-12.708 12.709 12.708M14.794 5.484a25.29 25.29 0 0 1 12.709-3.4c14.037 0 25.416 11.378 25.416 25.416S41.54 52.917 27.503 52.917c-14.038 0-25.417-11.38-25.417-25.417 0-4.628 1.238-8.972 3.4-12.708"/>
+</svg>

package/src/assets/icons/closeCirclePrimary.svg

@@ -0,0 +1,3 @@
+<svg  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 55 55">
+  <path stroke="#AD49E1" stroke-linecap="round" stroke-width="3" d="M33.857 21.146 21.148 33.854m0-12.708 12.709 12.708M14.794 5.484a25.29 25.29 0 0 1 12.709-3.4c14.037 0 25.416 11.378 25.416 25.416S41.54 52.917 27.503 52.917c-14.038 0-25.417-11.38-25.417-25.417 0-4.628 1.238-8.972 3.4-12.708"/>
+</svg>

package/src/assets/icons/envelope.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"  fill="none" viewBox="0 0 19 21">
+  <path fill="currentColor" d="M18.235 2.686c.432-1.195-.726-2.353-1.921-1.92L1.709 6.048c-1.2.434-1.344 2.07-.241 2.71l4.662 2.698 4.163-4.163a1 1 0 0 1 1.414 1.414L7.544 12.87l2.7 4.662c.638 1.103 2.274.957 2.708-.24l5.283-14.606Z"/>
+</svg>

package/src/assets/icons/seperator.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"  fill="none" viewBox="0 0 327 14">
+  <path stroke="currentColor" d="M132.5 7.5H0"/>
+  <path fill="currentColor" d="m162.891.465.002-.007c.174-.61 1.04-.61 1.214 0l.002.007.006.02a8.553 8.553 0 0 0 5.9 5.9l.02.006.007.002c.611.174.611 1.04 0 1.214l-.007.002-.02.006a8.553 8.553 0 0 0-5.9 5.9l-.006.02-.002.007c-.174.61-1.04.61-1.214 0l-.002-.007-.006-.02a8.553 8.553 0 0 0-5.9-5.9l-.02-.006-.007-.002c-.611-.174-.611-1.04 0-1.214l.007-.002.02-.006a8.553 8.553 0 0 0 5.9-5.9l.006-.02Z"/>
+  <path stroke="currentColor" d="M327 7.5H194.5"/>
+</svg>

package/src/assets/icons/threeDots.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"  fill="none" viewBox="0 0 14 4">
+  <path fill="#AD49E1" d="M3.25 1.827a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.25 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.25 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/>
+</svg>

package/src/assets/icons/user.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 16 20">
+  <path fill="currentColor" d="M8 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm8 7.5c0 2.485 0 4.5-8 4.5s-8-2.015-8-4.5S3.582 11 8 11s8 2.015 8 4.5Z"/>
+</svg>

package/src/assets/logo.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 55 53">
+  <path fill="#E5E5E5" d="M8.531 19.135c0-6.855 5.557-12.412 12.412-12.412H41.63c6.855 0 12.412 5.557 12.412 12.412v33.099H20.943c-6.855 0-12.412-5.557-12.412-12.412V19.135Z"/>
+  <path fill="#fff" d="M0 12.412C0 5.557 5.557 0 12.412 0h20.687C39.954 0 45.51 5.557 45.51 12.412v20.687c0 6.855-5.558 12.412-12.413 12.412H0V12.412Z"/>
+  <path fill="#AD49E1" d="m14.368 15.22.002-.007c.18-.631 1.076-.631 1.256 0l.002.007.006.022a8.848 8.848 0 0 0 6.102 6.102l.022.006.007.002c.631.18.631 1.075 0 1.256l-.007.002-.022.006a8.848 8.848 0 0 0-6.102 6.102l-.006.021-.002.007c-.18.632-1.075.632-1.256 0l-.002-.007-.006-.02a8.848 8.848 0 0 0-6.13-6.111c-.632-.18-.632-1.076 0-1.256l.007-.002.02-.006a8.848 8.848 0 0 0 6.103-6.102l.006-.022Zm22.352 6.63c0 3.07-2.431 5.56-5.43 5.56-3 0-5.43-2.49-5.43-5.56 0-3.07 2.43-5.56 5.43-5.56 2.999 0 5.43 2.49 5.43 5.56Z"/>
+</svg>

package/src/assets/logoColors.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"  fill="none" viewBox="0 0 39 38">
+  <path fill="#ECECEC" d="M6.148 13.794a8.947 8.947 0 0 1 8.948-8.947h14.912a8.947 8.947 0 0 1 8.948 8.947v23.86h-23.86a8.947 8.947 0 0 1-8.948-8.948V13.794Z"/>
+  <path fill="#AD49E1" d="M0 8.947A8.947 8.947 0 0 1 8.947 0H23.86a8.947 8.947 0 0 1 8.947 8.947V23.86a8.948 8.948 0 0 1-8.947 8.947H0V8.947Z"/>
+  <path fill="#fff" d="M10.36 10.972v-.005c.13-.455.776-.455.906 0a.273.273 0 0 1 .005.02 6.378 6.378 0 0 0 4.4 4.4l.015.004.005.001c.455.13.455.775 0 .905l-.005.002a6.378 6.378 0 0 0-4.419 4.419l-.001.005c-.13.455-.776.455-.905 0l-.002-.005-.004-.016a6.378 6.378 0 0 0-4.4-4.399l-.015-.004a.45.45 0 0 1-.005-.002c-.455-.13-.455-.775 0-.905l.005-.001.016-.005a6.378 6.378 0 0 0 4.399-4.399l.004-.015Zm16.102 4.779c0 2.214-1.753 4.008-3.915 4.008s-3.914-1.794-3.914-4.008c0-2.213 1.752-4.007 3.914-4.007s3.915 1.794 3.915 4.007Z"/>
+</svg>

package/src/assets/logo_ai.svg

@@ -0,0 +1,14 @@
+<svg width="624" height="203" viewBox="0 0 624 203" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33 74.5C33 47.9903 54.4903 26.5 81 26.5H161C187.51 26.5 209 47.9903 209 74.5V202.5H81C54.4903 202.5 33 181.01 33 154.5V74.5Z" fill="#EBD3F8"/>
+<path d="M0 48.5C0 21.9903 21.4903 0.5 48 0.5H128C154.51 0.5 176 21.9903 176 48.5V128.5C176 155.01 154.51 176.5 128 176.5H0V48.5Z" fill="#AD49E1"/>
+<path d="M55.5647 59.3595C55.5692 59.3436 55.5714 59.3357 55.5725 59.332C56.2691 56.8893 59.7309 56.8893 60.4275 59.332C60.4286 59.3357 60.4308 59.3436 60.4353 59.3595C60.447 59.4012 60.4529 59.422 60.4584 59.4416C63.6952 70.8715 72.6285 79.8048 84.0584 83.0416C84.078 83.0471 84.0988 83.053 84.1405 83.0647C84.1564 83.0692 84.1643 83.0714 84.1679 83.0725C86.6107 83.7691 86.6107 87.2309 84.1679 87.9275C84.1643 87.9286 84.1564 87.9308 84.1405 87.9353C84.0988 87.947 84.078 87.9529 84.0584 87.9584C72.6285 91.1952 63.6952 100.129 60.4584 111.558C60.4529 111.578 60.447 111.599 60.4353 111.641C60.4308 111.656 60.4286 111.664 60.4275 111.668C59.7309 114.111 56.2691 114.111 55.5725 111.668C55.5714 111.664 55.5692 111.656 55.5647 111.641C55.553 111.599 55.5471 111.578 55.5416 111.558C52.3048 100.129 43.3715 91.1952 31.9416 87.9584C31.922 87.9529 31.9012 87.947 31.8595 87.9353C31.8436 87.9308 31.8357 87.9286 31.832 87.9275C29.3893 87.2309 29.3893 83.7691 31.832 83.0725C31.8357 83.0714 31.8436 83.0692 31.8595 83.0647C31.9012 83.053 31.922 83.0471 31.9416 83.0416C43.3715 79.8048 52.3048 70.8715 55.5416 59.4416C55.5471 59.422 55.553 59.4012 55.5647 59.3595Z" fill="#F9F9F9"/>
+<ellipse cx="121" cy="85" rx="21" ry="21.5" fill="#F9F9F9"/>
+<path d="M504.878 93.808V28.24H518.126V93.808H504.878Z" fill="#AD49E1"/>
+<path d="M446 93.808L462.704 28.24H485.84L502.448 93.808H489.2L485.552 80.56H462.608L459.152 93.808H446ZM464.72 69.904H483.632L476.24 38.992H472.208L464.72 69.904Z" fill="#AD49E1"/>
+<path d="M430.666 93.808V25.936H443.434V93.808H430.666Z" fill="#18162C"/>
+<path d="M398.14 114.064L404.284 93.808H394.012L382.588 45.616H395.932L404.476 82.96H406.972L415.516 45.616H428.38L411.772 114.064H398.14Z" fill="#18162C"/>
+<path d="M358.863 94.864C357.263 94.864 355.311 94.8 353.007 94.672C350.703 94.544 348.335 94.352 345.903 94.096C343.535 93.84 341.423 93.616 339.567 93.424V25.936H352.431V47.152C353.391 46.768 354.575 46.384 355.983 46C357.391 45.616 358.863 45.296 360.399 45.04C361.999 44.72 363.471 44.56 364.815 44.56C369.295 44.56 372.847 45.488 375.471 47.344C378.159 49.136 380.079 51.824 381.231 55.408C382.383 58.992 382.959 63.504 382.959 68.944C382.959 75.344 382.223 80.464 380.751 84.304C379.343 88.08 376.879 90.8 373.359 92.464C369.839 94.064 365.007 94.864 358.863 94.864ZM358.959 84.112C362.095 84.112 364.431 83.568 365.967 82.48C367.503 81.328 368.527 79.632 369.039 77.392C369.615 75.152 369.903 72.4 369.903 69.136C369.903 65.808 369.647 63.152 369.135 61.168C368.623 59.12 367.759 57.648 366.543 56.752C365.391 55.792 363.759 55.312 361.647 55.312C360.623 55.312 359.535 55.44 358.383 55.696C357.231 55.888 356.111 56.144 355.023 56.464C353.999 56.72 353.135 56.976 352.431 57.232V83.728C353.391 83.792 354.511 83.888 355.791 84.016C357.071 84.08 358.127 84.112 358.959 84.112Z" fill="#18162C"/>
+<path d="M306.79 94.8639C301.798 94.8639 298.022 93.6159 295.462 91.1199C292.966 88.5599 291.718 84.7199 291.718 79.5999C291.718 76.0159 292.358 73.2319 293.638 71.2479C294.918 69.1999 296.806 67.7279 299.302 66.8319C301.862 65.8719 304.966 65.2959 308.614 65.1039L320.326 64.0479V61.1679C320.326 58.8639 319.75 57.2639 318.598 56.3679C317.446 55.4079 315.75 54.9279 313.51 54.9279C311.718 54.9279 309.638 54.9919 307.27 55.1199C304.966 55.2479 302.662 55.4079 300.358 55.5999C298.118 55.7919 296.166 55.9839 294.502 56.1759L294.118 47.1519C295.782 46.7679 297.766 46.3839 300.07 45.9999C302.438 45.5519 304.902 45.1999 307.462 44.9439C310.022 44.6879 312.39 44.5599 314.566 44.5599C318.662 44.5599 322.086 45.0719 324.838 46.0959C327.59 47.1199 329.67 48.8159 331.078 51.1839C332.486 53.4879 333.19 56.6239 333.19 60.5919V82.5759C333.318 83.4719 333.798 84.1759 334.63 84.6879C335.462 85.1359 336.422 85.4559 337.51 85.6479L337.222 94.4799C336.198 94.4799 335.174 94.4799 334.15 94.4799C333.19 94.5439 332.262 94.5439 331.366 94.4799C330.47 94.4799 329.67 94.4159 328.966 94.2879C327.494 94.0959 326.214 93.7119 325.126 93.1359C324.102 92.5599 323.27 91.9519 322.63 91.3119C321.606 91.7599 320.23 92.2719 318.502 92.8479C316.774 93.4239 314.886 93.9039 312.838 94.2879C310.854 94.6719 308.838 94.8639 306.79 94.8639ZM309.862 85.3599C311.078 85.3599 312.358 85.2319 313.702 84.9759C315.046 84.7199 316.294 84.4319 317.446 84.1119C318.662 83.7279 319.622 83.3759 320.326 83.0559V72.0159L310.534 72.8799C308.422 73.0719 306.886 73.7119 305.926 74.7999C305.03 75.8239 304.582 77.2959 304.582 79.2159C304.582 81.1359 304.998 82.6399 305.83 83.7279C306.726 84.8159 308.07 85.3599 309.862 85.3599Z" fill="#18162C"/>
+<path d="M241 93.808V28.24H267.112C271.464 28.24 275.208 28.784 278.344 29.872C281.48 30.96 283.912 32.72 285.64 35.152C287.432 37.52 288.328 40.72 288.328 44.752C288.328 47.504 288.04 49.84 287.464 51.76C286.952 53.616 286.12 55.216 284.968 56.56C283.88 57.84 282.44 59.024 280.648 60.112C282.568 60.816 284.232 61.776 285.64 62.992C287.112 64.144 288.232 65.712 289 67.696C289.768 69.616 290.152 72.176 290.152 75.376C290.152 78.896 289.608 81.84 288.52 84.208C287.432 86.576 285.864 88.464 283.816 89.872C281.832 91.28 279.496 92.304 276.808 92.944C274.12 93.52 271.176 93.808 267.976 93.808H241ZM254.248 84.016H267.016C269.256 84.016 271.112 83.76 272.584 83.248C274.12 82.672 275.272 81.68 276.04 80.272C276.872 78.864 277.288 76.912 277.288 74.416C277.288 72.496 276.968 70.928 276.328 69.712C275.688 68.496 274.856 67.6 273.832 67.024C272.808 66.384 271.656 65.936 270.376 65.68C269.16 65.424 267.944 65.296 266.728 65.296H254.248V84.016ZM254.248 55.888H266.632C268.808 55.888 270.568 55.568 271.912 54.928C273.256 54.224 274.248 53.2 274.888 51.856C275.528 50.448 275.848 48.688 275.848 46.576C275.848 43.568 275.048 41.392 273.448 40.048C271.912 38.704 269.48 38.032 266.152 38.032H254.248V55.888Z" fill="#18162C"/>
+<path d="M251.12 162.064V149.304L241.44 131.66H245.4L252.836 145.784L260.316 131.66H264.276L254.64 149.304V162.064H251.12ZM270.396 162.504C267.932 162.504 266.011 162.079 264.632 161.228C263.283 160.377 262.33 159.087 261.772 157.356C261.244 155.625 260.98 153.44 260.98 150.8C260.98 148.277 261.274 146.195 261.86 144.552C262.476 142.909 263.474 141.677 264.852 140.856C266.231 140.035 268.079 139.624 270.396 139.624C272.743 139.624 274.606 140.035 275.984 140.856C277.363 141.677 278.346 142.909 278.932 144.552C279.548 146.195 279.856 148.277 279.856 150.8C279.856 153.44 279.578 155.625 279.02 157.356C278.492 159.087 277.539 160.377 276.16 161.228C274.811 162.079 272.89 162.504 270.396 162.504ZM270.396 159.556C272.098 159.556 273.374 159.263 274.224 158.676C275.075 158.06 275.632 157.107 275.896 155.816C276.19 154.525 276.336 152.853 276.336 150.8C276.336 148.776 276.16 147.163 275.808 145.96C275.456 144.757 274.855 143.892 274.004 143.364C273.154 142.836 271.951 142.572 270.396 142.572C268.871 142.572 267.668 142.836 266.788 143.364C265.938 143.892 265.336 144.757 264.984 145.96C264.632 147.163 264.456 148.776 264.456 150.8C264.456 152.853 264.588 154.525 264.852 155.816C265.146 157.107 265.718 158.06 266.568 158.676C267.419 159.263 268.695 159.556 270.396 159.556ZM289.726 162.504C287.848 162.504 286.411 162.123 285.414 161.36C284.416 160.597 283.727 159.409 283.346 157.796C282.994 156.183 282.818 154.1 282.818 151.548V140.064H286.206V151.548C286.206 153.484 286.294 155.024 286.47 156.168C286.675 157.312 287.1 158.148 287.746 158.676C288.391 159.175 289.359 159.424 290.65 159.424C291.94 159.424 293.114 159.248 294.17 158.896C295.226 158.544 296.076 158.192 296.722 157.84V140.064H300.11V162.064H296.722V160.524C295.783 161.052 294.756 161.521 293.642 161.932C292.556 162.313 291.251 162.504 289.726 162.504ZM304.256 162.064V140.064H307.644V143.012C308.201 142.631 308.905 142.22 309.756 141.78C310.606 141.311 311.545 140.871 312.572 140.46C313.598 140.049 314.625 139.756 315.652 139.58V143.056C314.654 143.261 313.642 143.54 312.616 143.892C311.589 144.215 310.636 144.567 309.756 144.948C308.905 145.329 308.201 145.667 307.644 145.96V162.064H304.256ZM322.621 162.064L330.937 131.66H338.549L346.821 162.064H343.301L341.145 154.364H328.297L326.141 162.064H322.621ZM329.045 151.24H340.397L335.865 134.652H333.577L329.045 151.24ZM349.316 162.064V131.66H352.836V162.064H349.316ZM355.83 167.476L357.81 157.268H361.638L358.646 167.476H355.83ZM379.605 162.064V149.304L369.925 131.66H373.885L381.321 145.784L388.801 131.66H392.761L383.125 149.304V162.064H379.605ZM398.882 162.504C396.418 162.504 394.496 162.079 393.118 161.228C391.768 160.377 390.815 159.087 390.258 157.356C389.73 155.625 389.466 153.44 389.466 150.8C389.466 148.277 389.759 146.195 390.346 144.552C390.962 142.909 391.959 141.677 393.338 140.856C394.716 140.035 396.564 139.624 398.882 139.624C401.228 139.624 403.091 140.035 404.47 140.856C405.848 141.677 406.831 142.909 407.418 144.552C408.034 146.195 408.342 148.277 408.342 150.8C408.342 153.44 408.063 155.625 407.506 157.356C406.978 159.087 406.024 160.377 404.646 161.228C403.296 162.079 401.375 162.504 398.882 162.504ZM398.882 159.556C400.583 159.556 401.859 159.263 402.71 158.676C403.56 158.06 404.118 157.107 404.382 155.816C404.675 154.525 404.822 152.853 404.822 150.8C404.822 148.776 404.646 147.163 404.294 145.96C403.942 144.757 403.34 143.892 402.49 143.364C401.639 142.836 400.436 142.572 398.882 142.572C397.356 142.572 396.154 142.836 395.274 143.364C394.423 143.892 393.822 144.757 393.47 145.96C393.118 147.163 392.942 148.776 392.942 150.8C392.942 152.853 393.074 154.525 393.338 155.816C393.631 157.107 394.203 158.06 395.054 158.676C395.904 159.263 397.18 159.556 398.882 159.556ZM418.211 162.504C416.333 162.504 414.896 162.123 413.899 161.36C412.901 160.597 412.212 159.409 411.831 157.796C411.479 156.183 411.303 154.1 411.303 151.548V140.064H414.691V151.548C414.691 153.484 414.779 155.024 414.955 156.168C415.16 157.312 415.585 158.148 416.231 158.676C416.876 159.175 417.844 159.424 419.135 159.424C420.425 159.424 421.599 159.248 422.655 158.896C423.711 158.544 424.561 158.192 425.207 157.84V140.064H428.595V162.064H425.207V160.524C424.268 161.052 423.241 161.521 422.127 161.932C421.041 162.313 419.736 162.504 418.211 162.504ZM432.741 162.064V140.064H436.129V143.012C436.686 142.631 437.39 142.22 438.241 141.78C439.091 141.311 440.03 140.871 441.057 140.46C442.083 140.049 443.11 139.756 444.137 139.58V143.056C443.139 143.261 442.127 143.54 441.101 143.892C440.074 144.215 439.121 144.567 438.241 144.948C437.39 145.329 436.686 145.667 436.129 145.96V162.064H432.741ZM457.531 162.064L451.415 131.66H455.067L460.171 158.984H461.403L467.563 131.88H471.699L477.859 158.984H479.091L484.195 131.66H487.847L481.687 162.064H475.351L469.323 134.696H469.939L463.911 162.064H457.531ZM494.487 162.504C492.463 162.504 490.923 161.932 489.867 160.788C488.811 159.644 488.283 157.972 488.283 155.772C488.283 154.335 488.533 153.161 489.031 152.252C489.53 151.343 490.278 150.653 491.275 150.184C492.302 149.685 493.563 149.377 495.059 149.26L501.835 148.6V146.708C501.835 145.212 501.498 144.156 500.823 143.54C500.178 142.924 499.21 142.616 497.919 142.616C497.186 142.616 496.306 142.645 495.279 142.704C494.282 142.763 493.285 142.836 492.287 142.924C491.29 143.012 490.41 143.1 489.647 143.188L489.471 140.592C490.175 140.445 491.026 140.299 492.023 140.152C493.021 140.005 494.062 139.888 495.147 139.8C496.233 139.683 497.23 139.624 498.139 139.624C499.811 139.624 501.175 139.888 502.231 140.416C503.287 140.915 504.05 141.692 504.519 142.748C505.018 143.775 505.267 145.095 505.267 146.708V157.84C505.326 158.485 505.575 158.955 506.015 159.248C506.485 159.541 507.071 159.732 507.775 159.82L507.643 162.504C507.233 162.504 506.837 162.489 506.455 162.46C506.074 162.431 505.707 162.372 505.355 162.284C505.033 162.225 504.71 162.152 504.387 162.064C504.006 161.917 503.639 161.741 503.287 161.536C502.965 161.331 502.642 161.081 502.319 160.788C501.762 161.023 501.043 161.272 500.163 161.536C499.313 161.8 498.389 162.02 497.391 162.196C496.423 162.401 495.455 162.504 494.487 162.504ZM495.059 159.644C495.851 159.644 496.673 159.571 497.523 159.424C498.374 159.277 499.181 159.101 499.943 158.896C500.706 158.691 501.337 158.5 501.835 158.324V151.152L495.455 151.768C494.135 151.885 493.182 152.267 492.595 152.912C492.038 153.557 491.759 154.481 491.759 155.684C491.759 156.916 492.038 157.884 492.595 158.588C493.153 159.292 493.974 159.644 495.059 159.644ZM513.595 171.788L516.455 162.064H513.155L506.951 140.064H510.383L515.751 159.116H517.247L522.659 140.064H526.091L517.027 171.788H513.595Z" fill="#18162C"/>
+</svg>

package/src/assets/thinking-logo.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 244 196">
+  <path fill="currentColor" d="m61.09 66.443.019-.065c1.664-5.837 9.937-5.837 11.602 0l.018.065.055.197a81.77 81.77 0 0 0 56.396 56.395l.196.055.065.019c5.838 1.664 5.838 9.937 0 11.602a1.997 1.997 0 0 0-.065.018l-.196.055a81.772 81.772 0 0 0-56.396 56.396l-.055.196-.018.065c-1.665 5.838-9.938 5.838-11.602 0l-.019-.065-.055-.196A81.77 81.77 0 0 0 4.64 134.784l-.197-.055a1.4 1.4 0 0 0-.065-.018c-5.837-1.665-5.837-9.938 0-11.602l.065-.019.197-.055A81.77 81.77 0 0 0 61.035 66.64l.055-.197Zm127.08-15.758.015-.055c1.34-4.84 7.998-4.84 9.338 0l.015.055.045.163c6.225 22.65 23.407 40.352 45.391 46.766l.158.046.053.016c4.698 1.38 4.698 8.24 0 9.621l-.053.015-.158.046c-21.984 6.414-39.166 24.117-45.391 46.767l-.045.162a2.203 2.203 0 0 0-.015.055c-1.34 4.84-7.998 4.84-9.338 0a2.203 2.203 0 0 0-.015-.055l-.044-.162c-6.226-22.65-23.408-40.353-45.392-46.767l-.158-.046-.052-.015c-4.699-1.381-4.699-8.241 0-9.621l.052-.016.158-.046c21.984-6.414 39.166-24.117 45.392-46.766l.044-.163ZM127.131-17.29l.012-.04c1.055-3.56 6.301-3.56 7.357 0a9.314 9.314 0 0 0 .047.16c4.905 16.653 18.442 29.67 35.762 34.386l.125.034.042.012c3.701 1.014 3.701 6.059 0 7.074l-.042.011-.125.034c-17.32 4.716-30.857 17.733-35.762 34.387a3.744 3.744 0 0 0-.047.16c-1.056 3.56-6.302 3.56-7.357 0l-.012-.04a8.437 8.437 0 0 1-.035-.12c-4.905-16.654-18.443-29.67-35.763-34.387l-.125-.034-.041-.011c-3.702-1.015-3.702-6.06 0-7.074l.041-.012.125-.034C108.653 12.5 122.19-.517 127.096-17.17l.035-.12Z" opacity=".15"/>
+</svg>

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './shared'

package/src/components/shared/Button/button.tsx

@@ -0,0 +1,46 @@
+import { cn } from '../../../lib'
+import React from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+
+const buttonVariants = cva(
+  'babylai-inline-flex babylai-items-center babylai-justify-center babylai-gap-2 babylai-whitespace-nowrap babylai-rounded-full babylai-text-sm babylai-font-medium babylai-transition-colors focus-visible:babylai-outline-none focus-visible:babylai-ring-1 focus-visible:babylai-ring-ring disabled:babylai-pointer-events-none disabled:babylai-opacity-50 [&_svg]:babylai-pointer-events-none [&_svg]:babylai-size-3 [&_svg]:babylai-shrink-0',
+  {
+    variants: {
+      variant: {
+        default: 'babylai-bg-primary-500 babylai-p-2 babylai-text-white babylai-text-xs babylai-font-semibold hover:babylai-bg-primary-600',
+        destructive:
+          'babylai-bg-destructive babylai-p-2 babylai-text-destructive-foreground babylai-shadow-sm babylai-hover:babylai-bg-destructive/90',
+        outline:
+          'babylai-border babylai-border-primary-500 babylai-bg-background-transparent hover:babylai-border-primary-600 hover:babylai-text-primary-600 babylai-text-primary-500 babylai-font-bold',
+        secondary:
+          'babylai-bg-secondary babylai-p-2 babylai-text-secondary-foreground babylai-shadow-sm babylai-hover:babylai-bg-secondary/80',
+        ghost:
+          'babylai-bg-transparent babylai-p-2 babylai-text-secondary-foreground babylai-shadow-sm babylai-hover:babylai-bg-secondary/80',
+        link: 'babylai-text-primary babylai-underline-offset-4 babylai-hover:babylai-underline',
+        'rounded-icon': '!babylai-p-2'
+      },
+      size: {
+        default: 'babylai-h-9 babylai-px-4 babylai-py-2',
+        sm: 'babylai-h-8 babylai-rounded-full babylai-px-3 babylai-text-xs',
+        lg: 'babylai-h-10 babylai-rounded-full babylai-px-8',
+        icon: 'babylai-h-[28px] babylai-w-[28px]'
+      }
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default'
+    }
+  }
+)
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+export const Button = ({ children, className, variant, size, ...props }: ButtonProps) => {
+  return (
+    <button className={cn(buttonVariants({ variant, size, className }), className)} {...props}>
+      {children}
+    </button>
+  )
+}

package/src/components/shared/Button/index.ts

@@ -0,0 +1 @@
+export * from './button'

package/src/components/shared/Card/card.tsx

@@ -0,0 +1,44 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+  variant?: 'default' | 'rounded' | 'shadowed'
+}
+
+const Card = React.forwardRef<HTMLDivElement, CardProps>(({ className, variant = 'default', ...props }, ref) => {
+  const variantStyles = {
+    default: 'rounded-xl border bg-card text-card-foreground shadow',
+    rounded: 'rounded-3xl bg-black-white-50 py-4 px-3',
+    shadowed: 'rounded-xl border bg-card text-card-foreground shadow-lg'
+  }
+
+  return <div ref={ref} className={cn(variantStyles[variant], className)} {...props} />
+})
+Card.displayName = 'Card'
+
+const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />
+))
+CardHeader.displayName = 'CardHeader'
+
+const CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn('font-semibold leading-none tracking-tight', className)} {...props} />
+))
+CardTitle.displayName = 'CardTitle'
+
+const CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />
+))
+CardDescription.displayName = 'CardDescription'
+
+const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
+))
+CardContent.displayName = 'CardContent'
+
+const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
+  <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/src/components/shared/Card/index.ts

@@ -0,0 +1 @@
+export * from './card'

package/src/components/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './Button'
+export * from './Card'