@dxos/plugin-script 0.6.14-staging.934c9de → 0.6.14-staging.9b873ce

package/dist/types/src/components/ScriptSettingsPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type ScriptType } from '../types';
+export type ScriptSettingsPanelProps = {
+    script: ScriptType;
+};
+export declare const ScriptSettingsPanel: ({ script }: ScriptSettingsPanelProps) => React.JSX.Element;
+//# sourceMappingURL=ScriptSettingsPanel.d.ts.map

package/dist/types/src/components/ScriptSettingsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScriptSettingsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ScriptSettingsPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAQ7D,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAEzD,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAAgB,wBAAwB,sBAsFvE,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ScriptSettings';
+export * from './ScriptSettingsPanel';
 export declare const AutomationPanel: import("react").LazyExoticComponent<({ subject }: import("./AutomationPanel").AutomationPanelProps) => import("react").JSX.Element>;
 export declare const ScriptContainer: import("react").LazyExoticComponent<({ script, ...props }: import("./ScriptEditor").ScriptEditorProps) => import("react").JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,cAAc,kBAAkB,CAAC;AAEjC,eAAO,MAAM,eAAe,qIAA0C,CAAC;AACvE,eAAO,MAAM,eAAe,wIAA0C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AAEtC,eAAO,MAAM,eAAe,qIAA0C,CAAC;AACvE,eAAO,MAAM,eAAe,wIAA0C,CAAC"}

package/dist/types/src/edge/functions.d.ts

@@ -1,7 +1,7 @@
 import { type DID } from 'iso-did/types';
 import { type Config } from '@dxos/client';
 import { type Halo } from '@dxos/client-protocol';
-import { type ObjectMeta } from '@dxos/echo-schema';
+import { type JsonSchemaType, type ObjectMeta } from '@dxos/echo-schema';
 import type { SpaceId } from '@dxos/keys';
 export declare const USERFUNCTIONS_PRESET_META_KEY = "dxos.org/service/function-preset";
 export type UserFunctionUploadResult = {
@@ -9,6 +9,9 @@ export type UserFunctionUploadResult = {
     errorMessage?: string;
     functionId?: string;
     functionVersionNumber?: number;
+    meta: {
+        inputSchema?: JsonSchemaType;
+    };
 };
 export type UploadWorkerProps = {
     clientConfig: Config;

package/dist/types/src/edge/functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/edge/functions.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,eAAe,CAAC;AAGzC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAS1C,eAAO,MAAM,6BAA6B,qCAAqC,CAAC;AAIhF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAeF,eAAO,MAAM,oBAAoB,uFAQ9B,iBAAiB,sCAwBnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,SAAU,UAAU,uBAE5D,CAAC;AAEF,eAAO,MAAM,4BAA4B,SAAU,UAAU,eAAe,MAAM,SASjF,CAAC;AAoCF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gBAAiB,MAAM,WAAW,MAAM,YAAW,iBAAiB,WAUhG,CAAC"}
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/edge/functions.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,eAAe,CAAC;AAGzC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEzE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAS1C,eAAO,MAAM,6BAA6B,qCAAqC,CAAC;AAIhF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,WAAW,CAAC,EAAE,cAAc,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAeF,eAAO,MAAM,oBAAoB,uFAQ9B,iBAAiB,sCAwBnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,SAAU,UAAU,uBAE5D,CAAC;AAEF,eAAO,MAAM,4BAA4B,SAAU,UAAU,eAAe,MAAM,SASjF,CAAC;AAoCF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gBAAiB,MAAM,WAAW,MAAM,YAAW,iBAAiB,WAUhG,CAAC"}

package/dist/types/src/meta.d.ts

@@ -3,8 +3,9 @@ declare const _default: {
     id: string;
     name: string;
     description: string;
-    tags: string[];
     icon: string;
+    source: string;
+    tags: string[];
 };
 export default _default;
 //# sourceMappingURL=meta.d.ts.map

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,2BAA2B,CAAC;;;;;;;;AAEtD,wBAMuB"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,2BAA2B,CAAC;;;;;;;;;AAEtD,wBAOuB"}

package/dist/types/src/translations.d.ts

@@ -15,6 +15,11 @@ declare const _default: {
             'toggle details label': string;
             'authenticate action label': string;
             'authenticate button label': string;
+            'name label': string;
+            'remote function settings heading': string;
+            'function url label': string;
+            'function binding label': string;
+            'function binding placeholder': string;
         };
     };
 }[];

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,wBAqBE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBA0BE"}

package/dist/types/src/types/script.d.ts

@@ -1,4 +1,4 @@
-import { ref, S } from '@dxos/echo-schema';
+import { JsonSchemaType, ref, S } from '@dxos/echo-schema';
 declare const ScriptType_base: import("@dxos/echo-schema").AbstractTypedObject<{
     name?: string | undefined;
     description?: string | undefined;
@@ -41,6 +41,7 @@ declare const FunctionType_base: import("@dxos/echo-schema").AbstractTypedObject
     }>;
     version: number;
     binding?: string | undefined;
+    inputSchema?: JsonSchemaType | undefined;
 } & {
     id: string;
 }, S.Struct.Encoded<{
@@ -59,6 +60,7 @@ declare const FunctionType_base: import("@dxos/echo-schema").AbstractTypedObject
     } & {
         id: string;
     }>>;
+    inputSchema: S.optional<S.Schema<JsonSchemaType, JsonSchemaType, never>>;
 }>>;
 /**
  * Function deployment.

package/dist/types/src/types/script.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../../../../src/types/script.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;AAKxD;;GAEG;AACH,qBAAa,UAAW,SAAQ,eAQ9B;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEL;;GAEG;AACH,qBAAa,YAAa,SAAQ,iBAQhC;CAAG"}
+{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../../../../src/types/script.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;AAKxE;;GAEG;AACH,qBAAa,UAAW,SAAQ,eAQ9B;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEL;;GAEG;AACH,qBAAa,YAAa,SAAQ,iBAShC;CAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-script",
-  "version": "0.6.14-staging.934c9de",
+  "version": "0.6.14-staging.9b873ce",
   "description": "Braneframe notebook plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -67,32 +67,32 @@
     "prettier": "^3.2.4",
     "react-syntax-highlighter": "^15.5.0",
     "typescript": "^5.6.2",
-    "@dxos/app-framework": "0.6.14-staging.934c9de",
-    "@dxos/async": "0.6.14-staging.934c9de",
-    "@dxos/client-protocol": "0.6.14-staging.934c9de",
-    "@dxos/client": "0.6.14-staging.934c9de",
-    "@dxos/crypto": "0.6.14-staging.934c9de",
-    "@dxos/debug": "0.6.14-staging.934c9de",
-    "@dxos/echo-schema": "0.6.14-staging.934c9de",
-    "@dxos/invariant": "0.6.14-staging.934c9de",
-    "@dxos/keys": "0.6.14-staging.934c9de",
-    "@dxos/log": "0.6.14-staging.934c9de",
-    "@dxos/plugin-explorer": "0.6.14-staging.934c9de",
-    "@dxos/plugin-graph": "0.6.14-staging.934c9de",
-    "@dxos/plugin-client": "0.6.14-staging.934c9de",
-    "@dxos/plugin-markdown": "0.6.14-staging.934c9de",
-    "@dxos/plugin-theme": "0.6.14-staging.934c9de",
-    "@dxos/plugin-space": "0.6.14-staging.934c9de",
-    "@dxos/plugin-stack": "0.6.14-staging.934c9de",
-    "@dxos/protocols": "0.6.14-staging.934c9de",
-    "@dxos/react-client": "0.6.14-staging.934c9de",
-    "@dxos/react-ui-attention": "0.6.14-staging.934c9de",
-    "@dxos/react-ui-editor": "0.6.14-staging.934c9de",
-    "@dxos/rpc": "0.6.14-staging.934c9de",
-    "@dxos/react-ui-data": "0.6.14-staging.934c9de",
-    "@dxos/rpc-tunnel": "0.6.14-staging.934c9de",
-    "@dxos/react-ui-syntax-highlighter": "0.6.14-staging.934c9de",
-    "@dxos/util": "0.6.14-staging.934c9de"
+    "@dxos/app-framework": "0.6.14-staging.9b873ce",
+    "@dxos/client": "0.6.14-staging.9b873ce",
+    "@dxos/async": "0.6.14-staging.9b873ce",
+    "@dxos/client-protocol": "0.6.14-staging.9b873ce",
+    "@dxos/crypto": "0.6.14-staging.9b873ce",
+    "@dxos/debug": "0.6.14-staging.9b873ce",
+    "@dxos/echo-schema": "0.6.14-staging.9b873ce",
+    "@dxos/invariant": "0.6.14-staging.9b873ce",
+    "@dxos/log": "0.6.14-staging.9b873ce",
+    "@dxos/keys": "0.6.14-staging.9b873ce",
+    "@dxos/plugin-client": "0.6.14-staging.9b873ce",
+    "@dxos/plugin-explorer": "0.6.14-staging.9b873ce",
+    "@dxos/plugin-graph": "0.6.14-staging.9b873ce",
+    "@dxos/plugin-markdown": "0.6.14-staging.9b873ce",
+    "@dxos/plugin-space": "0.6.14-staging.9b873ce",
+    "@dxos/plugin-stack": "0.6.14-staging.9b873ce",
+    "@dxos/plugin-theme": "0.6.14-staging.9b873ce",
+    "@dxos/protocols": "0.6.14-staging.9b873ce",
+    "@dxos/react-client": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui-attention": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui-data": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui-editor": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui-syntax-highlighter": "0.6.14-staging.9b873ce",
+    "@dxos/rpc": "0.6.14-staging.9b873ce",
+    "@dxos/rpc-tunnel": "0.6.14-staging.9b873ce",
+    "@dxos/util": "0.6.14-staging.9b873ce"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -102,20 +102,20 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-generator": "0.6.14-staging.934c9de",
-    "@dxos/random": "0.6.14-staging.934c9de",
-    "@dxos/react-ui": "0.6.14-staging.934c9de",
-    "@dxos/react-ui-mosaic": "0.6.14-staging.934c9de",
-    "@dxos/react-ui-theme": "0.6.14-staging.934c9de",
-    "@dxos/storybook-utils": "0.6.14-staging.934c9de"
+    "@dxos/echo-generator": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui-mosaic": "0.6.14-staging.9b873ce",
+    "@dxos/random": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui-theme": "0.6.14-staging.9b873ce",
+    "@dxos/storybook-utils": "0.6.14-staging.9b873ce"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.6.14-staging.934c9de",
-    "@dxos/react-ui-mosaic": "0.6.14-staging.934c9de",
-    "@dxos/react-ui-theme": "0.6.14-staging.934c9de"
+    "@dxos/react-ui": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui-mosaic": "0.6.14-staging.9b873ce",
+    "@dxos/react-ui-theme": "0.6.14-staging.9b873ce"
   },
   "publishConfig": {
     "access": "public"

package/src/ScriptPlugin.tsx

@@ -16,7 +16,7 @@ import { loadObjectReferences } from '@dxos/react-client/echo';
 
 import { initializeBundler } from './bundler';
 import { Compiler } from './compiler';
-import { AutomationPanel, ScriptContainer, ScriptSettings } from './components';
+import { AutomationPanel, ScriptContainer, ScriptSettings, ScriptSettingsPanel } from './components';
 import meta, { SCRIPT_PLUGIN } from './meta';
 import { templates } from './templates';
 import translations from './translations';
@@ -122,12 +122,20 @@ export const ScriptPlugin = (): PluginDefinition<ScriptPluginProvides> => {
             }
 
             case 'complementary--automation': {
-              if (data.object instanceof ScriptType) {
+              if (data.subject instanceof ScriptType) {
                 return {
                   node: <AutomationPanel subject={data.subject as any} />,
                   disposition: 'hoist',
                 };
               }
+              break;
+            }
+
+            case 'complementary--settings': {
+              if (data.subject instanceof ScriptType) {
+                return <ScriptSettingsPanel script={data.subject} />;
+              }
+              break;
             }
           }
 

package/src/bundler/bundler.ts

@@ -78,6 +78,10 @@ export class Bundler {
                 return { path, external: true };
               });
 
+              build.onResolve({ filter: /^dxos:functions$/ }, ({ path }) => {
+                return { path: './runtime.js', external: true };
+              });
+
               build.onResolve({ filter: /^memory:/ }, ({ path }) => {
                 return { path: path.split(':')[1], namespace: 'memory' };
               });

package/src/components/DebugPanel/DebugPanel.tsx

@@ -5,7 +5,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 
 import { log } from '@dxos/log';
-import { Avatar, Icon, Input, type ThemedClassName, Toolbar, useControlledValue, useTranslation } from '@dxos/react-ui';
+import { Avatar, Icon, Input, type ThemedClassName, Toolbar, useTranslation } from '@dxos/react-ui';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
 import { mx } from '@dxos/react-ui-theme';
 
@@ -20,26 +20,11 @@ type Message = { type: 'request' | 'response'; text?: string; data?: any; error?
 
 export type DebugPanelProps = ThemedClassName<{
   functionUrl?: string;
-  binding?: string;
-  onBindingChange?: (binding: string) => void;
-  showBindingConfig?: boolean;
 }>;
 
-export const DebugPanel = ({
-  classNames,
-  functionUrl,
-  binding: _binding,
-  onBindingChange,
-  showBindingConfig = false,
-}: DebugPanelProps) => {
+export const DebugPanel = ({ classNames, functionUrl }: DebugPanelProps) => {
   const { t } = useTranslation(SCRIPT_PLUGIN);
 
-  const bindingInputRef = useRef<HTMLInputElement>(null);
-  const [binding, setBinding] = useControlledValue(_binding ?? '');
-  const handleBlur = () => {
-    onBindingChange?.(binding);
-  };
-
   const inputRef = useRef<HTMLInputElement>(null);
   const [input, setInput] = useState('');
   const [result, setResult] = useState('');
@@ -190,18 +175,6 @@ export const DebugPanel = ({
             onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}
           />
         </Input.Root>
-        {showBindingConfig && (
-          <Input.Root>
-            <Input.TextInput
-              ref={bindingInputRef}
-              classNames='!w-[10rem]'
-              placeholder={t('binding placeholder')}
-              value={binding}
-              onChange={(ev) => setBinding(ev.target.value.toUpperCase())}
-              onBlur={handleBlur}
-            />
-          </Input.Root>
-        )}
         <Toolbar.Button onClick={() => handleRequest(input)}>
           <Icon icon='ph--play--regular' size={4} />
         </Toolbar.Button>

package/src/components/ScriptEditor.tsx

@@ -72,13 +72,6 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
   const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));
   const [error, setError] = useState<string>();
 
-  const handleBindingChange = useCallback(
-    (binding: string) => {
-      fn.binding = binding;
-    },
-    [fn],
-  );
-
   const handleFormat = useCallback(async () => {
     if (!script.source) {
       return;
@@ -130,7 +123,7 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
         throw buildResult.error;
       }
 
-      const { result, functionId, functionVersionNumber, errorMessage } = await uploadWorkerFunction({
+      const { result, functionId, functionVersionNumber, errorMessage, meta } = await uploadWorkerFunction({
         clientConfig: client.config,
         halo: client.halo,
         ownerDid,
@@ -148,9 +141,15 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
 
       const deployedFunction =
         fn ?? space.db.add(create(FunctionType, { version: functionVersionNumber, source: script }));
-      const meta = getMeta(deployedFunction);
       script.changed = false;
-      setUserFunctionUrlInMetadata(meta, `/${ownerDid}/${functionId}`);
+
+      if (meta.inputSchema) {
+        deployedFunction.inputSchema = meta.inputSchema;
+      } else {
+        log.verbose('no input schema in function metadata', { functionId });
+      }
+      setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${ownerDid}/${functionId}`);
+
       setView('split');
     } catch (err: any) {
       log.catch(err);
@@ -192,14 +191,7 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
         />
       )}
 
-      {view !== 'editor' && (
-        <DebugPanel
-          functionUrl={functionUrl}
-          showBindingConfig
-          binding={fn?.binding}
-          onBindingChange={handleBindingChange}
-        />
-      )}
+      {view !== 'editor' && <DebugPanel functionUrl={functionUrl} />}
     </div>
   );
 };

package/src/components/ScriptSettings/ScriptSettings.tsx

@@ -7,7 +7,7 @@ import React from 'react';
 import { type Credential } from '@dxos/protocols/proto/dxos/halo/credentials';
 import { useClient } from '@dxos/react-client';
 import { Button, useTranslation } from '@dxos/react-ui';
-import { FormInput } from '@dxos/react-ui-data';
+import { DeprecatedFormInput } from '@dxos/react-ui-data';
 
 import { SCRIPT_PLUGIN } from '../../meta';
 import { type ScriptSettingsProps } from '../../types';
@@ -39,9 +39,9 @@ export const ScriptSettings = ({ settings }: { settings: ScriptSettingsProps })
 
   return (
     <>
-      <FormInput label={t('authenticate action label')}>
+      <DeprecatedFormInput label={t('authenticate action label')}>
         <Button onClick={handleAuthenticate}>{t('authenticate button label')}</Button>
-      </FormInput>
+      </DeprecatedFormInput>
     </>
   );
 };

package/src/components/ScriptSettingsPanel.tsx

@@ -0,0 +1,105 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React, { type ChangeEvent, useCallback } from 'react';
+
+import { useClient } from '@dxos/react-client';
+import { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';
+import { Button, Icon, Input, useControlledValue, useTranslation } from '@dxos/react-ui';
+
+import { getInvocationUrl, getUserFunctionUrlInMetadata } from '../edge';
+import { SCRIPT_PLUGIN } from '../meta';
+import { FunctionType, type ScriptType } from '../types';
+
+export type ScriptSettingsPanelProps = {
+  script: ScriptType;
+};
+
+export const ScriptSettingsPanel = ({ script }: ScriptSettingsPanelProps) => {
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  const client = useClient();
+  const space = getSpace(script);
+  // TODO(dmaretskyi): Parametric query.
+  const [fn] = useQuery(
+    space,
+    Filter.schema(FunctionType, (fn) => fn.source === script),
+  );
+
+  const handleNameChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      script.name = event.target.value;
+    },
+    [script],
+  );
+
+  const [binding, setBinding] = useControlledValue(fn?.binding ?? '');
+  const handleBindingChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      setBinding(event.target.value);
+    },
+    [setBinding],
+  );
+  const handleBindingBlur = useCallback(() => {
+    fn.binding = binding;
+  }, [fn, binding]);
+
+  const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));
+  const functionUrl =
+    functionPath &&
+    getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? '', {
+      spaceId: space?.id,
+    });
+
+  // TODO(wittjosiah): Use ClipboardProvider.
+  const handleCopy = useCallback(() => functionUrl && navigator.clipboard.writeText(functionUrl), [functionUrl]);
+
+  return (
+    <div role='form' className='flex flex-col w-full p-2 gap-4'>
+      <Input.Root>
+        <div role='none' className='flex flex-col gap-1'>
+          <Input.Label>{t('name label')}</Input.Label>
+          <Input.TextInput
+            placeholder={t('object title placeholder')}
+            value={script.name ?? ''}
+            onChange={handleNameChange}
+          />
+        </div>
+      </Input.Root>
+      {fn && (
+        <>
+          <hr className='border-separator' />
+          <h2>{t('remote function settings heading')}</h2>
+          <Input.Root>
+            <div role='none' className='flex flex-col gap-1'>
+              <Input.Label>{t('function url label')}</Input.Label>
+              <div role='none' className='flex gap-1'>
+                <Input.TextInput
+                  disabled
+                  value={functionUrl}
+                  onChange={(event) => {
+                    fn.name = event.target.value;
+                  }}
+                />
+                <Button onClick={handleCopy}>
+                  <Icon icon='ph--copy--regular' size={4} />
+                </Button>
+              </div>
+            </div>
+          </Input.Root>
+          <Input.Root>
+            <div role='none' className='flex flex-col gap-1'>
+              <Input.Label>{t('function binding label')}</Input.Label>
+              <Input.TextInput
+                placeholder={t('function binding placeholder')}
+                value={binding}
+                onChange={handleBindingChange}
+                onBlur={handleBindingBlur}
+              />
+            </div>
+          </Input.Root>
+        </>
+      )}
+    </div>
+  );
+};

package/src/components/index.ts

@@ -5,6 +5,7 @@
 import { lazy } from 'react';
 
 export * from './ScriptSettings';
+export * from './ScriptSettingsPanel';
 
 export const AutomationPanel = lazy(() => import('./AutomationPanel'));
 export const ScriptContainer = lazy(() => import('./ScriptContainer'));

package/src/edge/functions.ts

@@ -7,7 +7,7 @@ import { type DID } from 'iso-did/types';
 import { Trigger } from '@dxos/async';
 import { type Config } from '@dxos/client';
 import { type Halo } from '@dxos/client-protocol';
-import { type ObjectMeta } from '@dxos/echo-schema';
+import { type JsonSchemaType, type ObjectMeta } from '@dxos/echo-schema';
 import { invariant } from '@dxos/invariant';
 import type { SpaceId } from '@dxos/keys';
 import { log } from '@dxos/log';
@@ -27,6 +27,9 @@ export type UserFunctionUploadResult = {
   errorMessage?: string;
   functionId?: string;
   functionVersionNumber?: number;
+  meta: {
+    inputSchema?: JsonSchemaType;
+  };
 };
 
 export type UploadWorkerProps = {

package/src/meta.ts

@@ -10,6 +10,7 @@ export default {
   id: SCRIPT_PLUGIN,
   name: 'Scripts',
   description: 'Distributed functions.',
-  tags: ['experimental'],
   icon: 'ph--code--regular',
+  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer',
+  tags: ['experimental'],
 } satisfies PluginMeta;

package/src/translations.ts

@@ -22,6 +22,11 @@ export default [
         'toggle details label': 'Toggle details panel',
         'authenticate action label': 'Authenticate functions service',
         'authenticate button label': 'Authenticate',
+        'name label': 'Name',
+        'remote function settings heading': 'Remote Function',
+        'function url label': 'Invocation URL',
+        'function binding label': 'Function binding',
+        'function binding placeholder': 'BINDING',
       },
     },
   },

package/src/types/script.ts

@@ -2,7 +2,7 @@
 // Copyright 2024 DXOS.org
 //
 
-import { ref, S, TypedObject } from '@dxos/echo-schema';
+import { JsonSchemaType, ref, S, TypedObject } from '@dxos/echo-schema';
 import { TextType } from '@dxos/plugin-markdown/types';
 
 // TODO(burdon): Which is the outer type? I.e., in the navbar?
@@ -31,4 +31,5 @@ export class FunctionType extends TypedObject({ typename: 'dxos.org/type/Functio
   binding: S.optional(S.String),
   // Reference to a source script if it exists within ECHO.
   source: S.optional(ref(ScriptType)),
+  inputSchema: S.optional(JsonSchemaType),
 }) {}