@kwirthmagnify/kwirth-common-ai 0.5.6

package/dist/back.d.ts

@@ -0,0 +1,7 @@
+import { IBackChannelObject } from '@kwirthmagnify/kwirth-common';
+import { ILlm, ILlmProvider } from './index';
+import { LanguageModel } from 'ai';
+import { z } from 'zod';
+export declare const buildModel: (llm: ILlm, providers: ILlmProvider[]) => LanguageModel | null;
+export declare const loadModels: (providers: ILlmProvider[], log: IBackChannelObject) => Promise<void>;
+export declare const zodFromExample: (example: Record<string, unknown>) => z.ZodObject<Record<string, z.ZodTypeAny>>;

package/dist/back.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zodFromExample = exports.loadModels = exports.buildModel = void 0;
+const zod_1 = require("zod");
+const openai_1 = require("@ai-sdk/openai");
+const groq_1 = require("@ai-sdk/groq");
+const mistral_1 = require("@ai-sdk/mistral");
+const google_1 = require("@ai-sdk/google");
+const deepseek_1 = require("@ai-sdk/deepseek");
+const ai_sdk_provider_1 = require("@openrouter/ai-sdk-provider");
+const buildModel = (llm, providers) => {
+    var _a;
+    const key = llm.useProviderKey ? (_a = providers.find(p => p.name === llm.provider)) === null || _a === void 0 ? void 0 : _a.key : llm.key;
+    if (!key) {
+        console.log('Could not find a key');
+        return null;
+    }
+    switch (llm.provider) {
+        case 'openai': return (0, openai_1.createOpenAI)({ apiKey: key })(llm.model);
+        case 'groq': return (0, groq_1.createGroq)({ apiKey: key })(llm.model);
+        case 'mistral': return (0, mistral_1.createMistral)({ apiKey: key })(llm.model);
+        case 'google': return (0, google_1.createGoogleGenerativeAI)({ apiKey: key })(llm.model);
+        case 'deepseek': return (0, deepseek_1.createDeepSeek)({ apiKey: key })(llm.model);
+        case 'openrouter': return (0, ai_sdk_provider_1.createOpenRouter)({ apiKey: key })(llm.model);
+        default:
+            console.log('Invalid provider', llm.provider);
+            return null;
+    }
+};
+exports.buildModel = buildModel;
+const loadModels = async (providers, log) => {
+    var _a, _b, _c, _d;
+    (_a = log.logInfo) === null || _a === void 0 ? void 0 : _a.call(log, 'Loading AI models...');
+    for (const provider of providers) {
+        try {
+            switch (provider.name) {
+                case 'deepseek': {
+                    const resp = await fetch('https://api.deepseek.com/models', { headers: { Authorization: 'Bearer ' + provider.key } });
+                    const data = await resp.json();
+                    provider.models = data.data.filter((m) => m.object === 'model').map((m) => ({
+                        id: m.id, name: m.id, description: m.description, type: 'text'
+                    }));
+                    break;
+                }
+                case 'google': {
+                    const resp = await fetch(`https://generativelanguage.googleapis.com/v1beta/models?key=${provider.key}`);
+                    const data = await resp.json();
+                    provider.models = data.models.map((m) => ({
+                        id: m.name.startsWith('models/') ? m.name.substring(7) : m.name,
+                        name: m.displayName,
+                        description: m.description,
+                        type: 'text'
+                    }));
+                    break;
+                }
+                case 'groq': {
+                    const resp = await fetch('https://api.groq.com/openai/v1/models', { headers: { Authorization: 'Bearer ' + provider.key } });
+                    const data = await resp.json();
+                    provider.models = data.data.filter((m) => m.object === 'model' && m.active).map((m) => ({
+                        id: m.id, name: m.id, description: m.description, type: 'text'
+                    }));
+                    break;
+                }
+                case 'openai': {
+                    const resp = await fetch('https://api.openai.com/v1/models', { headers: { Authorization: 'Bearer ' + provider.key } });
+                    const data = await resp.json();
+                    provider.models = data.data.filter((m) => m.object === 'model').map((m) => ({
+                        id: m.id, name: m.id, description: m.description, type: 'text'
+                    }));
+                    break;
+                }
+                case 'openrouter': {
+                    const resp = await fetch('https://openrouter.ai/api/v1/models', { headers: { Authorization: 'Bearer ' + provider.key } });
+                    const data = await resp.json();
+                    provider.models = data.data.map((m) => ({
+                        id: m.id, name: m.name, description: m.description, type: 'text'
+                    }));
+                    break;
+                }
+                case 'mistral': {
+                    const resp = await fetch('https://api.mistral.ai/v1/models', { headers: { Authorization: 'Bearer ' + provider.key } });
+                    const data = await resp.json();
+                    provider.models = data.data.filter((m) => m.object === 'model').map((m) => {
+                        var _a;
+                        return ({
+                            id: m.id, name: m.id, description: m.description,
+                            type: ((_a = m.capabilities) === null || _a === void 0 ? void 0 : _a.completion_chat) === true ? 'text' : 'other'
+                        });
+                    });
+                    break;
+                }
+                case 'kwirth':
+                    provider.models = [
+                        { id: 'alberto-1-flash-gordon-lite', name: 'Alberto model quick response', description: 'Albert #1 model', type: 'text' },
+                        { id: 'alberto-1.5-python-forever', name: 'Alberto model legacy frameworks', description: 'Albert Pythoneer', type: 'text' }
+                    ];
+                    break;
+                default:
+                    (_b = log.logWarning) === null || _b === void 0 ? void 0 : _b.call(log, `Provider '${provider.name}' is not implemented, will not be available.`);
+            }
+            (_c = log.logInfo) === null || _c === void 0 ? void 0 : _c.call(log, `Provider '${provider.name}' loaded ${provider.models.length} models`);
+        }
+        catch (err) {
+            (_d = log.logError) === null || _d === void 0 ? void 0 : _d.call(log, `Error loading models from provider '${provider.name}': ${err}`);
+        }
+    }
+};
+exports.loadModels = loadModels;
+const inferZod = (value) => {
+    if (Array.isArray(value))
+        return value.length > 0 ? zod_1.z.array(inferZod(value[0])) : zod_1.z.array(zod_1.z.unknown());
+    if (typeof value === 'string')
+        return zod_1.z.string();
+    if (typeof value === 'number')
+        return zod_1.z.number();
+    if (typeof value === 'boolean')
+        return zod_1.z.boolean();
+    if (value !== null && typeof value === 'object')
+        return (0, exports.zodFromExample)(value);
+    return zod_1.z.unknown();
+};
+const zodFromExample = (example) => {
+    const shape = {};
+    for (const [key, value] of Object.entries(example)) {
+        shape[key] = inferZod(value);
+    }
+    return zod_1.z.object(shape);
+};
+exports.zodFromExample = zodFromExample;

package/dist/front.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { ILlm, ILlmProvider } from './index';
+interface ILlmSelectorProps {
+    llms: ILlm[];
+    value: string;
+    onChange: (id: string) => void;
+    label?: string;
+    size?: 'small' | 'medium';
+    fullWidth?: boolean;
+}
+declare const LlmSelector: React.FC<ILlmSelectorProps>;
+interface IAiConfigLlmProps {
+    onClose: (llms: ILlm[] | undefined) => void;
+    providers: ILlmProvider[];
+    llms: ILlm[];
+}
+declare const AiConfigLlm: React.FC<IAiConfigLlmProps>;
+interface IAiConfigProviderProps {
+    providersAvailable: string[];
+    providers: ILlmProvider[];
+    onClose: (providers: ILlmProvider[] | undefined) => void;
+}
+declare const AiConfigProvider: React.FC<IAiConfigProviderProps>;
+export { LlmSelector, AiConfigLlm, AiConfigProvider };

package/dist/front.js

@@ -0,0 +1,200 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiConfigProvider = exports.AiConfigLlm = exports.LlmSelector = void 0;
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const icons_material_1 = require("@mui/icons-material");
+const LlmSelector = ({ llms, value, onChange, label = 'LLM', size = 'small', fullWidth = true }) => {
+    return (react_1.default.createElement(material_1.FormControl, { size: size, fullWidth: fullWidth },
+        react_1.default.createElement(material_1.InputLabel, null, label),
+        react_1.default.createElement(material_1.Select, { label: label, value: value, onChange: e => onChange(e.target.value) }, llms.map(llm => (react_1.default.createElement(material_1.MenuItem, { key: llm.id, value: llm.id },
+            llm.id,
+            " (",
+            llm.provider,
+            "/",
+            llm.model,
+            ")"))))));
+};
+exports.LlmSelector = LlmSelector;
+const AiConfigLlm = (props) => {
+    var _a;
+    const [llms, setLlms] = (0, react_1.useState)(JSON.parse(JSON.stringify(props.llms)));
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(null);
+    const [showPassword, setShowPassword] = (0, react_1.useState)(false);
+    const [id, setId] = (0, react_1.useState)('');
+    const [provider, setProvider] = (0, react_1.useState)('');
+    const [model, setModel] = (0, react_1.useState)('');
+    const [temperature, setTemperature] = (0, react_1.useState)(0);
+    const [useProviderKey, setUseProviderKey] = (0, react_1.useState)(true);
+    const [key, setKey] = (0, react_1.useState)('');
+    const onLlmSelected = (index) => {
+        const l = llms[index];
+        if (l) {
+            setId(l.id);
+            setProvider(l.provider);
+            setModel(l.model);
+            setTemperature(l.temperature);
+            setUseProviderKey(l.useProviderKey);
+            setKey(l.key);
+            setSelectedIndex(index);
+        }
+    };
+    const onNew = () => {
+        setSelectedIndex(null);
+        setId('');
+        setProvider('');
+        setModel('');
+        setTemperature(0);
+        setUseProviderKey(false);
+        setKey('');
+    };
+    const onAdd = () => {
+        const llm = { id, provider, model, temperature, useProviderKey, key };
+        const updated = [...llms];
+        if (selectedIndex !== null)
+            updated[selectedIndex] = llm;
+        else
+            updated.push(llm);
+        setLlms(updated);
+        onNew();
+    };
+    const onRemove = () => {
+        if (selectedIndex === null)
+            return;
+        setLlms(llms.filter((_, i) => i !== selectedIndex));
+        onNew();
+    };
+    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: () => props.onClose(undefined), PaperProps: { sx: { width: '80vw', maxWidth: '800px', height: '55vh' } } },
+        react_1.default.createElement(material_1.DialogTitle, null, "AI \u2014 LLM config"),
+        react_1.default.createElement(material_1.DialogContent, { style: { display: 'flex', height: '100%' } },
+            react_1.default.createElement(material_1.Box, { sx: { flex: 1, display: 'flex', flexDirection: 'column', boxSizing: 'border-box', maxWidth: '40%' } },
+                react_1.default.createElement(material_1.Box, { sx: { flex: 1, overflowY: 'auto', overflowX: 'hidden' } },
+                    react_1.default.createElement(material_1.List, { sx: { flexGrow: 1, mr: 2, width: '100%' } }, llms.map((llm, index) => (react_1.default.createElement(material_1.ListItemButton, { key: index, selected: selectedIndex === index, onClick: () => onLlmSelected(index) },
+                        react_1.default.createElement(material_1.Stack, { direction: 'column' },
+                            react_1.default.createElement(material_1.Typography, { sx: { fontWeight: selectedIndex === index ? 'bold' : 'normal' } }, llm.id),
+                            react_1.default.createElement(material_1.Typography, { color: 'darkgray', fontSize: 12 }, llm.provider)))))))),
+            react_1.default.createElement(material_1.Box, { sx: { flex: 1, display: 'flex', alignItems: 'start', padding: '16px' } },
+                react_1.default.createElement(material_1.Stack, { spacing: 2, style: { width: '100%' } },
+                    react_1.default.createElement(material_1.Stack, { direction: 'column', spacing: 1 },
+                        react_1.default.createElement(material_1.TextField, { value: id, onChange: e => setId(e.target.value), placeholder: 'Enter LLM id', label: 'LLM ID', variant: 'standard', fullWidth: true }),
+                        react_1.default.createElement(material_1.FormControl, { variant: 'standard', sx: { width: '100%' } },
+                            react_1.default.createElement(material_1.InputLabel, null, "Provider"),
+                            react_1.default.createElement(material_1.Select, { value: provider, onChange: e => { setProvider(e.target.value); setModel(''); }, variant: 'standard', fullWidth: true }, props.providers.map(p => (react_1.default.createElement(material_1.MenuItem, { key: p.name, value: p.name, disabled: p.models.length === 0 }, p.name))))),
+                        react_1.default.createElement(material_1.FormControl, { variant: 'standard', sx: { width: '100%' } },
+                            react_1.default.createElement(material_1.InputLabel, null, "Model"),
+                            react_1.default.createElement(material_1.Select, { value: model, onChange: e => setModel(e.target.value), variant: 'standard', fullWidth: true, displayEmpty: true }, (_a = props.providers.find(p => p.name === provider)) === null || _a === void 0 ? void 0 : _a.models.map((m, i) => (react_1.default.createElement(material_1.MenuItem, { key: i, value: m.id }, m.name))))),
+                        react_1.default.createElement(material_1.TextField, { value: temperature, onChange: e => setTemperature(+e.target.value), label: 'Model temperature', variant: 'standard', type: 'number', fullWidth: true }),
+                        react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center' },
+                            react_1.default.createElement(material_1.Typography, { flex: 1 }, "Use provider API Key (or enter a specific one)"),
+                            react_1.default.createElement(material_1.Checkbox, { checked: useProviderKey, onChange: e => setUseProviderKey(e.target.checked) })),
+                        react_1.default.createElement(material_1.TextField, { value: key, onChange: e => setKey(e.target.value), disabled: useProviderKey, label: 'API Key', placeholder: 'Enter API Key', variant: 'standard', fullWidth: true, type: showPassword ? 'text' : 'password', InputProps: {
+                                endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: 'end' },
+                                    react_1.default.createElement(material_1.IconButton, { onClick: () => setShowPassword(!showPassword), edge: 'end' }, showPassword ? react_1.default.createElement(icons_material_1.VisibilityOff, null) : react_1.default.createElement(icons_material_1.Visibility, null))))
+                            } })),
+                    react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 1 },
+                        react_1.default.createElement(material_1.Button, { variant: 'outlined', size: 'small', onClick: onNew }, "New"),
+                        react_1.default.createElement(material_1.Typography, { flex: 1 }),
+                        react_1.default.createElement(material_1.Button, { color: 'error', onClick: onRemove, disabled: selectedIndex === null }, "Remove"),
+                        react_1.default.createElement(material_1.Button, { variant: 'contained', onClick: onAdd, disabled: !id || !model }, selectedIndex !== null ? 'Update' : 'Add'))))),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { onClick: () => props.onClose(llms), variant: 'contained' }, "OK"),
+            react_1.default.createElement(material_1.Button, { onClick: () => props.onClose(undefined), color: 'inherit' }, "Cancel"))));
+};
+exports.AiConfigLlm = AiConfigLlm;
+const AiConfigProvider = (props) => {
+    var _a;
+    const [providers, setProviders] = (0, react_1.useState)(JSON.parse(JSON.stringify(props.providers)));
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(null);
+    const [showPassword, setShowPassword] = (0, react_1.useState)(false);
+    const [providerName, setProviderName] = (0, react_1.useState)('');
+    const [providerKey, setProviderKey] = (0, react_1.useState)((_a = props.providersAvailable[0]) !== null && _a !== void 0 ? _a : '');
+    const onProviderSelected = (p, index) => {
+        setProviderName(p.name);
+        setProviderKey(p.key);
+        setSelectedIndex(index);
+    };
+    const onNew = () => { setSelectedIndex(null); setProviderName(''); setProviderKey(''); };
+    const onAdd = () => {
+        if (!providerName.trim())
+            return;
+        const updated = [...providers];
+        if (selectedIndex !== null)
+            updated[selectedIndex] = Object.assign(Object.assign({}, updated[selectedIndex]), { name: providerName, key: providerKey });
+        else
+            updated.push({ name: providerName, key: providerKey, models: [] });
+        setProviders(updated);
+        onNew();
+    };
+    const onRemove = () => {
+        if (selectedIndex === null)
+            return;
+        setProviders(providers.filter((_, i) => i !== selectedIndex));
+        onNew();
+    };
+    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: () => props.onClose(undefined), PaperProps: { sx: { width: '80vw', maxWidth: '900px', height: '45vh' } } },
+        react_1.default.createElement(material_1.DialogTitle, null, "AI \u2014 Provider config"),
+        react_1.default.createElement(material_1.DialogContent, { style: { display: 'flex', height: '100%' } },
+            react_1.default.createElement(material_1.Box, { sx: { flex: 1, display: 'flex', flexDirection: 'column', boxSizing: 'border-box', maxWidth: '30%' } },
+                react_1.default.createElement(material_1.Box, { sx: { flex: 1, overflowY: 'auto' } },
+                    react_1.default.createElement(material_1.List, { sx: { mr: 1 } }, providers.map((p, index) => {
+                        var _a;
+                        return (react_1.default.createElement(material_1.ListItemButton, { key: index, selected: selectedIndex === index, onClick: () => onProviderSelected(p, index) },
+                            react_1.default.createElement(material_1.Stack, { direction: 'column' },
+                                react_1.default.createElement(material_1.Typography, { sx: { fontWeight: selectedIndex === index ? 'bold' : 'normal' } }, p.name),
+                                react_1.default.createElement(material_1.Typography, { color: 'darkgray', fontSize: 11 },
+                                    ((_a = p.models) === null || _a === void 0 ? void 0 : _a.length) || 0,
+                                    " models loaded"))));
+                    })))),
+            react_1.default.createElement(material_1.Box, { sx: { flex: 1, display: 'flex', alignItems: 'start', padding: '24px' } },
+                react_1.default.createElement(material_1.Stack, { spacing: 3, style: { width: '100%' } },
+                    react_1.default.createElement(material_1.FormControl, { variant: 'standard', sx: { width: '100%' } },
+                        react_1.default.createElement(material_1.InputLabel, null, "Provider"),
+                        react_1.default.createElement(material_1.Select, { value: providerName, onChange: e => setProviderName(e.target.value), variant: 'standard', fullWidth: true }, props.providersAvailable.map(name => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, name))))),
+                    react_1.default.createElement(material_1.TextField, { label: 'API Key / Token', type: showPassword ? 'text' : 'password', variant: 'standard', fullWidth: true, value: providerKey, onChange: e => setProviderKey(e.target.value), helperText: 'This key can be afterwards linked to specific uses.', InputProps: {
+                            endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: 'end' },
+                                react_1.default.createElement(material_1.IconButton, { onClick: () => setShowPassword(!showPassword), edge: 'end' }, showPassword ? react_1.default.createElement(icons_material_1.VisibilityOff, null) : react_1.default.createElement(icons_material_1.Visibility, null))))
+                        } }),
+                    react_1.default.createElement(material_1.Box, { sx: { flexGrow: 1 } }),
+                    react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 1 },
+                        react_1.default.createElement(material_1.Button, { variant: 'outlined', onClick: onNew }, "New"),
+                        react_1.default.createElement(material_1.Typography, { flex: 1 }),
+                        react_1.default.createElement(material_1.Button, { variant: 'text', color: 'error', onClick: onRemove, disabled: selectedIndex === null }, "Remove"),
+                        react_1.default.createElement(material_1.Button, { variant: 'contained', onClick: onAdd, disabled: !providerName }, selectedIndex !== null ? 'Update' : 'Add'))))),
+        react_1.default.createElement(material_1.DialogActions, { sx: { p: 2 } },
+            react_1.default.createElement(material_1.Button, { onClick: () => props.onClose(providers), color: 'primary', variant: 'contained' }, "Save"),
+            react_1.default.createElement(material_1.Button, { onClick: () => props.onClose(undefined), color: 'inherit' }, "Cancel"))));
+};
+exports.AiConfigProvider = AiConfigProvider;

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export declare const STORAGE_KEY_PROVIDERS = "kwirth-ai-providers";
+export declare const STORAGE_KEY_LLMS = "kwirth-ai-llms";
+export declare const PROVIDERS_AVAILABLE: string[];
+export interface ILlmModel {
+    id: string;
+    name: string;
+    description: string;
+    type: 'text' | 'image' | 'video' | 'other';
+}
+export interface ILlmProvider {
+    name: string;
+    key: string;
+    models: ILlmModel[];
+}
+export interface ILlm {
+    id: string;
+    provider: string;
+    model: string;
+    temperature: number;
+    useProviderKey: boolean;
+    key: string;
+    data?: unknown;
+}

package/dist/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PROVIDERS_AVAILABLE = exports.STORAGE_KEY_LLMS = exports.STORAGE_KEY_PROVIDERS = void 0;
+exports.STORAGE_KEY_PROVIDERS = 'kwirth-ai-providers';
+exports.STORAGE_KEY_LLMS = 'kwirth-ai-llms';
+exports.PROVIDERS_AVAILABLE = ['google', 'openai', 'openrouter', 'mistral', 'groq', 'deepseek'];

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@kwirthmagnify/kwirth-common-ai",
+  "version": "0.5.6",
+  "description": "Shared AI/LLM types and utilities for Kwirth AI plugins",
+  "scripts": {
+    "build": "del .\\dist\\* /s /q 2>nul & tsc"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./back": "./dist/back.js",
+    "./front": "./dist/front.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "author": "Julio Fernandez",
+  "license": "ISC",
+  "dependencies": {
+    "@ai-sdk/deepseek": "^2.0.29",
+    "@ai-sdk/google": "^3.0.64",
+    "@ai-sdk/groq": "^3.0.35",
+    "@ai-sdk/mistral": "^3.0.30",
+    "@ai-sdk/openai": "^3.0.53",
+    "@openrouter/ai-sdk-provider": "^2.8.0",
+    "ai": "^6.0.174",
+    "zod": "^4.3.6"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@kwirthmagnify/kwirth-common": "^0.5.1",
+    "@mui/icons-material": "7.1.2",
+    "@mui/material": "7.1.2",
+    "@types/react": "^18.3.0",
+    "react": "^18.3.0",
+    "typescript": "^5.4.0"
+  }
+}