@sqlrooms/ai-settings 0.27.0-rc.3 → 0.27.0-rc.5

package/dist/components/AiModelParameters.d.ts

@@ -1,3 +1,6 @@
 import { FC } from 'react';
-export declare const AiModelParameters: FC;
+export interface AiModelParametersProps {
+    showViewInstructions?: boolean;
+}
+export declare const AiModelParameters: FC<AiModelParametersProps>;
 //# sourceMappingURL=AiModelParameters.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AiModelParameters.d.ts","sourceRoot":"","sources":["../../src/components/AiModelParameters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAS,MAAM,OAAO,CAAC;AAgBjC,eAAO,MAAM,iBAAiB,EAAE,EAgM/B,CAAC"}
+{"version":3,"file":"AiModelParameters.d.ts","sourceRoot":"","sources":["../../src/components/AiModelParameters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAS,MAAM,OAAO,CAAC;AAgBjC,MAAM,WAAW,sBAAsB;IACrC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoMxD,CAAC"}

package/dist/components/AiModelParameters.js

@@ -3,7 +3,7 @@ import { useRef } from 'react';
 import { Sliders, Wrench, FileText, Upload, Eye } from 'lucide-react';
 import { Textarea, Input, Button, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, useDisclosure, useToast, } from '@sqlrooms/ui';
 import { useStoreWithAiSettings } from '../AiSettingsSlice';
-export const AiModelParameters = () => {
+export const AiModelParameters = ({ showViewInstructions = false, }) => {
     const maxSteps = useStoreWithAiSettings((s) => s.aiSettings.config.modelParameters.maxSteps);
     const setMaxStepsAiChatUi = useStoreWithAiSettings((s) => s.aiSettings.setMaxSteps);
     const additionalInstruction = useStoreWithAiSettings((s) => s.aiSettings.config.modelParameters.additionalInstruction);
@@ -74,6 +74,6 @@ export const AiModelParameters = () => {
     const handleViewFullInstructions = () => {
         onOpen();
     };
-    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-md flex items-center gap-2 pb-6 font-medium", children: [_jsx(Sliders, { className: "h-4 w-4" }), "Model Parameters"] }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx(Wrench, { className: "h-4 w-4" }), "Max Tool Steps"] }), _jsx("div", { className: "flex items-center gap-2", children: _jsx(Input, { type: "number", min: "1", max: "20", step: "1", value: maxSteps, onChange: (e) => handleMaxStepsChange(parseInt(e.target.value) || 1), className: "flex-1" }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx(FileText, { className: "h-4 w-4" }), "Additional Instructions"] }), _jsx(Textarea, { value: additionalInstruction, onChange: (e) => handleAdditionalInstructionChange(e.target.value), placeholder: "Enter custom system instructions for the AI model...", className: "min-h-[80px] resize-y", autoResize: false }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handleUploadButtonClick, className: "flex items-center gap-2", children: [_jsx(Upload, { className: "h-4 w-4" }), "Upload File"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleViewFullInstructions, className: "flex items-center gap-2", children: [_jsx(Eye, { className: "h-4 w-4" }), "View Instructions"] })] }), _jsx(Input, { ref: fileInputRef, type: "file", accept: ".txt,.md,.json,.text,text/plain,text/markdown,application/json", onChange: handleFileUpload, style: { display: 'none' } })] })] }), _jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: _jsxs(DialogContent, { className: "flex h-[80vh] max-w-4xl flex-col", children: [_jsxs(DialogHeader, { className: "flex-shrink-0", children: [_jsx(DialogTitle, { children: "Full System Instructions" }), _jsx(DialogDescription, { children: "Complete system instructions that will be sent to the AI model, including default instructions and your additional custom instructions." })] }), _jsx("div", { className: "mt-4 min-h-0 flex-1 overflow-hidden", children: _jsx("div", { className: "bg-muted/50 h-full overflow-auto rounded-lg p-4", children: _jsx("pre", { className: "overflow-wrap-anywhere w-full max-w-full break-words font-mono text-sm leading-relaxed", children: getFullInstructions() }) }) })] }) })] }));
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-md flex items-center gap-2 pb-6 font-medium", children: [_jsx(Sliders, { className: "h-4 w-4" }), "Model Parameters"] }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx(Wrench, { className: "h-4 w-4" }), "Max Tool Steps"] }), _jsx("div", { className: "flex items-center gap-2", children: _jsx(Input, { type: "number", min: "1", max: "20", step: "1", value: maxSteps, onChange: (e) => handleMaxStepsChange(parseInt(e.target.value) || 1), className: "flex-1" }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx(FileText, { className: "h-4 w-4" }), "Additional Instructions"] }), _jsx(Textarea, { value: additionalInstruction, onChange: (e) => handleAdditionalInstructionChange(e.target.value), placeholder: "Enter custom system instructions for the AI model...", className: "min-h-[80px] resize-y", autoResize: false }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handleUploadButtonClick, className: "flex items-center gap-2", children: [_jsx(Upload, { className: "h-4 w-4" }), "Upload File"] }), showViewInstructions && (_jsxs(Button, { variant: "outline", size: "sm", onClick: handleViewFullInstructions, className: "flex items-center gap-2", children: [_jsx(Eye, { className: "h-4 w-4" }), "View Instructions"] }))] }), _jsx(Input, { ref: fileInputRef, type: "file", accept: ".txt,.md,.json,.text,text/plain,text/markdown,application/json", onChange: handleFileUpload, style: { display: 'none' } })] })] }), _jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: _jsxs(DialogContent, { className: "flex h-[80vh] max-w-4xl flex-col", children: [_jsxs(DialogHeader, { className: "flex-shrink-0", children: [_jsx(DialogTitle, { children: "Full System Instructions" }), _jsx(DialogDescription, { children: "Complete system instructions that will be sent to the AI model, including default instructions and your additional custom instructions." })] }), _jsx("div", { className: "mt-4 min-h-0 flex-1 overflow-hidden", children: _jsx("div", { className: "bg-muted/50 h-full overflow-auto rounded-lg p-4", children: _jsx("pre", { className: "overflow-wrap-anywhere w-full max-w-full break-words font-mono text-sm leading-relaxed", children: getFullInstructions() }) }) })] }) })] }));
 };
 //# sourceMappingURL=AiModelParameters.js.map

package/dist/components/AiModelParameters.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiModelParameters.js","sourceRoot":"","sources":["../../src/components/AiModelParameters.tsx"],"names":[],"mappings":"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","sourcesContent":["import {FC, useRef} from 'react';\nimport {Sliders, Wrench, FileText, Upload, Eye} from 'lucide-react';\nimport {\n  Textarea,\n  Input,\n  Button,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  useDisclosure,\n  useToast,\n} from '@sqlrooms/ui';\nimport {useStoreWithAiSettings} from '../AiSettingsSlice';\n\nexport const AiModelParameters: FC = () => {\n  const maxSteps = useStoreWithAiSettings(\n    (s) => s.aiSettings.config.modelParameters.maxSteps,\n  );\n  const setMaxStepsAiChatUi = useStoreWithAiSettings(\n    (s) => s.aiSettings.setMaxSteps,\n  );\n\n  const additionalInstruction = useStoreWithAiSettings(\n    (s) => s.aiSettings.config.modelParameters.additionalInstruction,\n  );\n  const setAdditionalInstruction = useStoreWithAiSettings(\n    (s) => s.aiSettings.setAdditionalInstruction,\n  );\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const {toast} = useToast();\n\n  const {isOpen, onOpen, onClose} = useDisclosure();\n\n  const handleMaxStepsChange = (value: number) => {\n    setMaxStepsAiChatUi(value);\n  };\n\n  const handleAdditionalInstructionChange = (value: string) => {\n    setAdditionalInstruction(value);\n  };\n\n  const getFullInstructions = useStoreWithAiSettings(\n    (s) => s.ai.getFullInstructions,\n  );\n\n  const handleFileUpload = async (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    // Validate file type\n    const allowedTypes = ['text/plain', 'text/markdown', 'application/json'];\n    const allowedExtensions = ['.txt', '.md', '.json', '.text'];\n    const fileExtension = file.name\n      .toLowerCase()\n      .slice(file.name.lastIndexOf('.'));\n\n    if (\n      !allowedTypes.includes(file.type) &&\n      !allowedExtensions.includes(fileExtension)\n    ) {\n      toast({\n        title: 'Invalid file type',\n        description: 'Please select a text file (.txt, .md, .json)',\n        variant: 'destructive',\n      });\n      return;\n    }\n\n    // Validate file size (max 1MB)\n    const maxSize = 1024 * 1024; // 1MB\n    if (file.size > maxSize) {\n      toast({\n        title: 'File too large',\n        description: 'File size must be less than 1MB',\n        variant: 'destructive',\n      });\n      return;\n    }\n\n    try {\n      const text = await file.text();\n      setAdditionalInstruction(text);\n      toast({\n        title: 'File uploaded successfully',\n        description:\n          'System instructions have been updated from the uploaded file.',\n      });\n    } catch (error) {\n      console.error('Error reading file:', error);\n      toast({\n        title: 'Error reading file',\n        description: 'Please try again.',\n        variant: 'destructive',\n      });\n    }\n\n    // Reset the input so the same file can be selected again\n    if (fileInputRef.current) {\n      fileInputRef.current.value = '';\n    }\n  };\n\n  const handleUploadButtonClick = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleViewFullInstructions = () => {\n    onOpen();\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <label className=\"text-md flex items-center gap-2 pb-6 font-medium\">\n        <Sliders className=\"h-4 w-4\" />\n        Model Parameters\n      </label>\n      <div className=\"grid grid-cols-1 gap-4\">\n        {/* Max Steps */}\n        <div className=\"space-y-2\">\n          <label className=\"flex items-center gap-2 text-sm font-medium\">\n            <Wrench className=\"h-4 w-4\" />\n            Max Tool Steps\n          </label>\n          <div className=\"flex items-center gap-2\">\n            <Input\n              type=\"number\"\n              min=\"1\"\n              max=\"20\"\n              step=\"1\"\n              value={maxSteps}\n              onChange={(e) =>\n                handleMaxStepsChange(parseInt(e.target.value) || 1)\n              }\n              className=\"flex-1\"\n            />\n          </div>\n        </div>\n\n        {/* Additional Instruction */}\n        <div className=\"space-y-2\">\n          <label className=\"flex items-center gap-2 text-sm font-medium\">\n            <FileText className=\"h-4 w-4\" />\n            Additional Instructions\n          </label>\n          <Textarea\n            value={additionalInstruction}\n            onChange={(e) => handleAdditionalInstructionChange(e.target.value)}\n            placeholder=\"Enter custom system instructions for the AI model...\"\n            className=\"min-h-[80px] resize-y\"\n            autoResize={false}\n          />\n          <div className=\"flex items-center gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={handleUploadButtonClick}\n              className=\"flex items-center gap-2\"\n            >\n              <Upload className=\"h-4 w-4\" />\n              Upload File\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={handleViewFullInstructions}\n              className=\"flex items-center gap-2\"\n            >\n              <Eye className=\"h-4 w-4\" />\n              View Instructions\n            </Button>\n          </div>\n          <Input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\".txt,.md,.json,.text,text/plain,text/markdown,application/json\"\n            onChange={handleFileUpload}\n            style={{display: 'none'}}\n          />\n        </div>\n      </div>\n\n      {/* Full Instructions Modal */}\n      <Dialog open={isOpen} onOpenChange={onClose}>\n        <DialogContent className=\"flex h-[80vh] max-w-4xl flex-col\">\n          <DialogHeader className=\"flex-shrink-0\">\n            <DialogTitle>Full System Instructions</DialogTitle>\n            <DialogDescription>\n              Complete system instructions that will be sent to the AI model,\n              including default instructions and your additional custom\n              instructions.\n            </DialogDescription>\n          </DialogHeader>\n          <div className=\"mt-4 min-h-0 flex-1 overflow-hidden\">\n            <div className=\"bg-muted/50 h-full overflow-auto rounded-lg p-4\">\n              <pre className=\"overflow-wrap-anywhere w-full max-w-full break-words font-mono text-sm leading-relaxed\">\n                {getFullInstructions()}\n              </pre>\n            </div>\n          </div>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AiModelParameters.js","sourceRoot":"","sources":["../../src/components/AiModelParameters.tsx"],"names":[],"mappings":"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","sourcesContent":["import {FC, useRef} from 'react';\nimport {Sliders, Wrench, FileText, Upload, Eye} from 'lucide-react';\nimport {\n  Textarea,\n  Input,\n  Button,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  useDisclosure,\n  useToast,\n} from '@sqlrooms/ui';\nimport {useStoreWithAiSettings} from '../AiSettingsSlice';\n\nexport interface AiModelParametersProps {\n  showViewInstructions?: boolean;\n}\n\nexport const AiModelParameters: FC<AiModelParametersProps> = ({\n  showViewInstructions = false,\n}) => {\n  const maxSteps = useStoreWithAiSettings(\n    (s) => s.aiSettings.config.modelParameters.maxSteps,\n  );\n  const setMaxStepsAiChatUi = useStoreWithAiSettings(\n    (s) => s.aiSettings.setMaxSteps,\n  );\n\n  const additionalInstruction = useStoreWithAiSettings(\n    (s) => s.aiSettings.config.modelParameters.additionalInstruction,\n  );\n  const setAdditionalInstruction = useStoreWithAiSettings(\n    (s) => s.aiSettings.setAdditionalInstruction,\n  );\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const {toast} = useToast();\n\n  const {isOpen, onOpen, onClose} = useDisclosure();\n\n  const handleMaxStepsChange = (value: number) => {\n    setMaxStepsAiChatUi(value);\n  };\n\n  const handleAdditionalInstructionChange = (value: string) => {\n    setAdditionalInstruction(value);\n  };\n\n  const getFullInstructions = useStoreWithAiSettings(\n    (s) => s.ai.getFullInstructions,\n  );\n\n  const handleFileUpload = async (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    // Validate file type\n    const allowedTypes = ['text/plain', 'text/markdown', 'application/json'];\n    const allowedExtensions = ['.txt', '.md', '.json', '.text'];\n    const fileExtension = file.name\n      .toLowerCase()\n      .slice(file.name.lastIndexOf('.'));\n\n    if (\n      !allowedTypes.includes(file.type) &&\n      !allowedExtensions.includes(fileExtension)\n    ) {\n      toast({\n        title: 'Invalid file type',\n        description: 'Please select a text file (.txt, .md, .json)',\n        variant: 'destructive',\n      });\n      return;\n    }\n\n    // Validate file size (max 1MB)\n    const maxSize = 1024 * 1024; // 1MB\n    if (file.size > maxSize) {\n      toast({\n        title: 'File too large',\n        description: 'File size must be less than 1MB',\n        variant: 'destructive',\n      });\n      return;\n    }\n\n    try {\n      const text = await file.text();\n      setAdditionalInstruction(text);\n      toast({\n        title: 'File uploaded successfully',\n        description:\n          'System instructions have been updated from the uploaded file.',\n      });\n    } catch (error) {\n      console.error('Error reading file:', error);\n      toast({\n        title: 'Error reading file',\n        description: 'Please try again.',\n        variant: 'destructive',\n      });\n    }\n\n    // Reset the input so the same file can be selected again\n    if (fileInputRef.current) {\n      fileInputRef.current.value = '';\n    }\n  };\n\n  const handleUploadButtonClick = () => {\n    fileInputRef.current?.click();\n  };\n\n  const handleViewFullInstructions = () => {\n    onOpen();\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <label className=\"text-md flex items-center gap-2 pb-6 font-medium\">\n        <Sliders className=\"h-4 w-4\" />\n        Model Parameters\n      </label>\n      <div className=\"grid grid-cols-1 gap-4\">\n        {/* Max Steps */}\n        <div className=\"space-y-2\">\n          <label className=\"flex items-center gap-2 text-sm font-medium\">\n            <Wrench className=\"h-4 w-4\" />\n            Max Tool Steps\n          </label>\n          <div className=\"flex items-center gap-2\">\n            <Input\n              type=\"number\"\n              min=\"1\"\n              max=\"20\"\n              step=\"1\"\n              value={maxSteps}\n              onChange={(e) =>\n                handleMaxStepsChange(parseInt(e.target.value) || 1)\n              }\n              className=\"flex-1\"\n            />\n          </div>\n        </div>\n\n        {/* Additional Instruction */}\n        <div className=\"space-y-2\">\n          <label className=\"flex items-center gap-2 text-sm font-medium\">\n            <FileText className=\"h-4 w-4\" />\n            Additional Instructions\n          </label>\n          <Textarea\n            value={additionalInstruction}\n            onChange={(e) => handleAdditionalInstructionChange(e.target.value)}\n            placeholder=\"Enter custom system instructions for the AI model...\"\n            className=\"min-h-[80px] resize-y\"\n            autoResize={false}\n          />\n          <div className=\"flex items-center gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={handleUploadButtonClick}\n              className=\"flex items-center gap-2\"\n            >\n              <Upload className=\"h-4 w-4\" />\n              Upload File\n            </Button>\n            {showViewInstructions && (\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={handleViewFullInstructions}\n                className=\"flex items-center gap-2\"\n              >\n                <Eye className=\"h-4 w-4\" />\n                View Instructions\n              </Button>\n            )}\n          </div>\n          <Input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\".txt,.md,.json,.text,text/plain,text/markdown,application/json\"\n            onChange={handleFileUpload}\n            style={{display: 'none'}}\n          />\n        </div>\n      </div>\n\n      {/* Full Instructions Modal */}\n      <Dialog open={isOpen} onOpenChange={onClose}>\n        <DialogContent className=\"flex h-[80vh] max-w-4xl flex-col\">\n          <DialogHeader className=\"flex-shrink-0\">\n            <DialogTitle>Full System Instructions</DialogTitle>\n            <DialogDescription>\n              Complete system instructions that will be sent to the AI model,\n              including default instructions and your additional custom\n              instructions.\n            </DialogDescription>\n          </DialogHeader>\n          <div className=\"mt-4 min-h-0 flex-1 overflow-hidden\">\n            <div className=\"bg-muted/50 h-full overflow-auto rounded-lg p-4\">\n              <pre className=\"overflow-wrap-anywhere w-full max-w-full break-words font-mono text-sm leading-relaxed\">\n                {getFullInstructions()}\n              </pre>\n            </div>\n          </div>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n};\n"]}

package/dist/components/AiSettingsPanel.d.ts

@@ -11,7 +11,7 @@ export declare const AiSettingsPanel: FC<PropsWithChildren<AiSettingsPanelProps>
         className?: string;
         modelUsage?: import("./AiModelUsage").ModelUsageData;
     }>;
-    ModelParametersSettings: FC;
+    ModelParametersSettings: FC<import("./AiModelParameters").AiModelParametersProps>;
 };
 export {};
 //# sourceMappingURL=AiSettingsPanel.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/ai-settings",
-  "version": "0.27.0-rc.3",
+  "version": "0.27.0-rc.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
@@ -19,11 +19,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@sqlrooms/ai-config": "0.27.0-rc.3",
-    "@sqlrooms/ai-core": "0.27.0-rc.3",
-    "@sqlrooms/recharts": "0.27.0-rc.3",
-    "@sqlrooms/room-store": "0.27.0-rc.3",
-    "@sqlrooms/ui": "0.27.0-rc.3",
+    "@sqlrooms/ai-config": "0.27.0-rc.5",
+    "@sqlrooms/ai-core": "0.27.0-rc.5",
+    "@sqlrooms/recharts": "0.27.0-rc.5",
+    "@sqlrooms/room-store": "0.27.0-rc.5",
+    "@sqlrooms/ui": "0.27.0-rc.5",
     "immer": "^11.0.1",
     "lucide-react": "^0.556.0",
     "recharts": "^2.12.7"
@@ -39,5 +39,5 @@
     "typecheck": "tsc --noEmit",
     "typedoc": "typedoc"
   },
-  "gitHead": "41dabd4b989c2c15d9aed822714aae869a31197e"
+  "gitHead": "d860b9100d63e0d4029712872741abfa3a9c31a1"
 }