@sqlrooms/ai 0.7.0 → 0.8.0

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/QueryToolResult.d.ts

@@ -0,0 +1,7 @@
+type QueryToolResultProps = {
+    title: string;
+    sqlQuery: string;
+};
+export declare function QueryToolResult({ title, sqlQuery }: QueryToolResultProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QueryToolResult.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryToolResult.d.ts","sourceRoot":"","sources":["../../../src/components/tools/QueryToolResult.tsx"],"names":[],"mappings":"AAIA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,oBAAoB,2CAiBtE"}

package/dist/components/tools/QueryToolResult.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DataTableModal } from '@sqlrooms/data-table';
+import { Button, useDisclosure } from '@sqlrooms/ui';
+import { TableIcon } from 'lucide-react';
+export function QueryToolResult({ title, sqlQuery }) {
+    const tableModal = useDisclosure();
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-muted-foreground bg-muted max-h-20 w-full overflow-auto whitespace-pre-wrap rounded-md p-2 font-mono text-xs", children: sqlQuery }), _jsx("div", { children: _jsxs(Button, { variant: "ghost", size: "sm", onClick: tableModal.onOpen, children: [_jsx(TableIcon, { className: "h-4 w-4" }), _jsx("h3", { className: "ml-1 text-xs", children: "Show Query Result" })] }) }), _jsx(DataTableModal, { title: title, query: sqlQuery, tableModal: tableModal })] }));
+}
+//# sourceMappingURL=QueryToolResult.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryToolResult.js","sourceRoot":"","sources":["../../../src/components/tools/QueryToolResult.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAOvC,MAAM,UAAU,eAAe,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAuB;IACrE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,mHAAmH,YAC/H,QAAQ,GACL,EACN,wBACE,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,UAAU,CAAC,MAAM,aAC1D,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,EACjC,aAAI,SAAS,EAAC,cAAc,kCAAuB,IAC5C,GACL,EAEN,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAI,IACxE,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import {DataTableModal} from '@sqlrooms/data-table';\nimport {Button, useDisclosure} from '@sqlrooms/ui';\nimport {TableIcon} from 'lucide-react';\n\ntype QueryToolResultProps = {\n  title: string;\n  sqlQuery: string;\n};\n\nexport function QueryToolResult({title, sqlQuery}: QueryToolResultProps) {\n  const tableModal = useDisclosure();\n  return (\n    <>\n      <div className=\"text-muted-foreground bg-muted max-h-20 w-full overflow-auto whitespace-pre-wrap rounded-md p-2 font-mono text-xs\">\n        {sqlQuery}\n      </div>\n      <div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={tableModal.onOpen}>\n          <TableIcon className=\"h-4 w-4\" />\n          <h3 className=\"ml-1 text-xs\">Show Query Result</h3>\n        </Button>\n      </div>\n\n      <DataTableModal title={title} query={sqlQuery} tableModal={tableModal} />\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,13 @@
+type ToolChartProps = {
+    reasoning: string;
+    sqlQuery: string;
+    vegaLiteSpec: string;
+};
+/**
+ * Renders a chart tool call with visualization using Vega-Lite
+ * @param {ChartToolParameters} props - The component props
+ * @returns {JSX.Element} The rendered chart tool call
+ */
+export declare function ToolChart({ sqlQuery, vegaLiteSpec }: ToolChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolChart.d.ts","sourceRoot":"","sources":["../../../src/components/tools/ToolChart.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAC,EAAE,cAAc,2CAwBjE"}

package/dist/components/tools/ToolChart.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Spinner } from '@sqlrooms/ui';
+import { VegaLiteChart } from '@sqlrooms/vega';
+import { Suspense } from 'react';
+import { ToolQuery } from './ToolQuery';
+/**
+ * Renders a chart tool call with visualization using Vega-Lite
+ * @param {ChartToolParameters} props - The component props
+ * @returns {JSX.Element} The rendered chart tool call
+ */
+export function ToolChart({ sqlQuery, vegaLiteSpec }) {
+    return (_jsx(_Fragment, { children: vegaLiteSpec && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ToolQuery, { title: "Query Result", sqlQuery: sqlQuery }), _jsx(Suspense, { fallback: _jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsx(Spinner, { className: "h-4 w-4" }) }), children: _jsx(VegaLiteChart, { className: "max-w-[600px]", aspectRatio: 16 / 9, sqlQuery: sqlQuery, spec: vegaLiteSpec }) })] })) }));
+}
+//# sourceMappingURL=ToolChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolChart.js","sourceRoot":"","sources":["../../../src/components/tools/ToolChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAC;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAQtC;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAiB;IAChE,OAAO,CACL,4BACG,YAAY,IAAI,CACf,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,SAAS,IAAC,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAE,QAAQ,GAAI,EACtD,KAAC,QAAQ,IACP,QAAQ,EACN,cAAK,SAAS,EAAC,gDAAgD,YAC7D,KAAC,OAAO,IAAC,SAAS,EAAC,SAAS,GAAG,GAC3B,YAGR,KAAC,aAAa,IACZ,SAAS,EAAC,eAAe,EACzB,WAAW,EAAE,EAAE,GAAG,CAAC,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,YAAY,GAClB,GACO,IACP,CACP,GACA,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import {Spinner} from '@sqlrooms/ui';\nimport {VegaLiteChart} from '@sqlrooms/vega';\nimport {Suspense} from 'react';\nimport {ToolQuery} from './ToolQuery';\n\ntype ToolChartProps = {\n  reasoning: string;\n  sqlQuery: string;\n  vegaLiteSpec: string;\n};\n\n/**\n * Renders a chart tool call with visualization using Vega-Lite\n * @param {ChartToolParameters} props - The component props\n * @returns {JSX.Element} The rendered chart tool call\n */\nexport function ToolChart({sqlQuery, vegaLiteSpec}: ToolChartProps) {\n  return (\n    <>\n      {vegaLiteSpec && (\n        <div className=\"flex flex-col gap-2\">\n          <ToolQuery title=\"Query Result\" sqlQuery={sqlQuery} />\n          <Suspense\n            fallback={\n              <div className=\"flex h-full w-full items-center justify-center\">\n                <Spinner className=\"h-4 w-4\" />\n              </div>\n            }\n          >\n            <VegaLiteChart\n              className=\"max-w-[600px]\"\n              aspectRatio={16 / 9}\n              sqlQuery={sqlQuery}\n              spec={vegaLiteSpec}\n            />\n          </Suspense>\n        </div>\n      )}\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+type QueryToolResultProps = {
+    title: string;
+    sqlQuery: string;
+};
+export declare function QueryToolResult({ title, sqlQuery }: QueryToolResultProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolQuery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolQuery.d.ts","sourceRoot":"","sources":["../../../src/components/tools/ToolQuery.tsx"],"names":[],"mappings":"AAIA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,oBAAoB,2CAiBtE"}

package/dist/components/tools/ToolQuery.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DataTableModal } from '@sqlrooms/data-table';
+import { Button, useDisclosure } from '@sqlrooms/ui';
+import { TableIcon } from 'lucide-react';
+export function QueryToolResult({ title, sqlQuery }) {
+    const tableModal = useDisclosure();
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-muted-foreground bg-muted max-h-20 w-full overflow-auto whitespace-pre-wrap rounded-md p-2 font-mono text-xs", children: sqlQuery }), _jsx("div", { children: _jsxs(Button, { variant: "ghost", size: "sm", onClick: tableModal.onOpen, children: [_jsx(TableIcon, { className: "h-4 w-4" }), _jsx("h3", { className: "ml-1 text-xs", children: "Show Query Result" })] }) }), _jsx(DataTableModal, { title: title, query: sqlQuery, tableModal: tableModal })] }));
+}
+//# sourceMappingURL=ToolQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolQuery.js","sourceRoot":"","sources":["../../../src/components/tools/ToolQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAOvC,MAAM,UAAU,eAAe,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAuB;IACrE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,mHAAmH,YAC/H,QAAQ,GACL,EACN,wBACE,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,UAAU,CAAC,MAAM,aAC1D,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,EACjC,aAAI,SAAS,EAAC,cAAc,kCAAuB,IAC5C,GACL,EAEN,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAI,IACxE,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import {DataTableModal} from '@sqlrooms/data-table';\nimport {Button, useDisclosure} from '@sqlrooms/ui';\nimport {TableIcon} from 'lucide-react';\n\ntype QueryToolResultProps = {\n  title: string;\n  sqlQuery: string;\n};\n\nexport function QueryToolResult({title, sqlQuery}: QueryToolResultProps) {\n  const tableModal = useDisclosure();\n  return (\n    <>\n      <div className=\"text-muted-foreground bg-muted max-h-20 w-full overflow-auto whitespace-pre-wrap rounded-md p-2 font-mono text-xs\">\n        {sqlQuery}\n      </div>\n      <div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={tableModal.onOpen}>\n          <TableIcon className=\"h-4 w-4\" />\n          <h3 className=\"ml-1 text-xs\">Show Query Result</h3>\n        </Button>\n      </div>\n\n      <DataTableModal title={title} query={sqlQuery} tableModal={tableModal} />\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,9 @@
+import { ToolCallMessage } from '@openassistant/core';
+import React from 'react';
+type ToolResultProps = {
+    toolCallMessage: ToolCallMessage;
+    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":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAIpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,eAAe,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmFhD,CAAC"}

package/dist/components/tools/ToolResult.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JsonMonacoEditor } from '@sqlrooms/monaco-editor';
+import { Button, useDisclosure } from '@sqlrooms/ui';
+import { InfoIcon } from 'lucide-react';
+import { useStoreWithAi } from '../../AiSlice';
+import { MessageContainer } from '../MessageContainer';
+import { ToolCallErrorBoundary } from './ToolResultErrorBoundary';
+export const ToolResult = ({ toolCallMessage, errorMessage, }) => {
+    const { isOpen: showDetails, onToggle: toggleShowDetails } = useDisclosure(false);
+    const { toolName, args, llmResult, additionalData, text, isCompleted } = toolCallMessage;
+    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) && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("p", { className: "text-sm font-bold text-red-500", children: "Tool call failed" }), _jsx("p", { className: "text-xs", children: errorMessage }), _jsxs(Button, { variant: "ghost", size: "xs", onClick: () => toggleShowDetails(), className: "w-fit", children: [_jsx(InfoIcon, { className: "h-4 w-4" }), showDetails ? 'Hide Details' : 'Show Details'] }), showDetails && (_jsx("div", { className: "h-[300px] w-full overflow-hidden rounded-md border", children: _jsx(JsonMonacoEditor, { value: toolCallMessage, readOnly: true, options: {
+                                lineNumbers: false,
+                                minimap: { enabled: false },
+                                scrollBeyondLastLine: false,
+                                wordWrap: 'on',
+                            } }) }))] }))] }));
+};
+//# 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":";AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,cAAc,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAOhE,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,eAAe,EACf,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAC,GACtD,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,EAAC,GAClE,eAAe,CAAC;IAElB,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,eAAK,SAAS,EAAC,qBAAqB,aAClC,YAAG,SAAS,EAAC,gCAAgC,iCAAqB,EAClE,YAAG,SAAS,EAAC,SAAS,YAAE,YAAY,GAAK,EACzC,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,EAAE,EAClC,SAAS,EAAC,OAAO,aAEjB,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,EAC/B,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,IACvC,EACR,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,oDAAoD,YACjE,KAAC,gBAAgB,IACf,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE;gCACP,WAAW,EAAE,KAAK;gCAClB,OAAO,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC;gCACzB,oBAAoB,EAAE,KAAK;gCAC3B,QAAQ,EAAE,IAAI;6BACf,GACD,GACE,CACP,IACG,CACP,IACgB,CACpB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {ToolCallMessage} from '@openassistant/core';\nimport {JsonMonacoEditor} from '@sqlrooms/monaco-editor';\nimport {Button, useDisclosure} from '@sqlrooms/ui';\nimport {InfoIcon} from 'lucide-react';\nimport React from 'react';\nimport {useStoreWithAi} from '../../AiSlice';\nimport {MessageContainer} from '../MessageContainer';\nimport {ToolCallErrorBoundary} from './ToolResultErrorBoundary';\n\ntype ToolResultProps = {\n  toolCallMessage: ToolCallMessage;\n  errorMessage?: string;\n};\n\nexport const ToolResult: React.FC<ToolResultProps> = ({\n  toolCallMessage,\n  errorMessage,\n}) => {\n  const {isOpen: showDetails, onToggle: toggleShowDetails} =\n    useDisclosure(false);\n  const {toolName, args, llmResult, additionalData, text, isCompleted} =\n    toolCallMessage;\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        <div className=\"flex flex-col gap-2\">\n          <p className=\"text-sm font-bold text-red-500\">Tool call failed</p>\n          <p className=\"text-xs\">{errorMessage}</p>\n          <Button\n            variant=\"ghost\"\n            size=\"xs\"\n            onClick={() => toggleShowDetails()}\n            className=\"w-fit\"\n          >\n            <InfoIcon className=\"h-4 w-4\" />\n            {showDetails ? 'Hide Details' : 'Show Details'}\n          </Button>\n          {showDetails && (\n            <div className=\"h-[300px] w-full overflow-hidden rounded-md border\">\n              <JsonMonacoEditor\n                value={toolCallMessage}\n                readOnly={true}\n                options={{\n                  lineNumbers: false,\n                  minimap: {enabled: false},\n                  scrollBeyondLastLine: false,\n                  wordWrap: 'on',\n                }}\n              />\n            </div>\n          )}\n        </div>\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 | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | 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":"AAAA,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;CAYP"}

package/dist/components/tools/ToolResultErrorBoundary.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 (_jsxs("div", { className: "text-danger text-sm text-red-500", children: ["Failed to render tool component. Please try again or contact support.", _jsx("pre", { children: JSON.stringify(this.state.error, null, 2) })] }));
+        }
+        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,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,CACL,eAAK,SAAS,EAAC,kCAAkC,sFAE/C,wBAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,IAClD,CACP,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF","sourcesContent":["import 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 (\n        <div className=\"text-danger text-sm text-red-500\">\n          Failed to render tool component. Please try again or contact support.\n          <pre>{JSON.stringify(this.state.error, null, 2)}</pre>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"]}

package/dist/hooks/useScrollToBottom.d.ts

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

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

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

package/dist/hooks/useScrollToBottom.js

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

package/dist/hooks/useScrollToBottom.js.map

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

package/dist/index.d.ts

@@ -2,10 +2,21 @@
  * {@include ../README.md}
  * @packageDocumentation
  */
-export { AiSliceConfig, createAiSlice, useStoreWithAi as useAiStore, createDefaultAiConfig, } from './AiSlice';
+export { AiSliceConfig, createAiSlice, useStoreWithAi, createDefaultAiConfig, } from './AiSlice';
 export type { AiSliceState } from './AiSlice';
-export { QueryControls } from './QueryControls';
-export { AnalysisResultsContainer } from './AnalysisResultsContainer';
-export { AnalysisResult } from './AnalysisResult';
-export { useScrollToBottom, useScrollToBottomButton, } from './hooks/use-scroll-to-bottom';
+export { QueryControls } from './components/QueryControls';
+export { AnalysisResultsContainer } from './components/AnalysisResultsContainer';
+export { AnalysisResult } from './components/AnalysisResult';
+export { useScrollToBottom } from './hooks/useScrollToBottom';
+export type { AiSliceTool } from './AiSlice';
+export { QueryToolResult } from './components/tools/QueryToolResult';
+export { getDefaultInstructions } from './analysis';
+export * from './components/ModelSelector';
+export * from './components/SessionControls';
+export * from './components/QueryControls';
+export * from './components/session/DeleteSessionDialog';
+export * from './components/session/SessionActions';
+export * from './components/session/SessionDropdown';
+export * from './components/session/SessionTitle';
+export * from './components/session/SessionType';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,IAAI,UAAU,EAC5B,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAEnB,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,EACd,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAEnB,YAAY,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAC5D,YAAY,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAElD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC"}

package/dist/index.js

@@ -2,9 +2,19 @@
  * {@include ../README.md}
  * @packageDocumentation
  */
-export { AiSliceConfig, createAiSlice, useStoreWithAi as useAiStore, createDefaultAiConfig, } from './AiSlice';
-export { QueryControls } from './QueryControls';
-export { AnalysisResultsContainer } from './AnalysisResultsContainer';
-export { AnalysisResult } from './AnalysisResult';
-export { useScrollToBottom, useScrollToBottomButton, } from './hooks/use-scroll-to-bottom';
+export { AiSliceConfig, createAiSlice, useStoreWithAi, createDefaultAiConfig, } from './AiSlice';
+export { QueryControls } from './components/QueryControls';
+export { AnalysisResultsContainer } from './components/AnalysisResultsContainer';
+export { AnalysisResult } from './components/AnalysisResult';
+export { useScrollToBottom } from './hooks/useScrollToBottom';
+export { QueryToolResult } from './components/tools/QueryToolResult';
+export { getDefaultInstructions } from './analysis';
+export * from './components/ModelSelector';
+export * from './components/SessionControls';
+export * from './components/QueryControls';
+export * from './components/session/DeleteSessionDialog';
+export * from './components/session/SessionActions';
+export * from './components/session/SessionDropdown';
+export * from './components/session/SessionTitle';
+export * from './components/session/SessionType';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,IAAI,UAAU,EAC5B,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,8BAA8B,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\n\nexport {\n  AiSliceConfig,\n  createAiSlice,\n  useStoreWithAi as useAiStore,\n  createDefaultAiConfig,\n} from './AiSlice';\n\nexport type {AiSliceState} from './AiSlice';\nexport {QueryControls} from './QueryControls';\nexport {AnalysisResultsContainer} from './AnalysisResultsContainer';\nexport {AnalysisResult} from './AnalysisResult';\nexport {\n  useScrollToBottom,\n  useScrollToBottomButton,\n} from './hooks/use-scroll-to-bottom';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,EACd,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAC;AAE5D,OAAO,EAAC,eAAe,EAAC,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAC,sBAAsB,EAAC,MAAM,YAAY,CAAC;AAElD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC","sourcesContent":["/**\n * {@include ../README.md}\n * @packageDocumentation\n */\n\nexport {\n  AiSliceConfig,\n  createAiSlice,\n  useStoreWithAi,\n  createDefaultAiConfig,\n} from './AiSlice';\n\nexport type {AiSliceState} from './AiSlice';\nexport {QueryControls} from './components/QueryControls';\nexport {AnalysisResultsContainer} from './components/AnalysisResultsContainer';\nexport {AnalysisResult} from './components/AnalysisResult';\nexport {useScrollToBottom} from './hooks/useScrollToBottom';\nexport type {AiSliceTool} from './AiSlice';\nexport {QueryToolResult} from './components/tools/QueryToolResult';\nexport {getDefaultInstructions} from './analysis';\n\nexport * from './components/ModelSelector';\nexport * from './components/SessionControls';\nexport * from './components/QueryControls';\nexport * from './components/session/DeleteSessionDialog';\nexport * from './components/session/SessionActions';\nexport * from './components/session/SessionDropdown';\nexport * from './components/session/SessionTitle';\nexport * from './components/session/SessionType';\n"]}