@sqlrooms/ai 0.8.0 → 0.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/ai",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
@@ -23,13 +23,13 @@
     "@duckdb/duckdb-wasm": "1.29.0",
     "@openassistant/core": "0.2.6",
     "@paralleldrive/cuid2": "^2.2.2",
-    "@sqlrooms/data-table": "0.8.0",
-    "@sqlrooms/duckdb": "0.8.0",
-    "@sqlrooms/monaco-editor": "0.8.0",
-    "@sqlrooms/project-builder": "0.8.0",
-    "@sqlrooms/project-config": "0.8.0",
-    "@sqlrooms/ui": "0.8.0",
-    "@sqlrooms/utils": "0.8.0",
+    "@sqlrooms/data-table": "0.8.1",
+    "@sqlrooms/duckdb": "0.8.1",
+    "@sqlrooms/monaco-editor": "0.8.1",
+    "@sqlrooms/project-builder": "0.8.1",
+    "@sqlrooms/project-config": "0.8.1",
+    "@sqlrooms/ui": "0.8.1",
+    "@sqlrooms/utils": "0.8.1",
     "ai": "^4.1.28",
     "immer": "^10.1.1",
     "lucide-react": "^0.475.0",
@@ -47,5 +47,5 @@
     "lint": "eslint .",
     "typedoc": "typedoc"
   },
-  "gitHead": "99b46a96ab900e6b005bcd30cfbfe7b3c9d51f8d"
+  "gitHead": "7b5e727b79d675c17b93412c109d1ba1b22699c8"
 }

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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}