@dxos/plugin-script 0.8.1-main.ae460ac → 0.8.1-staging.31c3ee1

package/dist/lib/node/{ScriptContainer-HAN2O43Z.cjs → ScriptContainer-5KY6ZOQD.cjs}

@@ -26,16 +26,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ScriptContainer_HAN2O43Z_exports = {};
-__export(ScriptContainer_HAN2O43Z_exports, {
+var ScriptContainer_5KY6ZOQD_exports = {};
+__export(ScriptContainer_5KY6ZOQD_exports, {
   ScriptContainer: () => ScriptContainer,
   default: () => ScriptContainer_default
 });
-module.exports = __toCommonJS(ScriptContainer_HAN2O43Z_exports);
-var import_chunk_PPGWSKO4 = require("./chunk-PPGWSKO4.cjs");
-var import_chunk_K3ZZWVXS = require("./chunk-K3ZZWVXS.cjs");
-var import_chunk_I57SKIAA = require("./chunk-I57SKIAA.cjs");
-var import_chunk_5UH3F7TA = require("./chunk-5UH3F7TA.cjs");
+module.exports = __toCommonJS(ScriptContainer_5KY6ZOQD_exports);
+var import_chunk_F4DP7WON = require("./chunk-F4DP7WON.cjs");
+var import_chunk_X7MHLHHS = require("./chunk-X7MHLHHS.cjs");
+var import_chunk_VYBEBLDO = require("./chunk-VYBEBLDO.cjs");
+var import_chunk_XFZPWFEG = require("./chunk-XFZPWFEG.cjs");
+var import_chunk_YJQZHKKA = require("./chunk-YJQZHKKA.cjs");
 var import_react = __toESM(require("react"));
 var import_echo = require("@dxos/react-client/echo");
 var import_halo = require("@dxos/react-client/halo");
@@ -60,30 +61,27 @@ var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_editor3 = require("@dxos/react-ui-editor");
 var import_util = require("@dxos/util");
 var createToolbar = (state) => {
-  const templateSelect = (0, import_chunk_PPGWSKO4.createTemplateSelect)();
-  const format = (0, import_chunk_PPGWSKO4.createFormat)();
+  const templateSelect = (0, import_chunk_F4DP7WON.createTemplateSelect)();
+  const format = (0, import_chunk_F4DP7WON.createFormat)();
   const gap = (0, import_react_ui_menu.createGapSeparator)();
-  const deploy = (0, import_chunk_PPGWSKO4.createDeploy)(state);
-  const view = (0, import_chunk_PPGWSKO4.createView)(state);
+  const deploy = (0, import_chunk_F4DP7WON.createDeploy)(state);
   return {
     nodes: [
       ...templateSelect.nodes,
       ...format.nodes,
       ...gap.nodes,
-      ...deploy.nodes,
-      ...view.nodes
+      ...deploy.nodes
     ],
     edges: [
       ...templateSelect.edges,
       ...format.edges,
       ...gap.edges,
-      ...deploy.edges,
-      ...view.edges
+      ...deploy.edges
     ]
   };
 };
 var ScriptToolbar = ({ script, role, state, classNames }) => {
-  const handleAction = (0, import_chunk_PPGWSKO4.useToolbarAction)({
+  const handleAction = (0, import_chunk_F4DP7WON.useToolbarAction)({
     state,
     script
   });
@@ -131,7 +129,8 @@ var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo
       import_react_ui_editor3.EditorView.theme({
         ".cm-gutters": {
           // Match margin from content.
-          marginTop: "16px"
+          marginTop: "16px",
+          background: "var(--dx-baseSurface)"
         }
       }),
       import_react_ui_editor3.InputModeExtensions[inputMode],
@@ -211,11 +210,16 @@ var createTooltipRenderer = (themeMode) => {
     };
   };
 };
-var ScriptContainer = ({ role, classNames, script, settings = {
+var ScriptContainer = ({ classNames, role, script, settings = {
   editorInputMode: "vscode"
 }, env }) => {
   const identity = (0, import_halo.useIdentity)();
   const space = (0, import_echo.getSpace)(script);
+  const state = (0, import_chunk_F4DP7WON.useToolbarState)();
+  (0, import_chunk_F4DP7WON.useDeployState)({
+    state,
+    script
+  });
   const extensions = (0, import_react.useMemo)(() => [
     (0, import_react_ui_editor.listener)({
       onChange: (text) => {
@@ -233,42 +237,31 @@ var ScriptContainer = ({ role, classNames, script, settings = {
       identity
     })
   ], [
-    script,
-    script.source.target,
+    identity,
     space,
-    identity
+    script,
+    script.source.target
   ]);
-  const state = (0, import_chunk_PPGWSKO4.useToolbarState)({
-    view: "editor"
-  });
-  (0, import_chunk_PPGWSKO4.useDeployState)({
-    state,
-    script
-  });
   return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
-    toolbar: true
+    toolbar: true,
+    classNames: "divide-y divide-separator"
   }, /* @__PURE__ */ import_react.default.createElement(ScriptToolbar, {
     state,
     role,
     script
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme.mx)("flex flex-col w-full overflow-hidden divide-y divide-separator", classNames)
-  }, state.view !== "debug" && /* @__PURE__ */ import_react.default.createElement(TypescriptEditor, {
+  }), /* @__PURE__ */ import_react.default.createElement(TypescriptEditor, {
     id: script.id,
     env,
     initialValue: script.source?.target?.content,
     extensions,
-    className: (0, import_react_ui_editor.stackItemContentEditorClassNames)(role),
+    className: (0, import_react_ui_theme.mx)((0, import_react_ui_editor.stackItemContentEditorClassNames)(role)),
     inputMode: settings.editorInputMode,
     toolbar: true
-  }), state.view !== "editor" && /* @__PURE__ */ import_react.default.createElement(import_chunk_K3ZZWVXS.DebugPanel, {
-    functionUrl: state.functionUrl
-  })));
+  }));
 };
 var ScriptContainer_default = ScriptContainer;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ScriptContainer
 });
-//# sourceMappingURL=ScriptContainer-HAN2O43Z.cjs.map
+//# sourceMappingURL=ScriptContainer-5KY6ZOQD.cjs.map

package/dist/lib/node/ScriptContainer-5KY6ZOQD.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptToolbar/ScriptToolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions/types';\nimport { createDocAccessor, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<\n  {\n    role?: string;\n    script: ScriptType;\n    settings?: ScriptSettingsProps;\n  } & Pick<TypescriptEditorProps, 'env'>\n>;\n\nexport const ScriptContainer = ({\n  classNames,\n  role,\n  script,\n  settings = { editorInputMode: 'vscode' },\n  env,\n}: ScriptEditorProps) => {\n  const identity = useIdentity();\n  const space = getSpace(script);\n  const state = useToolbarState();\n  useDeployState({ state, script });\n\n  const extensions = useMemo(\n    () => [\n      listener({\n        onChange: (text) => {\n          if (script.source.target && script.source.target.content !== text) {\n            script.changed = true;\n          }\n        },\n      }),\n      createDataExtensions({\n        id: script.id,\n        text: script.source.target && createDocAccessor(script.source.target, ['content']),\n        space,\n        identity,\n      }),\n    ],\n    [identity, space, script, script.source.target],\n  );\n\n  return (\n    <StackItem.Content toolbar classNames='divide-y divide-separator'>\n      <ScriptToolbar state={state} role={role} script={script} />\n      <TypescriptEditor\n        id={script.id}\n        env={env}\n        initialValue={script.source?.target?.content}\n        extensions={extensions}\n        className={mx(stackItemContentEditorClassNames(role))}\n        inputMode={settings.editorInputMode}\n        toolbar\n      />\n    </StackItem.Content>\n  );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, type ThemedClassName } from '@dxos/react-ui';\nimport { stackItemContentToolbarClassNames } from '@dxos/react-ui-editor';\nimport { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from '@dxos/react-ui-menu';\n\nimport {\n  type ScriptToolbarState,\n  createDeploy,\n  createFormat,\n  createTemplateSelect,\n  useToolbarAction,\n} from '../../hooks';\n\nexport type ScriptToolbarProps = ThemedClassName<{\n  role?: string;\n  script: ScriptType;\n  state: ScriptToolbarState;\n}>;\n\nconst createToolbar = (state: ScriptToolbarState) => {\n  const templateSelect = createTemplateSelect();\n  const format = createFormat();\n  const gap = createGapSeparator();\n  const deploy = createDeploy(state);\n  return {\n    nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes],\n    edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges],\n  };\n};\n\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n  const handleAction = useToolbarAction({ state, script });\n  const toolbarCreator = useCallback(() => createToolbar(state), [state]);\n  const menu = useMenuActions(toolbarCreator);\n\n  return (\n    <div role='none' className={stackItemContentToolbarClassNames(role)}>\n      <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n        <MenuProvider {...menu} onAction={handleAction} attendableId={fullyQualifiedId(script)}>\n          <ToolbarMenu classNames={classNames} />\n        </MenuProvider>\n      </ElevationProvider>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\nimport { Prec } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover, type HoverInfo } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  editorFullWidth,\n  type EditorInputMode,\n  editorMonospace,\n  EditorView,\n  folding,\n  InputModeExtensions,\n  useTextEditor,\n  type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n  id: string;\n  inputMode?: EditorInputMode;\n  env?: VirtualTypeScriptEnvironment;\n  toolbar?: boolean;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n  id,\n  env,\n  className,\n  initialValue,\n  extensions,\n  scrollTo,\n  selection,\n  toolbar,\n  inputMode = 'vscode',\n}: TypescriptEditorProps) => {\n  const { themeMode } = useThemeContext();\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      initialValue,\n      extensions: [\n        extensions,\n        createBasicExtensions({\n          highlightActiveLine: true,\n          indentWithTab: true,\n          lineNumbers: true,\n          lineWrapping: false,\n          scrollPastEnd: true,\n        }),\n        createThemeExtensions({\n          themeMode,\n          syntaxHighlighting: true,\n          slots: {\n            content: { className: editorFullWidth },\n          },\n        }),\n        // NOTE: Not using default editor gutter because folding for code works best right beside text.\n        EditorView.theme({\n          '.cm-gutters': {\n            // Match margin from content.\n            marginTop: '16px',\n            background: 'var(--dx-baseSurface)',\n          },\n        }),\n        InputModeExtensions[inputMode],\n        folding(),\n        // Continues block comments when you hit Enter.\n        Prec.high(keymap.of(continueKeymap)),\n        // TODO(burdon): Factor out.\n        [\n          editorMonospace,\n          javascript({ typescript: true }),\n          // https://github.com/val-town/codemirror-ts\n          autocomplete({ override: env ? [tsAutocomplete()] : [] }),\n          env\n            ? [\n                tsFacet.of({ env, path: `/src/${id}.ts` }),\n                tsSync(),\n                tsLinter(),\n                tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n              ]\n            : [],\n        ],\n      ].filter(isNonNullable),\n      selection,\n      scrollTo,\n    }),\n    [id, extensions, themeMode, inputMode, selection, scrollTo],\n  );\n\n  return (\n    <div ref={parentRef} data-toolbar={toolbar ? 'enabled' : 'disabled'} className={className} {...focusAttributes} />\n  );\n};\n\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n  const theme = themeMode === 'dark' ? oneDarkHighlightStyle : defaultHighlightStyle;\n\n  const classFromKind = (_kind: string) => {\n    // E.g., localName, methodName, parameterName, etc.\n    const kind = _kind.endsWith('Name') ? 'name' : _kind;\n    const validTag = kind in tags;\n    if (!validTag) {\n      return '';\n    }\n\n    const tag = tags[kind as keyof typeof tags];\n    if (typeof tag === 'function') {\n      return '';\n    }\n\n    return theme.style([tag]) ?? '';\n  };\n\n  return (info: HoverInfo) => {\n    const div = document.createElement('div');\n    div.className = 'p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg';\n\n    if (info.quickInfo?.displayParts) {\n      for (const part of info.quickInfo.displayParts) {\n        const span = div.appendChild(document.createElement('span'));\n        span.className = classFromKind(part.kind);\n        span.innerText = part.text;\n      }\n    }\n\n    return { dom: div };\n  };\n};\n\nexport default TypescriptEditor;\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_echo", "import_react_ui_editor", "import_react_ui", "createToolbar", "state", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "nodes", "edges", "ScriptToolbar", "script", "role", "classNames", "handleAction", "useToolbarAction", "toolbarCreator", "useCallback", "menu", "useMenuActions", "React", "div", "className", "stackItemContentToolbarClassNames", "ElevationProvider", "elevation", "MenuProvider", "onAction", "attendableId", "fullyQualifiedId", "ToolbarMenu", "TypescriptEditor", "id", "env", "initialValue", "extensions", "scrollTo", "selection", "toolbar", "inputMode", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "EditorView", "theme", "marginTop", "background", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "ref", "data-toolbar", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "settings", "editorInputMode", "identity", "useIdentity", "space", "getSpace", "useToolbarState", "useDeployState", "useMemo", "listener", "onChange", "source", "target", "changed", "createDataExtensions", "createDocAccessor", "StackItem", "Content", "mx", "stackItemContentEditorClassNames"]
+}

package/dist/lib/node/app-graph-builder-6I2BWD46.cjs

@@ -0,0 +1,80 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var app_graph_builder_6I2BWD46_exports = {};
+__export(app_graph_builder_6I2BWD46_exports, {
+  default: () => app_graph_builder_default
+});
+module.exports = __toCommonJS(app_graph_builder_6I2BWD46_exports);
+var import_chunk_YJQZHKKA = require("./chunk-YJQZHKKA.cjs");
+var import_app_framework = require("@dxos/app-framework");
+var import_echo_schema = require("@dxos/echo-schema");
+var import_functions = require("@dxos/functions");
+var import_types = require("@dxos/plugin-deck/types");
+var import_plugin_graph = require("@dxos/plugin-graph");
+var app_graph_builder_default = (context) => (0, import_app_framework.contributes)(import_app_framework.Capabilities.AppGraphBuilder, [
+  (0, import_plugin_graph.createExtension)({
+    id: `${import_chunk_YJQZHKKA.meta.id}/execute`,
+    filter: (node) => (0, import_echo_schema.isInstanceOf)(import_functions.ScriptType, node.data),
+    connector: ({ node }) => [
+      {
+        id: [
+          node.id,
+          "execute"
+        ].join(import_types.ATTENDABLE_PATH_SEPARATOR),
+        type: import_types.PLANK_COMPANION_TYPE,
+        data: "execute",
+        properties: {
+          label: [
+            "script test label",
+            {
+              ns: import_chunk_YJQZHKKA.meta.id
+            }
+          ],
+          icon: "ph--terminal--regular",
+          disposition: "hidden"
+        }
+      }
+    ]
+  }),
+  (0, import_plugin_graph.createExtension)({
+    id: `${import_chunk_YJQZHKKA.meta.id}/logs`,
+    filter: (node) => (0, import_echo_schema.isInstanceOf)(import_functions.ScriptType, node.data),
+    connector: ({ node }) => [
+      {
+        id: [
+          node.id,
+          "logs"
+        ].join(import_types.ATTENDABLE_PATH_SEPARATOR),
+        type: import_types.PLANK_COMPANION_TYPE,
+        data: "logs",
+        properties: {
+          label: [
+            "script logs label",
+            {
+              ns: import_chunk_YJQZHKKA.meta.id
+            }
+          ],
+          icon: "ph--clock-countdown--regular",
+          disposition: "hidden"
+        }
+      }
+    ]
+  })
+]);
+//# sourceMappingURL=app-graph-builder-6I2BWD46.cjs.map

package/dist/lib/node/app-graph-builder-6I2BWD46.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginsContext } from '@dxos/app-framework';\nimport { isInstanceOf } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { meta } from '../meta';\n\nexport default (context: PluginsContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${meta.id}/execute`,\n      filter: (node): node is Node<ScriptType> => isInstanceOf(ScriptType, node.data),\n      connector: ({ node }) => [\n        {\n          id: [node.id, 'execute'].join(ATTENDABLE_PATH_SEPARATOR),\n          type: PLANK_COMPANION_TYPE,\n          data: 'execute',\n          properties: {\n            label: ['script test label', { ns: meta.id }],\n            icon: 'ph--terminal--regular',\n            disposition: 'hidden',\n          },\n        },\n      ],\n    }),\n    createExtension({\n      id: `${meta.id}/logs`,\n      filter: (node): node is Node<ScriptType> => isInstanceOf(ScriptType, node.data),\n      connector: ({ node }) => [\n        {\n          id: [node.id, 'logs'].join(ATTENDABLE_PATH_SEPARATOR),\n          type: PLANK_COMPANION_TYPE,\n          data: 'logs',\n          properties: {\n            label: ['script logs label', { ns: meta.id }],\n            icon: 'ph--clock-countdown--regular',\n            disposition: 'hidden',\n          },\n        },\n      ],\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,2BAA+D;AAC/D,yBAA6B;AAC7B,uBAA2B;AAC3B,mBAAgE;AAChE,0BAA2C;AAI3C,IAAA,4BAAe,CAACA,gBACdC,kCAAYC,kCAAaC,iBAAiB;MACxCC,qCAAgB;IACdC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,QAAQ,CAACC,aAAmCC,iCAAaC,6BAAYF,KAAKG,IAAI;IAC9EC,WAAW,CAAC,EAAEJ,KAAI,MAAO;MACvB;QACEH,IAAI;UAACG,KAAKH;UAAI;UAAWQ,KAAKC,sCAAAA;QAC9BC,MAAMC;QACNL,MAAM;QACNM,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAIb,2BAAKD;YAAG;;UAC3Ce,MAAM;UACNC,aAAa;QACf;MACF;;EAEJ,CAAA;MACAjB,qCAAgB;IACdC,IAAI,GAAGC,2BAAKD,EAAE;IACdE,QAAQ,CAACC,aAAmCC,iCAAaC,6BAAYF,KAAKG,IAAI;IAC9EC,WAAW,CAAC,EAAEJ,KAAI,MAAO;MACvB;QACEH,IAAI;UAACG,KAAKH;UAAI;UAAQQ,KAAKC,sCAAAA;QAC3BC,MAAMC;QACNL,MAAM;QACNM,YAAY;UACVC,OAAO;YAAC;YAAqB;cAAEC,IAAIb,2BAAKD;YAAG;;UAC3Ce,MAAM;UACNC,aAAa;QACf;MACF;;EAEJ,CAAA;CACD;",
+  "names": ["context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "meta", "filter", "node", "isInstanceOf", "ScriptType", "data", "connector", "join", "ATTENDABLE_PATH_SEPARATOR", "type", "PLANK_COMPANION_TYPE", "properties", "label", "ns", "icon", "disposition"]
+}

package/dist/lib/node/{artifact-definition-BXQCFPAH.cjs → artifact-definition-6NVXEHJD.cjs}

@@ -16,32 +16,33 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var artifact_definition_BXQCFPAH_exports = {};
-__export(artifact_definition_BXQCFPAH_exports, {
+var artifact_definition_6NVXEHJD_exports = {};
+__export(artifact_definition_6NVXEHJD_exports, {
   default: () => artifact_definition_default
 });
-module.exports = __toCommonJS(artifact_definition_BXQCFPAH_exports);
-var import_chunk_5UH3F7TA = require("./chunk-5UH3F7TA.cjs");
+module.exports = __toCommonJS(artifact_definition_6NVXEHJD_exports);
+var import_chunk_YJQZHKKA = require("./chunk-YJQZHKKA.cjs");
 var import_app_framework = require("@dxos/app-framework");
 var import_artifact = require("@dxos/artifact");
 var import_assistant = require("@dxos/assistant");
 var import_echo_schema = require("@dxos/echo-schema");
-var import_functions = require("@dxos/functions");
+var import_types = require("@dxos/functions/types");
 var import_invariant = require("@dxos/invariant");
-var import_types = require("@dxos/plugin-space/types");
+var import_types2 = require("@dxos/plugin-space/types");
 var import_echo = require("@dxos/react-client/echo");
 var import_schema = require("@dxos/schema");
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/capabilities/artifact-definition.ts";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/capabilities/artifact-definition.ts";
 var artifact_definition_default = () => {
   const definition = (0, import_artifact.defineArtifact)({
-    id: import_chunk_5UH3F7TA.meta.id,
-    name: import_chunk_5UH3F7TA.meta.name,
+    id: `artifact:${import_chunk_YJQZHKKA.meta.id}`,
+    name: import_chunk_YJQZHKKA.meta.name,
     // TODO(dmaretskyi): Since writing scripts requires a lot of domain knowledge,
     //  we should offload the work of synthesizing the code to a separate model.
     //  The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.
     instructions: `
       If the user explicitly requests you to write a script, you can create one.
       If the user requests you to change one of the existing script, you can update it.
+      You must not create a script unless the user explicitly requests it.
       Scripts are short code pieces of executable code that can be used to perform computations, integrate with external systems, and perform automated tasks.
       Each script must follow as strict shape for the definition but the body can contain any valid executable code.
       Scripts are written in JavaScript or TypeScript.
@@ -147,9 +148,9 @@ var artifact_definition_default = () => {
         });
       </example>
   `,
-    schema: import_functions.ScriptType,
+    schema: import_types.ScriptType,
     tools: [
-      (0, import_artifact.defineTool)(import_chunk_5UH3F7TA.meta.id, {
+      (0, import_artifact.defineTool)(import_chunk_YJQZHKKA.meta.id, {
         name: "create",
         description: "Create a new script. Returns the artifact definition for the script",
         caption: "Creating script...",
@@ -164,7 +165,7 @@ var artifact_definition_default = () => {
         execute: async ({ name, code }, { extensions }) => {
           (0, import_invariant.invariant)(extensions?.space, "No space", {
             F: __dxlog_file,
-            L: 152,
+            L: 153,
             S: void 0,
             A: [
               "extensions?.space",
@@ -173,14 +174,14 @@ var artifact_definition_default = () => {
           });
           (0, import_invariant.invariant)(extensions?.dispatch, "No intent dispatcher", {
             F: __dxlog_file,
-            L: 153,
+            L: 154,
             S: void 0,
             A: [
               "extensions?.dispatch",
               "'No intent dispatcher'"
             ]
           });
-          const script = (0, import_echo.create)(import_functions.ScriptType, {
+          const script = (0, import_echo.create)(import_types.ScriptType, {
             name,
             source: (0, import_echo.makeRef)((0, import_echo.create)(import_schema.TextType, {
               content: code
@@ -188,7 +189,7 @@ var artifact_definition_default = () => {
           });
           extensions.space.db.add(script);
           await extensions.space.db.flush();
-          const intent = (0, import_app_framework.createIntent)(import_types.SpaceAction.AddObject, {
+          const intent = (0, import_app_framework.createIntent)(import_types2.SpaceAction.AddObject, {
             target: extensions.space,
             object: script
           });
@@ -199,7 +200,7 @@ var artifact_definition_default = () => {
           return import_artifact.ToolResult.Success((0, import_assistant.createArtifactElement)(script.id));
         }
       }),
-      (0, import_artifact.defineTool)(import_chunk_5UH3F7TA.meta.id, {
+      (0, import_artifact.defineTool)(import_chunk_YJQZHKKA.meta.id, {
         name: "inspect",
         description: "Inspect a script. Returns the artifact definition for the script",
         caption: "Inspecting script...",
@@ -209,7 +210,7 @@ var artifact_definition_default = () => {
         execute: async ({ id }, { extensions }) => {
           (0, import_invariant.invariant)(extensions?.space, "No space", {
             F: __dxlog_file,
-            L: 182,
+            L: 183,
             S: void 0,
             A: [
               "extensions?.space",
@@ -226,7 +227,7 @@ var artifact_definition_default = () => {
           });
         }
       }),
-      (0, import_artifact.defineTool)(import_chunk_5UH3F7TA.meta.id, {
+      (0, import_artifact.defineTool)(import_chunk_YJQZHKKA.meta.id, {
         name: "update",
         description: "Update a script. Returns the artifact definition for the script",
         caption: "Updating script...",
@@ -239,7 +240,7 @@ var artifact_definition_default = () => {
         execute: async ({ id, code }, { extensions }) => {
           (0, import_invariant.invariant)(extensions?.space, "No space", {
             F: __dxlog_file,
-            L: 204,
+            L: 205,
             S: void 0,
             A: [
               "extensions?.space",
@@ -264,4 +265,4 @@ var artifact_definition_default = () => {
   });
   return (0, import_app_framework.contributes)(import_app_framework.Capabilities.ArtifactDefinition, definition);
 };
-//# sourceMappingURL=artifact-definition-BXQCFPAH.cjs.map
+//# sourceMappingURL=artifact-definition-6NVXEHJD.cjs.map

package/dist/lib/node/artifact-definition-6NVXEHJD.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/artifact-definition.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';\nimport { defineArtifact, defineTool, ToolResult } from '@dxos/artifact';\nimport { createArtifactElement } from '@dxos/assistant';\nimport { ObjectId, S } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions/types';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { create, makeRef, type Space } from '@dxos/react-client/echo';\nimport { TextType } from '@dxos/schema';\n\nimport { meta } from '../meta';\n// TODO(burdon): Factor out.\ndeclare global {\n  interface ToolContextExtensions {\n    space?: Space;\n    dispatch?: PromiseIntentDispatcher;\n  }\n}\n\nexport default () => {\n  const definition = defineArtifact({\n    id: `artifact:${meta.id}`,\n    name: meta.name,\n    // TODO(dmaretskyi): Since writing scripts requires a lot of domain knowledge,\n    //  we should offload the work of synthesizing the code to a separate model.\n    //  The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.\n    instructions: `\n      If the user explicitly requests you to write a script, you can create one.\n      If the user requests you to change one of the existing script, you can update it.\n      You must not create a script unless the user explicitly requests it.\n      Scripts are short code pieces of executable code that can be used to perform computations, integrate with external systems, and perform automated tasks.\n      Each script must follow as strict shape for the definition but the body can contain any valid executable code.\n      Scripts are written in JavaScript or TypeScript.\n      Each script must define an input schema and output schema.\n      Each script must have its own detailed description.\n\n      Important: You cannot execute scripts. Scripts are only available as tools after the user deploys them. You must only call the available tools.\n\n      Description:\n        The description is a detailed description of the script.\n        It is used to describe the script's purpose, input, and output.\n        The description is used to generate the script's documentation.\n        The description is also goes into the script metadata.\n        The description is used by AI to understand the script and its purpose.\n        The description must provide cases on when the script should be used.\n\n      Schema: \n        The schema is defined using a schema-DSL library called Effect Schema.\n        The input schema describes the arguments that the script accepts.\n        The output schema describes the result that the script produces.\n        The schema is used to validate the script's input and output.\n        The schema is also goes into the script metadata.\n        The properties in the schema must have valid descriptions.\n        The input and output schemas must both be a struct of fields.\n\n      Restricts:\n        The scripts can only import code from \"dxos:functions\" module. No other modules are allowed.\n        Some web APIs are available - like fetch.\n\n      Reasoning:\n        Before writing a script, synthesize the following information:\n        - Description\n        - What APIs will be used.\n        - Detailed input schema\n        - Detailed output schema\n\n      <apis>\n        export function defineFunction(params: { \n          description: string, \n          inputSchema: S.Schema, \n          outputSchema: S.Schema, \n          handler: (params: { event: { data: TInput } }) => Promise<TOutput> \n        }): FunctionDefinition\n        /**\n         * Effect Schema\n         */\n        export const S; \n\n        // Examples: \n\n        S.String\n        S.Number\n        S.Boolean\n        S.Struct({\n          from: S.String.annotations({ description: 'The source currency' }),\n          to: S.String.annotations({ description: 'The target currency' }),\n        })\n        S.Array(S.String)\n        S.Union(S.String, S.Number)\n        S.optional(S.String)\n        S.String.annotations({ description: 'The source currency' })\n      </apis>\n\n      <handler_function>\n        Async function that takes the argument in the form of:\n\n        type HandlerFunctionParam = {\n          event: {\n            data: T // The input schema\n          },\n        }\n\n        The function must return the result that matches the output schema.\n      </handler_function>\n      \n      <example>\n        import { defineFunction, S } from 'dxos:functions';\n\n        export default defineFunction({\n          description: 'Returns the exchange rate between two currencies.',\n\n          inputSchema: S.Struct({\n            from: S.String.annotations({ description: 'The source currency' }),\n            to: S.String.annotations({ description: 'The target currency' }),\n          }),\n\n          outputSchema: S.Struct({\n            rate: S.String.annotations({ description: 'The exchange rate' }),\n          }),\n\n          handler: async ({\n            event: {\n              data: { from, to },\n            },\n          }: any) => {\n            const res = await fetch(\\`https://free.ratesdb.com/v1/rates?from=\\${from}&to=\\${to}\\`);\n            const {\n              data: { rates },\n            } = await res.json();\n\n            return { rate: rates[to].toString() };\n          },\n        });\n      </example>\n  `,\n    schema: ScriptType,\n    tools: [\n      defineTool(meta.id, {\n        name: 'create',\n        description: 'Create a new script. Returns the artifact definition for the script',\n        caption: 'Creating script...',\n        schema: S.Struct({\n          name: S.String.annotations({ description: 'The name of the script' }),\n          code: S.String.annotations({\n            description: 'The full code of the script in JavaScript or TypeScript. Must be valid executable code.',\n          }),\n        }),\n        execute: async ({ name, code }, { extensions }) => {\n          invariant(extensions?.space, 'No space');\n          invariant(extensions?.dispatch, 'No intent dispatcher');\n          const script = create(ScriptType, {\n            name,\n            source: makeRef(\n              create(TextType, {\n                content: code,\n              }),\n            ),\n          });\n          extensions.space.db.add(script);\n          await extensions.space.db.flush();\n\n          const intent = createIntent(SpaceAction.AddObject, { target: extensions.space, object: script });\n          const { data, error } = await extensions.dispatch(intent);\n          if (!data || error) {\n            return ToolResult.Error(error?.message ?? 'Failed to create chess game');\n          }\n\n          return ToolResult.Success(createArtifactElement(script.id));\n        },\n      }),\n      defineTool(meta.id, {\n        name: 'inspect',\n        description: 'Inspect a script. Returns the artifact definition for the script',\n        caption: 'Inspecting script...',\n        schema: S.Struct({\n          id: ObjectId,\n        }),\n        execute: async ({ id }, { extensions }) => {\n          invariant(extensions?.space, 'No space');\n\n          const script = (await extensions.space.db.query({ id }).first()) as ScriptType;\n          const { content } = await script.source.load();\n\n          return ToolResult.Success({\n            name: script.name,\n            code: content,\n          });\n        },\n      }),\n      defineTool(meta.id, {\n        name: 'update',\n        description: 'Update a script. Returns the artifact definition for the script',\n        caption: 'Updating script...',\n        schema: S.Struct({\n          id: ObjectId,\n          code: S.String.annotations({\n            description: 'The full code of the script in JavaScript or TypeScript. Must be valid executable code.',\n          }),\n        }),\n        execute: async ({ id, code }, { extensions }) => {\n          invariant(extensions?.space, 'No space');\n\n          const script = (await extensions.space.db.query({ id }).first()) as ScriptType;\n          const source = await script.source.load();\n          if (!source) {\n            return ToolResult.Error('Script not found');\n          }\n\n          source.content = code;\n          await extensions.space?.db.flush();\n\n          return ToolResult.Success({\n            name: script.name,\n          });\n        },\n      }),\n    ],\n  });\n\n  return contributes(Capabilities.ArtifactDefinition, definition);\n};\n"],
+  "mappings": "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",
+  "names": ["import_types", "definition", "defineArtifact", "id", "meta", "name", "instructions", "schema", "ScriptType", "tools", "defineTool", "description", "caption", "S", "Struct", "String", "annotations", "code", "execute", "extensions", "invariant", "space", "dispatch", "script", "create", "source", "makeRef", "TextType", "content", "db", "add", "flush", "intent", "createIntent", "SpaceAction", "AddObject", "target", "object", "data", "error", "ToolResult", "Error", "message", "Success", "createArtifactElement", "ObjectId", "query", "first", "load", "contributes", "Capabilities", "ArtifactDefinition"]
+}

package/dist/lib/node/chunk-65MIJR3Q.cjs

@@ -0,0 +1,173 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_65MIJR3Q_exports = {};
+__export(chunk_65MIJR3Q_exports, {
+  DEPLOYMENT_DIALOG: () => DEPLOYMENT_DIALOG,
+  DeploymentDialog_default: () => DeploymentDialog_default
+});
+module.exports = __toCommonJS(chunk_65MIJR3Q_exports);
+var import_chunk_VYBEBLDO = require("./chunk-VYBEBLDO.cjs");
+var import_chunk_YJQZHKKA = require("./chunk-YJQZHKKA.cjs");
+var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var DEPLOYMENT_DIALOG = `${import_chunk_YJQZHKKA.SCRIPT_PLUGIN}/deployment/dialog`;
+var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_YJQZHKKA.SCRIPT_PLUGIN);
+  const space = (0, import_react.useMemo)(() => (0, import_echo.getSpace)(accessToken), [
+    accessToken
+  ]);
+  const { handleCreateAndDeployScripts, status } = (0, import_chunk_VYBEBLDO.useCreateAndDeployScriptTemplates)(space, scriptTemplates);
+  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+  (0, import_react.useEffect)(() => {
+    if (status === "success") {
+      void dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.AddToast, {
+        part: "toast",
+        subject: {
+          id: `${import_chunk_YJQZHKKA.SCRIPT_PLUGIN}/deployment-success`,
+          icon: "ph--check--regular",
+          duration: Infinity,
+          title: [
+            "script deployment toast label",
+            {
+              ns: import_chunk_YJQZHKKA.SCRIPT_PLUGIN,
+              count: scriptTemplates.length
+            }
+          ],
+          description: [
+            "script deployment toast description",
+            {
+              ns: import_chunk_YJQZHKKA.SCRIPT_PLUGIN,
+              count: scriptTemplates.length
+            }
+          ],
+          closeLabel: [
+            "script deployment toast close label",
+            {
+              ns: import_chunk_YJQZHKKA.SCRIPT_PLUGIN,
+              count: scriptTemplates.length
+            }
+          ]
+        }
+      }));
+      void dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.UpdateDialog, {
+        part: "dialog",
+        options: {
+          state: false
+        }
+      }));
+    }
+    if (status === "error") {
+      void dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.UpdateDialog, {
+        part: "dialog",
+        options: {
+          state: false
+        }
+      }));
+      void dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.AddToast, {
+        part: "toast",
+        subject: {
+          id: `${import_chunk_YJQZHKKA.SCRIPT_PLUGIN}/deployment-error`,
+          icon: "ph--warning--regular",
+          duration: Infinity,
+          title: [
+            "script deployment error toast label",
+            {
+              ns: import_chunk_YJQZHKKA.SCRIPT_PLUGIN,
+              count: scriptTemplates.length
+            }
+          ],
+          description: [
+            "script deployment error toast description",
+            {
+              ns: import_chunk_YJQZHKKA.SCRIPT_PLUGIN,
+              count: scriptTemplates.length
+            }
+          ],
+          closeLabel: [
+            "script deployment error toast close label",
+            {
+              ns: import_chunk_YJQZHKKA.SCRIPT_PLUGIN,
+              count: scriptTemplates.length
+            }
+          ]
+        }
+      }));
+    }
+  }, [
+    status,
+    dispatch
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui.Dialog.Content, null, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "flex justify-between items-center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Dialog.Title, null, t("deployment dialog title")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
+    density: "fine",
+    variant: "ghost"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+    icon: "ph--x--regular",
+    size: 4
+  })))), /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    className: "plb-4"
+  }, /* @__PURE__ */ import_react.default.createElement("p", null, t("deployment dialog scripts found message", {
+    count: scriptTemplates.length
+  })), /* @__PURE__ */ import_react.default.createElement("ul", {
+    className: "pbs-2"
+  }, scriptTemplates.map((template) => {
+    return /* @__PURE__ */ import_react.default.createElement("li", {
+      key: template.id
+    }, template.name);
+  }))), /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    className: "flex flex-row-reverse gap-1"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
+    variant: "primary",
+    onClick: handleCreateAndDeployScripts,
+    disabled: status === "pending"
+  }, status === "pending" ? t("deployment dialog deploy functions pending button label", {
+    count: scriptTemplates.length
+  }) : t("deployment dialog deploy functions button label", {
+    count: scriptTemplates.length
+  })), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Dialog.Close, {
+    asChild: true,
+    disabled: status === "pending"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
+    disabled: status === "pending"
+  }, t("deployment dialog skip button label")))));
+};
+var DeploymentDialog_default = DeploymentDialog;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEPLOYMENT_DIALOG,
+  DeploymentDialog_default
+});
+//# sourceMappingURL=chunk-65MIJR3Q.cjs.map

package/dist/lib/node/chunk-65MIJR3Q.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DeploymentDialog/DeploymentDialog.tsx", "../../../src/components/DeploymentDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\nimport { type AccessTokenType } from '@dxos/schema';\n\nimport { useCreateAndDeployScriptTemplates } from '../../hooks/useCreateAndDeployScriptTemplates';\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport const DEPLOYMENT_DIALOG = `${SCRIPT_PLUGIN}/deployment/dialog`;\n\n// TODO(ZaymonFC):\n//   - Show activity and feedback to the user.\n//   - Only take an array of templateIds and get the name from the data.\n//   - Pending / onError states.\n\ntype DeploymentDialogProps = {\n  accessToken: AccessTokenType;\n  scriptTemplates: Template[];\n};\n\nexport const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const space = useMemo(() => getSpace(accessToken), [accessToken]);\n\n  // TODO(ZaymonFC): Thinking further. All of this should get moved to intents to run async in the background.\n  //   Deployment shouldn't be tied to the lifecycle of the dialogue component.\n  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  useEffect(() => {\n    if (status === 'success') {\n      // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.\n      void dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${SCRIPT_PLUGIN}/deployment-success`,\n            icon: 'ph--check--regular',\n            duration: Infinity,\n            title: ['script deployment toast label', { ns: SCRIPT_PLUGIN, count: scriptTemplates.length }],\n            description: ['script deployment toast description', { ns: SCRIPT_PLUGIN, count: scriptTemplates.length }],\n            closeLabel: ['script deployment toast close label', { ns: SCRIPT_PLUGIN, count: scriptTemplates.length }],\n          },\n        }),\n      );\n      void dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } }));\n    }\n    if (status === 'error') {\n      void dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } }));\n      void dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${SCRIPT_PLUGIN}/deployment-error`,\n            icon: 'ph--warning--regular',\n            duration: Infinity,\n            title: ['script deployment error toast label', { ns: SCRIPT_PLUGIN, count: scriptTemplates.length }],\n            description: [\n              'script deployment error toast description',\n              { ns: SCRIPT_PLUGIN, count: scriptTemplates.length },\n            ],\n            closeLabel: [\n              'script deployment error toast close label',\n              { ns: SCRIPT_PLUGIN, count: scriptTemplates.length },\n            ],\n          },\n        }),\n      );\n    }\n  }, [status, dispatch]);\n\n  return (\n    <Dialog.Content>\n      <div className='flex justify-between items-center'>\n        <Dialog.Title>{t('deployment dialog title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost'>\n            <Icon icon='ph--x--regular' size={4} />\n          </Button>\n        </Dialog.Close>\n      </div>\n      <div role='none' className='plb-4'>\n        {/* TODO: Implement deployment logic and UI. */}\n        <p>{t('deployment dialog scripts found message', { count: scriptTemplates.length })}</p>\n        <ul className='pbs-2'>\n          {scriptTemplates.map((template) => {\n            return <li key={template.id}>{template.name}</li>;\n          })}\n        </ul>\n      </div>\n      <div role='none' className='flex flex-row-reverse gap-1'>\n        <Button variant='primary' onClick={handleCreateAndDeployScripts} disabled={status === 'pending'}>\n          {status === 'pending'\n            ? t('deployment dialog deploy functions pending button label', { count: scriptTemplates.length })\n            : t('deployment dialog deploy functions button label', { count: scriptTemplates.length })}\n        </Button>\n        <Dialog.Close asChild disabled={status === 'pending'}>\n          <Button disabled={status === 'pending'}>{t('deployment dialog skip button label')}</Button>\n        </Dialog.Close>\n      </div>\n    </Dialog.Content>\n  );\n};\n\nexport default DeploymentDialog;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DeploymentDialog, DEPLOYMENT_DIALOG } from './DeploymentDialog';\n\nexport { DEPLOYMENT_DIALOG };\n\nexport default DeploymentDialog;\n"],
+  "mappings": "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",
+  "names": ["DEPLOYMENT_DIALOG", "SCRIPT_PLUGIN", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "dispatchPromise", "dispatch", "useIntentDispatcher", "useEffect", "createIntent", "LayoutAction", "AddToast", "part", "subject", "id", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "options", "state", "React", "Dialog", "Content", "div", "className", "Title", "Close", "asChild", "Button", "density", "variant", "Icon", "size", "role", "p", "ul", "map", "template", "li", "key", "name", "onClick", "disabled"]
+}