@mordn/chat-widget 0.1.0

package/dist/db/index.mjs

@@ -0,0 +1,186 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/db/index.ts
+import "server-only";
+import { drizzle } from "drizzle-orm/postgres-js";
+import postgres from "postgres";
+
+// src/db/schema.ts
+var schema_exports = {};
+__export(schema_exports, {
+  conversations: () => conversations,
+  messages: () => messages
+});
+import { pgTable, text, timestamp, jsonb, index } from "drizzle-orm/pg-core";
+var conversations = pgTable("conversations", {
+  id: text("id").primaryKey(),
+  userId: text("user_id").notNull(),
+  title: text("title").notNull().default("New Chat"),
+  metadata: jsonb("metadata"),
+  createdAt: timestamp("created_at").defaultNow().notNull(),
+  updatedAt: timestamp("updated_at").defaultNow().notNull()
+}, (table) => [
+  index("conversations_user_id_idx").on(table.userId),
+  index("conversations_updated_at_idx").on(table.updatedAt)
+]);
+var messages = pgTable("messages", {
+  id: text("id").primaryKey(),
+  conversationId: text("conversation_id").notNull().references(() => conversations.id, { onDelete: "cascade" }),
+  role: text("role").notNull(),
+  // 'user' | 'assistant' | 'system'
+  content: text("content").notNull(),
+  files: jsonb("files"),
+  // Array of file attachments
+  model: text("model"),
+  // AI model used
+  metadata: jsonb("metadata"),
+  // Additional data (parts, reasoning, etc.)
+  createdAt: timestamp("created_at").defaultNow().notNull()
+}, (table) => [
+  index("messages_conversation_id_idx").on(table.conversationId),
+  index("messages_created_at_idx").on(table.createdAt)
+]);
+
+// src/db/chat-store.ts
+import { generateId } from "ai";
+import { eq, desc, asc, sql } from "drizzle-orm";
+async function createChat(userId) {
+  const id = generateId();
+  await db.insert(conversations).values({
+    id,
+    userId,
+    title: "New Chat",
+    metadata: {}
+  });
+  return id;
+}
+async function loadChat(conversationId) {
+  try {
+    const dbMessages = await db.select().from(messages).where(eq(messages.conversationId, conversationId)).orderBy(asc(messages.createdAt));
+    if (!dbMessages.length) return [];
+    return dbMessages.map((msg) => {
+      const metadata = msg.metadata;
+      if (metadata?.parts && Array.isArray(metadata.parts)) {
+        return {
+          id: msg.id,
+          role: msg.role,
+          parts: metadata.parts,
+          createdAt: msg.createdAt
+        };
+      }
+      return {
+        id: msg.id,
+        role: msg.role,
+        parts: [{ type: "text", text: msg.content }],
+        createdAt: msg.createdAt
+      };
+    });
+  } catch (error) {
+    console.error("Error loading chat:", error);
+    return [];
+  }
+}
+async function updateConversationTitle(chatId, title) {
+  try {
+    await db.update(conversations).set({ title, updatedAt: /* @__PURE__ */ new Date() }).where(eq(conversations.id, chatId));
+  } catch (error) {
+    console.error("Error updating conversation title:", error);
+  }
+}
+async function saveChat({
+  chatId,
+  messages: chatMessages,
+  model,
+  userId
+}) {
+  if (!userId) {
+    console.error("userId is required for saveChat");
+    return;
+  }
+  try {
+    const existingConv = await db.select({ id: conversations.id, title: conversations.title }).from(conversations).where(eq(conversations.id, chatId)).limit(1);
+    if (!existingConv.length) {
+      console.error("Conversation not found:", chatId);
+      return;
+    }
+    const conv = existingConv[0];
+    if (conv.title === "New Chat") {
+      const firstUserMessage = chatMessages.find((m) => m.role === "user");
+      if (firstUserMessage) {
+        const textPart = firstUserMessage.parts?.find((p) => p.type === "text");
+        if (textPart?.text) {
+          const newTitle = textPart.text.slice(0, 100);
+          await updateConversationTitle(chatId, newTitle);
+        }
+      }
+    }
+    const existingMessages = await db.select({ id: messages.id }).from(messages).where(eq(messages.conversationId, chatId));
+    const existingIds = new Set(existingMessages.map((m) => m.id));
+    const newMessages = chatMessages.filter((msg) => !existingIds.has(msg.id));
+    if (newMessages.length > 0) {
+      for (const msg of newMessages) {
+        const textPart = msg.parts?.find((p) => p.type === "text");
+        const fileParts = msg.parts?.filter((p) => p.type === "file") || [];
+        await db.insert(messages).values({
+          id: msg.id,
+          conversationId: chatId,
+          role: msg.role,
+          content: textPart?.text || "",
+          files: fileParts,
+          model: model || "openai/gpt-4o-mini",
+          metadata: { parts: msg.parts || [] }
+        });
+      }
+      await db.update(conversations).set({ updatedAt: /* @__PURE__ */ new Date() }).where(eq(conversations.id, chatId));
+    }
+  } catch (error) {
+    console.error("Error saving chat:", error);
+  }
+}
+async function getConversations(userId) {
+  try {
+    const result = await db.select({
+      id: conversations.id,
+      title: conversations.title,
+      createdAt: conversations.createdAt,
+      updatedAt: conversations.updatedAt,
+      metadata: conversations.metadata,
+      messageCount: sql`(
+          SELECT COUNT(*) FROM ${messages}
+          WHERE ${messages.conversationId} = ${conversations.id}
+        )`
+    }).from(conversations).where(eq(conversations.userId, userId)).orderBy(desc(conversations.updatedAt));
+    return result;
+  } catch (error) {
+    console.error("Error getting conversations:", error);
+    return [];
+  }
+}
+async function deleteConversation(chatId) {
+  try {
+    await db.delete(conversations).where(eq(conversations.id, chatId));
+  } catch (error) {
+    console.error("Error deleting conversation:", error);
+  }
+}
+
+// src/db/index.ts
+var connectionString = process.env.DATABASE_URL;
+var client = postgres(connectionString, { prepare: false });
+var db = drizzle(client, { schema: schema_exports });
+export {
+  conversations,
+  createChat,
+  db,
+  deleteConversation,
+  getConversations,
+  loadChat,
+  messages,
+  saveChat,
+  updateConversationTitle
+};
+//# sourceMappingURL=index.mjs.map

package/dist/db/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/db/index.ts","../../src/db/schema.ts","../../src/db/chat-store.ts"],"sourcesContent":["import 'server-only';\nimport { drizzle } from 'drizzle-orm/postgres-js';\nimport postgres from 'postgres';\nimport * as schema from './schema';\n\n// Create postgres connection\nconst connectionString = process.env.DATABASE_URL!;\n\n// Disable prefetch as it is not supported for \"Transaction\" pool mode\nconst client = postgres(connectionString, { prepare: false });\n\n// Create drizzle database instance\nexport const db = drizzle(client, { schema });\n\n// Export schema for convenience\nexport * from './schema';\n\n// Export chat store functions\nexport * from './chat-store';\n","import { pgTable, text, timestamp, jsonb, index } from 'drizzle-orm/pg-core';\n\n/**\n * Conversations table\n * Stores chat conversation metadata\n */\nexport const conversations = pgTable('conversations', {\n  id: text('id').primaryKey(),\n  userId: text('user_id').notNull(),\n  title: text('title').notNull().default('New Chat'),\n  metadata: jsonb('metadata'),\n  createdAt: timestamp('created_at').defaultNow().notNull(),\n  updatedAt: timestamp('updated_at').defaultNow().notNull(),\n}, (table) => [\n  index('conversations_user_id_idx').on(table.userId),\n  index('conversations_updated_at_idx').on(table.updatedAt),\n]);\n\n/**\n * Messages table\n * Stores individual chat messages\n */\nexport const messages = pgTable('messages', {\n  id: text('id').primaryKey(),\n  conversationId: text('conversation_id').notNull().references(() => conversations.id, { onDelete: 'cascade' }),\n  role: text('role').notNull(), // 'user' | 'assistant' | 'system'\n  content: text('content').notNull(),\n  files: jsonb('files'), // Array of file attachments\n  model: text('model'), // AI model used\n  metadata: jsonb('metadata'), // Additional data (parts, reasoning, etc.)\n  createdAt: timestamp('created_at').defaultNow().notNull(),\n}, (table) => [\n  index('messages_conversation_id_idx').on(table.conversationId),\n  index('messages_created_at_idx').on(table.createdAt),\n]);\n\n// Type exports for use in application code\nexport type Conversation = typeof conversations.$inferSelect;\nexport type NewConversation = typeof conversations.$inferInsert;\nexport type Message = typeof messages.$inferSelect;\nexport type NewMessage = typeof messages.$inferInsert;\n","import { generateId, UIMessage } from 'ai';\nimport { db, conversations, messages } from './index';\nimport { eq, desc, asc, sql } from 'drizzle-orm';\n\n/**\n * Create a new conversation\n */\nexport async function createChat(userId: string): Promise<string> {\n  const id = generateId();\n\n  await db.insert(conversations).values({\n    id,\n    userId,\n    title: 'New Chat',\n    metadata: {},\n  });\n\n  return id;\n}\n\n/**\n * Load messages for a conversation\n */\nexport async function loadChat(conversationId: string): Promise<UIMessage[]> {\n  try {\n    const dbMessages = await db\n      .select()\n      .from(messages)\n      .where(eq(messages.conversationId, conversationId))\n      .orderBy(asc(messages.createdAt));\n\n    if (!dbMessages.length) return [];\n\n    // Convert database messages to UIMessage format\n    return dbMessages.map((msg) => {\n      // If we have metadata with parts, use those (includes reasoning)\n      const metadata = msg.metadata as { parts?: any[] } | null;\n      if (metadata?.parts && Array.isArray(metadata.parts)) {\n        return {\n          id: msg.id,\n          role: msg.role as 'user' | 'assistant' | 'system',\n          parts: metadata.parts,\n          createdAt: msg.createdAt,\n        };\n      }\n\n      // Fallback to simple text message\n      return {\n        id: msg.id,\n        role: msg.role as 'user' | 'assistant' | 'system',\n        parts: [{ type: 'text', text: msg.content }],\n        createdAt: msg.createdAt,\n      };\n    });\n  } catch (error) {\n    console.error('Error loading chat:', error);\n    return [];\n  }\n}\n\n/**\n * Update conversation title\n */\nexport async function updateConversationTitle(\n  chatId: string,\n  title: string\n): Promise<void> {\n  try {\n    await db\n      .update(conversations)\n      .set({ title, updatedAt: new Date() })\n      .where(eq(conversations.id, chatId));\n  } catch (error) {\n    console.error('Error updating conversation title:', error);\n  }\n}\n\n/**\n * Save messages to a conversation\n */\nexport async function saveChat({\n  chatId,\n  messages: chatMessages,\n  model,\n  userId,\n}: {\n  chatId: string;\n  messages: UIMessage[];\n  model?: string;\n  userId: string;\n}): Promise<void> {\n  if (!userId) {\n    console.error('userId is required for saveChat');\n    return;\n  }\n\n  try {\n    // Verify conversation exists\n    const existingConv = await db\n      .select({ id: conversations.id, title: conversations.title })\n      .from(conversations)\n      .where(eq(conversations.id, chatId))\n      .limit(1);\n\n    if (!existingConv.length) {\n      console.error('Conversation not found:', chatId);\n      return;\n    }\n\n    const conv = existingConv[0];\n\n    // Update title if this is the first user message and title is still \"New Chat\"\n    if (conv.title === 'New Chat') {\n      const firstUserMessage = chatMessages.find((m) => m.role === 'user');\n      if (firstUserMessage) {\n        const textPart = firstUserMessage.parts?.find((p) => p.type === 'text') as { text: string } | undefined;\n        if (textPart?.text) {\n          const newTitle = textPart.text.slice(0, 100);\n          await updateConversationTitle(chatId, newTitle);\n        }\n      }\n    }\n\n    // Get existing message IDs from database\n    const existingMessages = await db\n      .select({ id: messages.id })\n      .from(messages)\n      .where(eq(messages.conversationId, chatId));\n\n    const existingIds = new Set(existingMessages.map((m) => m.id));\n\n    // Insert only new messages\n    const newMessages = chatMessages.filter((msg) => !existingIds.has(msg.id));\n\n    if (newMessages.length > 0) {\n      for (const msg of newMessages) {\n        const textPart = msg.parts?.find((p) => p.type === 'text') as { text: string } | undefined;\n        const fileParts = msg.parts?.filter((p) => p.type === 'file') || [];\n\n        await db.insert(messages).values({\n          id: msg.id,\n          conversationId: chatId,\n          role: msg.role,\n          content: textPart?.text || '',\n          files: fileParts,\n          model: model || 'openai/gpt-4o-mini',\n          metadata: { parts: msg.parts || [] },\n        });\n      }\n\n      // Update conversation's updatedAt\n      await db\n        .update(conversations)\n        .set({ updatedAt: new Date() })\n        .where(eq(conversations.id, chatId));\n    }\n  } catch (error) {\n    console.error('Error saving chat:', error);\n  }\n}\n\n/**\n * Get all conversations for a user\n */\nexport async function getConversations(userId: string) {\n  try {\n    const result = await db\n      .select({\n        id: conversations.id,\n        title: conversations.title,\n        createdAt: conversations.createdAt,\n        updatedAt: conversations.updatedAt,\n        metadata: conversations.metadata,\n        messageCount: sql<number>`(\n          SELECT COUNT(*) FROM ${messages}\n          WHERE ${messages.conversationId} = ${conversations.id}\n        )`,\n      })\n      .from(conversations)\n      .where(eq(conversations.userId, userId))\n      .orderBy(desc(conversations.updatedAt));\n\n    return result;\n  } catch (error) {\n    console.error('Error getting conversations:', error);\n    return [];\n  }\n}\n\n/**\n * Delete a conversation and all its messages\n */\nexport async function deleteConversation(chatId: string): Promise<void> {\n  try {\n    // Messages are deleted automatically due to cascade\n    await db.delete(conversations).where(eq(conversations.id, chatId));\n  } catch (error) {\n    console.error('Error deleting conversation:', error);\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,187 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+/**
+ * ChatWidget Configuration Types
+ *
+ * These types define all the configurable options for the ChatWidget component.
+ * They match the structure used in the settings panel for easy integration with
+ * a hosted service dashboard later.
+ */
+interface ChatWidgetConfig {
+    /**
+     * User ID for storing conversations
+     * This can be any string identifier from your auth system
+     * Required for all widget instances
+     */
+    userId: string;
+    /**
+     * AI Model configuration
+     */
+    model?: string;
+    /**
+     * System prompt for the AI
+     */
+    systemPrompt?: string;
+    /**
+     * Temperature for AI responses (0-1)
+     * 0 = more focused, 1 = more creative
+     */
+    temperature?: number;
+    /**
+     * Theme configuration
+     */
+    theme?: ThemeConfig;
+    /**
+     * Feature toggles
+     */
+    features?: FeatureConfig;
+    /**
+     * Display configuration (popup vs inline, positioning, etc.)
+     */
+    display?: DisplayConfig;
+    /**
+     * Initial conversation ID (if loading existing conversation)
+     */
+    conversationId?: string;
+    /**
+     * Initial messages (if starting with pre-filled messages)
+     */
+    initialMessages?: any[];
+}
+interface ThemeConfig {
+    /**
+     * Theme mode
+     */
+    mode?: 'light' | 'dark';
+    /**
+     * Primary color (hex)
+     */
+    primaryColor?: string;
+    /**
+     * Background color (hex)
+     */
+    backgroundColor?: string;
+    /**
+     * Text color (hex)
+     */
+    textColor?: string;
+}
+interface FeatureConfig {
+    /**
+     * Enable file uploads
+     */
+    fileUpload?: boolean;
+    /**
+     * Enable web search
+     */
+    webSearch?: boolean;
+}
+interface DisplayConfig {
+    /**
+     * Width of the widget
+     * Default: '450px'
+     */
+    width?: string;
+    /**
+     * Initial state (open or closed)
+     * Default: false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Show toggle button to open the chat
+     * Default: true
+     */
+    showToggleButton?: boolean;
+    /**
+     * Custom toggle button position
+     */
+    toggleButtonPosition?: {
+        bottom?: string;
+        right?: string;
+    };
+}
+
+interface ChatWidgetProps extends ChatWidgetConfig {
+    /**
+     * CSS class name for custom styling
+     */
+    className?: string;
+    /**
+     * Widget ID (for loading config from hosted service later)
+     */
+    widgetId?: string;
+}
+declare function ChatWidget({ userId, conversationId, initialMessages, className, model, systemPrompt, temperature, theme, features, display, }: ChatWidgetProps): react_jsx_runtime.JSX.Element;
+
+interface ChatTheme {
+    lightPrimary: string;
+    lightSecondary: string;
+    lightText: string;
+    darkPrimary: string;
+    darkSecondary: string;
+    darkText: string;
+    fontFamily: string;
+    fontSize: number;
+}
+type ThemeMode = 'light' | 'dark';
+interface ConversationStarter {
+    text: string;
+    enabled: boolean;
+}
+declare const fontOptions: {
+    value: string;
+    label: string;
+}[];
+declare function useChatTheme(): {
+    theme: ChatTheme;
+    updateColor: (key: keyof ChatTheme, value: string | number) => void;
+    updateLightColors: (colors: {
+        primary?: string;
+        secondary?: string;
+        text?: string;
+    }) => void;
+    updateDarkColors: (colors: {
+        primary?: string;
+        secondary?: string;
+        text?: string;
+    }) => void;
+    resetTheme: () => void;
+    updateFontSize: (size: number) => void;
+    updateFontFamily: (family: string) => void;
+    conversationStarters: ConversationStarter[];
+    updateConversationStarters: (starters: ConversationStarter[]) => void;
+    model: string;
+    updateModel: (selectedModel: string) => void;
+    systemPrompt: string;
+    updateSystemPrompt: (prompt: string) => void;
+    temperature: number;
+    updateTemperature: (temp: number) => void;
+    themeMode: ThemeMode;
+    updateThemeMode: (mode: ThemeMode) => void;
+};
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+export { Button, type ChatTheme, ChatWidget, type ChatWidgetConfig, type ChatWidgetProps, type ConversationStarter, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, type DisplayConfig, type FeatureConfig, Input, type ThemeConfig, type ThemeMode, ChatWidget as default, fontOptions, useChatTheme };

package/dist/index.d.ts

@@ -0,0 +1,187 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+/**
+ * ChatWidget Configuration Types
+ *
+ * These types define all the configurable options for the ChatWidget component.
+ * They match the structure used in the settings panel for easy integration with
+ * a hosted service dashboard later.
+ */
+interface ChatWidgetConfig {
+    /**
+     * User ID for storing conversations
+     * This can be any string identifier from your auth system
+     * Required for all widget instances
+     */
+    userId: string;
+    /**
+     * AI Model configuration
+     */
+    model?: string;
+    /**
+     * System prompt for the AI
+     */
+    systemPrompt?: string;
+    /**
+     * Temperature for AI responses (0-1)
+     * 0 = more focused, 1 = more creative
+     */
+    temperature?: number;
+    /**
+     * Theme configuration
+     */
+    theme?: ThemeConfig;
+    /**
+     * Feature toggles
+     */
+    features?: FeatureConfig;
+    /**
+     * Display configuration (popup vs inline, positioning, etc.)
+     */
+    display?: DisplayConfig;
+    /**
+     * Initial conversation ID (if loading existing conversation)
+     */
+    conversationId?: string;
+    /**
+     * Initial messages (if starting with pre-filled messages)
+     */
+    initialMessages?: any[];
+}
+interface ThemeConfig {
+    /**
+     * Theme mode
+     */
+    mode?: 'light' | 'dark';
+    /**
+     * Primary color (hex)
+     */
+    primaryColor?: string;
+    /**
+     * Background color (hex)
+     */
+    backgroundColor?: string;
+    /**
+     * Text color (hex)
+     */
+    textColor?: string;
+}
+interface FeatureConfig {
+    /**
+     * Enable file uploads
+     */
+    fileUpload?: boolean;
+    /**
+     * Enable web search
+     */
+    webSearch?: boolean;
+}
+interface DisplayConfig {
+    /**
+     * Width of the widget
+     * Default: '450px'
+     */
+    width?: string;
+    /**
+     * Initial state (open or closed)
+     * Default: false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Show toggle button to open the chat
+     * Default: true
+     */
+    showToggleButton?: boolean;
+    /**
+     * Custom toggle button position
+     */
+    toggleButtonPosition?: {
+        bottom?: string;
+        right?: string;
+    };
+}
+
+interface ChatWidgetProps extends ChatWidgetConfig {
+    /**
+     * CSS class name for custom styling
+     */
+    className?: string;
+    /**
+     * Widget ID (for loading config from hosted service later)
+     */
+    widgetId?: string;
+}
+declare function ChatWidget({ userId, conversationId, initialMessages, className, model, systemPrompt, temperature, theme, features, display, }: ChatWidgetProps): react_jsx_runtime.JSX.Element;
+
+interface ChatTheme {
+    lightPrimary: string;
+    lightSecondary: string;
+    lightText: string;
+    darkPrimary: string;
+    darkSecondary: string;
+    darkText: string;
+    fontFamily: string;
+    fontSize: number;
+}
+type ThemeMode = 'light' | 'dark';
+interface ConversationStarter {
+    text: string;
+    enabled: boolean;
+}
+declare const fontOptions: {
+    value: string;
+    label: string;
+}[];
+declare function useChatTheme(): {
+    theme: ChatTheme;
+    updateColor: (key: keyof ChatTheme, value: string | number) => void;
+    updateLightColors: (colors: {
+        primary?: string;
+        secondary?: string;
+        text?: string;
+    }) => void;
+    updateDarkColors: (colors: {
+        primary?: string;
+        secondary?: string;
+        text?: string;
+    }) => void;
+    resetTheme: () => void;
+    updateFontSize: (size: number) => void;
+    updateFontFamily: (family: string) => void;
+    conversationStarters: ConversationStarter[];
+    updateConversationStarters: (starters: ConversationStarter[]) => void;
+    model: string;
+    updateModel: (selectedModel: string) => void;
+    systemPrompt: string;
+    updateSystemPrompt: (prompt: string) => void;
+    temperature: number;
+    updateTemperature: (temp: number) => void;
+    themeMode: ThemeMode;
+    updateThemeMode: (mode: ThemeMode) => void;
+};
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+export { Button, type ChatTheme, ChatWidget, type ChatWidgetConfig, type ChatWidgetProps, type ConversationStarter, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, type DisplayConfig, type FeatureConfig, Input, type ThemeConfig, type ThemeMode, ChatWidget as default, fontOptions, useChatTheme };