@sqlrooms/ai 0.24.24 → 0.24.25

package/dist/components/settings/AiProvidersSettings.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { Button, Input, Label, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogTrigger, DialogFooter, useDisclosure, useToast, } from '@sqlrooms/ui';
+import { Cone, Settings, Plus, Server, Key, Trash2, CirclePlus, } from 'lucide-react';
+import { useStoreWithAiSettings } from '../../AiSettingsSlice';
+export const AiProvidersSettings = () => {
+    const { toast } = useToast();
+    const updateProvider = useStoreWithAiSettings((state) => state.updateProvider);
+    const addProvider = useStoreWithAiSettings((state) => state.addProvider);
+    const removeProvider = useStoreWithAiSettings((state) => state.removeProvider);
+    const providers = useStoreWithAiSettings((state) => state.config.aiSettings.providers);
+    const modelProviders = React.useMemo(() => {
+        const result = {};
+        Object.entries(providers).forEach(([key, provider]) => {
+            result[key] = {
+                apiKey: provider.apiKey,
+                baseUrl: provider.baseUrl,
+            };
+        });
+        return result;
+    }, [providers]);
+    const [expandedProviders, setExpandedProviders] = useState(new Set());
+    // Dialog state for adding a new provider
+    const { isOpen, onOpen, onClose } = useDisclosure();
+    const [newProviderKey, setNewProviderKey] = useState('');
+    const [newProviderApiKey, setNewProviderApiKey] = useState('');
+    const [newProviderBaseUrl, setNewProviderBaseUrl] = useState('');
+    // Dialog state for delete confirmation
+    const { isOpen: isDeleteOpen, onOpen: onDeleteOpen, onClose: onDeleteClose, } = useDisclosure();
+    const [providerToDelete, setProviderToDelete] = useState(null);
+    const handleAddProvider = () => {
+        if (newProviderKey) {
+            // Check if provider already exists
+            if (providers[newProviderKey]) {
+                toast({
+                    title: 'Provider already exists',
+                    description: `A provider with the key "${newProviderKey}" already exists. Please choose a different key.`,
+                    variant: 'destructive',
+                });
+                return;
+            }
+            addProvider(newProviderKey, newProviderBaseUrl, newProviderApiKey);
+            setNewProviderKey('');
+            setNewProviderApiKey('');
+            setNewProviderBaseUrl('');
+            onClose();
+            toast({
+                title: 'Provider added successfully',
+                description: `Provider "${newProviderKey}" has been added.`,
+            });
+        }
+    };
+    const handleUpdateProvider = (providerKey, field, value) => {
+        updateProvider(providerKey, { [field]: value });
+    };
+    const handleDeleteProvider = (providerKey) => {
+        setProviderToDelete({ key: providerKey });
+        onDeleteOpen();
+    };
+    const confirmDeleteProvider = () => {
+        if (providerToDelete) {
+            removeProvider(providerToDelete.key);
+            onDeleteClose();
+            setProviderToDelete(null);
+            toast({
+                title: 'Provider deleted successfully',
+                description: `Provider "${providerToDelete.key}" and its associated models have been removed.`,
+            });
+        }
+    };
+    const toggleProviderExpanded = (providerKey) => {
+        setExpandedProviders((prev) => {
+            const newSet = new Set(prev);
+            if (newSet.has(providerKey)) {
+                newSet.delete(providerKey);
+            }
+            else {
+                newSet.add(providerKey);
+            }
+            return newSet;
+        });
+    };
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-md flex items-center gap-2 pb-6 font-medium", children: [_jsx(Cone, { className: "h-4 w-4" }), "Providers"] }), _jsx("div", { className: "space-y-1", children: Object.entries(modelProviders).map(([providerKey, provider]) => {
+                    const isExpanded = expandedProviders.has(providerKey);
+                    return (_jsxs("div", { className: "space-y-0 rounded-lg p-0", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Label, { className: "w-20 flex-shrink-0 text-sm", children: providerKey.charAt(0).toUpperCase() + providerKey.slice(1) }), _jsx(Input, { id: `${providerKey}-apiKey`, type: "password", value: provider.apiKey, onChange: (e) => handleUpdateProvider(providerKey, 'apiKey', e.target.value), placeholder: "Enter API key", className: "flex-1" }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteProvider(providerKey), className: "h-6 h-8 w-6 w-8 p-0 text-gray-500 hover:bg-gray-100 hover:text-gray-700", children: _jsx(Trash2, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => toggleProviderExpanded(providerKey), className: "h-8 w-8 flex-shrink-0", children: _jsx(Settings, { className: "h-4 w-4" }) })] }), isExpanded && (_jsxs("div", { className: "flex items-center gap-3 pt-1", children: [_jsx("div", { className: "w-20 flex-shrink-0" }), ' ', _jsxs("div", { className: "flex flex-1 items-center gap-3", children: [_jsx(Label, { htmlFor: `${providerKey}-baseUrl`, className: "text-muted-foreground flex-shrink-0 text-xs", children: "baseUrl:" }), _jsx(Input, { id: `${providerKey}-baseUrl`, type: "url", value: provider.baseUrl, onChange: (e) => handleUpdateProvider(providerKey, 'baseUrl', e.target.value), placeholder: "Enter base URL", className: "flex-1" })] }), _jsx("div", { className: "w-16 flex-shrink-0" }), ' '] }))] }, providerKey));
+                }) }), _jsx("div", { className: "flex w-full p-2", children: _jsxs(Button, { onClick: onOpen, variant: "secondary", size: "sm", children: [_jsx(CirclePlus, { className: "h-3 w-3" }), "Add"] }) }), _jsxs(Dialog, { open: isOpen, onOpenChange: (open) => (open ? onOpen() : onClose()), children: [_jsx(DialogTrigger, { asChild: true }), _jsxs(DialogContent, { className: "border-0 p-5", children: [_jsxs(DialogHeader, { className: "mb-1", children: [_jsxs(DialogTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Cone, { className: "h-4 w-4" }), " Add New Provider"] }), _jsx(DialogDescription, { className: "text-xs", children: "Configure a new model provider with API credentials." })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Label, { htmlFor: "new-provider-key", className: "w-20 text-sm", children: "Key" }), _jsxs("div", { className: "relative flex-1", children: [_jsx(Cone, { className: "absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2" }), _jsx(Input, { id: "new-provider-key", value: newProviderKey, onChange: (e) => setNewProviderKey(e.target.value), placeholder: "e.g., anthropic", className: "pl-8" })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Label, { htmlFor: "new-provider-api-key", className: "w-20 text-sm", children: "API Key" }), _jsxs("div", { className: "relative flex-1", children: [_jsx(Key, { className: "absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2" }), _jsx(Input, { id: "new-provider-api-key", type: "password", value: newProviderApiKey, onChange: (e) => setNewProviderApiKey(e.target.value), placeholder: "Enter API key", className: "pl-8" })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Label, { htmlFor: "new-provider-url", className: "w-20 text-sm", children: "baseUrl" }), _jsxs("div", { className: "relative flex-1", children: [_jsx(Server, { className: "absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2" }), _jsx(Input, { id: "new-provider-url", type: "url", value: newProviderBaseUrl, onChange: (e) => setNewProviderBaseUrl(e.target.value), placeholder: "Enter base URL", className: "pl-8" })] })] }), _jsx("div", { className: "flex justify-end pt-1", children: _jsxs(Button, { size: "sm", onClick: handleAddProvider, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Add Provider"] }) })] })] })] }), _jsx(Dialog, { open: isDeleteOpen, onOpenChange: (open) => (open ? onDeleteOpen() : onDeleteClose()), children: _jsxs(DialogContent, { className: "border-0 p-5", children: [_jsxs(DialogHeader, { className: "mb-1", children: [_jsxs(DialogTitle, { className: "text-destructive flex items-center gap-2 text-base", children: [_jsx(Trash2, { className: "h-4 w-4" }), " Delete Provider"] }), _jsx(DialogDescription, { className: "text-xs", children: "This action cannot be undone. This will permanently delete the provider and all its associated models." })] }), _jsxs("div", { className: "py-2", children: [_jsxs("p", { className: "text-sm", children: ["Are you sure you want to delete the provider", ' ', _jsxs("strong", { children: ["\u201C", providerToDelete?.key, "\u201D"] }), "?"] }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "All models associated with this provider will also be removed." })] }), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: onDeleteClose, children: "Cancel" }), _jsxs(Button, { variant: "destructive", size: "sm", onClick: confirmDeleteProvider, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Delete Provider"] })] })] }) })] }));
+};
+//# sourceMappingURL=AiProvidersSettings.js.map

package/dist/components/settings/AiProvidersSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiProvidersSettings.js","sourceRoot":"","sources":["../../../src/components/settings/AiProvidersSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useState} from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogTrigger,\n  DialogFooter,\n  useDisclosure,\n  useToast,\n} from '@sqlrooms/ui';\nimport {\n  Cone,\n  Settings,\n  Plus,\n  Server,\n  Key,\n  Trash2,\n  CirclePlus,\n} from 'lucide-react';\nimport {useStoreWithAiSettings} from '../../AiSettingsSlice';\n\nexport const AiProvidersSettings: FC = () => {\n  const {toast} = useToast();\n  const updateProvider = useStoreWithAiSettings(\n    (state) => state.updateProvider,\n  );\n  const addProvider = useStoreWithAiSettings((state) => state.addProvider);\n  const removeProvider = useStoreWithAiSettings(\n    (state) => state.removeProvider,\n  );\n  const providers = useStoreWithAiSettings(\n    (state) => state.config.aiSettings.providers,\n  );\n  const modelProviders = React.useMemo(() => {\n    const result: Record<string, {apiKey: string; baseUrl: string}> = {};\n    Object.entries(providers).forEach(([key, provider]) => {\n      result[key] = {\n        apiKey: provider.apiKey,\n        baseUrl: provider.baseUrl,\n      };\n    });\n    return result;\n  }, [providers]);\n\n  const [expandedProviders, setExpandedProviders] = useState<Set<string>>(\n    new Set(),\n  );\n\n  // Dialog state for adding a new provider\n  const {isOpen, onOpen, onClose} = useDisclosure();\n  const [newProviderKey, setNewProviderKey] = useState('');\n  const [newProviderApiKey, setNewProviderApiKey] = useState('');\n  const [newProviderBaseUrl, setNewProviderBaseUrl] = useState('');\n\n  // Dialog state for delete confirmation\n  const {\n    isOpen: isDeleteOpen,\n    onOpen: onDeleteOpen,\n    onClose: onDeleteClose,\n  } = useDisclosure();\n  const [providerToDelete, setProviderToDelete] = useState<{\n    key: string;\n  } | null>(null);\n\n  const handleAddProvider = () => {\n    if (newProviderKey) {\n      // Check if provider already exists\n      if (providers[newProviderKey]) {\n        toast({\n          title: 'Provider already exists',\n          description: `A provider with the key \"${newProviderKey}\" already exists. Please choose a different key.`,\n          variant: 'destructive',\n        });\n        return;\n      }\n\n      addProvider(newProviderKey, newProviderBaseUrl, newProviderApiKey);\n      setNewProviderKey('');\n      setNewProviderApiKey('');\n      setNewProviderBaseUrl('');\n      onClose();\n\n      toast({\n        title: 'Provider added successfully',\n        description: `Provider \"${newProviderKey}\" has been added.`,\n      });\n    }\n  };\n\n  const handleUpdateProvider = (\n    providerKey: string,\n    field: 'apiKey' | 'baseUrl',\n    value: string,\n  ) => {\n    updateProvider(providerKey, {[field]: value});\n  };\n\n  const handleDeleteProvider = (providerKey: string) => {\n    setProviderToDelete({key: providerKey});\n    onDeleteOpen();\n  };\n\n  const confirmDeleteProvider = () => {\n    if (providerToDelete) {\n      removeProvider(providerToDelete.key);\n      onDeleteClose();\n      setProviderToDelete(null);\n\n      toast({\n        title: 'Provider deleted successfully',\n        description: `Provider \"${providerToDelete.key}\" and its associated models have been removed.`,\n      });\n    }\n  };\n\n  const toggleProviderExpanded = (providerKey: string) => {\n    setExpandedProviders((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(providerKey)) {\n        newSet.delete(providerKey);\n      } else {\n        newSet.add(providerKey);\n      }\n      return newSet;\n    });\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <label className=\"text-md flex items-center gap-2 pb-6 font-medium\">\n        <Cone className=\"h-4 w-4\" />\n        Providers\n      </label>\n\n      {/* Existing Providers */}\n      <div className=\"space-y-1\">\n        {Object.entries(modelProviders).map(([providerKey, provider]) => {\n          const isExpanded = expandedProviders.has(providerKey);\n\n          return (\n            <div key={providerKey} className=\"space-y-0 rounded-lg p-0\">\n              {/* First row: Provider name, API key input, delete button, and cogwheel button */}\n              <div className=\"flex items-center gap-3\">\n                <Label className=\"w-20 flex-shrink-0 text-sm\">\n                  {providerKey.charAt(0).toUpperCase() + providerKey.slice(1)}\n                </Label>\n                <Input\n                  id={`${providerKey}-apiKey`}\n                  type=\"password\"\n                  value={provider.apiKey}\n                  onChange={(e) =>\n                    handleUpdateProvider(providerKey, 'apiKey', e.target.value)\n                  }\n                  placeholder=\"Enter API key\"\n                  className=\"flex-1\"\n                />\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => handleDeleteProvider(providerKey)}\n                  className=\"h-6 h-8 w-6 w-8 p-0 text-gray-500 hover:bg-gray-100 hover:text-gray-700\"\n                >\n                  <Trash2 className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => toggleProviderExpanded(providerKey)}\n                  className=\"h-8 w-8 flex-shrink-0\"\n                >\n                  <Settings className=\"h-4 w-4\" />\n                </Button>\n              </div>\n\n              {/* Second row: baseUrl input (toggleable) */}\n              {isExpanded && (\n                <div className=\"flex items-center gap-3 pt-1\">\n                  <div className=\"w-20 flex-shrink-0\" />{' '}\n                  {/* Spacer to align with provider name above */}\n                  <div className=\"flex flex-1 items-center gap-3\">\n                    <Label\n                      htmlFor={`${providerKey}-baseUrl`}\n                      className=\"text-muted-foreground flex-shrink-0 text-xs\"\n                    >\n                      baseUrl:\n                    </Label>\n                    <Input\n                      id={`${providerKey}-baseUrl`}\n                      type=\"url\"\n                      value={provider.baseUrl}\n                      onChange={(e) =>\n                        handleUpdateProvider(\n                          providerKey,\n                          'baseUrl',\n                          e.target.value,\n                        )\n                      }\n                      placeholder=\"Enter base URL\"\n                      className=\"flex-1\"\n                    />\n                  </div>\n                  <div className=\"w-16 flex-shrink-0\" />{' '}\n                  {/* Spacer to align with delete and cogwheel buttons above */}\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Add New Provider */}\n      <div className=\"flex w-full p-2\">\n        <Button onClick={onOpen} variant=\"secondary\" size=\"sm\">\n          <CirclePlus className=\"h-3 w-3\" />\n          Add\n        </Button>\n      </div>\n\n      {/* Add New Provider Dialog */}\n      <Dialog\n        open={isOpen}\n        onOpenChange={(open) => (open ? onOpen() : onClose())}\n      >\n        <DialogTrigger asChild>\n          {/* handled via onOpen button above */}\n        </DialogTrigger>\n        <DialogContent className=\"border-0 p-5\">\n          <DialogHeader className=\"mb-1\">\n            <DialogTitle className=\"flex items-center gap-2 text-base\">\n              <Cone className=\"h-4 w-4\" /> Add New Provider\n            </DialogTitle>\n            <DialogDescription className=\"text-xs\">\n              Configure a new model provider with API credentials.\n            </DialogDescription>\n          </DialogHeader>\n\n          <div className=\"space-y-2\">\n            <div className=\"flex items-center gap-3\">\n              <Label htmlFor=\"new-provider-key\" className=\"w-20 text-sm\">\n                Key\n              </Label>\n              <div className=\"relative flex-1\">\n                <Cone className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2\" />\n                <Input\n                  id=\"new-provider-key\"\n                  value={newProviderKey}\n                  onChange={(e) => setNewProviderKey(e.target.value)}\n                  placeholder=\"e.g., anthropic\"\n                  className=\"pl-8\"\n                />\n              </div>\n            </div>\n\n            <div className=\"flex items-center gap-3\">\n              <Label htmlFor=\"new-provider-api-key\" className=\"w-20 text-sm\">\n                API Key\n              </Label>\n              <div className=\"relative flex-1\">\n                <Key className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2\" />\n                <Input\n                  id=\"new-provider-api-key\"\n                  type=\"password\"\n                  value={newProviderApiKey}\n                  onChange={(e) => setNewProviderApiKey(e.target.value)}\n                  placeholder=\"Enter API key\"\n                  className=\"pl-8\"\n                />\n              </div>\n            </div>\n\n            <div className=\"flex items-center gap-3\">\n              <Label htmlFor=\"new-provider-url\" className=\"w-20 text-sm\">\n                baseUrl\n              </Label>\n              <div className=\"relative flex-1\">\n                <Server className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2\" />\n                <Input\n                  id=\"new-provider-url\"\n                  type=\"url\"\n                  value={newProviderBaseUrl}\n                  onChange={(e) => setNewProviderBaseUrl(e.target.value)}\n                  placeholder=\"Enter base URL\"\n                  className=\"pl-8\"\n                />\n              </div>\n            </div>\n\n            <div className=\"flex justify-end pt-1\">\n              <Button size=\"sm\" onClick={handleAddProvider}>\n                <Plus className=\"mr-2 h-4 w-4\" /> Add Provider\n              </Button>\n            </div>\n          </div>\n        </DialogContent>\n      </Dialog>\n\n      {/* Delete Confirmation Dialog */}\n      <Dialog\n        open={isDeleteOpen}\n        onOpenChange={(open) => (open ? onDeleteOpen() : onDeleteClose())}\n      >\n        <DialogContent className=\"border-0 p-5\">\n          <DialogHeader className=\"mb-1\">\n            <DialogTitle className=\"text-destructive flex items-center gap-2 text-base\">\n              <Trash2 className=\"h-4 w-4\" /> Delete Provider\n            </DialogTitle>\n            <DialogDescription className=\"text-xs\">\n              This action cannot be undone. This will permanently delete the\n              provider and all its associated models.\n            </DialogDescription>\n          </DialogHeader>\n\n          <div className=\"py-2\">\n            <p className=\"text-sm\">\n              Are you sure you want to delete the provider{' '}\n              <strong>&ldquo;{providerToDelete?.key}&rdquo;</strong>?\n            </p>\n            <p className=\"text-muted-foreground mt-1 text-xs\">\n              All models associated with this provider will also be removed.\n            </p>\n          </div>\n\n          <DialogFooter className=\"gap-2\">\n            <Button variant=\"outline\" size=\"sm\" onClick={onDeleteClose}>\n              Cancel\n            </Button>\n            <Button\n              variant=\"destructive\"\n              size=\"sm\"\n              onClick={confirmDeleteProvider}\n            >\n              <Trash2 className=\"mr-2 h-4 w-4\" />\n              Delete Provider\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n"]}

package/dist/components/settings/AiSettingsPanel.d.ts

@@ -0,0 +1,17 @@
+import { FC, PropsWithChildren } from 'react';
+import { UseDisclosureReturnValue } from '@sqlrooms/ui';
+interface AiSettingsPanelProps {
+    disclosure: UseDisclosureReturnValue;
+}
+export declare const AiSettingsPanelBase: FC<PropsWithChildren<AiSettingsPanelProps>>;
+export declare const AiSettingsPanel: FC<PropsWithChildren<AiSettingsPanelProps>> & {
+    ProvidersSettings: FC;
+    ModelsSettings: FC<import("./AiModelsSettings").AiModelsSettingsProps>;
+    ModelUsage: FC<{
+        className?: string;
+        modelUsage?: import("./AiModelUsage").ModelUsageData;
+    }>;
+    ModelParametersSettings: FC<import("./AiModelParameters").AiModelParametersProps>;
+};
+export {};
+//# sourceMappingURL=AiSettingsPanel.d.ts.map

package/dist/components/settings/AiSettingsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/settings/AiSettingsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAS,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAQ9D,UAAU,oBAAoB;IAC5B,UAAU,EAAE,wBAAwB,CAAC;CACtC;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAClC,iBAAiB,CAAC,oBAAoB,CAAC,CAoBxC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;CAK1B,CAAC"}

package/dist/components/settings/AiSettingsPanel.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@sqlrooms/ui';
+import { X } from 'lucide-react';
+import { AiModelParameters } from './AiModelParameters';
+import { AiModelUsage } from './AiModelUsage';
+import { AiProvidersSettings } from './AiProvidersSettings';
+import { AiModelsSettings } from './AiModelsSettings';
+export const AiSettingsPanelBase = ({ disclosure, children }) => {
+    const { isOpen, onClose } = disclosure;
+    if (!isOpen)
+        return null;
+    return (_jsx("div", { className: "bg-background border-border w-full rounded-lg border shadow-sm", children: _jsxs("div", { className: "relative flex flex-col gap-12 overflow-y-auto p-6", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: "absolute right-2 top-2 z-10", children: _jsx(X, { className: "h-4 w-4" }) }), children] }) }));
+};
+export const AiSettingsPanel = Object.assign(AiSettingsPanelBase, {
+    ProvidersSettings: AiProvidersSettings,
+    ModelsSettings: AiModelsSettings,
+    ModelUsage: AiModelUsage,
+    ModelParametersSettings: AiModelParameters,
+});
+//# sourceMappingURL=AiSettingsPanel.js.map

package/dist/components/settings/AiSettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiSettingsPanel.js","sourceRoot":"","sources":["../../../src/components/settings/AiSettingsPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAA2B,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAC,CAAC,EAAC,MAAM,cAAc,CAAC;AAE/B,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAMpD,MAAM,CAAC,MAAM,mBAAmB,GAE5B,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC7B,MAAM,EAAC,MAAM,EAAE,OAAO,EAAC,GAAG,UAAU,CAAC;IACrC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,cAAK,SAAS,EAAC,gEAAgE,YAC7E,eAAK,SAAS,EAAC,mDAAmD,aAChE,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,6BAA6B,YAEvC,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GAClB,EACR,QAAQ,IACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAmB,EAAE;IAChE,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,gBAAgB;IAChC,UAAU,EAAE,YAAY;IACxB,uBAAuB,EAAE,iBAAiB;CAC3C,CAAC,CAAC","sourcesContent":["import {FC, PropsWithChildren} from 'react';\nimport {Button, UseDisclosureReturnValue} from '@sqlrooms/ui';\nimport {X} from 'lucide-react';\n\nimport {AiModelParameters} from './AiModelParameters';\nimport {AiModelUsage} from './AiModelUsage';\nimport {AiProvidersSettings} from './AiProvidersSettings';\nimport {AiModelsSettings} from './AiModelsSettings';\n\ninterface AiSettingsPanelProps {\n  disclosure: UseDisclosureReturnValue;\n}\n\nexport const AiSettingsPanelBase: FC<\n  PropsWithChildren<AiSettingsPanelProps>\n> = ({disclosure, children}) => {\n  const {isOpen, onClose} = disclosure;\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"bg-background border-border w-full rounded-lg border shadow-sm\">\n      <div className=\"relative flex flex-col gap-12 overflow-y-auto p-6\">\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"absolute right-2 top-2 z-10\"\n        >\n          <X className=\"h-4 w-4\" />\n        </Button>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const AiSettingsPanel = Object.assign(AiSettingsPanelBase, {\n  ProvidersSettings: AiProvidersSettings,\n  ModelsSettings: AiModelsSettings,\n  ModelUsage: AiModelUsage,\n  ModelParametersSettings: AiModelParameters,\n});\n"]}

package/dist/components/tools/ToolResultErrorBoundary.d.ts

@@ -14,6 +14,6 @@ export declare class ToolCallErrorBoundary extends React.Component<{
         hasError: boolean;
     };
     componentDidCatch(error: Error): void;
-    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 //# sourceMappingURL=ToolResultErrorBoundary.d.ts.map

package/dist/index.d.ts

@@ -20,4 +20,13 @@ export * from './components/session/SessionDropdown';
 export * from './components/session/SessionTitle';
 export * from './components/session/SessionType';
 export * from './components/tools/ToolErrorMessage';
+export { createAiSettingsSlice, useStoreWithAiSettings, AiSettingsSliceConfig, createDefaultAiSettings, } from './AiSettingsSlice';
+export type { AiSettingsSliceState } from './AiSettingsSlice';
+export { AiSettingsPanel } from './components/settings/AiSettingsPanel';
+export { AiProvidersSettings } from './components/settings/AiProvidersSettings';
+export { AiModelsSettings } from './components/settings/AiModelsSettings';
+export { AiModelParameters } from './components/settings/AiModelParameters';
+export { AiModelUsage } from './components/settings/AiModelUsage';
+export type { ModelUsageData } from './components/settings/AiModelUsage';
+export { extractModelsFromSettings } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,EACd,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAEnB,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAC5D,YAAY,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAElD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,EACd,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAEnB,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAC5D,YAAY,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAElD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AAEpD,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAC,mBAAmB,EAAC,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAC,YAAY,EAAC,MAAM,oCAAoC,CAAC;AAChE,YAAY,EAAC,cAAc,EAAC,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -18,4 +18,11 @@ export * from './components/session/SessionDropdown';
 export * from './components/session/SessionTitle';
 export * from './components/session/SessionType';
 export * from './components/tools/ToolErrorMessage';
+export { createAiSettingsSlice, useStoreWithAiSettings, AiSettingsSliceConfig, createDefaultAiSettings, } from './AiSettingsSlice';
+export { AiSettingsPanel } from './components/settings/AiSettingsPanel';
+export { AiProvidersSettings } from './components/settings/AiProvidersSettings';
+export { AiModelsSettings } from './components/settings/AiModelsSettings';
+export { AiModelParameters } from './components/settings/AiModelParameters';
+export { AiModelUsage } from './components/settings/AiModelUsage';
+export { extractModelsFromSettings } from './utils';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,EACd,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAE5D,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAElD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\n\nexport {\n  AiSliceConfig,\n  createAiSlice,\n  useStoreWithAi,\n  createDefaultAiConfig,\n} from './AiSlice';\n\nexport type {AiSliceState} from './AiSlice';\nexport {QueryControls} from './components/QueryControls';\nexport {AnalysisResultsContainer} from './components/AnalysisResultsContainer';\nexport {AnalysisResult} from './components/AnalysisResult';\nexport {useScrollToBottom} from './hooks/useScrollToBottom';\nexport type {AiSliceTool} from './AiSlice';\nexport {QueryToolResult} from './components/tools/QueryToolResult';\nexport {getDefaultInstructions} from './analysis';\n\nexport * from './components/ModelSelector';\nexport * from './components/SessionControls';\nexport * from './components/QueryControls';\nexport * from './components/session/DeleteSessionDialog';\nexport * from './components/session/SessionActions';\nexport * from './components/session/SessionDropdown';\nexport * from './components/session/SessionTitle';\nexport * from './components/session/SessionType';\nexport * from './components/tools/ToolErrorMessage';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,EACd,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAE5D,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAElD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AAEpD,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAC,mBAAmB,EAAC,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAC,YAAY,EAAC,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\n\nexport {\n  AiSliceConfig,\n  createAiSlice,\n  useStoreWithAi,\n  createDefaultAiConfig,\n} from './AiSlice';\n\nexport type {AiSliceState} from './AiSlice';\nexport {QueryControls} from './components/QueryControls';\nexport {AnalysisResultsContainer} from './components/AnalysisResultsContainer';\nexport {AnalysisResult} from './components/AnalysisResult';\nexport {useScrollToBottom} from './hooks/useScrollToBottom';\nexport type {AiSliceTool} from './AiSlice';\nexport {QueryToolResult} from './components/tools/QueryToolResult';\nexport {getDefaultInstructions} from './analysis';\n\nexport * from './components/ModelSelector';\nexport * from './components/SessionControls';\nexport * from './components/QueryControls';\nexport * from './components/session/DeleteSessionDialog';\nexport * from './components/session/SessionActions';\nexport * from './components/session/SessionDropdown';\nexport * from './components/session/SessionTitle';\nexport * from './components/session/SessionType';\nexport * from './components/tools/ToolErrorMessage';\n\nexport {\n  createAiSettingsSlice,\n  useStoreWithAiSettings,\n  AiSettingsSliceConfig,\n  createDefaultAiSettings,\n} from './AiSettingsSlice';\n\nexport type {AiSettingsSliceState} from './AiSettingsSlice';\n\nexport {AiSettingsPanel} from './components/settings/AiSettingsPanel';\nexport {AiProvidersSettings} from './components/settings/AiProvidersSettings';\nexport {AiModelsSettings} from './components/settings/AiModelsSettings';\nexport {AiModelParameters} from './components/settings/AiModelParameters';\nexport {AiModelUsage} from './components/settings/AiModelUsage';\nexport type {ModelUsageData} from './components/settings/AiModelUsage';\nexport {extractModelsFromSettings} from './utils';\n"]}

package/dist/schemas.d.ts

@@ -4,12 +4,12 @@ export declare const QueryToolParameters: z.ZodObject<{
     sqlQuery: z.ZodString;
     reasoning: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    sqlQuery: string;
     type: "query";
+    sqlQuery: string;
     reasoning: string;
 }, {
-    sqlQuery: string;
     type: "query";
+    sqlQuery: string;
     reasoning: string;
 }>;
 export type QueryToolParameters = z.infer<typeof QueryToolParameters>;
@@ -448,8 +448,8 @@ export declare const AnalysisSessionSchema: z.ZodEffects<z.ZodObject<{
             error: string;
         } | undefined;
     }[];
-    customModelName?: string | undefined;
     baseUrl?: string | undefined;
+    customModelName?: string | undefined;
     createdAt?: Date | undefined;
 }, {
     id: string;
@@ -465,8 +465,8 @@ export declare const AnalysisSessionSchema: z.ZodEffects<z.ZodObject<{
             error: string;
         } | undefined;
     }[];
-    customModelName?: string | undefined;
     baseUrl?: string | undefined;
+    customModelName?: string | undefined;
     createdAt?: Date | undefined;
 }>, {
     id: string;
@@ -504,8 +504,8 @@ export declare const AnalysisSessionSchema: z.ZodEffects<z.ZodObject<{
             error: string;
         } | undefined;
     }[];
-    customModelName?: string | undefined;
     baseUrl?: string | undefined;
+    customModelName?: string | undefined;
     createdAt?: Date | undefined;
 }, unknown>;
 export type AnalysisSessionSchema = z.infer<typeof AnalysisSessionSchema>;

package/dist/utils.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Utility functions for AI Chat UI configuration
+ */
+import { AiSettingsSliceConfig } from './AiSettingsSlice';
+type AiModelConfig = AiSettingsSliceConfig['aiSettings'];
+/**
+ * Extract models from aiSettings in the format expected by ModelSelector
+ * @param config - The AI model configuration
+ * @returns Array of models with provider, label, and value properties
+ */
+export declare function extractModelsFromSettings(config: AiModelConfig): Array<{
+    provider: string;
+    label: string;
+    value: string;
+}>;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAExD,KAAK,aAAa,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,aAAa,GAAG,KAAK,CAAC;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CA4BD"}

package/dist/utils.js

@@ -0,0 +1,31 @@
+/**
+ * Utility functions for AI Chat UI configuration
+ */
+/**
+ * Extract models from aiSettings in the format expected by ModelSelector
+ * @param config - The AI model configuration
+ * @returns Array of models with provider, label, and value properties
+ */
+export function extractModelsFromSettings(config) {
+    const models = [];
+    // Extract models from providers
+    Object.entries(config.providers).forEach(([providerKey, provider]) => {
+        provider.models.forEach((model) => {
+            models.push({
+                provider: providerKey,
+                label: model.modelName,
+                value: model.modelName,
+            });
+        });
+    });
+    // Add custom models
+    config.customModels.forEach((customModel) => {
+        models.push({
+            provider: 'custom',
+            label: customModel.modelName,
+            value: customModel.modelName,
+        });
+    });
+    return models;
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAMH;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAAC,MAAqB;IAK7D,MAAM,MAAM,GAIP,EAAE,CAAC;IAER,gCAAgC;IAChC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,EAAE;QACnE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC;gBACV,QAAQ,EAAE,WAAW;gBACrB,KAAK,EAAE,KAAK,CAAC,SAAS;gBACtB,KAAK,EAAE,KAAK,CAAC,SAAS;aACvB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,oBAAoB;IACpB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE;QAC1C,MAAM,CAAC,IAAI,CAAC;YACV,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,WAAW,CAAC,SAAS;YAC5B,KAAK,EAAE,WAAW,CAAC,SAAS;SAC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/**\n * Utility functions for AI Chat UI configuration\n */\n\nimport {AiSettingsSliceConfig} from './AiSettingsSlice';\n\ntype AiModelConfig = AiSettingsSliceConfig['aiSettings'];\n\n/**\n * Extract models from aiSettings in the format expected by ModelSelector\n * @param config - The AI model configuration\n * @returns Array of models with provider, label, and value properties\n */\nexport function extractModelsFromSettings(config: AiModelConfig): Array<{\n  provider: string;\n  label: string;\n  value: string;\n}> {\n  const models: Array<{\n    provider: string;\n    label: string;\n    value: string;\n  }> = [];\n\n  // Extract models from providers\n  Object.entries(config.providers).forEach(([providerKey, provider]) => {\n    provider.models.forEach((model) => {\n      models.push({\n        provider: providerKey,\n        label: model.modelName,\n        value: model.modelName,\n      });\n    });\n  });\n\n  // Add custom models\n  config.customModels.forEach((customModel) => {\n    models.push({\n      provider: 'custom',\n      label: customModel.modelName,\n      value: customModel.modelName,\n    });\n  });\n\n  return models;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/ai",
-  "version": "0.24.24",
+  "version": "0.24.25",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
@@ -22,17 +22,19 @@
     "@openassistant/core": "0.5.17",
     "@openassistant/utils": "0.5.17",
     "@paralleldrive/cuid2": "^2.2.2",
-    "@sqlrooms/data-table": "0.24.24",
-    "@sqlrooms/duckdb": "0.24.24",
-    "@sqlrooms/monaco-editor": "0.24.24",
-    "@sqlrooms/room-config": "0.24.24",
-    "@sqlrooms/room-shell": "0.24.24",
-    "@sqlrooms/ui": "0.24.24",
-    "@sqlrooms/utils": "0.24.24",
+    "@sqlrooms/data-table": "0.24.25",
+    "@sqlrooms/duckdb": "0.24.25",
+    "@sqlrooms/monaco-editor": "0.24.25",
+    "@sqlrooms/recharts": "0.24.25",
+    "@sqlrooms/room-config": "0.24.25",
+    "@sqlrooms/room-shell": "0.24.25",
+    "@sqlrooms/ui": "0.24.25",
+    "@sqlrooms/utils": "0.24.25",
     "ai": "^4.3.19",
     "immer": "^10.1.1",
     "lucide-react": "^0.475.0",
     "react-markdown": "^10.1.0",
+    "recharts": "^2.12.7",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0",
     "zod": "^3.25.73"
@@ -49,5 +51,5 @@
     "typecheck": "tsc --noEmit",
     "typedoc": "typedoc"
   },
-  "gitHead": "37bb4689a2f54a2697b49b31f80ba4728fdc26ab"
-}
+  "gitHead": "e523a7efbbf2ea0f109479166663d379bdeb4159"
+}