@dxos/plugin-script 0.9.0 → 0.9.1-main.c7dcc2e112

package/dx.config.ts

@@ -0,0 +1,26 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Config2 } from '@dxos/app-framework/config';
+import { trim } from '@dxos/util';
+
+export default Config2.make({
+  plugin: {
+    key: 'org.dxos.plugin.script',
+    name: 'Scripts',
+    author: 'DXOS',
+    description: trim`
+      Write, deploy, and run custom TypeScript functions as ECHO objects directly inside your Composer spaces.
+      Scripts execute on the Cloudflare Workers-based EDGE runtime and have access to the full DXOS SDK,
+      Effect-TS, and a curated set of third-party libraries including HTTP, JSON, CSV, and date utilities.
+      An AI Script assistant wires CRUD, deploy, invoke, and invocation-inspection operations as tools
+      so an agent can scaffold, iterate, and test functions entirely within a chat session.
+    `,
+    icon: { key: 'ph--code--regular', hue: 'sky' },
+    source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',
+    spec: 'PLUGIN.mdl',
+    tags: ['labs'],
+    screenshots: [{ dark: 'https://dxos.network/plugin-details-scripts-dark.png' }],
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-script",
-  "version": "0.9.0",
+  "version": "0.9.1-main.c7dcc2e112",
   "description": "Braneframe notebook plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -116,6 +116,7 @@
   "types": "dist/types/src/index.d.ts",
   "files": [
     "dist",
+    "dx.config.ts",
     "src",
     "PLUGIN.mdl"
   ],
@@ -124,7 +125,7 @@
     "@codemirror/autocomplete": "^6.20.2",
     "@codemirror/lang-javascript": "^6.2.5",
     "@codemirror/language": "^6.12.3",
-    "@codemirror/lint": "6.9.6",
+    "@codemirror/lint": "6.9.7",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.43.0",
     "@effect-atom/atom-react": "^0.5.0",
@@ -140,51 +141,51 @@
     "esbuild-wasm": "^0.28.0",
     "prettier": "^3.6.2",
     "typescript": "^6.0.3",
-    "@dxos/ai": "0.9.0",
-    "@dxos/app-framework": "0.9.0",
-    "@dxos/app-toolkit": "0.9.0",
-    "@dxos/assistant": "0.9.0",
-    "@dxos/assistant-toolkit": "0.9.0",
-    "@dxos/client": "0.9.0",
-    "@dxos/client-protocol": "0.9.0",
-    "@dxos/compute": "0.9.0",
-    "@dxos/context": "0.9.0",
-    "@dxos/config": "0.9.0",
-    "@dxos/devtools": "0.9.0",
-    "@dxos/echo": "0.9.0",
-    "@dxos/echo-query": "0.9.0",
-    "@dxos/effect": "0.9.0",
-    "@dxos/echo-client": "0.9.0",
-    "@dxos/functions": "0.9.0",
-    "@dxos/functions-simulator-cloudflare": "0.9.0",
-    "@dxos/invariant": "0.9.0",
-    "@dxos/functions-runtime": "0.9.0",
-    "@dxos/keys": "0.9.0",
-    "@dxos/log": "0.9.0",
-    "@dxos/plugin-assistant": "0.9.0",
-    "@dxos/plugin-client": "0.9.0",
-    "@dxos/plugin-explorer": "0.9.0",
-    "@dxos/plugin-automation": "0.9.0",
-    "@dxos/plugin-graph": "0.9.0",
-    "@dxos/plugin-game": "0.9.0",
-    "@dxos/plugin-markdown": "0.9.0",
-    "@dxos/protocols": "0.9.0",
-    "@dxos/react-client": "0.9.0",
-    "@dxos/plugin-space": "0.9.0",
-    "@dxos/react-ui-attention": "0.9.0",
-    "@dxos/react-ui-editor": "0.9.0",
-    "@dxos/react-ui-components": "0.9.0",
-    "@dxos/react-ui-form": "0.9.0",
-    "@dxos/react-ui-stack": "0.9.0",
-    "@dxos/react-ui-menu": "0.9.0",
-    "@dxos/rpc": "0.9.0",
-    "@dxos/react-ui-syntax-highlighter": "0.9.0",
-    "@dxos/schema": "0.9.0",
-    "@dxos/types": "0.9.0",
-    "@dxos/ui": "0.9.0",
-    "@dxos/util": "0.9.0",
-    "@dxos/ui-editor": "0.9.0",
-    "@dxos/rpc-tunnel": "0.9.0"
+    "@dxos/ai": "0.9.1-main.c7dcc2e112",
+    "@dxos/app-framework": "0.9.1-main.c7dcc2e112",
+    "@dxos/app-toolkit": "0.9.1-main.c7dcc2e112",
+    "@dxos/assistant": "0.9.1-main.c7dcc2e112",
+    "@dxos/assistant-toolkit": "0.9.1-main.c7dcc2e112",
+    "@dxos/client-protocol": "0.9.1-main.c7dcc2e112",
+    "@dxos/compute": "0.9.1-main.c7dcc2e112",
+    "@dxos/client": "0.9.1-main.c7dcc2e112",
+    "@dxos/context": "0.9.1-main.c7dcc2e112",
+    "@dxos/config": "0.9.1-main.c7dcc2e112",
+    "@dxos/echo": "0.9.1-main.c7dcc2e112",
+    "@dxos/devtools": "0.9.1-main.c7dcc2e112",
+    "@dxos/echo-client": "0.9.1-main.c7dcc2e112",
+    "@dxos/effect": "0.9.1-main.c7dcc2e112",
+    "@dxos/functions": "0.9.1-main.c7dcc2e112",
+    "@dxos/functions-runtime": "0.9.1-main.c7dcc2e112",
+    "@dxos/functions-simulator-cloudflare": "0.9.1-main.c7dcc2e112",
+    "@dxos/keys": "0.9.1-main.c7dcc2e112",
+    "@dxos/log": "0.9.1-main.c7dcc2e112",
+    "@dxos/invariant": "0.9.1-main.c7dcc2e112",
+    "@dxos/echo-query": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-assistant": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-client": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-game": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-explorer": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-markdown": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-space": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-graph": "0.9.1-main.c7dcc2e112",
+    "@dxos/protocols": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-attention": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-client": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-components": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-editor": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-form": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-menu": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-stack": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui-syntax-highlighter": "0.9.1-main.c7dcc2e112",
+    "@dxos/rpc": "0.9.1-main.c7dcc2e112",
+    "@dxos/rpc-tunnel": "0.9.1-main.c7dcc2e112",
+    "@dxos/schema": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-automation": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/types": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui-editor": "0.9.1-main.c7dcc2e112",
+    "@dxos/util": "0.9.1-main.c7dcc2e112"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -198,14 +199,14 @@
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
     "vite": "^8.0.16",
-    "@dxos/plugin-automation": "0.9.0",
-    "@dxos/config": "0.9.0",
-    "@dxos/plugin-chess": "0.9.0",
-    "@dxos/plugin-testing": "0.9.0",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/random": "0.9.0",
-    "@dxos/storybook-utils": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/plugin-automation": "0.9.1-main.c7dcc2e112",
+    "@dxos/config": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-chess": "0.9.1-main.c7dcc2e112",
+    "@dxos/plugin-testing": "0.9.1-main.c7dcc2e112",
+    "@dxos/react-ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/storybook-utils": "0.9.1-main.c7dcc2e112",
+    "@dxos/random": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -213,8 +214,8 @@
     "effect": "3.21.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.9.0",
-    "@dxos/ui-theme": "0.9.0"
+    "@dxos/react-ui": "0.9.1-main.c7dcc2e112",
+    "@dxos/ui-theme": "0.9.1-main.c7dcc2e112"
   },
   "publishConfig": {
     "access": "public"

package/src/ScriptPlugin.test.ts

@@ -12,7 +12,7 @@ import { ScriptPlugin } from '#plugin';
 
 import { meta } from './meta';
 
-const moduleId = (name: string) => `${meta.id}.module.${name}`;
+const moduleId = (name: string) => `${meta.profile.key}.module.${name}`;
 
 describe('ScriptPlugin', () => {
   test('modules activate on the expected events', async ({ expect }) => {

package/src/ScriptPlugin.tsx

@@ -39,7 +39,7 @@ export const ScriptPlugin = Plugin.define(meta).pipe(
     activate: Compiler,
   }),
   AppPlugin.addPluginAssetModule({
-    asset: { pluginId: meta.id, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
+    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
   }),
   Plugin.make,
 );

package/src/capabilities/app-graph-builder.ts

@@ -21,7 +21,7 @@ export default Capability.makeModule(
           Effect.succeed([
             AppNode.makeCompanion({
               id: 'execute',
-              label: ['script-test.label', { ns: meta.id }],
+              label: ['script-test.label', { ns: meta.profile.key }],
               icon: 'ph--terminal--regular',
               data: 'execute',
             }),
@@ -34,7 +34,7 @@ export default Capability.makeModule(
           Effect.succeed([
             AppNode.makeCompanion({
               id: 'logs',
-              label: ['script-logs.label', { ns: meta.id }],
+              label: ['script-logs.label', { ns: meta.profile.key }],
               icon: 'ph--clock-countdown--regular',
               data: 'logs',
             }),

package/src/capabilities/index.ts

@@ -3,16 +3,10 @@
 //
 
 import { Capability } from '@dxos/app-framework';
-import { type AppCapabilities } from '@dxos/app-toolkit';
 import type { OperationHandlerSet } from '@dxos/compute';
 
 export const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));
-// The contributed capability type references Blueprint types from @dxos/compute, so the lazy
-// wrapper needs an explicit annotation to keep the inferred type portable (TS2883).
-export const BlueprintDefinition: Capability.LazyCapability<
-  void,
-  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>[]
-> = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));
+export const BlueprintDefinition = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));
 export const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));
 export const Compiler = Capability.lazy('Compiler', () => import('./compiler'));
 export const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(

package/src/capabilities/node.ts

@@ -3,16 +3,10 @@
 //
 
 import { Capability } from '@dxos/app-framework';
-import { type AppCapabilities } from '@dxos/app-toolkit';
 import type { OperationHandlerSet } from '@dxos/compute';
 
 export const AppGraphBuilder = Capability.lazy('AppGraphBuilder', () => import('./app-graph-builder'));
-// The contributed capability type references Blueprint types from @dxos/compute, so the lazy
-// wrapper needs an explicit annotation to keep the inferred type portable (TS2883).
-export const BlueprintDefinition: Capability.LazyCapability<
-  void,
-  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>[]
-> = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));
+export const BlueprintDefinition = Capability.lazy('BlueprintDefinition', () => import('./blueprint-definition'));
 export const CreateObject = Capability.lazy('CreateObject', () => import('./create-object'));
 export const Compiler = Capability.lazy('Compiler', () => import('./compiler'));
 export const OperationHandler = Capability.lazy<OperationHandlerSet.OperationHandlerSet>(

package/src/capabilities/react-surface.tsx

@@ -29,7 +29,7 @@ export default Capability.makeModule(() =>
     Capability.contributes(Capabilities.ReactSurface, [
       Surface.create({
         id: 'pluginSettings',
-        filter: AppSurface.settings(AppSurface.Article, meta.id),
+        filter: AppSurface.settings(AppSurface.Article, meta.profile.key),
         component: ({ data: { subject } }) => {
           const { settings, updateSettings } = useSettingsState<Settings.Settings>(subject.atom);
           const client = useClient();
@@ -84,7 +84,7 @@ export default Capability.makeModule(() =>
         },
       }),
       Surface.create({
-        id: 'properties',
+        id: 'objectProperties',
         filter: AppSurface.object(AppSurface.ObjectProperties, Script.Script),
         component: ({ data, role }) => <ScriptProperties role={role} subject={data.subject} />,
       }),

package/src/capabilities/settings.ts

@@ -14,7 +14,7 @@ import { ScriptCapabilities, Settings } from '#types';
 export default Capability.makeModule(() =>
   Effect.sync(() => {
     const settingsAtom = createKvsStore({
-      key: meta.id,
+      key: meta.profile.key,
       schema: Settings.Settings,
       defaultValue: () => ({
         editorInputMode: 'vscode' as const,
@@ -24,7 +24,7 @@ export default Capability.makeModule(() =>
     return [
       Capability.contributes(ScriptCapabilities.Settings, settingsAtom),
       Capability.contributes(AppCapabilities.Settings, {
-        prefix: meta.id,
+        prefix: meta.profile.key,
         schema: Settings.Settings,
         atom: settingsAtom,
       }),

package/src/components/NotebookStack/NotebookCell.tsx

@@ -44,7 +44,7 @@ export type NotebookCellProps = {
 
 // TODO(burdon): Show evaluation errors.
 export const NotebookCell = ({ db, graph, dragging, cell, promptResults, env }: NotebookCellProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
 
   const extensions = useMemo(() => {
     return cell.source?.target
@@ -203,7 +203,7 @@ const NotebookTextEditor = ({
   readOnly,
   ...props
 }: EditorViewProps & Pick<BasicExtensionsOptions, 'readOnly'>) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { themeMode } = useThemeContext();
   const extensions = useMemo(() => {
     return [

package/src/components/NotebookStack/NotebookMenu.tsx

@@ -17,7 +17,7 @@ export type NotebookMenuProps = {
 
 // TODO(burdon): Better way to organize menu?
 export const NotebookMenu = ({ cell, onCellInsert, onCellDelete }: NotebookMenuProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   return (
     <DropdownMenu.Portal>
       <DropdownMenu.Content>

package/src/components/NotebookStack/NotebookStack.tsx

@@ -57,7 +57,7 @@ const NotebookSection = ({
   onCellDelete,
   ...props
 }: NotebookSectionProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const resizable = cell.type === 'query';
 
   return (

package/src/components/ScriptPluginSettings/ScriptPluginSettings.tsx

@@ -19,11 +19,11 @@ export type ScriptPluginSettingsProps = AppSurface.SettingsArticleProps<
 >;
 
 export const ScriptPluginSettings = ({ settings, onSettingsChange, onAuthenticate }: ScriptPluginSettingsProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
 
   return (
     <SettingsForm.Viewport>
-      <SettingsForm.Section title={t('settings.title', { ns: meta.id })}>
+      <SettingsForm.Section title={t('settings.title', { ns: meta.profile.key })}>
         {/* TODO(wittjosiah): Hide outside of dev environments. */}
         <SettingsForm.Item title={t('authenticate-action.label')} description={t('authenticate-action.description')}>
           <Button disabled={!onSettingsChange} onClick={onAuthenticate}>

package/src/components/ScriptToolbar/ScriptToolbar.tsx

@@ -5,6 +5,7 @@
 import { Atom } from '@effect-atom/atom-react';
 import React, { useMemo } from 'react';
 
+import { AppSurface } from '@dxos/app-toolkit/ui';
 import { type Script } from '@dxos/compute';
 import { ElevationProvider, useTranslation } from '@dxos/react-ui';
 import { composable, composableProps } from '@dxos/react-ui';
@@ -27,7 +28,7 @@ export type ScriptToolbarProps = Pick<MenuRootProps, 'attendableId'> & {
 
 export const ScriptToolbar = composable<HTMLDivElement, ScriptToolbarProps>(
   ({ script, attendableId, role, state, ...props }, forwardedRef) => {
-    const { t } = useTranslation(meta.id);
+    const { t } = useTranslation(meta.profile.key);
     const options = useDeployDeps({ script });
     const menuCreator = useMemo(
       () => createToolbarActions({ state, script, t, ...options }),
@@ -36,7 +37,7 @@ export const ScriptToolbar = composable<HTMLDivElement, ScriptToolbarProps>(
     const menuActions = useMenuActions(menuCreator);
 
     return (
-      <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>
+      <ElevationProvider elevation={role === AppSurface.Section.role ? 'positioned' : 'base'}>
         <Menu.Root {...menuActions} attendableId={attendableId}>
           <Menu.Toolbar {...composableProps(props)} ref={forwardedRef} />
         </Menu.Root>

package/src/components/TestPanel/TestPanel.tsx

@@ -31,7 +31,7 @@ export type TestPanelProps = ThemedClassName<{
 // TODO(burdon): Need persistent history (currently lost when switching tabs).
 export const TestPanel = composable<HTMLDivElement, TestPanelProps>(
   ({ classNames, onInvoke, ...props }, forwardedRef) => {
-    const { t } = useTranslation(meta.id);
+    const { t } = useTranslation(meta.profile.key);
 
     const inputRef = useRef<HTMLInputElement>(null);
     const [input, setInput] = useState('');

package/src/components/TypescriptEditor/TypescriptEditor.tsx

@@ -15,6 +15,7 @@ import { continueKeymap } from '@valtown/codemirror-continue';
 import { type HoverInfo, tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from '@valtown/codemirror-ts';
 import React from 'react';
 
+import { AppSurface } from '@dxos/app-toolkit/ui';
 import { type ThemeMode, type ThemedClassName, useThemeContext } from '@dxos/react-ui';
 import { composable, composableProps } from '@dxos/react-ui';
 import { type UseTextEditorProps, useTextEditor } from '@dxos/react-ui-editor';
@@ -71,7 +72,7 @@ export const TypescriptEditor = composable<HTMLDivElement, TypescriptEditorProps
             indentWithTab: true,
             lineNumbers: true,
             lineWrapping: false,
-            scrollPastEnd: role !== 'section',
+            scrollPastEnd: role !== AppSurface.Section.role,
             search: true,
             ...options,
           }),

package/src/constants.ts

@@ -6,4 +6,4 @@ import { DXN } from '@dxos/keys';
 
 import { meta } from '#meta';
 
-export const DEPLOYMENT_DIALOG = DXN.make(`${meta.id}.deploymentDialog`);
+export const DEPLOYMENT_DIALOG = DXN.make(`${meta.profile.key}.deploymentDialog`);

package/src/containers/DeploymentDialog/DeploymentDialog.tsx

@@ -26,7 +26,7 @@ export type DeploymentDialogProps = {
 };
 
 export const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const space = useMemo(() => getSpace(accessToken), [accessToken]);
 
   // TODO(ZaymonFC): Thinking further. All of this should get moved to intents to run async in the background.
@@ -38,24 +38,30 @@ export const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDia
     if (status === 'success') {
       // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.
       void invokePromise(LayoutOperation.AddToast, {
-        id: `${meta.id}.deployment-success`,
+        id: `${meta.profile.key}.deployment-success`,
         icon: 'ph--check--regular',
         duration: Infinity,
-        title: ['script-deployment-toast.label', { ns: meta.id, count: scriptTemplates.length }],
-        description: ['script-deployment-toast.description', { ns: meta.id, count: scriptTemplates.length }],
-        closeLabel: ['script-deployment-toast-close.label', { ns: meta.id, count: scriptTemplates.length }],
+        title: ['script-deployment-toast.label', { ns: meta.profile.key, count: scriptTemplates.length }],
+        description: ['script-deployment-toast.description', { ns: meta.profile.key, count: scriptTemplates.length }],
+        closeLabel: ['script-deployment-toast-close.label', { ns: meta.profile.key, count: scriptTemplates.length }],
       });
       void invokePromise(LayoutOperation.UpdateDialog, { state: false });
     }
     if (status === 'error') {
       void invokePromise(LayoutOperation.UpdateDialog, { state: false });
       void invokePromise(LayoutOperation.AddToast, {
-        id: `${meta.id}.deployment-error`,
+        id: `${meta.profile.key}.deployment-error`,
         icon: 'ph--warning--regular',
         duration: Infinity,
-        title: ['script-deployment-error-toast.label', { ns: meta.id, count: scriptTemplates.length }],
-        description: ['script-deployment-error-toast.description', { ns: meta.id, count: scriptTemplates.length }],
-        closeLabel: ['script-deployment-error-toast-close.label', { ns: meta.id, count: scriptTemplates.length }],
+        title: ['script-deployment-error-toast.label', { ns: meta.profile.key, count: scriptTemplates.length }],
+        description: [
+          'script-deployment-error-toast.description',
+          { ns: meta.profile.key, count: scriptTemplates.length },
+        ],
+        closeLabel: [
+          'script-deployment-error-toast-close.label',
+          { ns: meta.profile.key, count: scriptTemplates.length },
+        ],
       });
     }
   }, [status, invokePromise]);

package/src/containers/NotebookArticle/NotebookArticle.stories.tsx

@@ -8,6 +8,7 @@ import React from 'react';
 
 import { SERVICES_CONFIG } from '@dxos/ai/testing';
 import { withPluginManager } from '@dxos/app-framework/testing';
+import { AppSurface } from '@dxos/app-toolkit/ui';
 import { AgentPrompt } from '@dxos/assistant-toolkit';
 import { Operation } from '@dxos/compute';
 import { Filter } from '@dxos/echo';
@@ -79,7 +80,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {
-    role: 'article',
+    role: AppSurface.Article.role,
     subject: undefined as any,
   },
 };

package/src/containers/NotebookArticle/NotebookArticle.tsx

@@ -41,7 +41,7 @@ const INCLUDE_BLUEPRINTS = [
 export type NotebookArticleProps = AppSurface.ObjectArticleProps<Notebook.Notebook, Pick<TypescriptEditorProps, 'env'>>;
 
 export const NotebookArticle = ({ role, subject: notebook, attendableId, env }: NotebookArticleProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const registry = useContext(RegistryContext);
   const db = Obj.getDatabase(notebook);
   const { hasAttention } = useAttention(attendableId);

package/src/containers/ScriptProperties/BlueprintEditor.tsx

@@ -19,7 +19,7 @@ import { meta } from '#meta';
 export type BlueprintEditorProps = { object: Script.Script };
 
 export const BlueprintEditor = ({ object }: BlueprintEditorProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const db = Obj.getDatabase(object);
   const [fn] = useQuery(db, Filter.type(Operation.PersistentOperation, { source: Ref.make(object) }));
   const blueprints = useQuery(db, Filter.type(Blueprint.Blueprint));

package/src/containers/ScriptProperties/FunctionBinding.tsx

@@ -19,7 +19,7 @@ import { meta } from '#meta';
 export type FunctionBindingProps = { object: Script.Script };
 
 export const FunctionBinding = ({ object }: FunctionBindingProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const client = useClient();
   const db = Obj.getDatabase(object);
 

package/src/containers/ScriptProperties/FunctionPublishing.tsx

@@ -22,7 +22,7 @@ export type FunctionPublishingProps = { object: Script.Script };
 
 // TODO(burdon): Move to separate tab?
 export const FunctionPublishing = ({ object }: FunctionPublishingProps) => {
-  const { t } = useTranslation(meta.id);
+  const { t } = useTranslation(meta.profile.key);
   const { invokePromise } = useOperationInvoker();
   const db = Obj.getDatabase(object);
 

package/src/containers/ScriptProperties/ScriptProperties.tsx

@@ -6,6 +6,7 @@ import React from 'react';
 
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { type Script } from '@dxos/compute';
+import { Form } from '@dxos/react-ui-form';
 
 import { BlueprintEditor } from './BlueprintEditor';
 import { FunctionBinding } from './FunctionBinding';
@@ -15,10 +16,16 @@ export type ScriptPropertiesProps = AppSurface.ObjectPropertiesProps<Script.Scri
 
 export const ScriptProperties = ({ subject: object }: ScriptPropertiesProps) => {
   return (
-    <div className='flex flex-col py-form-gap gap-form-section-gap'>
-      <FunctionBinding object={object} />
-      <BlueprintEditor object={object} />
-      <FunctionPublishing object={object} />
-    </div>
+    <>
+      <Form.Section>
+        <FunctionBinding object={object} />
+      </Form.Section>
+      <Form.Section>
+        <BlueprintEditor object={object} />
+      </Form.Section>
+      <Form.Section>
+        <FunctionPublishing object={object} />
+      </Form.Section>
+    </>
   );
 };

package/src/hooks/deploy.ts

@@ -44,7 +44,7 @@ export const createDeploy = ({ state, script, space, fn, client, existingFunctio
 
   // TODO(wittjosiah): Should this be an action?
   const errorItem = createMenuAction('error', () => {}, {
-    label: value.error ?? ['no-error.label', { ns: meta.id }],
+    label: value.error ?? ['no-error.label', { ns: meta.profile.key }],
     icon: 'ph--warning-circle--regular',
     hidden: !value.error,
     classNames: value.error && messageValence('error'),
@@ -71,7 +71,7 @@ export const createDeploy = ({ state, script, space, fn, client, existingFunctio
     },
     {
       type: 'deploy',
-      label: [value.deploying ? 'publishing.label' : 'deploy.label', { ns: meta.id }],
+      label: [value.deploying ? 'publishing.label' : 'deploy.label', { ns: meta.profile.key }],
       icon: value.deploying ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular',
       disabled: value.deploying,
       classNames: value.deploying ? '[&_svg]:animate-spin' : '',
@@ -87,7 +87,7 @@ export const createDeploy = ({ state, script, space, fn, client, existingFunctio
     },
     {
       type: 'copy',
-      label: ['copy-link.label', { ns: meta.id }],
+      label: ['copy-link.label', { ns: meta.profile.key }],
       icon: 'ph--link--regular',
       disabled: !value.functionUrl,
     },

package/src/hooks/format.ts

@@ -39,7 +39,7 @@ export const createFormat = (script: Script.Script) => {
       }
     },
     {
-      label: ['format.label', { ns: meta.id }],
+      label: ['format.label', { ns: meta.profile.key }],
       icon: 'ph--magic-wand--regular',
     },
   );

package/src/meta.ts

@@ -4,26 +4,10 @@
 
 import { Plugin } from '@dxos/app-framework';
 import { DXN } from '@dxos/keys';
-import { trim } from '@dxos/util';
 
-export const meta = Plugin.makeMeta({
-  key: DXN.make('org.dxos.plugin.script'),
-  name: 'Scripts',
-  author: 'DXOS',
-  spec: 'PLUGIN.mdl',
-  description: trim`
-    Write, deploy, and run custom TypeScript functions as ECHO objects directly inside your Composer spaces.
-    Scripts execute on the Cloudflare Workers-based EDGE runtime and have access to the full DXOS SDK,
-    Effect-TS, and a curated set of third-party libraries including HTTP, JSON, CSV, and date utilities.
-    An AI Script assistant wires CRUD, deploy, invoke, and invocation-inspection operations as tools
-    so an agent can scaffold, iterate, and test functions entirely within a chat session.
-  `,
-  icon: 'ph--code--regular',
-  iconHue: 'sky',
-  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-explorer',
-  tags: ['labs'],
-  screenshots: ['https://dxos.network/plugin-details-scripts-dark.png'],
-});
+import config from '../dx.config';
+
+export const meta = Plugin.getMetaFromConfig(config);
 
 // TODO(ZaymonFC): Configure by scopes?
 export const defaultScriptsForIntegration: Record<string, string[]> = {