@sqlrooms/ai-core 0.26.0-rc.0

package/dist/hooks/useScrollToBottom.d.ts

@@ -0,0 +1,82 @@
+import { type RefObject } from 'react';
+interface ScrollToBottomResult<T extends HTMLElement | null> {
+    showScrollButton: boolean;
+    scrollToBottom: () => void;
+}
+/**
+ * A React hook that provides automatic scrolling behavior for containers with dynamic content.
+ *
+ * This hook helps manage scroll behavior in containers where content is being added dynamically,
+ * such as chat interfaces or logs. It automatically scrolls to the bottom when new content is added
+ * if the user was already at the bottom, and provides a function to manually scroll to the bottom.
+ *
+ * @template T - The type of HTMLElement for the container and end references
+ *
+ * @param options - Configuration options
+ * @param options.dataToObserve - The data to observe for changes (messages, items, etc.)
+ * @param options.containerRef - Reference to the scrollable container element
+ * @param options.endRef - Reference to an element at the end of the content
+ * @param options.scrollOnInitialLoad - Whether to scroll to bottom on initial load (default: true)
+ *
+ * @returns An object containing:
+ *   - showScrollButton: Boolean indicating if the "scroll to bottom" button should be shown
+ *   - scrollToBottom: Function to programmatically scroll to the bottom
+ *
+ * @example
+ * ```tsx
+ * import { useRef } from 'react';
+ * import { useScrollToBottom } from './use-scroll-to-bottom';
+ *
+ * function ChatContainer({ messages }) {
+ *   const containerRef = useRef<HTMLDivElement>(null);
+ *   const endRef = useRef<HTMLDivElement>(null);
+ *
+ *   const { showScrollButton, scrollToBottom } = useScrollToBottom({
+ *     dataToObserve: messages,
+ *     containerRef,
+ *     endRef,
+ *     scrollOnInitialLoad: false // Disable scrolling on initial load
+ *   });
+ *
+ *   return (
+ *     <div className="relative h-[500px]">
+ *       <div ref={containerRef} className="h-full overflow-y-auto p-4">
+ *         {messages.map((message) => (
+ *           <div key={message.id} className="mb-4">
+ *             {message.text}
+ *           </div>
+ *         ))}
+ *         <div ref={endRef} />
+ *       </div>
+ *
+ *       {showScrollButton && (
+ *         <button
+ *           onClick={scrollToBottom}
+ *           className="absolute bottom-4 right-4 rounded-full bg-blue-500 p-2"
+ *         >
+ *           ↓
+ *         </button>
+ *       )}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function useScrollToBottom<T extends HTMLElement | null>({ 
+/**
+ * The data to observe. Can be an array of items or a single item.
+ * When the data changes, the hook will scroll to the bottom of the container.
+ */
+dataToObserve, containerRef, endRef, 
+/**
+ * Whether to scroll to bottom on initial load.
+ * @default false
+ */
+scrollOnInitialLoad, }: {
+    dataToObserve: unknown;
+    containerRef: RefObject<T | null>;
+    endRef: RefObject<T | null>;
+    scrollOnInitialLoad?: boolean;
+}): ScrollToBottomResult<T>;
+export {};
+//# sourceMappingURL=useScrollToBottom.d.ts.map

package/dist/hooks/useScrollToBottom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToBottom.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollToBottom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE/E,UAAU,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI;IACzD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,IAAI,EAAE;AAC9D;;;GAGG;AACH,aAAa,EACb,YAAY,EACZ,MAAM;AACN;;;GAGG;AACH,mBAA2B,GAC5B,EAAE;IACD,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAClC,MAAM,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,GAAG,oBAAoB,CAAC,CAAC,CAAC,CA+E1B"}

package/dist/hooks/useScrollToBottom.js

@@ -0,0 +1,142 @@
+import { useEffect, useRef, useState, useCallback } from 'react';
+/**
+ * Only show button and auto-scroll if we're scrolled up more
+ * than {AT_BOTTOM_TOLERANCE}px from the bottom.
+ */
+const AT_BOTTOM_TOLERANCE = 100;
+/**
+ * A React hook that provides automatic scrolling behavior for containers with dynamic content.
+ *
+ * This hook helps manage scroll behavior in containers where content is being added dynamically,
+ * such as chat interfaces or logs. It automatically scrolls to the bottom when new content is added
+ * if the user was already at the bottom, and provides a function to manually scroll to the bottom.
+ *
+ * @template T - The type of HTMLElement for the container and end references
+ *
+ * @param options - Configuration options
+ * @param options.dataToObserve - The data to observe for changes (messages, items, etc.)
+ * @param options.containerRef - Reference to the scrollable container element
+ * @param options.endRef - Reference to an element at the end of the content
+ * @param options.scrollOnInitialLoad - Whether to scroll to bottom on initial load (default: true)
+ *
+ * @returns An object containing:
+ *   - showScrollButton: Boolean indicating if the "scroll to bottom" button should be shown
+ *   - scrollToBottom: Function to programmatically scroll to the bottom
+ *
+ * @example
+ * ```tsx
+ * import { useRef } from 'react';
+ * import { useScrollToBottom } from './use-scroll-to-bottom';
+ *
+ * function ChatContainer({ messages }) {
+ *   const containerRef = useRef<HTMLDivElement>(null);
+ *   const endRef = useRef<HTMLDivElement>(null);
+ *
+ *   const { showScrollButton, scrollToBottom } = useScrollToBottom({
+ *     dataToObserve: messages,
+ *     containerRef,
+ *     endRef,
+ *     scrollOnInitialLoad: false // Disable scrolling on initial load
+ *   });
+ *
+ *   return (
+ *     <div className="relative h-[500px]">
+ *       <div ref={containerRef} className="h-full overflow-y-auto p-4">
+ *         {messages.map((message) => (
+ *           <div key={message.id} className="mb-4">
+ *             {message.text}
+ *           </div>
+ *         ))}
+ *         <div ref={endRef} />
+ *       </div>
+ *
+ *       {showScrollButton && (
+ *         <button
+ *           onClick={scrollToBottom}
+ *           className="absolute bottom-4 right-4 rounded-full bg-blue-500 p-2"
+ *         >
+ *           ↓
+ *         </button>
+ *       )}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function useScrollToBottom({ 
+/**
+ * The data to observe. Can be an array of items or a single item.
+ * When the data changes, the hook will scroll to the bottom of the container.
+ */
+dataToObserve, containerRef, endRef, 
+/**
+ * Whether to scroll to bottom on initial load.
+ * @default false
+ */
+scrollOnInitialLoad = false, }) {
+    const [showScrollButton, setShowButton] = useState(false);
+    // Track if user was at bottom before content changes
+    const wasAtBottomRef = useRef(scrollOnInitialLoad);
+    // Track if this is the initial load
+    const isInitialLoadRef = useRef(true);
+    // Check if the container is scrolled to the bottom
+    const checkIfAtBottom = useCallback((container) => {
+        if (!container)
+            return false;
+        const { scrollTop, scrollHeight, clientHeight } = container;
+        return scrollHeight - scrollTop - clientHeight <= AT_BOTTOM_TOLERANCE;
+    }, []);
+    // Extracted reusable handleScroll function
+    const onScroll = useCallback(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const isAtBottom = checkIfAtBottom(container);
+        // Update wasAtBottom state for next content change
+        wasAtBottomRef.current = isAtBottom;
+        // Show button only if not at bottom
+        setShowButton(!isAtBottom);
+    }, [checkIfAtBottom, containerRef]);
+    // Handle new content being added
+    useEffect(() => {
+        if (!dataToObserve)
+            return;
+        const container = containerRef.current;
+        const end = endRef.current;
+        if (container && end && wasAtBottomRef.current) {
+            // Only scroll if this is not the initial load or if scrollOnInitialLoad is true
+            if (!isInitialLoadRef.current || scrollOnInitialLoad) {
+                end.scrollIntoView({ behavior: 'instant', block: 'end' });
+            }
+        }
+        // Mark that initial load is complete
+        isInitialLoadRef.current = false;
+        // After content change, check scroll position again
+        onScroll();
+    }, [containerRef, dataToObserve, endRef, onScroll, scrollOnInitialLoad]);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        container.addEventListener('scroll', onScroll);
+        // Initial check with a slight delay to ensure proper measurement
+        const timeoutId = setTimeout(onScroll, 100);
+        return () => {
+            container.removeEventListener('scroll', onScroll);
+            clearTimeout(timeoutId);
+        };
+    }, [containerRef, onScroll]);
+    const scrollToBottom = () => {
+        if (containerRef.current) {
+            containerRef.current.scrollTo({
+                top: containerRef.current.scrollHeight,
+                behavior: 'smooth',
+            });
+        }
+    };
+    return {
+        showScrollButton,
+        scrollToBottom,
+    };
+}
+//# sourceMappingURL=useScrollToBottom.js.map

package/dist/hooks/useScrollToBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToBottom.js","sourceRoot":"","sources":["../../src/hooks/useScrollToBottom.ts"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useRef, type RefObject, useState, useCallback} from 'react';\n\ninterface ScrollToBottomResult<T extends HTMLElement | null> {\n  showScrollButton: boolean;\n  scrollToBottom: () => void;\n}\n\n/**\n * Only show button and auto-scroll if we're scrolled up more\n * than {AT_BOTTOM_TOLERANCE}px from the bottom.\n */\nconst AT_BOTTOM_TOLERANCE = 100;\n\n/**\n * A React hook that provides automatic scrolling behavior for containers with dynamic content.\n *\n * This hook helps manage scroll behavior in containers where content is being added dynamically,\n * such as chat interfaces or logs. It automatically scrolls to the bottom when new content is added\n * if the user was already at the bottom, and provides a function to manually scroll to the bottom.\n *\n * @template T - The type of HTMLElement for the container and end references\n *\n * @param options - Configuration options\n * @param options.dataToObserve - The data to observe for changes (messages, items, etc.)\n * @param options.containerRef - Reference to the scrollable container element\n * @param options.endRef - Reference to an element at the end of the content\n * @param options.scrollOnInitialLoad - Whether to scroll to bottom on initial load (default: true)\n *\n * @returns An object containing:\n *   - showScrollButton: Boolean indicating if the \"scroll to bottom\" button should be shown\n *   - scrollToBottom: Function to programmatically scroll to the bottom\n *\n * @example\n * ```tsx\n * import { useRef } from 'react';\n * import { useScrollToBottom } from './use-scroll-to-bottom';\n *\n * function ChatContainer({ messages }) {\n *   const containerRef = useRef<HTMLDivElement>(null);\n *   const endRef = useRef<HTMLDivElement>(null);\n *\n *   const { showScrollButton, scrollToBottom } = useScrollToBottom({\n *     dataToObserve: messages,\n *     containerRef,\n *     endRef,\n *     scrollOnInitialLoad: false // Disable scrolling on initial load\n *   });\n *\n *   return (\n *     <div className=\"relative h-[500px]\">\n *       <div ref={containerRef} className=\"h-full overflow-y-auto p-4\">\n *         {messages.map((message) => (\n *           <div key={message.id} className=\"mb-4\">\n *             {message.text}\n *           </div>\n *         ))}\n *         <div ref={endRef} />\n *       </div>\n *\n *       {showScrollButton && (\n *         <button\n *           onClick={scrollToBottom}\n *           className=\"absolute bottom-4 right-4 rounded-full bg-blue-500 p-2\"\n *         >\n *           ↓\n *         </button>\n *       )}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useScrollToBottom<T extends HTMLElement | null>({\n  /**\n   * The data to observe. Can be an array of items or a single item.\n   * When the data changes, the hook will scroll to the bottom of the container.\n   */\n  dataToObserve,\n  containerRef,\n  endRef,\n  /**\n   * Whether to scroll to bottom on initial load.\n   * @default false\n   */\n  scrollOnInitialLoad = false,\n}: {\n  dataToObserve: unknown;\n  containerRef: RefObject<T | null>;\n  endRef: RefObject<T | null>;\n  scrollOnInitialLoad?: boolean;\n}): ScrollToBottomResult<T> {\n  const [showScrollButton, setShowButton] = useState(false);\n\n  // Track if user was at bottom before content changes\n  const wasAtBottomRef = useRef(scrollOnInitialLoad);\n\n  // Track if this is the initial load\n  const isInitialLoadRef = useRef(true);\n\n  // Check if the container is scrolled to the bottom\n  const checkIfAtBottom = useCallback((container: T) => {\n    if (!container) return false;\n    const {scrollTop, scrollHeight, clientHeight} = container;\n    return scrollHeight - scrollTop - clientHeight <= AT_BOTTOM_TOLERANCE;\n  }, []);\n\n  // Extracted reusable handleScroll function\n  const onScroll = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const isAtBottom = checkIfAtBottom(container);\n\n    // Update wasAtBottom state for next content change\n    wasAtBottomRef.current = isAtBottom;\n\n    // Show button only if not at bottom\n    setShowButton(!isAtBottom);\n  }, [checkIfAtBottom, containerRef]);\n\n  // Handle new content being added\n  useEffect(() => {\n    if (!dataToObserve) return;\n\n    const container = containerRef.current;\n    const end = endRef.current;\n\n    if (container && end && wasAtBottomRef.current) {\n      // Only scroll if this is not the initial load or if scrollOnInitialLoad is true\n      if (!isInitialLoadRef.current || scrollOnInitialLoad) {\n        end.scrollIntoView({behavior: 'instant', block: 'end'});\n      }\n    }\n\n    // Mark that initial load is complete\n    isInitialLoadRef.current = false;\n\n    // After content change, check scroll position again\n    onScroll();\n  }, [containerRef, dataToObserve, endRef, onScroll, scrollOnInitialLoad]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.addEventListener('scroll', onScroll);\n\n    // Initial check with a slight delay to ensure proper measurement\n    const timeoutId = setTimeout(onScroll, 100);\n\n    return () => {\n      container.removeEventListener('scroll', onScroll);\n      clearTimeout(timeoutId);\n    };\n  }, [containerRef, onScroll]);\n\n  const scrollToBottom = () => {\n    if (containerRef.current) {\n      containerRef.current.scrollTo({\n        top: containerRef.current.scrollHeight,\n        behavior: 'smooth',\n      });\n    }\n  };\n\n  return {\n    showScrollButton,\n    scrollToBottom,\n  };\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * {@include ../README.md}
+ * @packageDocumentation
+ */
+export { createAiSlice, useStoreWithAi } from './AiSlice';
+export type { AiSliceState } from './AiSlice';
+export { AnalysisResultsContainer } from './components/AnalysisResultsContainer';
+export { AnalysisResult } from './components/AnalysisResult';
+export { useScrollToBottom } from './hooks/useScrollToBottom';
+export type { AiSliceTool } from './AiSlice';
+export { ModelSelector } from './components/ModelSelector';
+export { SessionControls } from './components/SessionControls';
+export { QueryControls } from './components/QueryControls';
+export { DeleteSessionDialog } from './components/session/DeleteSessionDialog';
+export { SessionActions } from './components/session/SessionActions';
+export { SessionDropdown } from './components/session/SessionDropdown';
+export { SessionTitle } from './components/session/SessionTitle';
+export type { SessionType } from './components/session/SessionType';
+export { ToolErrorMessage } from './components/tools/ToolErrorMessage';
+export { AiSliceConfig, createDefaultAiConfig } from '@sqlrooms/ai-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,WAAW,CAAC;AAExD,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAC5C,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;AAE3C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,mBAAmB,EAAC,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAC,eAAe,EAAC,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAC/D,YAAY,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAC,aAAa,EAAE,qBAAqB,EAAC,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+/**
+ * {@include ../README.md}
+ * @packageDocumentation
+ */
+export { createAiSlice, useStoreWithAi } from './AiSlice';
+export { AnalysisResultsContainer } from './components/AnalysisResultsContainer';
+export { AnalysisResult } from './components/AnalysisResult';
+export { useScrollToBottom } from './hooks/useScrollToBottom';
+export { ModelSelector } from './components/ModelSelector';
+export { SessionControls } from './components/SessionControls';
+export { QueryControls } from './components/QueryControls';
+export { DeleteSessionDialog } from './components/session/DeleteSessionDialog';
+export { SessionActions } from './components/session/SessionActions';
+export { SessionDropdown } from './components/session/SessionDropdown';
+export { SessionTitle } from './components/session/SessionTitle';
+export { ToolErrorMessage } from './components/tools/ToolErrorMessage';
+export { AiSliceConfig, createDefaultAiConfig } from '@sqlrooms/ai-config';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,WAAW,CAAC;AAGxD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAG5D,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,mBAAmB,EAAC,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAC,cAAc,EAAC,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAC,eAAe,EAAC,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAC,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAE/D,OAAO,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAC,aAAa,EAAE,qBAAqB,EAAC,MAAM,qBAAqB,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\n\nexport {createAiSlice, useStoreWithAi} from './AiSlice';\n\nexport type {AiSliceState} from './AiSlice';\nexport {AnalysisResultsContainer} from './components/AnalysisResultsContainer';\nexport {AnalysisResult} from './components/AnalysisResult';\nexport {useScrollToBottom} from './hooks/useScrollToBottom';\nexport type {AiSliceTool} from './AiSlice';\n\nexport {ModelSelector} from './components/ModelSelector';\nexport {SessionControls} from './components/SessionControls';\nexport {QueryControls} from './components/QueryControls';\nexport {DeleteSessionDialog} from './components/session/DeleteSessionDialog';\nexport {SessionActions} from './components/session/SessionActions';\nexport {SessionDropdown} from './components/session/SessionDropdown';\nexport {SessionTitle} from './components/session/SessionTitle';\nexport type {SessionType} from './components/session/SessionType';\nexport {ToolErrorMessage} from './components/tools/ToolErrorMessage';\n\nexport {AiSliceConfig, createDefaultAiConfig} from '@sqlrooms/ai-config';\n"]}

package/dist/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Utility functions for AI Chat UI configuration
+ */
+import { AiSettingsSliceConfig } from '@sqlrooms/ai-config';
+/**
+ * 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: AiSettingsSliceConfig): Array<{
+    provider: string;
+    label: string;
+    value: string;
+}>;
+//# 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,qBAAqB,CAAC;AAE1D;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,qBAAqB,GAC5B,KAAK,CAAC;IACP,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;AAIH;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CACvC,MAA6B;IAM7B,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 '@sqlrooms/ai-config';\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(\n  config: AiSettingsSliceConfig,\n): 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

@@ -0,0 +1,51 @@
+{
+  "name": "@sqlrooms/ai-core",
+  "version": "0.26.0-rc.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.js",
+  "type": "module",
+  "author": "Ilya Boyandin <ilya@boyandin.me>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sqlrooms/sqlrooms.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@ai-sdk/provider": "^1.1.3",
+    "@openassistant/core": "0.5.17",
+    "@openassistant/utils": "0.5.17",
+    "@paralleldrive/cuid2": "^2.2.2",
+    "@sqlrooms/ai-config": "0.26.0-rc.0",
+    "@sqlrooms/monaco-editor": "0.26.0-rc.0",
+    "@sqlrooms/room-config": "0.26.0-rc.0",
+    "@sqlrooms/room-store": "0.26.0-rc.0",
+    "@sqlrooms/ui": "0.26.0-rc.0",
+    "@sqlrooms/utils": "0.26.0-rc.0",
+    "ai": "^4.3.19",
+    "immer": "^10.1.1",
+    "lucide-react": "^0.475.0",
+    "react-markdown": "^10.1.0",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.0",
+    "zod": "^3.25.73"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "scripts": {
+    "dev": "tsc -w",
+    "build": "tsc",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "typedoc": "typedoc"
+  },
+  "gitHead": "05d355acee6ea65b33b09c6e49d7746ffacb866e"
+}