@peers-app/peers-ui 0.25.21 → 0.26.0

package/src/screens/tools/tool-schema.tsx

@@ -1,49 +1,44 @@
-import {
-  type IDoc,
-  type IOSchema,
-  IOSchemaType,
-  type ITool,
-  type Observable,
-} from "@peers-app/peers-sdk";
-import { IOSchemaEditor } from "../../components/io-schema";
-import { useObservable } from "../../hooks";
-
-export const ToolSchema = (props: { tool: IDoc<ITool> }) => {
-  const { tool } = props;
-
-  useObservable(tool.qs.isAssistantRunner);
-
-  if (tool.isAssistantRunner && !tool.configSchema) {
-    tool.configSchema = {
-      type: IOSchemaType.complex,
-      fields: [],
-    };
-  }
+import type { IOSchema, ITool, IToolCatalogEntry } from "@peers-app/peers-sdk";
 
+function FieldTable({ label, schema }: { label: string; schema?: IOSchema }) {
   return (
-    <div>
-      {tool.isAssistantRunner && (
-        <>
-          <span style={{ width: "130px", display: "inline-block" }} className="fw-bold">
-            Config Schema:
-          </span>
-          <IOSchemaEditor
-            ioSchema={tool.qs.configSchema as Observable<IOSchema>}
-            simpleValueName="input"
-          />
-          <br />
-        </>
+    <section className="mb-4">
+      <h6>{label}</h6>
+      {!schema?.fields.length ? (
+        <p>No fields</p>
+      ) : (
+        <table className="table table-sm">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Type</th>
+              <th>Required</th>
+              <th>Description</th>
+            </tr>
+          </thead>
+          <tbody>
+            {schema.fields.map((field) => (
+              <tr key={field.name}>
+                <td>{field.name}</td>
+                <td>
+                  {field.type}
+                  {field.isArray ? "[]" : ""}
+                </td>
+                <td>{field.optional ? "No" : "Yes"}</td>
+                <td>{field.description}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
       )}
-
-      <span style={{ width: "130px", display: "inline-block" }} className="fw-bold">
-        Input Schema:
-      </span>
-      <IOSchemaEditor ioSchema={tool.qs.inputSchema} simpleValueName="input" />
-
-      <span style={{ width: "130px", display: "inline-block" }} className="mt-4 fw-bold">
-        Output Schema:
-      </span>
-      <IOSchemaEditor ioSchema={tool.qs.outputSchema} simpleValueName="output" />
-    </div>
+    </section>
   );
-};
+}
+/** Read-only contract field tables, plus persisted assistant runner configuration. */
+export const ToolSchema = ({ tool, entry }: { tool: ITool; entry?: IToolCatalogEntry }) => (
+  <div>
+    {tool.isAssistantRunner && <FieldTable label="Config Schema" schema={tool.configSchema} />}
+    <FieldTable label="Input Schema" schema={entry?.inputSchema ?? tool.inputSchema} />
+    <FieldTable label="Output Schema" schema={entry?.outputSchema ?? tool.outputSchema} />
+  </div>
+);

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

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

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

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolCode = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
-const ToolCode = (props) => {
-    const { tool } = props;
-    let code = tool.qs.code() ?? "";
-    const toolCodeObs = (0, peers_sdk_1.computed)({
-        read: () => {
-            if (!code.startsWith("```")) {
-                code = `\`\`\`javascript\n${code}\n\`\`\``;
-            }
-            return code;
-        },
-        write: (newCode) => {
-            code = newCode;
-            if (code.startsWith("```javascript\n")) {
-                code = code.replace("```javascript\n", "");
-                code = code.replace("\n```", "");
-            }
-            tool.qs.code(code);
-        },
-    });
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(editor_inline_1.MarkdownEditorInline, { value: toolCodeObs, hideToolbar: true }) }));
-};
-exports.ToolCode = ToolCode;

package/src/screens/tools/tool-code.tsx

@@ -1,30 +0,0 @@
-import { computed, type IDoc, type ITool, type Observable } from "@peers-app/peers-sdk";
-import { MarkdownEditorInline } from "../../components/markdown-editor/editor-inline";
-
-export const ToolCode = (props: { tool: IDoc<ITool> }) => {
-  const { tool } = props;
-
-  let code = tool.qs.code() ?? "";
-  const toolCodeObs = computed({
-    read: () => {
-      if (!code.startsWith("```")) {
-        code = `\`\`\`javascript\n${code}\n\`\`\``;
-      }
-      return code;
-    },
-    write: (newCode: string) => {
-      code = newCode;
-      if (code.startsWith("```javascript\n")) {
-        code = code.replace("```javascript\n", "");
-        code = code.replace("\n```", "");
-      }
-      tool.qs.code(code);
-    },
-  });
-
-  return (
-    <div>
-      <MarkdownEditorInline value={toolCodeObs as Observable<string>} hideToolbar={true} />
-    </div>
-  );
-};