@peers-app/peers-ui 0.14.0 → 0.15.0

package/dist/screens/tools/tool-details.js

@@ -1,20 +1,17 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolDetails = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
+const input_1 = require("../../components/input");
 const loading_indicator_1 = require("../../components/loading-indicator");
 const save_button_1 = require("../../components/save-button");
 const tabs_1 = require("../../components/tabs");
+const hooks_1 = require("../../hooks");
+const tabs_state_1 = require("../../tabs-layout/tabs-state");
 const tool_code_1 = require("./tool-code");
 const tool_info_1 = require("./tool-info");
 const tool_schema_1 = require("./tool-schema");
-const hooks_1 = require("../../hooks");
-const input_1 = require("../../components/input");
-const tabs_state_1 = require("../../tabs-layout/tabs-state");
 const ToolDetails = (props) => {
     const tool = (0, hooks_1.usePromise)(async () => {
         const toolData = await (0, peers_sdk_1.Tools)().get(props.toolId);
@@ -24,45 +21,35 @@ const ToolDetails = (props) => {
         return (0, peers_sdk_1.Tools)().initDoc(toolData);
     }, undefined, [props.toolId]);
     if (tool === null) {
-        return react_1.default.createElement("div", null, "Tool not found");
+        return (0, jsx_runtime_1.jsx)("div", { children: "Tool not found" });
     }
     if (!tool) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+        return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
     }
     function saveChanges() {
         if (!tool)
             return;
         tool.save();
     }
-    return (react_1.default.createElement("div", { className: "container-fluid p-3", style: { overflowY: 'hidden' } },
-        react_1.default.createElement("div", { className: "d-flex" },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement("i", { className: "bi bi-tools me-2" }))),
-            react_1.default.createElement("div", { className: "flex-grow-1" },
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement(input_1.Input, { key: tool.toolId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: tool.qs.name }))),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(save_button_1.SaveButton, { key: tool.toolId, onClick: saveChanges, doc: tool }))),
-        react_1.default.createElement(tabs_1.Tabs, { key: tool.toolId, tabs: [
-                {
-                    name: 'Info', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(tool_info_1.ToolInfo, { tool: tool }))
-                },
-                {
-                    name: 'Schema', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(tool_schema_1.ToolSchema, { tool: tool }))
-                },
-                {
-                    name: 'Code', content: react_1.default.createElement(tabs_1.ScreenTabBody, null,
-                        react_1.default.createElement(tool_code_1.ToolCode, { tool: tool }))
-                },
-                // {
-                //   name: 'Tests', content:
-                //     <ScreenTabBody>
-                //       <ToolTestList toolId={tool.toolId} />
-                //     </ScreenTabBody>
-                // },
-            ] })));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid p-3", style: { overflowY: "hidden" }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)("i", { className: "bi bi-tools me-2" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-grow-1", children: (0, jsx_runtime_1.jsx)("h4", { children: (0, jsx_runtime_1.jsx)(input_1.Input, { className: "border border-0", style: { width: "100%", outline: "none", backgroundColor: "transparent" }, value: tool.qs.name }, tool.toolId) }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(save_button_1.SaveButton, { onClick: saveChanges, doc: tool }, tool.toolId) })] }), (0, jsx_runtime_1.jsx)(tabs_1.Tabs, { tabs: [
+                    {
+                        name: "Info",
+                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(tool_info_1.ToolInfo, { tool: tool }) })),
+                    },
+                    {
+                        name: "Schema",
+                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(tool_schema_1.ToolSchema, { tool: tool }) })),
+                    },
+                    {
+                        name: "Code",
+                        content: ((0, jsx_runtime_1.jsx)(tabs_1.ScreenTabBody, { children: (0, jsx_runtime_1.jsx)(tool_code_1.ToolCode, { tool: tool }) })),
+                    },
+                    // {
+                    //   name: 'Tests', content:
+                    //     <ScreenTabBody>
+                    //       <ToolTestList toolId={tool.toolId} />
+                    //     </ScreenTabBody>
+                    // },
+                ] }, tool.toolId)] }));
 };
 exports.ToolDetails = ToolDetails;

package/dist/screens/tools/tool-info.d.ts

@@ -1,5 +1,4 @@
-import { IDoc, ITool } from "@peers-app/peers-sdk";
-import React from "react";
+import { type IDoc, type ITool } from "@peers-app/peers-sdk";
 export declare const ToolInfo: (props: {
     tool: IDoc<ITool>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/screens/tools/tool-info.js

@@ -1,54 +1,25 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolInfo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const checkbox_1 = require("../../components/checkbox");
 const input_1 = require("../../components/input");
 const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
 const ToolInfo = (props) => {
     const { tool } = props;
     const [markdownUsageObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(tool.usageDescription));
-    const [markdownDetailedObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(tool.detailedDescription || ''));
+    const [markdownDetailedObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(tool.detailedDescription || ""));
     (0, react_1.useEffect)(() => {
         const sub = markdownUsageObs.subscribe(() => {
             tool.usageDescription = markdownUsageObs();
         });
         const sub2 = tool.qs.name.subscribe(() => {
-            tool.name = tool.qs.name().replaceAll(/\s/g, '_').replaceAll(/[^a-zA-Z0-9_-]/g, '');
+            tool.name = tool.qs
+                .name()
+                .replaceAll(/\s/g, "_")
+                .replaceAll(/[^a-zA-Z0-9_-]/g, "");
         });
         const sub3 = markdownDetailedObs.subscribe(() => {
             tool.detailedDescription = markdownDetailedObs();
@@ -58,17 +29,7 @@ const ToolInfo = (props) => {
             sub2.dispose();
             sub3.dispose();
         };
-    }, [tool]);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("small", null, "Name:"),
-        react_1.default.createElement(input_1.Input, { value: tool.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Tool name", title: "Tool name" }),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("label", { className: "form-label small mt-2 me-2" }, "Is Assistant Runner:"),
-            react_1.default.createElement(checkbox_1.Checkbox, { className: "form-check-input mt-2", checked: tool.qs.isAssistantRunner })),
-        react_1.default.createElement("small", null, "Usage Description:"),
-        react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: markdownUsageObs }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("small", null, "Detailed Description:"),
-        react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: markdownDetailedObs })));
+    }, [tool, markdownDetailedObs, markdownUsageObs]);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("small", { children: "Name:" }), (0, jsx_runtime_1.jsx)(input_1.Input, { value: tool.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Tool name", title: "Tool name" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "form-label small mt-2 me-2", children: "Is Assistant Runner:" }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { className: "form-check-input mt-2", checked: tool.qs.isAssistantRunner })] }), (0, jsx_runtime_1.jsx)("small", { children: "Usage Description:" }), (0, jsx_runtime_1.jsx)(editor_inline_1.MarkdownEditorInline, { value: markdownUsageObs }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("small", { children: "Detailed Description:" }), (0, jsx_runtime_1.jsx)(editor_inline_1.MarkdownEditorInline, { value: markdownDetailedObs })] }));
 };
 exports.ToolInfo = ToolInfo;

package/dist/screens/tools/tool-list.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare function ToolList(): React.JSX.Element;
+export declare function ToolList(): import("react/jsx-runtime").JSX.Element;

package/dist/screens/tools/tool-list.js

@@ -1,41 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolList = ToolList;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const input_1 = require("../../components/input");
 const lazy_list_1 = require("../../components/lazy-list");
 const loading_indicator_1 = require("../../components/loading-indicator");
@@ -43,7 +11,7 @@ const markdown_with_mentions_1 = require("../../components/markdown-with-mention
 const globals_1 = require("../../globals");
 const hooks_1 = require("../../hooks");
 function ToolList() {
-    const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(''));
+    const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(""));
     const [searchText] = (0, hooks_1.useObservable)(searchTextObs);
     const [cursorObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)());
     const [cursorId] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)((0, peers_sdk_1.newid)()));
@@ -51,10 +19,10 @@ function ToolList() {
         let cursor;
         const _searchText = searchText.trim();
         if (_searchText) {
-            cursor = await (0, peers_sdk_1.Tools)().cursor({ name: { $matchWords: _searchText } }, { sortBy: ['-toolId'] });
+            cursor = await (0, peers_sdk_1.Tools)().cursor({ name: { $matchWords: _searchText } }, { sortBy: ["-toolId"] });
         }
         else {
-            cursor = await (0, peers_sdk_1.Tools)().cursor(undefined, { sortBy: ['-toolId'] });
+            cursor = await (0, peers_sdk_1.Tools)().cursor(undefined, { sortBy: ["-toolId"] });
         }
         cursorObs(cursor);
         cursorId((0, peers_sdk_1.newid)());
@@ -66,28 +34,37 @@ function ToolList() {
             cursorId((0, peers_sdk_1.newid)());
         });
         return () => sub.dispose();
-    }, [searchText]);
+    }, [cursorId, cursorObs, searchTextObs.subscribe]);
     async function searchSubmit(evt) {
         if (evt.key !== "Enter")
             return;
         if (!searchText.trim())
             return;
-        let toolName = searchText.trim().replace(/\s+/g, '_').replaceAll(/[^a-zA-Z0-9_]/g, '');
+        const toolName = searchText
+            .trim()
+            .replace(/\s+/g, "_")
+            .replaceAll(/[^a-zA-Z0-9_]/g, "");
         const tool = await (0, peers_sdk_1.Tools)().initRecord({
             name: toolName,
             usageDescription: searchText.trim(),
-            detailedDescription: '',
-            inputSchema: { type: peers_sdk_1.IOSchemaType.simple, fields: [{ name: 'input', type: peers_sdk_1.FieldType.string, description: '' }] },
-            outputSchema: { type: peers_sdk_1.IOSchemaType.simple, fields: [{ name: 'output', type: peers_sdk_1.FieldType.string, description: '' }] },
+            detailedDescription: "",
+            inputSchema: {
+                type: peers_sdk_1.IOSchemaType.simple,
+                fields: [{ name: "input", type: peers_sdk_1.FieldType.string, description: "" }],
+            },
+            outputSchema: {
+                type: peers_sdk_1.IOSchemaType.simple,
+                fields: [{ name: "output", type: peers_sdk_1.FieldType.string, description: "" }],
+            },
         });
         await (0, peers_sdk_1.Tools)().insert(tool);
         (0, globals_1.mainContentPath)(`tools/${tool.toolId}`);
     }
     async function loadMore(existingTools) {
-        let moreMatches = [];
-        let cursor = cursorObs() || await newCursor();
+        const moreMatches = [];
+        const cursor = cursorObs() || (await newCursor());
         for await (const tool of cursor) {
-            if (existingTools.find(w => w.toolId === tool.toolId))
+            if (existingTools.find((w) => w.toolId === tool.toolId))
                 continue;
             moreMatches.push(tool);
             if (searchText.length && moreMatches.length > 5)
@@ -100,24 +77,15 @@ function ToolList() {
         }
         return moreMatches;
     }
-    return (react_1.default.createElement("div", { className: 'container-fluid' },
-        react_1.default.createElement(input_1.Input, { value: searchTextObs, className: "form-control mt-3", style: { marginBottom: "10px" }, placeholder: "Search or create new tool", autoFocus: (0, globals_1.isDesktop)() ? true : false, onKeyUp: evt => searchSubmit(evt) }),
-        react_1.default.createElement("div", { className: "peers-list-container" },
-            react_1.default.createElement(lazy_list_1.LazyList, { key: cursorId(), loadMore: loadMore, scrollThreshold: 0.6, renderItems: (tools) => {
-                    return tools.map(tool => {
-                        let markdownContent = (tool.usageDescription + '\n\n---\n\n' + (tool.detailedDescription ?? ''));
-                        const maxLen = 500;
-                        if (markdownContent.length > maxLen) {
-                            markdownContent = markdownContent.substring(0, maxLen) + '...';
-                        }
-                        markdownContent = markdownContent.replace(/\n\n---\n\n$/, '');
-                        return (react_1.default.createElement("div", { key: tool.toolId, className: 'container-fluid pb-4' },
-                            react_1.default.createElement("i", { className: "bi bi-tools" }),
-                            "\u00A0",
-                            react_1.default.createElement("a", { href: `#tools/${tool.toolId}` }, tool.name),
-                            react_1.default.createElement("div", { style: { paddingLeft: '20px' } },
-                                react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: markdownContent }))));
-                    });
-                }, loadingIndicator: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } },
-                    react_1.default.createElement(loading_indicator_1.LoadingIndicator, null)), endOfList: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } }) }))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid", children: [(0, jsx_runtime_1.jsx)(input_1.Input, { value: searchTextObs, className: "form-control mt-3", style: { marginBottom: "10px" }, placeholder: "Search or create new tool", autoFocus: !!(0, globals_1.isDesktop)(), onKeyUp: (evt) => searchSubmit(evt) }), (0, jsx_runtime_1.jsx)("div", { className: "peers-list-container", children: (0, jsx_runtime_1.jsx)(lazy_list_1.LazyList, { loadMore: loadMore, scrollThreshold: 0.6, renderItems: (tools) => {
+                        return tools.map((tool) => {
+                            let markdownContent = `${tool.usageDescription}\n\n---\n\n${tool.detailedDescription ?? ""}`;
+                            const maxLen = 500;
+                            if (markdownContent.length > maxLen) {
+                                markdownContent = `${markdownContent.substring(0, maxLen)}...`;
+                            }
+                            markdownContent = markdownContent.replace(/\n\n---\n\n$/, "");
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid pb-4", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-tools" }), "\u00A0", (0, jsx_runtime_1.jsx)("a", { href: `#tools/${tool.toolId}`, children: tool.name }), (0, jsx_runtime_1.jsx)("div", { style: { paddingLeft: "20px" }, children: (0, jsx_runtime_1.jsx)(markdown_with_mentions_1.MarkdownWithMentions, { content: markdownContent }) })] }, tool.toolId));
+                        });
+                    }, loadingIndicator: (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", style: { height: 200 }, children: (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {}) }), endOfList: (0, jsx_runtime_1.jsx)("div", { className: "d-flex justify-content-center", style: { height: 200 } }) }, cursorId()) })] }));
 }

package/dist/screens/tools/tool-schema.d.ts

@@ -1,5 +1,4 @@
-import { IDoc, ITool } from "@peers-app/peers-sdk";
-import React from "react";
+import { type IDoc, type ITool } from "@peers-app/peers-sdk";
 export declare const ToolSchema: (props: {
     tool: IDoc<ITool>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/screens/tools/tool-schema.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importDefault(require("react"));
 const io_schema_1 = require("../../components/io-schema");
 const hooks_1 = require("../../hooks");
 const ToolSchema = (props) => {
@@ -17,14 +14,6 @@ const ToolSchema = (props) => {
             fields: [],
         };
     }
-    return (react_1.default.createElement("div", null,
-        tool.isAssistantRunner && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("span", { style: { width: '130px', display: 'inline-block' }, className: "fw-bold" }, "Config Schema:"),
-            react_1.default.createElement(io_schema_1.IOSchemaEditor, { ioSchema: tool.qs.configSchema, simpleValueName: "input" }),
-            react_1.default.createElement("br", null))),
-        react_1.default.createElement("span", { style: { width: '130px', display: 'inline-block' }, className: "fw-bold" }, "Input Schema:"),
-        react_1.default.createElement(io_schema_1.IOSchemaEditor, { ioSchema: tool.qs.inputSchema, simpleValueName: "input" }),
-        react_1.default.createElement("span", { style: { width: '130px', display: 'inline-block' }, className: "mt-4 fw-bold" }, "Output Schema:"),
-        react_1.default.createElement(io_schema_1.IOSchemaEditor, { ioSchema: tool.qs.outputSchema, simpleValueName: "output" })));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [tool.isAssistantRunner && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { style: { width: "130px", display: "inline-block" }, className: "fw-bold", children: "Config Schema:" }), (0, jsx_runtime_1.jsx)(io_schema_1.IOSchemaEditor, { ioSchema: tool.qs.configSchema, simpleValueName: "input" }), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsx)("span", { style: { width: "130px", display: "inline-block" }, className: "fw-bold", children: "Input Schema:" }), (0, jsx_runtime_1.jsx)(io_schema_1.IOSchemaEditor, { ioSchema: tool.qs.inputSchema, simpleValueName: "input" }), (0, jsx_runtime_1.jsx)("span", { style: { width: "130px", display: "inline-block" }, className: "mt-4 fw-bold", children: "Output Schema:" }), (0, jsx_runtime_1.jsx)(io_schema_1.IOSchemaEditor, { ioSchema: tool.qs.outputSchema, simpleValueName: "output" })] }));
 };
 exports.ToolSchema = ToolSchema;

package/dist/screens/tools/tool-test-details.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 export declare const ToolTestDetails: (props: {
     toolTestId: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/screens/tools/tool-test-details.js

@@ -1,15 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolTestDetails = void 0;
-const hooks_1 = require("../../hooks");
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
+const loading_indicator_1 = require("../../components/loading-indicator");
 const editor_1 = require("../../components/markdown-editor/editor");
 const save_button_1 = require("../../components/save-button");
-const loading_indicator_1 = require("../../components/loading-indicator");
+const hooks_1 = require("../../hooks");
 const tabs_state_1 = require("../../tabs-layout/tabs-state");
 const ToolTestDetails = (props) => {
     const { toolTestId } = props;
@@ -25,30 +22,17 @@ const ToolTestDetails = (props) => {
         return doc;
     });
     if (toolTest === null) {
-        return react_1.default.createElement("div", null, "ToolTest not found");
+        return (0, jsx_runtime_1.jsx)("div", { children: "ToolTest not found" });
     }
     if (!toolTest) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
+        return (0, jsx_runtime_1.jsx)(loading_indicator_1.LoadingIndicator, {});
     }
-    return (react_1.default.createElement("div", { className: "container-fluid mt-2" },
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("a", { href: `#tools/${toolTest.toolId}` },
-                "Tool: ",
-                tool()?.name),
-            react_1.default.createElement("div", { className: "float-end" },
-                react_1.default.createElement(save_button_1.SaveButton, { doc: toolTest }))),
-        react_1.default.createElement("div", { style: { height: 'calc(100vh - 55px)', overflowY: 'auto', width: '100%' } },
-            react_1.default.createElement("small", null, "Test description:"),
-            react_1.default.createElement("div", { style: {
-                    border: '1px solid #ccc',
-                    borderRadius: '5px',
-                } },
-                react_1.default.createElement(editor_1.MarkdownEditor, { value: toolTest.qs.description, hideToolbar: true })),
-            react_1.default.createElement("small", null, "Code:"),
-            react_1.default.createElement("div", { style: {
-                    border: '1px solid #ccc',
-                    borderRadius: '5px',
-                } },
-                react_1.default.createElement(editor_1.MarkdownEditor, { value: toolTest.qs.code, hideToolbar: true })))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "container-fluid mt-2", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("a", { href: `#tools/${toolTest.toolId}`, children: ["Tool: ", tool()?.name] }), (0, jsx_runtime_1.jsx)("div", { className: "float-end", children: (0, jsx_runtime_1.jsx)(save_button_1.SaveButton, { doc: toolTest }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { height: "calc(100vh - 55px)", overflowY: "auto", width: "100%" }, children: [(0, jsx_runtime_1.jsx)("small", { children: "Test description:" }), (0, jsx_runtime_1.jsx)("div", { style: {
+                            border: "1px solid #ccc",
+                            borderRadius: "5px",
+                        }, children: (0, jsx_runtime_1.jsx)(editor_1.MarkdownEditor, { value: toolTest.qs.description, hideToolbar: true }) }), (0, jsx_runtime_1.jsx)("small", { children: "Code:" }), (0, jsx_runtime_1.jsx)("div", { style: {
+                            border: "1px solid #ccc",
+                            borderRadius: "5px",
+                        }, children: (0, jsx_runtime_1.jsx)(editor_1.MarkdownEditor, { value: toolTest.qs.code, hideToolbar: true }) })] })] }));
 };
 exports.ToolTestDetails = ToolTestDetails;

package/dist/screens/tools/tool-test-list.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare const ToolTestList: (props: {
     toolId: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/screens/tools/tool-test-list.js

@@ -1,82 +1,43 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToolTestList = void 0;
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const peers_sdk_1 = require("@peers-app/peers-sdk");
-const globals_1 = require("../../globals");
+const react_1 = require("react");
 const input_1 = require("../../components/input");
+const globals_1 = require("../../globals");
+const hooks_1 = require("../../hooks");
 const ToolTestList = (props) => {
     const { toolId } = props;
     const testsObs = (0, hooks_1.useObservableState)([]);
-    const searchText = (0, hooks_1.useObservableState)('');
+    const searchText = (0, hooks_1.useObservableState)("");
     (0, react_1.useEffect)(() => {
-        (0, peers_sdk_1.ToolTests)().list({ toolId, }).then(tests => {
+        (0, peers_sdk_1.ToolTests)()
+            .list({ toolId })
+            .then((tests) => {
             testsObs(tests);
         });
-    }, [toolId]);
-    const tests = testsObs().filter(test => test.description.toLowerCase().includes(searchText().toLowerCase()));
+    }, [toolId, testsObs]);
+    const tests = testsObs().filter((test) => test.description.toLowerCase().includes(searchText().toLowerCase()));
     async function createTest(evt) {
         if (evt.key !== "Enter")
             return;
         evt.preventDefault();
-        // TODO maybe use LLM call to do this? 
+        // TODO maybe use LLM call to do this?
         const test = await (0, peers_sdk_1.ToolTests)().insert({
             toolTestId: (0, peers_sdk_1.newid)(),
             toolId,
             description: searchText(),
-            code: '',
+            code: "",
             input: {},
             output: {},
         });
-        testsObs([
-            ...tests,
-            test
-        ]);
-        searchText('');
+        testsObs([...tests, test]);
+        searchText("");
         (0, globals_1.mainContentPath)(`tools/tests/${test.toolTestId}`);
     }
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(input_1.Input, { className: 'form-control mb-2', value: searchText, onKeyDown: createTest, placeholder: 'Search or create new test' }),
-        testsObs().length === 0 && (react_1.default.createElement("div", { className: 'text-center' },
-            react_1.default.createElement("p", null, "No test for this tool yet"))),
-        testsObs().length !== 0 && tests.length === 0 && (react_1.default.createElement("div", { className: 'text-center' },
-            react_1.default.createElement("p", null, "No matching tests found"))),
-        tests.map((test, iTest) => {
-            return (react_1.default.createElement("p", { key: iTest, onDoubleClick: e => (0, globals_1.mainContentPath)(`tools/tests/${test.toolTestId}`) }, test.description.split('\n')[0]));
-        })));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(input_1.Input, { className: "form-control mb-2", value: searchText, onKeyDown: createTest, placeholder: "Search or create new test" }), testsObs().length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("p", { children: "No test for this tool yet" }) })), testsObs().length !== 0 && tests.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("p", { children: "No matching tests found" }) })), tests.map((test, iTest) => {
+                return ((0, jsx_runtime_1.jsx)("p", { onDoubleClick: (_e) => (0, globals_1.mainContentPath)(`tools/tests/${test.toolTestId}`), children: test.description.split("\n")[0] }, iTest));
+            })] }));
 };
 exports.ToolTestList = ToolTestList;

package/dist/screens/variables/variable-details.d.ts

@@ -1,6 +1,5 @@
-import React from "react";
 interface IProps {
     persistentVarId: string;
 }
-export declare const VariableDetails: (props: IProps) => React.JSX.Element;
+export declare const VariableDetails: (props: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};