@sqlrooms/ai 0.6.0 → 0.8.0

package/dist/components/ErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../src/components/ErrorMessage.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,2CAQzD"}

package/dist/components/ErrorMessage.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Markdown from 'react-markdown';
+import { MessageContainer } from './MessageContainer';
+export function ErrorMessage(props) {
+    return (_jsx(MessageContainer, { isSuccess: false, type: "error", content: props, children: _jsx(Markdown, { className: "prose dark:prose-invert max-w-none text-sm", children: props.errorMessage }) }));
+}
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/components/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/components/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD,MAAM,UAAU,YAAY,CAAC,KAA6B;IACxD,OAAO,CACL,KAAC,gBAAgB,IAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,KAAK,YAC7D,KAAC,QAAQ,IAAC,SAAS,EAAC,4CAA4C,YAC7D,KAAK,CAAC,YAAY,GACV,GACM,CACpB,CAAC;AACJ,CAAC","sourcesContent":["import Markdown from 'react-markdown';\nimport {MessageContainer} from './MessageContainer';\n\nexport function ErrorMessage(props: {errorMessage: string}) {\n  return (\n    <MessageContainer isSuccess={false} type=\"error\" content={props}>\n      <Markdown className=\"prose dark:prose-invert max-w-none text-sm\">\n        {props.errorMessage}\n      </Markdown>\n    </MessageContainer>\n  );\n}\n"]}

package/dist/components/MessageContainer.d.ts

@@ -0,0 +1,10 @@
+type MessageContainerProps = {
+    className?: string;
+    isSuccess: boolean;
+    type: string;
+    content: object;
+    children: React.ReactNode;
+};
+export declare const MessageContainer: React.FC<MessageContainerProps>;
+export {};
+//# sourceMappingURL=MessageContainer.d.ts.map

package/dist/components/MessageContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageContainer.d.ts","sourceRoot":"","sources":["../../src/components/MessageContainer.tsx"],"names":[],"mappings":"AAWA,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IAEnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmE5D,CAAC"}

package/dist/components/MessageContainer.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JsonMonacoEditor } from '@sqlrooms/monaco-editor';
+import { Badge, Button, cn, Popover, PopoverContent, PopoverTrigger, } from '@sqlrooms/ui';
+import { CodeIcon, XCircleIcon } from 'lucide-react';
+export const MessageContainer = ({ className, type, 
+// borderColor,
+content, children, }) => {
+    return (_jsxs("div", { className: cn('group relative px-5 py-2 text-xs', className, type === 'error' && 'border-destructive rounded-md border py-4'), children: [type === 'error' && (_jsxs(Badge, { variant: "secondary", className: cn('absolute left-2 top-[-12px] flex items-center gap-1 border text-xs', 'border-destructive bg-background'), children: [_jsx(XCircleIcon, { className: "h-3 w-3 text-red-500" }), type] })), _jsx("div", { className: "absolute right-2 top-2 opacity-0 transition-opacity duration-200 group-hover:opacity-100", children: _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6", children: _jsx(CodeIcon, { className: "h-4 w-4" }) }) }), _jsx(PopoverContent, { className: "max-h-[300px] w-[400px] overflow-auto p-4", side: "right", align: "start", children: _jsx(JsonMonacoEditor, { value: JSON.stringify(content, null, 2), readOnly: true, className: "h-[250px]", options: {
+                                    minimap: { enabled: false },
+                                    scrollBeyondLastLine: false,
+                                    automaticLayout: true,
+                                    folding: true,
+                                    lineNumbers: false,
+                                    wordWrap: 'on',
+                                } }) })] }) }), _jsx("div", { className: "flex flex-col gap-5", children: children })] }));
+};
+//# sourceMappingURL=MessageContainer.js.map

package/dist/components/MessageContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageContainer.js","sourceRoot":"","sources":["../../src/components/MessageContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,KAAK,EACL,MAAM,EACN,EAAE,EACF,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAC,MAAM,cAAc,CAAC;AAWnD,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,SAAS,EACT,IAAI;AACJ,eAAe;AACf,OAAO,EACP,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,SAAS,EACT,IAAI,KAAK,OAAO,IAAI,2CAA2C,CAGhE,aAEA,IAAI,KAAK,OAAO,IAAI,CACnB,MAAC,KAAK,IACJ,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,kCAAkC,CAEnC,aAKD,KAAC,WAAW,IAAC,SAAS,EAAC,sBAAsB,GAAG,EAE/C,IAAI,IACC,CACT,EAED,cAAK,SAAS,EAAC,0FAA0F,YACvG,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,YACrD,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,GACzB,GACM,EACjB,KAAC,cAAc,IACb,SAAS,EAAC,2CAA2C,EACrD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,YAEb,KAAC,gBAAgB,IACf,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,EACvC,QAAQ,EAAE,IAAI,EACd,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE;oCACP,OAAO,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC;oCACzB,oBAAoB,EAAE,KAAK;oCAC3B,eAAe,EAAE,IAAI;oCACrB,OAAO,EAAE,IAAI;oCACb,WAAW,EAAE,KAAK;oCAClB,QAAQ,EAAE,IAAI;iCACf,GACD,GACa,IACT,GACN,EAEN,cAAK,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAO,IACjD,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {JsonMonacoEditor} from '@sqlrooms/monaco-editor';\nimport {\n  Badge,\n  Button,\n  cn,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@sqlrooms/ui';\nimport {CodeIcon, XCircleIcon} from 'lucide-react';\n\ntype MessageContainerProps = {\n  className?: string;\n  isSuccess: boolean;\n  // borderColor: string;\n  type: string;\n  content: object;\n  children: React.ReactNode;\n};\n\nexport const MessageContainer: React.FC<MessageContainerProps> = ({\n  className,\n  type,\n  // borderColor,\n  content,\n  children,\n}) => {\n  return (\n    <div\n      className={cn(\n        'group relative px-5 py-2 text-xs',\n        className,\n        type === 'error' && 'border-destructive rounded-md border py-4',\n        // borderColor,\n        // isSuccess ? borderColor : 'border-red-500',\n      )}\n    >\n      {type === 'error' && (\n        <Badge\n          variant=\"secondary\"\n          className={cn(\n            'absolute left-2 top-[-12px] flex items-center gap-1 border text-xs',\n            'border-destructive bg-background',\n            // isSuccess ? borderColor : 'border-red-500',\n          )}\n        >\n          {/* {isSuccess ? ( */}\n          {/* <CheckCircle2Icon className=\"h-3 w-3 text-green-500\" /> */}\n          {/* ) : ( */}\n          <XCircleIcon className=\"h-3 w-3 text-red-500\" />\n          {/* )} */}\n          {type}\n        </Badge>\n      )}\n\n      <div className=\"absolute right-2 top-2 opacity-0 transition-opacity duration-200 group-hover:opacity-100\">\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6\">\n              <CodeIcon className=\"h-4 w-4\" />\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"max-h-[300px] w-[400px] overflow-auto p-4\"\n            side=\"right\"\n            align=\"start\"\n          >\n            <JsonMonacoEditor\n              value={JSON.stringify(content, null, 2)}\n              readOnly={true}\n              className=\"h-[250px]\"\n              options={{\n                minimap: {enabled: false},\n                scrollBeyondLastLine: false,\n                automaticLayout: true,\n                folding: true,\n                lineNumbers: false,\n                wordWrap: 'on',\n              }}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n\n      <div className=\"flex flex-col gap-5\">{children}</div>\n    </div>\n  );\n};\n"]}

package/dist/components/ModelSelector.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Model {
+    provider: string;
+    label: string;
+    value: string;
+}
+interface ModelSelectorProps {
+    className?: string;
+    models: Model[];
+}
+export declare const ModelSelector: React.FC<ModelSelectorProps>;
+export {};
+//# sourceMappingURL=ModelSelector.d.ts.map

package/dist/components/ModelSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../src/components/ModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6DtD,CAAC"}

package/dist/components/ModelSelector.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, } from '@sqlrooms/ui';
+import { useStoreWithAi } from '../AiSlice';
+import { capitalize } from '@sqlrooms/utils';
+export const ModelSelector = ({ className, models, }) => {
+    const currentSession = useStoreWithAi((s) => s.ai.getCurrentSession());
+    const setAiModel = useStoreWithAi((s) => s.ai.setAiModel);
+    const handleModelChange = (value) => {
+        const selectedModel = models.find((model) => model.value === value);
+        if (selectedModel) {
+            setAiModel(selectedModel.provider, value);
+        }
+    };
+    if (!currentSession)
+        return null;
+    const currentModel = currentSession.model;
+    const currentModelDetails = models.find((m) => m.value === currentModel);
+    // Group models by provider
+    const modelsByProvider = models.reduce((acc, model) => {
+        if (!acc[model.provider]) {
+            acc[model.provider] = [];
+        }
+        acc[model.provider].push(model);
+        return acc;
+    }, {});
+    return (_jsx("div", { className: className, children: _jsxs(Select, { value: currentModel, onValueChange: handleModelChange, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Select AI Model", children: currentModelDetails?.label ?? '' }) }), _jsx(SelectContent, { children: Object.entries(modelsByProvider).map(([provider, providerModels]) => (_jsxs(React.Fragment, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { className: "text-muted-foreground/50 text-center text-sm font-bold", children: capitalize(provider) }), providerModels.map((model) => (_jsx(SelectItem, { value: model.value, children: model.label }, model.value)))] }), _jsx(SelectSeparator, {})] }, provider))) })] }) }));
+};
+//# sourceMappingURL=ModelSelector.js.map

package/dist/components/ModelSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSelector.js","sourceRoot":"","sources":["../../src/components/ModelSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,eAAe,EACf,aAAa,EACb,WAAW,GACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAY3C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,SAAS,EACT,MAAM,GACP,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QACpE,IAAI,aAAa,EAAE,CAAC;YAClB,UAAU,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IAEjC,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC;IAC1C,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;IAEzE,2BAA2B;IAC3B,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YACzB,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;QAC3B,CAAC;QACD,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAA6B,CAC9B,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,MAAC,MAAM,IAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,aAC3D,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,YAC/B,KAAC,WAAW,IAAC,WAAW,EAAC,iBAAiB,YACvC,mBAAmB,EAAE,KAAK,IAAI,EAAE,GACrB,GACA,EAChB,KAAC,aAAa,cACX,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,GAAG,CACnC,CAAC,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAE,EAAE,CAAC,CAC9B,MAAC,KAAK,CAAC,QAAQ,eACb,MAAC,WAAW,eACV,KAAC,WAAW,IAAC,SAAS,EAAC,wDAAwD,YAC5E,UAAU,CAAC,QAAQ,CAAC,GACT,EACb,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,UAAU,IAAmB,KAAK,EAAE,KAAK,CAAC,KAAK,YAC7C,KAAK,CAAC,KAAK,IADG,KAAK,CAAC,KAAK,CAEf,CACd,CAAC,IACU,EACd,KAAC,eAAe,KAAG,KAXA,QAAQ,CAYZ,CAClB,CACF,GACa,IACT,GACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n} from '@sqlrooms/ui';\nimport {useStoreWithAi} from '../AiSlice';\nimport {capitalize} from '@sqlrooms/utils';\ninterface Model {\n  provider: string;\n  label: string;\n  value: string;\n}\n\ninterface ModelSelectorProps {\n  className?: string;\n  models: Model[];\n}\n\nexport const ModelSelector: React.FC<ModelSelectorProps> = ({\n  className,\n  models,\n}) => {\n  const currentSession = useStoreWithAi((s) => s.ai.getCurrentSession());\n  const setAiModel = useStoreWithAi((s) => s.ai.setAiModel);\n\n  const handleModelChange = (value: string) => {\n    const selectedModel = models.find((model) => model.value === value);\n    if (selectedModel) {\n      setAiModel(selectedModel.provider, value);\n    }\n  };\n\n  if (!currentSession) return null;\n\n  const currentModel = currentSession.model;\n  const currentModelDetails = models.find((m) => m.value === currentModel);\n\n  // Group models by provider\n  const modelsByProvider = models.reduce(\n    (acc, model) => {\n      if (!acc[model.provider]) {\n        acc[model.provider] = [];\n      }\n      acc[model.provider]!.push(model);\n      return acc;\n    },\n    {} as Record<string, Model[]>,\n  );\n\n  return (\n    <div className={className}>\n      <Select value={currentModel} onValueChange={handleModelChange}>\n        <SelectTrigger className=\"w-full\">\n          <SelectValue placeholder=\"Select AI Model\">\n            {currentModelDetails?.label ?? ''}\n          </SelectValue>\n        </SelectTrigger>\n        <SelectContent>\n          {Object.entries(modelsByProvider).map(\n            ([provider, providerModels]) => (\n              <React.Fragment key={provider}>\n                <SelectGroup>\n                  <SelectLabel className=\"text-muted-foreground/50 text-center text-sm font-bold\">\n                    {capitalize(provider)}\n                  </SelectLabel>\n                  {providerModels.map((model) => (\n                    <SelectItem key={model.value} value={model.value}>\n                      {model.label}\n                    </SelectItem>\n                  ))}\n                </SelectGroup>\n                <SelectSeparator />\n              </React.Fragment>\n            ),\n          )}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n};\n"]}

package/dist/components/QueryControls.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+type QueryControlsProps = PropsWithChildren<{
+    className?: string;
+    placeholder?: string;
+}>;
+export declare const QueryControls: React.FC<QueryControlsProps>;
+export {};
+//# sourceMappingURL=QueryControls.d.ts.map

package/dist/components/QueryControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryControls.d.ts","sourceRoot":"","sources":["../../src/components/QueryControls.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAiC,MAAM,OAAO,CAAC;AAGxE,KAAK,kBAAkB,GAAG,iBAAiB,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyGtD,CAAC"}

package/dist/components/QueryControls.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn, Spinner, Textarea } from '@sqlrooms/ui';
+import { ArrowUpIcon, OctagonXIcon } from 'lucide-react';
+import { useCallback, useRef, useEffect } from 'react';
+import { useStoreWithAi } from '../AiSlice';
+export const QueryControls = ({ className, placeholder = 'Type here what would you like to learn about the data?', children, }) => {
+    const textareaRef = useRef(null);
+    const isRunningAnalysis = useStoreWithAi((s) => s.ai.isRunningAnalysis);
+    const runAnalysis = useStoreWithAi((s) => s.ai.startAnalysis);
+    const cancelAnalysis = useStoreWithAi((s) => s.ai.cancelAnalysis);
+    const analysisPrompt = useStoreWithAi((s) => s.ai.analysisPrompt);
+    const isDataAvailable = useStoreWithAi((s) => s.project.isDataAvailable);
+    const setAnalysisPrompt = useStoreWithAi((s) => s.ai.setAnalysisPrompt);
+    const currentSession = useStoreWithAi((s) => s.ai.getCurrentSession());
+    const model = currentSession?.model;
+    useEffect(() => {
+        if (!isDataAvailable)
+            return;
+        // Focus the textarea when the component mounts
+        // Using a small timeout ensures the data is loaded and
+        // add timeout to prevent aria hidden warning caused by the
+        // loading progress dialog being still open
+        const timer = setTimeout(() => {
+            if (textareaRef.current) {
+                textareaRef.current.focus();
+            }
+        }, 500);
+        return () => clearTimeout(timer);
+    }, [isDataAvailable]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' &&
+            !e.shiftKey &&
+            !e.ctrlKey &&
+            !e.altKey &&
+            !e.metaKey) {
+            e.preventDefault();
+            if (!isRunningAnalysis && model && analysisPrompt.trim().length) {
+                runAnalysis();
+            }
+        }
+    }, [isRunningAnalysis, model, analysisPrompt, runAnalysis]);
+    const canStart = Boolean(!isRunningAnalysis && model && analysisPrompt.trim().length);
+    return (_jsx("div", { className: cn('flex w-full flex-col items-center justify-center gap-4', className), children: _jsx("div", { className: "relative w-full overflow-hidden p-[1px]", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Textarea, { ref: textareaRef, disabled: isRunningAnalysis, className: "bg-muted/50 h-[100px] resize-none", value: analysisPrompt, onChange: (e) => setAnalysisPrompt(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, autoFocus: true }), _jsxs("div", { className: "bg-muted/30 flex w-full items-center justify-between gap-2 p-2", children: [_jsx("div", { children: children }), _jsx("div", { className: "flex-1" }), _jsxs("div", { children: [isRunningAnalysis && (_jsxs(Button, { variant: "outline", className: "rounded-full", onClick: cancelAnalysis, children: [_jsx(OctagonXIcon, { className: "h-4 w-4" }), "Stop"] })), _jsx(Button, { className: "h-10 w-10 rounded-full", variant: "default", size: "icon", onClick: runAnalysis, disabled: !canStart, children: isRunningAnalysis ? (_jsx("div", { className: "flex items-center gap-2", children: _jsx(Spinner, { className: "h-4 w-4" }) })) : (_jsx(ArrowUpIcon, {})) })] })] })] }) }) }));
+};
+//# sourceMappingURL=QueryControls.js.map

package/dist/components/QueryControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryControls.js","sourceRoot":"","sources":["../../src/components/QueryControls.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Button, cn, Spinner, Textarea} from '@sqlrooms/ui';\nimport {ArrowUpIcon, OctagonXIcon} from 'lucide-react';\nimport {PropsWithChildren, useCallback, useRef, useEffect} from 'react';\nimport {useStoreWithAi} from '../AiSlice';\n\ntype QueryControlsProps = PropsWithChildren<{\n  className?: string;\n  placeholder?: string;\n}>;\n\nexport const QueryControls: React.FC<QueryControlsProps> = ({\n  className,\n  placeholder = 'Type here what would you like to learn about the data?',\n  children,\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const isRunningAnalysis = useStoreWithAi((s) => s.ai.isRunningAnalysis);\n  const runAnalysis = useStoreWithAi((s) => s.ai.startAnalysis);\n  const cancelAnalysis = useStoreWithAi((s) => s.ai.cancelAnalysis);\n  const analysisPrompt = useStoreWithAi((s) => s.ai.analysisPrompt);\n  const isDataAvailable = useStoreWithAi((s) => s.project.isDataAvailable);\n  const setAnalysisPrompt = useStoreWithAi((s) => s.ai.setAnalysisPrompt);\n  const currentSession = useStoreWithAi((s) => s.ai.getCurrentSession());\n  const model = currentSession?.model;\n\n  useEffect(() => {\n    if (!isDataAvailable) return;\n    // Focus the textarea when the component mounts\n    // Using a small timeout ensures the data is loaded and\n    // add timeout to prevent aria hidden warning caused by the\n    // loading progress dialog being still open\n    const timer = setTimeout(() => {\n      if (textareaRef.current) {\n        textareaRef.current.focus();\n      }\n    }, 500);\n\n    return () => clearTimeout(timer);\n  }, [isDataAvailable]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (\n        e.key === 'Enter' &&\n        !e.shiftKey &&\n        !e.ctrlKey &&\n        !e.altKey &&\n        !e.metaKey\n      ) {\n        e.preventDefault();\n        if (!isRunningAnalysis && model && analysisPrompt.trim().length) {\n          runAnalysis();\n        }\n      }\n    },\n    [isRunningAnalysis, model, analysisPrompt, runAnalysis],\n  );\n\n  const canStart = Boolean(\n    !isRunningAnalysis && model && analysisPrompt.trim().length,\n  );\n  return (\n    <div\n      className={cn(\n        'flex w-full flex-col items-center justify-center gap-4',\n        className,\n      )}\n    >\n      <div className=\"relative w-full overflow-hidden p-[1px]\">\n        <div className=\"flex flex-col\">\n          <Textarea\n            ref={textareaRef}\n            disabled={isRunningAnalysis}\n            className=\"bg-muted/50 h-[100px] resize-none\"\n            value={analysisPrompt}\n            onChange={(e) => setAnalysisPrompt(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            autoFocus\n          />\n          <div className=\"bg-muted/30 flex w-full items-center justify-between gap-2 p-2\">\n            <div>{children}</div>\n            <div className=\"flex-1\" />\n            <div>\n              {isRunningAnalysis && (\n                <Button\n                  variant=\"outline\"\n                  className=\"rounded-full\"\n                  onClick={cancelAnalysis}\n                >\n                  <OctagonXIcon className=\"h-4 w-4\" />\n                  Stop\n                </Button>\n              )}\n              <Button\n                className=\"h-10 w-10 rounded-full\"\n                variant=\"default\"\n                size=\"icon\"\n                onClick={runAnalysis}\n                disabled={!canStart}\n              >\n                {isRunningAnalysis ? (\n                  <div className=\"flex items-center gap-2\">\n                    <Spinner className=\"h-4 w-4\" />\n                  </div>\n                ) : (\n                  <ArrowUpIcon />\n                )}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/SessionControls.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+/**
+ * Main component for managing AI sessions.
+ * Combines session dropdown, title editing, action buttons, and delete confirmation.
+ *
+ * @example
+ * ```tsx
+ * <SessionControls className="p-4 border-b">
+ *   <Button>Custom Button</Button>
+ * </SessionControls>
+ * ```
+ */
+export declare const SessionControls: React.FC<{
+    className?: string;
+    children?: React.ReactNode;
+}>;
+//# sourceMappingURL=SessionControls.d.ts.map

package/dist/components/SessionControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionControls.d.ts","sourceRoot":"","sources":["../../src/components/SessionControls.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CA2BA,CAAC"}

package/dist/components/SessionControls.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '@sqlrooms/ui';
+import { useStoreWithAi } from '../AiSlice';
+import { SessionActions, SessionDropdown, SessionTitle } from './session';
+/**
+ * Main component for managing AI sessions.
+ * Combines session dropdown, title editing, action buttons, and delete confirmation.
+ *
+ * @example
+ * ```tsx
+ * <SessionControls className="p-4 border-b">
+ *   <Button>Custom Button</Button>
+ * </SessionControls>
+ * ```
+ */
+export const SessionControls = ({ className, children }) => {
+    const currentSession = useStoreWithAi((s) => s.ai.getCurrentSession());
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: cn('flex flex-wrap items-center justify-between', className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(SessionDropdown, {}), _jsx(SessionTitle, {}), currentSession && (_jsx("div", { className: "text-muted-foreground text-xs", children: currentSession.model }))] }), children, _jsx(SessionActions, {})] }) }));
+};
+//# sourceMappingURL=SessionControls.js.map

package/dist/components/SessionControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionControls.js","sourceRoot":"","sources":["../../src/components/SessionControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,cAAc,CAAC;AAEhC,OAAO,EAAC,cAAc,EAAC,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAC,cAAc,EAAE,eAAe,EAAE,YAAY,EAAC,MAAM,WAAW,CAAC;AAExE;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,eAAe,GAGvB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC7B,MAAM,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACvE,OAAO,CACL,4BAEE,eACE,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,aAGvE,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,eAAe,KAAG,EACnB,KAAC,YAAY,KAAG,EACf,cAAc,IAAI,CACjB,cAAK,SAAS,EAAC,+BAA+B,YAC3C,cAAc,CAAC,KAAK,GACjB,CACP,IACG,EAGL,QAAQ,EAGT,KAAC,cAAc,KAAG,IACd,GACL,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn} from '@sqlrooms/ui';\nimport React from 'react';\nimport {useStoreWithAi} from '../AiSlice';\nimport {SessionActions, SessionDropdown, SessionTitle} from './session';\n\n/**\n * Main component for managing AI sessions.\n * Combines session dropdown, title editing, action buttons, and delete confirmation.\n *\n * @example\n * ```tsx\n * <SessionControls className=\"p-4 border-b\">\n *   <Button>Custom Button</Button>\n * </SessionControls>\n * ```\n */\nexport const SessionControls: React.FC<{\n  className?: string;\n  children?: React.ReactNode;\n}> = ({className, children}) => {\n  const currentSession = useStoreWithAi((s) => s.ai.getCurrentSession());\n  return (\n    <>\n      {/* Header with session controls */}\n      <div\n        className={cn('flex flex-wrap items-center justify-between', className)}\n      >\n        {/* Left side - History Button and Editable Session Title */}\n        <div className=\"flex items-center gap-3\">\n          <SessionDropdown />\n          <SessionTitle />\n          {currentSession && (\n            <div className=\"text-muted-foreground text-xs\">\n              {currentSession.model}\n            </div>\n          )}\n        </div>\n\n        {/* Render children if provided */}\n        {children}\n\n        {/* Right side buttons */}\n        <SessionActions />\n      </div>\n    </>\n  );\n};\n"]}

package/dist/components/session/DeleteSessionButton.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+/**
+ * Props for the DeleteSessionButton component
+ */
+export interface DeleteSessionButtonProps {
+    /** Optional CSS class names to apply to the button */
+    className?: string;
+}
+/**
+ * A button component that handles session deletion with confirmation dialog.
+ * Only appears when there is more than one session available.
+ *
+ * @example
+ * ```tsx
+ * <DeleteSessionButton className="my-custom-class" />
+ * ```
+ */
+export declare const DeleteSessionButton: React.FC<DeleteSessionButtonProps>;
+//# sourceMappingURL=DeleteSessionButton.d.ts.map

package/dist/components/session/DeleteSessionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteSessionButton.d.ts","sourceRoot":"","sources":["../../../src/components/session/DeleteSessionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiElE,CAAC"}

package/dist/components/session/DeleteSessionButton.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn } from '@sqlrooms/ui';
+import { Trash2 } from 'lucide-react';
+import { useState } from 'react';
+import { useStoreWithAi } from '../../AiSlice';
+import { DeleteSessionDialog } from './DeleteSessionDialog';
+/**
+ * A button component that handles session deletion with confirmation dialog.
+ * Only appears when there is more than one session available.
+ *
+ * @example
+ * ```tsx
+ * <DeleteSessionButton className="my-custom-class" />
+ * ```
+ */
+export const DeleteSessionButton = ({ className, }) => {
+    const sessions = useStoreWithAi((s) => s.config.ai.sessions);
+    const currentSessionId = useStoreWithAi((s) => s.config.ai.currentSessionId);
+    const deleteSession = useStoreWithAi((s) => s.ai.deleteSession);
+    const [sessionToDeleteId, setSessionToDeleteId] = useState(null);
+    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
+    /**
+     * Opens the delete confirmation dialog for the current session
+     */
+    const handleOpenDeleteDialog = () => {
+        if (currentSessionId) {
+            setSessionToDeleteId(currentSessionId);
+            setIsDeleteDialogOpen(true);
+        }
+    };
+    /**
+     * Deletes the session after confirmation
+     */
+    const handleDeleteSession = () => {
+        if (sessionToDeleteId) {
+            deleteSession(sessionToDeleteId);
+            setIsDeleteDialogOpen(false);
+            setSessionToDeleteId(null);
+        }
+    };
+    /**
+     * Closes the delete confirmation dialog without deleting
+     */
+    const handleCloseDeleteDialog = () => {
+        setIsDeleteDialogOpen(false);
+        setSessionToDeleteId(null);
+    };
+    // Only show the delete button if there's more than one session
+    if (sessions.length <= 1 || !currentSessionId) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", size: "sm", className: cn('text-destructive', className), onClick: handleOpenDeleteDialog, children: _jsx(Trash2, { className: "h-4 w-4" }) }), _jsx(DeleteSessionDialog, { isOpen: isDeleteDialogOpen, onClose: handleCloseDeleteDialog, onDelete: handleDeleteSession })] }));
+};
+//# sourceMappingURL=DeleteSessionButton.js.map

package/dist/components/session/DeleteSessionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteSessionButton.js","sourceRoot":"","sources":["../../../src/components/session/DeleteSessionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAc,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAU1D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,SAAS,GACV,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC7E,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAEhE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CACxD,IAAI,CACL,CAAC;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE;;OAEG;IACH,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,IAAI,gBAAgB,EAAE,CAAC;YACrB,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;YACvC,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,iBAAiB,EAAE,CAAC;YACtB,aAAa,CAAC,iBAAiB,CAAC,CAAC;YACjC,qBAAqB,CAAC,KAAK,CAAC,CAAC;YAC7B,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC7B,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,+DAA+D;IAC/D,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BACE,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,OAAO,EAAE,sBAAsB,YAE/B,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,GACvB,EAGT,KAAC,mBAAmB,IAClB,MAAM,EAAE,kBAAkB,EAC1B,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAE,mBAAmB,GAC7B,IACD,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, cn} from '@sqlrooms/ui';\nimport {Trash2} from 'lucide-react';\nimport React, {useState} from 'react';\nimport {useStoreWithAi} from '../../AiSlice';\nimport {DeleteSessionDialog} from './DeleteSessionDialog';\n\n/**\n * Props for the DeleteSessionButton component\n */\nexport interface DeleteSessionButtonProps {\n  /** Optional CSS class names to apply to the button */\n  className?: string;\n}\n\n/**\n * A button component that handles session deletion with confirmation dialog.\n * Only appears when there is more than one session available.\n *\n * @example\n * ```tsx\n * <DeleteSessionButton className=\"my-custom-class\" />\n * ```\n */\nexport const DeleteSessionButton: React.FC<DeleteSessionButtonProps> = ({\n  className,\n}) => {\n  const sessions = useStoreWithAi((s) => s.config.ai.sessions);\n  const currentSessionId = useStoreWithAi((s) => s.config.ai.currentSessionId);\n  const deleteSession = useStoreWithAi((s) => s.ai.deleteSession);\n\n  const [sessionToDeleteId, setSessionToDeleteId] = useState<string | null>(\n    null,\n  );\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n\n  /**\n   * Opens the delete confirmation dialog for the current session\n   */\n  const handleOpenDeleteDialog = () => {\n    if (currentSessionId) {\n      setSessionToDeleteId(currentSessionId);\n      setIsDeleteDialogOpen(true);\n    }\n  };\n\n  /**\n   * Deletes the session after confirmation\n   */\n  const handleDeleteSession = () => {\n    if (sessionToDeleteId) {\n      deleteSession(sessionToDeleteId);\n      setIsDeleteDialogOpen(false);\n      setSessionToDeleteId(null);\n    }\n  };\n\n  /**\n   * Closes the delete confirmation dialog without deleting\n   */\n  const handleCloseDeleteDialog = () => {\n    setIsDeleteDialogOpen(false);\n    setSessionToDeleteId(null);\n  };\n\n  // Only show the delete button if there's more than one session\n  if (sessions.length <= 1 || !currentSessionId) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        className={cn('text-destructive', className)}\n        onClick={handleOpenDeleteDialog}\n      >\n        <Trash2 className=\"h-4 w-4\" />\n      </Button>\n\n      {/* Delete Confirmation Dialog */}\n      <DeleteSessionDialog\n        isOpen={isDeleteDialogOpen}\n        onClose={handleCloseDeleteDialog}\n        onDelete={handleDeleteSession}\n      />\n    </>\n  );\n};\n"]}

package/dist/components/session/DeleteSessionDialog.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+/**
+ * Props for the DeleteSessionDialog component
+ */
+export interface DeleteSessionDialogProps {
+    /** Whether the dialog is currently open */
+    isOpen: boolean;
+    /** Callback function to close the dialog */
+    onClose: () => void;
+    /** Callback function to confirm deletion */
+    onDelete: () => void;
+}
+/**
+ * Dialog component for confirming session deletion.
+ * Displays a warning message and provides cancel/delete buttons.
+ *
+ * @example
+ * ```tsx
+ * <DeleteSessionDialog
+ *   isOpen={true}
+ *   onClose={() => console.log("Dialog closed")}
+ *   onDelete={() => console.log("Session deleted")}
+ * />
+ * ```
+ */
+export declare const DeleteSessionDialog: React.FC<DeleteSessionDialogProps>;
+//# sourceMappingURL=DeleteSessionDialog.d.ts.map

package/dist/components/session/DeleteSessionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteSessionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/session/DeleteSessionDialog.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAEhB,4CAA4C;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0BlE,CAAC"}

package/dist/components/session/DeleteSessionDialog.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@sqlrooms/ui';
+/**
+ * Dialog component for confirming session deletion.
+ * Displays a warning message and provides cancel/delete buttons.
+ *
+ * @example
+ * ```tsx
+ * <DeleteSessionDialog
+ *   isOpen={true}
+ *   onClose={() => console.log("Dialog closed")}
+ *   onDelete={() => console.log("Session deleted")}
+ * />
+ * ```
+ */
+export const DeleteSessionDialog = ({ isOpen, onClose, onDelete, }) => {
+    return (_jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Delete Session" }), _jsx(DialogDescription, { children: "Are you sure you want to delete this session? This action cannot be undone." })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: "destructive", onClick: onDelete, children: "Delete" })] })] }) }));
+};
+//# sourceMappingURL=DeleteSessionDialog.js.map

package/dist/components/session/DeleteSessionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteSessionDialog.js","sourceRoot":"","sources":["../../../src/components/session/DeleteSessionDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,cAAc,CAAC;AAiBtB;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,YACzC,MAAC,aAAa,eACZ,MAAC,YAAY,eACX,KAAC,WAAW,iCAA6B,EACzC,KAAC,iBAAiB,8FAGE,IACP,EACf,MAAC,YAAY,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,uBAEjC,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,QAAQ,uBAEtC,IACI,IACD,GACT,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@sqlrooms/ui';\nimport React from 'react';\n\n/**\n * Props for the DeleteSessionDialog component\n */\nexport interface DeleteSessionDialogProps {\n  /** Whether the dialog is currently open */\n  isOpen: boolean;\n\n  /** Callback function to close the dialog */\n  onClose: () => void;\n\n  /** Callback function to confirm deletion */\n  onDelete: () => void;\n}\n\n/**\n * Dialog component for confirming session deletion.\n * Displays a warning message and provides cancel/delete buttons.\n *\n * @example\n * ```tsx\n * <DeleteSessionDialog\n *   isOpen={true}\n *   onClose={() => console.log(\"Dialog closed\")}\n *   onDelete={() => console.log(\"Session deleted\")}\n * />\n * ```\n */\nexport const DeleteSessionDialog: React.FC<DeleteSessionDialogProps> = ({\n  isOpen,\n  onClose,\n  onDelete,\n}) => {\n  return (\n    <Dialog open={isOpen} onOpenChange={onClose}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Delete Session</DialogTitle>\n          <DialogDescription>\n            Are you sure you want to delete this session? This action cannot be\n            undone.\n          </DialogDescription>\n        </DialogHeader>\n        <DialogFooter>\n          <Button variant=\"outline\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button variant=\"destructive\" onClick={onDelete}>\n            Delete\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"]}

package/dist/components/session/SessionActions.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Props for the SessionActions component
+ */
+export interface SessionActionsProps {
+    className?: string;
+}
+/**
+ * Component that displays action buttons for session management.
+ * Shows a delete button (via DeleteSessionButton) and a create new session button.
+ *
+ * @example
+ * ```tsx
+ * <SessionActions className="my-custom-class" />
+ * ```
+ */
+export declare const SessionActions: React.FC<SessionActionsProps>;
+//# sourceMappingURL=SessionActions.d.ts.map

package/dist/components/session/SessionActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionActions.d.ts","sourceRoot":"","sources":["../../../src/components/session/SessionActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoBxD,CAAC"}

package/dist/components/session/SessionActions.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn } from '@sqlrooms/ui';
+import { Plus as PlusIcon } from 'lucide-react';
+import { useStoreWithAi } from '../../AiSlice';
+import { DeleteSessionButton } from './DeleteSessionButton';
+/**
+ * Component that displays action buttons for session management.
+ * Shows a delete button (via DeleteSessionButton) and a create new session button.
+ *
+ * @example
+ * ```tsx
+ * <SessionActions className="my-custom-class" />
+ * ```
+ */
+export const SessionActions = ({ className }) => {
+    const createSession = useStoreWithAi((s) => s.ai.createSession);
+    return (_jsxs("div", { className: cn('flex items-center gap-2', className), children: [_jsx(DeleteSessionButton, {}), _jsxs(Button, { variant: "outline", size: "sm", className: "gap-1", onClick: () => createSession(), children: [_jsx(PlusIcon, { className: "h-4 w-4" }), "New Session"] })] }));
+};
+//# sourceMappingURL=SessionActions.js.map

package/dist/components/session/SessionActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionActions.js","sourceRoot":"","sources":["../../../src/components/session/SessionActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,EAAE,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAS1D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IAC3E,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAEhE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aAEtD,KAAC,mBAAmB,KAAG,EAGvB,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,aAE9B,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,mBAEzB,IACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, cn} from '@sqlrooms/ui';\nimport {Plus as PlusIcon} from 'lucide-react';\nimport React from 'react';\nimport {useStoreWithAi} from '../../AiSlice';\nimport {DeleteSessionButton} from './DeleteSessionButton';\n\n/**\n * Props for the SessionActions component\n */\nexport interface SessionActionsProps {\n  className?: string;\n}\n\n/**\n * Component that displays action buttons for session management.\n * Shows a delete button (via DeleteSessionButton) and a create new session button.\n *\n * @example\n * ```tsx\n * <SessionActions className=\"my-custom-class\" />\n * ```\n */\nexport const SessionActions: React.FC<SessionActionsProps> = ({className}) => {\n  const createSession = useStoreWithAi((s) => s.ai.createSession);\n\n  return (\n    <div className={cn('flex items-center gap-2', className)}>\n      {/* Delete Current Session Button */}\n      <DeleteSessionButton />\n\n      {/* Create New Session Button */}\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        className=\"gap-1\"\n        onClick={() => createSession()}\n      >\n        <PlusIcon className=\"h-4 w-4\" />\n        New Session\n      </Button>\n    </div>\n  );\n};\n"]}

package/dist/components/session/SessionDropdown.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Props for the SessionDropdown component
+ */
+export interface SessionDropdownProps {
+    className?: string;
+}
+/**
+ * Dropdown component for managing AI sessions.
+ * Allows users to switch between existing sessions or create a new one.
+ *
+ * @example
+ * ```tsx
+ * <SessionDropdown className="my-custom-class" />
+ * ```
+ */
+export declare const SessionDropdown: React.FC<SessionDropdownProps>;
+//# sourceMappingURL=SessionDropdown.d.ts.map

package/dist/components/session/SessionDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/session/SessionDropdown.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwC1D,CAAC"}

package/dist/components/session/SessionDropdown.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@sqlrooms/ui';
+import { Check, ChevronDown, History, Plus as PlusIcon } from 'lucide-react';
+import { useStoreWithAi } from '../../AiSlice';
+/**
+ * Dropdown component for managing AI sessions.
+ * Allows users to switch between existing sessions or create a new one.
+ *
+ * @example
+ * ```tsx
+ * <SessionDropdown className="my-custom-class" />
+ * ```
+ */
+export const SessionDropdown = ({ className, }) => {
+    const sessions = useStoreWithAi((s) => s.config.ai.sessions);
+    const currentSessionId = useStoreWithAi((s) => s.config.ai.currentSessionId);
+    const switchSession = useStoreWithAi((s) => s.ai.switchSession);
+    const createSession = useStoreWithAi((s) => s.ai.createSession);
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { className: cn('gap-1', className), variant: "outline", size: "sm", children: [_jsx(History, { className: "h-4 w-4" }), _jsx(ChevronDown, { className: "ml-1 h-4 w-4" })] }) }), _jsxs(DropdownMenuContent, { align: "start", className: "w-70", children: [_jsxs(DropdownMenuItem, { onClick: () => createSession(), className: "flex items-center py-2", children: [_jsx(PlusIcon, { className: "mr-2 h-4 w-4" }), "New Session"] }), _jsx("div", { className: "bg-border my-1 h-px" }), sessions.map((session) => (_jsxs(DropdownMenuItem, { className: "flex justify-between py-2", onClick: () => switchSession(session.id), children: [_jsx("span", { className: "truncate", children: session.name }), session.id === currentSessionId && (_jsx(Check, { className: "ml-2 h-4 w-4" }))] }, session.id)))] })] }));
+};
+//# sourceMappingURL=SessionDropdown.js.map

package/dist/components/session/SessionDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionDropdown.js","sourceRoot":"","sources":["../../../src/components/session/SessionDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,EAAE,EACF,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAC,MAAM,cAAc,CAAC;AAE3E,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAS7C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,SAAS,GACV,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC7E,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAChE,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAEhE,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,aACpE,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,EAC/B,KAAC,WAAW,IAAC,SAAS,EAAC,cAAc,GAAG,IACjC,GACW,EACtB,MAAC,mBAAmB,IAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,aACjD,MAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAC9B,SAAS,EAAC,wBAAwB,aAElC,KAAC,QAAQ,IAAC,SAAS,EAAC,cAAc,GAAG,mBAEpB,EACnB,cAAK,SAAS,EAAC,qBAAqB,GAAG,EACtC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,MAAC,gBAAgB,IAEf,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,aAExC,eAAM,SAAS,EAAC,UAAU,YAAE,OAAO,CAAC,IAAI,GAAQ,EAC/C,OAAO,CAAC,EAAE,KAAK,gBAAgB,IAAI,CAClC,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,GAAG,CACnC,KAPI,OAAO,CAAC,EAAE,CAQE,CACpB,CAAC,IACkB,IACT,CAChB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Button,\n  cn,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport {Check, ChevronDown, History, Plus as PlusIcon} from 'lucide-react';\nimport React from 'react';\nimport {useStoreWithAi} from '../../AiSlice';\n\n/**\n * Props for the SessionDropdown component\n */\nexport interface SessionDropdownProps {\n  className?: string;\n}\n\n/**\n * Dropdown component for managing AI sessions.\n * Allows users to switch between existing sessions or create a new one.\n *\n * @example\n * ```tsx\n * <SessionDropdown className=\"my-custom-class\" />\n * ```\n */\nexport const SessionDropdown: React.FC<SessionDropdownProps> = ({\n  className,\n}) => {\n  const sessions = useStoreWithAi((s) => s.config.ai.sessions);\n  const currentSessionId = useStoreWithAi((s) => s.config.ai.currentSessionId);\n  const switchSession = useStoreWithAi((s) => s.ai.switchSession);\n  const createSession = useStoreWithAi((s) => s.ai.createSession);\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button className={cn('gap-1', className)} variant=\"outline\" size=\"sm\">\n          <History className=\"h-4 w-4\" />\n          <ChevronDown className=\"ml-1 h-4 w-4\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" className=\"w-70\">\n        <DropdownMenuItem\n          onClick={() => createSession()}\n          className=\"flex items-center py-2\"\n        >\n          <PlusIcon className=\"mr-2 h-4 w-4\" />\n          New Session\n        </DropdownMenuItem>\n        <div className=\"bg-border my-1 h-px\" />\n        {sessions.map((session) => (\n          <DropdownMenuItem\n            key={session.id}\n            className=\"flex justify-between py-2\"\n            onClick={() => switchSession(session.id)}\n          >\n            <span className=\"truncate\">{session.name}</span>\n            {session.id === currentSessionId && (\n              <Check className=\"ml-2 h-4 w-4\" />\n            )}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"]}

package/dist/components/session/SessionTitle.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+/**
+ * Props for the SessionTitle component
+ */
+export interface SessionTitleProps {
+    className?: string;
+}
+/**
+ * Component that displays the current session name as an editable text field.
+ * Shows the model name if available and a placeholder if no session is selected.
+ *
+ * @example
+ * ```tsx
+ * <SessionTitle className="my-custom-class" />
+ * ```
+ */
+export declare const SessionTitle: React.FC<SessionTitleProps>;
+//# sourceMappingURL=SessionTitle.d.ts.map

package/dist/components/session/SessionTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTitle.d.ts","sourceRoot":"","sources":["../../../src/components/session/SessionTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyBpD,CAAC"}

package/dist/components/session/SessionTitle.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, EditableText } from '@sqlrooms/ui';
+import { useStoreWithAi } from '../../AiSlice';
+/**
+ * Component that displays the current session name as an editable text field.
+ * Shows the model name if available and a placeholder if no session is selected.
+ *
+ * @example
+ * ```tsx
+ * <SessionTitle className="my-custom-class" />
+ * ```
+ */
+export const SessionTitle = ({ className }) => {
+    const currentSession = useStoreWithAi((s) => s.ai.getCurrentSession());
+    const renameSession = useStoreWithAi((s) => s.ai.renameSession);
+    return (_jsx("div", { className: cn('flex items-center gap-2', className), children: currentSession ? (_jsx(EditableText, { value: currentSession.name, onChange: (newName) => {
+                if (currentSession && newName.trim()) {
+                    renameSession(currentSession.id, newName);
+                }
+            }, placeholder: "Session name", className: "text-sm font-medium", maxWidth: 300 })) : (_jsx("span", { className: "text-muted-foreground text-sm font-medium", children: "No session selected" })) }));
+};
+//# sourceMappingURL=SessionTitle.js.map

package/dist/components/session/SessionTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTitle.js","sourceRoot":"","sources":["../../../src/components/session/SessionTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAE,YAAY,EAAC,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAS7C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE;IACvE,MAAM,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAEhE,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YACrD,cAAc,CAAC,CAAC,CAAC,CAChB,KAAC,YAAY,IACX,KAAK,EAAE,cAAc,CAAC,IAAI,EAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;gBACpB,IAAI,cAAc,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;oBACrC,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC,EACD,WAAW,EAAC,cAAc,EAC1B,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,GAAG,GACb,CACH,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,2CAA2C,oCAEpD,CACR,GACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {cn, EditableText} from '@sqlrooms/ui';\nimport React from 'react';\nimport {useStoreWithAi} from '../../AiSlice';\n\n/**\n * Props for the SessionTitle component\n */\nexport interface SessionTitleProps {\n  className?: string;\n}\n\n/**\n * Component that displays the current session name as an editable text field.\n * Shows the model name if available and a placeholder if no session is selected.\n *\n * @example\n * ```tsx\n * <SessionTitle className=\"my-custom-class\" />\n * ```\n */\nexport const SessionTitle: React.FC<SessionTitleProps> = ({className}) => {\n  const currentSession = useStoreWithAi((s) => s.ai.getCurrentSession());\n  const renameSession = useStoreWithAi((s) => s.ai.renameSession);\n\n  return (\n    <div className={cn('flex items-center gap-2', className)}>\n      {currentSession ? (\n        <EditableText\n          value={currentSession.name}\n          onChange={(newName) => {\n            if (currentSession && newName.trim()) {\n              renameSession(currentSession.id, newName);\n            }\n          }}\n          placeholder=\"Session name\"\n          className=\"text-sm font-medium\"\n          maxWidth={300}\n        />\n      ) : (\n        <span className=\"text-muted-foreground text-sm font-medium\">\n          No session selected\n        </span>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/components/session/SessionType.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Represents a session in the AI system.
+ *
+ * @example
+ * ```typescript
+ * const session: SessionType = {
+ *   id: "session_123",
+ *   name: "My Analysis Session",
+ *   modelProvider: "openai",
+ *   model: "gpt-4o-mini"
+ * };
+ * ```
+ */
+export type SessionType = {
+    /** Unique identifier for the session */
+    id: string;
+    /** Display name of the session */
+    name: string;
+    /** Provider of the AI model (e.g., "openai") */
+    modelProvider?: string;
+    /** Name of the AI model being used (e.g., "gpt-4o-mini") */
+    model?: string;
+};
+//# sourceMappingURL=SessionType.d.ts.map

package/dist/components/session/SessionType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionType.d.ts","sourceRoot":"","sources":["../../../src/components/session/SessionType.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,wCAAwC;IACxC,EAAE,EAAE,MAAM,CAAC;IAEX,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IAEb,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/components/session/SessionType.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SessionType.js.map