@sqlrooms/ai-core 0.26.0-rc.0

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.ai.config.sessions);
+    const currentSessionId = useStoreWithAi((s) => s.ai.config.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,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,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.ai.config.sessions);\n  const currentSessionId = useStoreWithAi((s) => s.ai.config.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.ai.config.sessions);
+    const currentSessionId = useStoreWithAi((s) => s.ai.config.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,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,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.ai.config.sessions);\n  const currentSessionId = useStoreWithAi((s) => s.ai.config.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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionType.js","sourceRoot":"","sources":["../../../src/components/session/SessionType.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents a session in the AI system.\n *\n * @example\n * ```typescript\n * const session: SessionType = {\n *   id: \"session_123\",\n *   name: \"My Analysis Session\",\n *   modelProvider: \"openai\",\n *   model: \"gpt-4o-mini\"\n * };\n * ```\n */\nexport type SessionType = {\n  /** Unique identifier for the session */\n  id: string;\n\n  /** Display name of the session */\n  name: string;\n\n  /** Provider of the AI model (e.g., \"openai\") */\n  modelProvider?: string;\n\n  /** Name of the AI model being used (e.g., \"gpt-4o-mini\") */\n  model?: string;\n};\n"]}

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

@@ -0,0 +1,7 @@
+export * from './DeleteSessionButton';
+export * from './DeleteSessionDialog';
+export * from './SessionActions';
+export * from './SessionDropdown';
+export * from './SessionTitle';
+export * from './SessionType';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/session/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist/components/session/index.js

@@ -0,0 +1,7 @@
+export * from './DeleteSessionButton';
+export * from './DeleteSessionDialog';
+export * from './SessionActions';
+export * from './SessionDropdown';
+export * from './SessionTitle';
+export * from './SessionType';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/session/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC","sourcesContent":["export * from './DeleteSessionButton';\nexport * from './DeleteSessionDialog';\nexport * from './SessionActions';\nexport * from './SessionDropdown';\nexport * from './SessionTitle';\nexport * from './SessionType';\n"]}

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

@@ -0,0 +1,39 @@
+/**
+ * Displays a compact, reusable popover with a warning icon and error details.
+ * Intended for tool rendering/processing errors to keep UIs consistent.
+ *
+ * The popover is controllable to optimize performance by only rendering the
+ * JsonMonacoEditor when the popover is actually open.
+ */
+export interface ToolErrorMessageProps {
+    /**
+     * Error object or message to display inside the popover body.
+     */
+    error?: unknown;
+    /**
+     * Optional structured details to render in a Monaco JSON editor.
+     */
+    details?: string | object;
+    /**
+     * Header text shown at the top of the popover.
+     * Defaults to "Tool rendering error".
+     */
+    title?: string;
+    /**
+     * Label shown next to the warning icon in the trigger button.
+     * Defaults to "Tool rendering failed".
+     */
+    triggerLabel?: string;
+    /**
+     * Alignment of the popover content relative to its trigger.
+     * Defaults to "start".
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Height for the embedded editor when details are provided.
+     * Defaults to 300px.
+     */
+    editorHeightPx?: number;
+}
+export declare function ToolErrorMessage(props: ToolErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolErrorMessage.d.ts.map

package/dist/components/tools/ToolErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/tools/ToolErrorMessage.tsx"],"names":[],"mappings":"AAUA;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAkD5D"}

package/dist/components/tools/ToolErrorMessage.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JsonMonacoEditor } from '@sqlrooms/monaco-editor';
+import { Button, Popover, PopoverContent, PopoverTrigger, useDisclosure, } from '@sqlrooms/ui';
+import { TriangleAlertIcon } from 'lucide-react';
+export function ToolErrorMessage(props) {
+    const title = props.title ?? 'Tool rendering error';
+    const triggerLabel = props.triggerLabel ?? 'Tool rendering failed';
+    const align = props.align ?? 'start';
+    const errorText = props.error != null ? String(props.error) : '';
+    const editorHeightPx = props.editorHeightPx ?? 300;
+    const hasDetails = props.details != null;
+    const popoverOpen = useDisclosure();
+    return (_jsxs(Popover, { open: popoverOpen.isOpen, onOpenChange: popoverOpen.onToggle, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { className: "w-fit", variant: "ghost", size: "xs", children: _jsxs("p", { className: "flex items-center gap-2 text-xs text-orange-500", children: [_jsx(TriangleAlertIcon, {}), triggerLabel] }) }) }), _jsx(PopoverContent, { align: align, style: { width: '600px', maxWidth: '80%' }, children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "border-b text-sm font-medium text-orange-500", children: title }), errorText ? (_jsx("div", { className: "whitespace-pre-wrap font-mono text-xs text-orange-500", children: errorText })) : null, hasDetails && popoverOpen.isOpen ? (_jsx("div", { className: "w-full overflow-hidden rounded-md border", style: { height: editorHeightPx }, children: _jsx(JsonMonacoEditor, { value: props.details, readOnly: true, options: {
+                                    lineNumbers: 'off',
+                                    minimap: { enabled: false },
+                                    scrollBeyondLastLine: false,
+                                    wordWrap: 'on',
+                                } }) })) : null] }) })] }));
+}
+//# sourceMappingURL=ToolErrorMessage.js.map

package/dist/components/tools/ToolErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolErrorMessage.js","sourceRoot":"","sources":["../../../src/components/tools/ToolErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAO,EACL,MAAM,EACN,OAAO,EACP,cAAc,EACd,cAAc,EACd,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAwC/C,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,sBAAsB,CAAC;IACpD,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,uBAAuB,CAAC;IACnE,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,IAAI,GAAG,CAAC;IACnD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC;IACzC,MAAM,WAAW,GAAG,aAAa,EAAE,CAAC;IAEpC,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,YAAY,EAAE,WAAW,CAAC,QAAQ,aACnE,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,YACjD,aAAG,SAAS,EAAC,iDAAiD,aAC5D,KAAC,iBAAiB,KAAG,EACpB,YAAY,IACX,GACG,GACM,EACjB,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,YACpE,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,8CAA8C,YAC1D,KAAK,GACF,EACL,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,uDAAuD,YACnE,SAAS,GACN,CACP,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAClC,cACE,SAAS,EAAC,0CAA0C,EACpD,KAAK,EAAE,EAAC,MAAM,EAAE,cAAc,EAAC,YAE/B,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,CAAC,OAAiD,EAC9D,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE;oCACP,WAAW,EAAE,KAAK;oCAClB,OAAO,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC;oCACzB,oBAAoB,EAAE,KAAK;oCAC3B,QAAQ,EAAE,IAAI;iCACf,GACD,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACS,IACT,CACX,CAAC;AACJ,CAAC","sourcesContent":["import {JsonMonacoEditor} from '@sqlrooms/monaco-editor';\nimport {\n  Button,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  useDisclosure,\n} from '@sqlrooms/ui';\nimport {TriangleAlertIcon} from 'lucide-react';\n\n/**\n * Displays a compact, reusable popover with a warning icon and error details.\n * Intended for tool rendering/processing errors to keep UIs consistent.\n *\n * The popover is controllable to optimize performance by only rendering the\n * JsonMonacoEditor when the popover is actually open.\n */\nexport interface ToolErrorMessageProps {\n  /**\n   * Error object or message to display inside the popover body.\n   */\n  error?: unknown;\n  /**\n   * Optional structured details to render in a Monaco JSON editor.\n   */\n  details?: string | object;\n  /**\n   * Header text shown at the top of the popover.\n   * Defaults to \"Tool rendering error\".\n   */\n  title?: string;\n  /**\n   * Label shown next to the warning icon in the trigger button.\n   * Defaults to \"Tool rendering failed\".\n   */\n  triggerLabel?: string;\n  /**\n   * Alignment of the popover content relative to its trigger.\n   * Defaults to \"start\".\n   */\n  align?: 'start' | 'center' | 'end';\n  /**\n   * Height for the embedded editor when details are provided.\n   * Defaults to 300px.\n   */\n  editorHeightPx?: number;\n}\n\nexport function ToolErrorMessage(props: ToolErrorMessageProps) {\n  const title = props.title ?? 'Tool rendering error';\n  const triggerLabel = props.triggerLabel ?? 'Tool rendering failed';\n  const align = props.align ?? 'start';\n  const errorText = props.error != null ? String(props.error) : '';\n  const editorHeightPx = props.editorHeightPx ?? 300;\n  const hasDetails = props.details != null;\n  const popoverOpen = useDisclosure();\n\n  return (\n    <Popover open={popoverOpen.isOpen} onOpenChange={popoverOpen.onToggle}>\n      <PopoverTrigger asChild>\n        <Button className=\"w-fit\" variant=\"ghost\" size=\"xs\">\n          <p className=\"flex items-center gap-2 text-xs text-orange-500\">\n            <TriangleAlertIcon />\n            {triggerLabel}\n          </p>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent align={align} style={{width: '600px', maxWidth: '80%'}}>\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"border-b text-sm font-medium text-orange-500\">\n            {title}\n          </div>\n          {errorText ? (\n            <div className=\"whitespace-pre-wrap font-mono text-xs text-orange-500\">\n              {errorText}\n            </div>\n          ) : null}\n          {hasDetails && popoverOpen.isOpen ? (\n            <div\n              className=\"w-full overflow-hidden rounded-md border\"\n              style={{height: editorHeightPx}}\n            >\n              <JsonMonacoEditor\n                value={props.details as unknown as object | string | undefined}\n                readOnly={true}\n                options={{\n                  lineNumbers: 'off',\n                  minimap: {enabled: false},\n                  scrollBeyondLastLine: false,\n                  wordWrap: 'on',\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ToolInvocation } from 'ai';
+type ToolResultProps = {
+    toolInvocation: ToolInvocation;
+    additionalData: unknown;
+    isCompleted: boolean;
+    errorMessage?: string;
+};
+export declare const ToolResult: React.FC<ToolResultProps>;
+export {};
+//# sourceMappingURL=ToolResult.d.ts.map

package/dist/components/tools/ToolResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolResult.d.ts","sourceRoot":"","sources":["../../../src/components/tools/ToolResult.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,cAAc,EAAC,MAAM,IAAI,CAAC;AAGlC,KAAK,eAAe,GAAG;IACrB,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqEhD,CAAC"}

package/dist/components/tools/ToolResult.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDisclosure } from '@sqlrooms/ui';
+import { useStoreWithAi } from '../../AiSlice';
+import { MessageContainer } from '../MessageContainer';
+import { ToolCallErrorBoundary } from './ToolResultErrorBoundary';
+import { ToolErrorMessage } from './ToolErrorMessage';
+export const ToolResult = ({ toolInvocation, additionalData, isCompleted, errorMessage, }) => {
+    const { isOpen: showDetails, onToggle: toggleShowDetails } = useDisclosure(false);
+    const { toolName, args, state } = toolInvocation;
+    const llmResult = state === 'result' ? toolInvocation.result : null;
+    // show reason text before tool call complete
+    const text = args.reasoning || '';
+    const ToolComponent = useStoreWithAi((state) => state.ai.findToolComponent(toolName));
+    // check if args has a property called 'reason'
+    const reason = args.reasoning;
+    // check if llmResult is an object and has a success property
+    const isSuccess = typeof llmResult === 'object' &&
+        llmResult !== null &&
+        'success' in llmResult &&
+        llmResult.success === true;
+    return !isCompleted ? (_jsx("div", { className: "text-sm text-gray-500", children: text })) : (_jsxs(MessageContainer, { isSuccess: isSuccess, type: toolName, content: {
+            toolName,
+            args,
+            llmResult,
+            additionalData,
+            isCompleted,
+        }, children: [_jsx("div", { className: "text-sm text-gray-500", children: reason && _jsx("span", { children: reason }) }), ToolComponent && isSuccess && isCompleted && (_jsx(ToolCallErrorBoundary, { children: typeof ToolComponent === 'function' ? (_jsx(ToolComponent, { ...llmResult, ...additionalData })) : (ToolComponent) })), isCompleted && (errorMessage || !isSuccess) && (_jsx(ToolErrorMessage, { error: errorMessage ?? 'Tool call failed', details: toolInvocation, title: "Tool call error", triggerLabel: "Tool call failed", editorHeightPx: 300 }))] }));
+};
+//# sourceMappingURL=ToolResult.js.map

package/dist/components/tools/ToolResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolResult.js","sourceRoot":"","sources":["../../../src/components/tools/ToolResult.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,aAAa,EAAC,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AASpD,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,cAAc,EACd,cAAc,EACd,WAAW,EACX,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAC,GACtD,aAAa,CAAC,KAAK,CAAC,CAAC;IAEvB,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,GAAG,cAAc,CAAC;IAC/C,MAAM,SAAS,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpE,6CAA6C;IAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;IAElC,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAC7C,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CACrC,CAAC;IAEF,+CAA+C;IAC/C,MAAM,MAAM,GAAG,IAAI,CAAC,SAAmB,CAAC;IAExC,6DAA6D;IAC7D,MAAM,SAAS,GACb,OAAO,SAAS,KAAK,QAAQ;QAC7B,SAAS,KAAK,IAAI;QAClB,SAAS,IAAI,SAAS;QACtB,SAAS,CAAC,OAAO,KAAK,IAAI,CAAC;IAE7B,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CACpB,cAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAO,CACpD,CAAC,CAAC,CAAC,CACF,MAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE;YACP,QAAQ;YACR,IAAI;YACJ,SAAS;YACT,cAAc;YACd,WAAW;SACZ,aAED,cAAK,SAAS,EAAC,uBAAuB,YACnC,MAAM,IAAI,yBAAO,MAAM,GAAQ,GAC5B,EACL,aAAa,IAAI,SAAS,IAAI,WAAW,IAAI,CAC5C,KAAC,qBAAqB,cACnB,OAAO,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,CACrC,KAAC,aAAa,OACP,SAAqC,KACrC,cAA0C,GAC/C,CACH,CAAC,CAAC,CAAC,CACF,aAAa,CACd,GACqB,CACzB,EACA,WAAW,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,CAAC,IAAI,CAC9C,KAAC,gBAAgB,IACf,KAAK,EAAE,YAAY,IAAI,kBAAkB,EACzC,OAAO,EAAE,cAAc,EACvB,KAAK,EAAC,iBAAiB,EACvB,YAAY,EAAC,kBAAkB,EAC/B,cAAc,EAAE,GAAG,GACnB,CACH,IACgB,CACpB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {Button, useDisclosure} from '@sqlrooms/ui';\nimport React from 'react';\nimport {useStoreWithAi} from '../../AiSlice';\nimport {MessageContainer} from '../MessageContainer';\nimport {ToolCallErrorBoundary} from './ToolResultErrorBoundary';\nimport {ToolInvocation} from 'ai';\nimport {ToolErrorMessage} from './ToolErrorMessage';\n\ntype ToolResultProps = {\n  toolInvocation: ToolInvocation;\n  additionalData: unknown;\n  isCompleted: boolean;\n  errorMessage?: string;\n};\n\nexport const ToolResult: React.FC<ToolResultProps> = ({\n  toolInvocation,\n  additionalData,\n  isCompleted,\n  errorMessage,\n}) => {\n  const {isOpen: showDetails, onToggle: toggleShowDetails} =\n    useDisclosure(false);\n\n  const {toolName, args, state} = toolInvocation;\n  const llmResult = state === 'result' ? toolInvocation.result : null;\n\n  // show reason text before tool call complete\n  const text = args.reasoning || '';\n\n  const ToolComponent = useStoreWithAi((state) =>\n    state.ai.findToolComponent(toolName),\n  );\n\n  // check if args has a property called 'reason'\n  const reason = args.reasoning as string;\n\n  // check if llmResult is an object and has a success property\n  const isSuccess =\n    typeof llmResult === 'object' &&\n    llmResult !== null &&\n    'success' in llmResult &&\n    llmResult.success === true;\n\n  return !isCompleted ? (\n    <div className=\"text-sm text-gray-500\">{text}</div>\n  ) : (\n    <MessageContainer\n      isSuccess={isSuccess}\n      type={toolName}\n      content={{\n        toolName,\n        args,\n        llmResult,\n        additionalData,\n        isCompleted,\n      }}\n    >\n      <div className=\"text-sm text-gray-500\">\n        {reason && <span>{reason}</span>}\n      </div>\n      {ToolComponent && isSuccess && isCompleted && (\n        <ToolCallErrorBoundary>\n          {typeof ToolComponent === 'function' ? (\n            <ToolComponent\n              {...(llmResult as Record<string, unknown>)}\n              {...(additionalData as Record<string, unknown>)}\n            />\n          ) : (\n            ToolComponent\n          )}\n        </ToolCallErrorBoundary>\n      )}\n      {isCompleted && (errorMessage || !isSuccess) && (\n        <ToolErrorMessage\n          error={errorMessage ?? 'Tool call failed'}\n          details={toolInvocation}\n          title=\"Tool call error\"\n          triggerLabel=\"Tool call failed\"\n          editorHeightPx={300}\n        />\n      )}\n    </MessageContainer>\n  );\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolResultErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/tools/ToolResultErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEvC,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CACxD;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAC,EAC3C;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAC,CACnC;gBACa,KAAK,EAAE;QAAC,QAAQ,EAAE,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAC;IAK9D,MAAM,CAAC,wBAAwB;;;IAI/B,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAM9B,MAAM;CAOP"}

package/dist/components/tools/ToolResultErrorBoundary.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToolErrorMessage } from './ToolErrorMessage';
+import React from 'react';
+export class ToolCallErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error) {
+        console.error('Tool call component error:', error);
+        this.setState({ error });
+        this.props.onError?.();
+    }
+    render() {
+        if (this.state.hasError) {
+            return _jsx(ToolErrorMessage, { error: this.state.error });
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ToolResultErrorBoundary.js.map

package/dist/components/tools/ToolResultErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolResultErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/tools/ToolResultErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAGhD;IACC,YAAY,KAAkD;QAC5D,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;IACjC,CAAC;IAED,MAAM,CAAC,wBAAwB;QAC7B,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;IAC1B,CAAC;IAED,iBAAiB,CAAC,KAAY;QAC5B,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,CAAC;QACvD,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF","sourcesContent":["import {ToolErrorMessage} from './ToolErrorMessage';\nimport React, {ReactNode} from 'react';\n\nexport class ToolCallErrorBoundary extends React.Component<\n  {children: ReactNode; onError?: () => void},\n  {hasError: boolean; error?: Error}\n> {\n  constructor(props: {children: ReactNode; onError?: () => void}) {\n    super(props);\n    this.state = {hasError: false};\n  }\n\n  static getDerivedStateFromError() {\n    return {hasError: true};\n  }\n\n  componentDidCatch(error: Error) {\n    console.error('Tool call component error:', error);\n    this.setState({error});\n    this.props.onError?.();\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return <ToolErrorMessage error={this.state.error} />;\n    }\n\n    return this.props.children;\n  }\n}\n"]}

package/dist/hasAiSettingsConfig.d.ts

@@ -0,0 +1,13 @@
+import { RoomState } from '@sqlrooms/room-store';
+import { AiSettingsSliceConfig } from '@sqlrooms/ai-config';
+/**
+ * Helper function to type guard the store config if we have aiSettings
+ * @param store
+ * @returns
+ */
+export declare function hasAiSettingsConfig<S extends RoomState<any>>(store: S): store is S & {
+    aiSettings: {
+        config: AiSettingsSliceConfig;
+    };
+};
+//# sourceMappingURL=hasAiSettingsConfig.d.ts.map

package/dist/hasAiSettingsConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasAiSettingsConfig.d.ts","sourceRoot":"","sources":["../src/hasAiSettingsConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AAE1D;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,SAAS,CAAC,GAAG,CAAC,EAC1D,KAAK,EAAE,CAAC,GACP,KAAK,IAAI,CAAC,GAAG;IAAC,UAAU,EAAE;QAAC,MAAM,EAAE,qBAAqB,CAAA;KAAC,CAAA;CAAC,CAQ5D"}

package/dist/hasAiSettingsConfig.js

@@ -0,0 +1,16 @@
+/**
+ * Helper function to type guard the store config if we have aiSettings
+ * @param store
+ * @returns
+ */
+export function hasAiSettingsConfig(store) {
+    return (isObject(store) &&
+        'aiSettings' in store &&
+        isObject(store.aiSettings) &&
+        'config' in store.aiSettings &&
+        isObject(store.aiSettings.config));
+}
+function isObject(val) {
+    return typeof val === 'object' && val !== null;
+}
+//# sourceMappingURL=hasAiSettingsConfig.js.map

package/dist/hasAiSettingsConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasAiSettingsConfig.js","sourceRoot":"","sources":["../src/hasAiSettingsConfig.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAAQ;IAER,OAAO,CACL,QAAQ,CAAC,KAAK,CAAC;QACf,YAAY,IAAI,KAAK;QACrB,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC;QAC1B,QAAQ,IAAI,KAAK,CAAC,UAAU;QAC5B,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAClC,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,GAAY;IAC5B,OAAO,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC;AACjD,CAAC","sourcesContent":["import {RoomState} from '@sqlrooms/room-store';\nimport {AiSettingsSliceConfig} from '@sqlrooms/ai-config';\n\n/**\n * Helper function to type guard the store config if we have aiSettings\n * @param store\n * @returns\n */\nexport function hasAiSettingsConfig<S extends RoomState<any>>(\n  store: S,\n): store is S & {aiSettings: {config: AiSettingsSliceConfig}} {\n  return (\n    isObject(store) &&\n    'aiSettings' in store &&\n    isObject(store.aiSettings) &&\n    'config' in store.aiSettings &&\n    isObject(store.aiSettings.config)\n  );\n}\n\nfunction isObject(val: unknown): val is object {\n  return typeof val === 'object' && val !== null;\n}\n"]}