@dxos/plugin-script 0.8.4-main.67995b8 → 0.8.4-main.6fa680abb7

package/dist/lib/browser/react-surface-JEDP6MPG.mjs

@@ -0,0 +1,142 @@
+import {
+  DEPLOYMENT_DIALOG
+} from "./chunk-X44CJ7F5.mjs";
+import {
+  DeploymentDialog,
+  NotebookContainer,
+  ScriptContainer,
+  ScriptObjectSettings,
+  ScriptPluginSettings,
+  ScriptProperties,
+  TestContainer
+} from "./chunk-3KBF2IW7.mjs";
+import {
+  useCompiler
+} from "./chunk-7LHEB2QO.mjs";
+import "./chunk-G3XIOLLI.mjs";
+import {
+  Notebook_exports,
+  ScriptCapabilities
+} from "./chunk-QUKW7YWV.mjs";
+import "./chunk-7SXHORK4.mjs";
+import {
+  meta
+} from "./chunk-37XPSUAH.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/react-surface/react-surface.tsx
+import * as Effect from "effect/Effect";
+import React from "react";
+import { Capabilities, Capability } from "@dxos/app-framework";
+import { Surface, useAtomCapability, useSettingsState } from "@dxos/app-framework/ui";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { InvocationTraceContainer } from "@dxos/devtools";
+import { Obj } from "@dxos/echo";
+import { Script } from "@dxos/functions";
+import { getSpace } from "@dxos/react-client/echo";
+import { Panel } from "@dxos/react-ui";
+var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Capabilities.ReactSurface, [
+  Surface.create({
+    id: `${meta.id}.plugin-settings`,
+    role: "article",
+    filter: (data) => AppCapabilities.isSettings(data.subject) && data.subject.prefix === meta.id,
+    component: ({ data: { subject } }) => {
+      const { settings, updateSettings } = useSettingsState(subject.atom);
+      return /* @__PURE__ */ React.createElement(ScriptPluginSettings, {
+        settings,
+        onSettingsChange: updateSettings
+      });
+    }
+  }),
+  Surface.create({
+    id: `${meta.id}.script.article`,
+    role: [
+      "article",
+      "section"
+    ],
+    filter: (data) => Obj.instanceOf(Script.Script, data.subject),
+    component: ({ data, role }) => {
+      const compiler = useCompiler();
+      const settings = useAtomCapability(ScriptCapabilities.Settings);
+      if (!compiler?.environment) {
+        return null;
+      }
+      return /* @__PURE__ */ React.createElement(ScriptContainer, {
+        role,
+        subject: data.subject,
+        settings,
+        env: compiler?.environment
+      });
+    }
+  }),
+  Surface.create({
+    id: `${meta.id}.notebook.article`,
+    role: "article",
+    filter: (data) => typeof data.attendableId === "string" && Obj.instanceOf(Notebook_exports.Notebook, data.subject),
+    component: ({ data, role }) => {
+      const compiler = useCompiler();
+      return /* @__PURE__ */ React.createElement(NotebookContainer, {
+        role,
+        subject: data.subject,
+        attendableId: data.attendableId,
+        env: compiler?.environment
+      });
+    }
+  }),
+  // TODO(burdon): Standardize PluginSettings vs ObjectSettings.
+  // TODO(burdon): Why is ScriptProperties different from ScriptObjectSettings?
+  Surface.create({
+    id: `${meta.id}.companion.base-settings`,
+    role: "base-object-settings",
+    filter: (data) => Obj.instanceOf(Script.Script, data.subject),
+    component: ({ data }) => /* @__PURE__ */ React.createElement(ScriptProperties, {
+      object: data.subject
+    })
+  }),
+  Surface.create({
+    id: `${meta.id}.companion.settings`,
+    role: "object-settings",
+    filter: (data) => Obj.instanceOf(Script.Script, data.subject),
+    component: ({ data }) => /* @__PURE__ */ React.createElement(ScriptObjectSettings, {
+      object: data.subject
+    })
+  }),
+  Surface.create({
+    id: `${meta.id}.companion.execute`,
+    role: "article",
+    filter: (data) => Obj.instanceOf(Script.Script, data.companionTo) && data.subject === "execute",
+    component: ({ data, role }) => /* @__PURE__ */ React.createElement(TestContainer, {
+      script: data.companionTo,
+      role
+    })
+  }),
+  Surface.create({
+    id: `${meta.id}.companion.logs`,
+    role: "article",
+    filter: (data) => Obj.instanceOf(Script.Script, data.companionTo) && data.subject === "logs",
+    component: ({ data, role }) => {
+      const space = getSpace(data.companionTo);
+      const queueDxn = space?.properties.invocationTraceQueue?.dxn;
+      return /* @__PURE__ */ React.createElement(Panel.Root, {
+        role
+      }, /* @__PURE__ */ React.createElement(Panel.Content, {
+        asChild: true
+      }, /* @__PURE__ */ React.createElement(InvocationTraceContainer, {
+        db: space?.db,
+        queueDxn,
+        target: data.companionTo,
+        detailAxis: "block"
+      })));
+    }
+  }),
+  Surface.create({
+    id: DEPLOYMENT_DIALOG,
+    role: "dialog",
+    filter: (data) => data.component === DEPLOYMENT_DIALOG,
+    component: ({ data }) => /* @__PURE__ */ React.createElement(DeploymentDialog, data.props)
+  })
+])));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-JEDP6MPG.mjs.map

package/dist/lib/browser/react-surface-JEDP6MPG.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface, useAtomCapability, useSettingsState } from '@dxos/app-framework/ui';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { InvocationTraceContainer } from '@dxos/devtools';\nimport { Obj } from '@dxos/echo';\nimport { Script } from '@dxos/functions';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Panel } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { DEPLOYMENT_DIALOG } from '../../constants';\nimport {\n  DeploymentDialog,\n  NotebookContainer,\n  ScriptContainer,\n  ScriptObjectSettings,\n  ScriptPluginSettings,\n  ScriptProperties,\n  TestContainer,\n} from '../../containers';\nimport { useCompiler } from '../../hooks';\nimport { meta } from '../../meta';\nimport { Notebook, ScriptCapabilities, type ScriptSettings } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: `${meta.id}.plugin-settings`,\n        role: 'article',\n        filter: (data): data is { subject: AppCapabilities.Settings } =>\n          AppCapabilities.isSettings(data.subject) && data.subject.prefix === meta.id,\n        component: ({ data: { subject } }) => {\n          const { settings, updateSettings } = useSettingsState<ScriptSettings>(subject.atom);\n          return <ScriptPluginSettings settings={settings} onSettingsChange={updateSettings} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.script.article`,\n        role: ['article', 'section'],\n        filter: (data): data is { subject: Script.Script } => Obj.instanceOf(Script.Script, data.subject),\n        component: ({ data, role }) => {\n          const compiler = useCompiler();\n          const settings = useAtomCapability(ScriptCapabilities.Settings);\n          // TODO(wittjosiah): Why? The editor should be allow to render even if the environment is not ready.\n          if (!compiler?.environment) {\n            return null;\n          }\n\n          return <ScriptContainer role={role} subject={data.subject} settings={settings} env={compiler?.environment} />;\n        },\n      }),\n      Surface.create({\n        id: `${meta.id}.notebook.article`,\n        role: 'article',\n        filter: (data): data is { attendableId: string; subject: Notebook.Notebook } =>\n          typeof data.attendableId === 'string' && Obj.instanceOf(Notebook.Notebook, data.subject),\n        component: ({ data, role }) => {\n          const compiler = useCompiler();\n          return (\n            <NotebookContainer\n              role={role}\n              subject={data.subject}\n              attendableId={data.attendableId}\n              env={compiler?.environment}\n            />\n          );\n        },\n      }),\n      // TODO(burdon): Standardize PluginSettings vs ObjectSettings.\n      // TODO(burdon): Why is ScriptProperties different from ScriptObjectSettings?\n      Surface.create({\n        id: `${meta.id}.companion.base-settings`,\n        role: 'base-object-settings',\n        filter: (data): data is { subject: Script.Script } => Obj.instanceOf(Script.Script, data.subject),\n        component: ({ data }) => <ScriptProperties object={data.subject} />,\n      }),\n      Surface.create({\n        id: `${meta.id}.companion.settings`,\n        role: 'object-settings',\n        filter: (data): data is { subject: Script.Script } => Obj.instanceOf(Script.Script, data.subject),\n        component: ({ data }) => <ScriptObjectSettings object={data.subject} />,\n      }),\n      Surface.create({\n        id: `${meta.id}.companion.execute`,\n        role: 'article',\n        filter: (data): data is { companionTo: Script.Script } =>\n          Obj.instanceOf(Script.Script, data.companionTo) && data.subject === 'execute',\n        component: ({ data, role }) => <TestContainer script={data.companionTo} role={role} />,\n      }),\n      Surface.create({\n        id: `${meta.id}.companion.logs`,\n        role: 'article',\n        filter: (data): data is { companionTo: Script.Script } =>\n          Obj.instanceOf(Script.Script, data.companionTo) && data.subject === 'logs',\n        component: ({ data, role }) => {\n          const space = getSpace(data.companionTo);\n          const queueDxn = space?.properties.invocationTraceQueue?.dxn;\n          return (\n            <Panel.Root role={role}>\n              <Panel.Content asChild>\n                <InvocationTraceContainer\n                  db={space?.db}\n                  queueDxn={queueDxn}\n                  target={data.companionTo}\n                  detailAxis='block'\n                />\n              </Panel.Content>\n            </Panel.Root>\n          );\n        },\n      }),\n      Surface.create({\n        id: DEPLOYMENT_DIALOG,\n        role: 'dialog',\n        filter: (data): data is { props: { accessToken: AccessToken.AccessToken; scriptTemplates: any } } =>\n          data.component === DEPLOYMENT_DIALOG,\n        component: ({ data }) => <DeploymentDialog {...data.props} />,\n      }),\n    ]),\n  ),\n);\n"],
+  "mappings": "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",
+  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "useAtomCapability", "useSettingsState", "AppCapabilities", "InvocationTraceContainer", "Obj", "Script", "getSpace", "Panel", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "AppCapabilities", "isSettings", "subject", "prefix", "component", "settings", "updateSettings", "useSettingsState", "atom", "ScriptPluginSettings", "onSettingsChange", "Obj", "instanceOf", "Script", "compiler", "useCompiler", "useAtomCapability", "ScriptCapabilities", "Settings", "environment", "ScriptContainer", "env", "attendableId", "Notebook", "NotebookContainer", "ScriptProperties", "object", "ScriptObjectSettings", "companionTo", "TestContainer", "script", "space", "getSpace", "queueDxn", "properties", "invocationTraceQueue", "dxn", "Panel", "Root", "Content", "asChild", "InvocationTraceContainer", "db", "target", "detailAxis", "DEPLOYMENT_DIALOG", "DeploymentDialog", "props"]
+}

package/dist/lib/browser/settings-EEXY6JM7.mjs

@@ -0,0 +1,36 @@
+import {
+  ScriptCapabilities,
+  ScriptSettings
+} from "./chunk-QUKW7YWV.mjs";
+import "./chunk-7SXHORK4.mjs";
+import {
+  meta
+} from "./chunk-37XPSUAH.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/settings/settings.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+import { createKvsStore } from "@dxos/effect";
+var settings_default = Capability.makeModule(() => Effect.sync(() => {
+  const settingsAtom = createKvsStore({
+    key: meta.id,
+    schema: ScriptSettings,
+    defaultValue: () => ({
+      editorInputMode: "vscode"
+    })
+  });
+  return [
+    Capability.contributes(ScriptCapabilities.Settings, settingsAtom),
+    Capability.contributes(AppCapabilities.Settings, {
+      prefix: meta.id,
+      schema: ScriptSettings,
+      atom: settingsAtom
+    })
+  ];
+}));
+export {
+  settings_default as default
+};
+//# sourceMappingURL=settings-EEXY6JM7.mjs.map

package/dist/lib/browser/settings-EEXY6JM7.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/settings/settings.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { createKvsStore } from '@dxos/effect';\n\nimport { meta } from '../../meta';\nimport { ScriptCapabilities, ScriptSettings } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.sync(() => {\n    const settingsAtom = createKvsStore({\n      key: meta.id,\n      schema: ScriptSettings,\n      defaultValue: () => ({\n        editorInputMode: 'vscode' as const,\n      }),\n    });\n\n    return [\n      Capability.contributes(ScriptCapabilities.Settings, settingsAtom),\n      Capability.contributes(AppCapabilities.Settings, {\n        prefix: meta.id,\n        schema: ScriptSettings,\n        atom: settingsAtom,\n      }),\n    ];\n  }),\n);\n"],
+  "mappings": ";;;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAChC,SAASC,sBAAsB;AAK/B,IAAA,mBAAeC,WAAWC,WAAW,MAC5BC,YAAK,MAAA;AACV,QAAMC,eAAeC,eAAe;IAClCC,KAAKC,KAAKC;IACVC,QAAQC;IACRC,cAAc,OAAO;MACnBC,iBAAiB;IACnB;EACF,CAAA;AAEA,SAAO;IACLX,WAAWY,YAAYC,mBAAmBC,UAAUX,YAAAA;IACpDH,WAAWY,YAAYG,gBAAgBD,UAAU;MAC/CE,QAAQV,KAAKC;MACbC,QAAQC;MACRQ,MAAMd;IACR,CAAA;;AAEJ,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "createKvsStore", "Capability", "makeModule", "sync", "settingsAtom", "createKvsStore", "key", "meta", "id", "schema", "ScriptSettings", "defaultValue", "editorInputMode", "contributes", "ScriptCapabilities", "Settings", "AppCapabilities", "prefix", "atom"]
+}

package/dist/lib/browser/templates/index.mjs

@@ -1,7 +1,8 @@
 import {
   data_generator_default,
   templates
-} from "../chunk-R4R7VOFY.mjs";
+} from "../chunk-7SXHORK4.mjs";
+import "../chunk-J5LGTIGS.mjs";
 export {
   data_generator_default as dataGenerator,
   templates

package/dist/lib/browser/types/index.mjs

@@ -1,10 +1,18 @@
 import {
-  ScriptAction,
-  ScriptSettingsSchema
-} from "../chunk-IS4OG2UW.mjs";
-import "../chunk-QYAREHGH.mjs";
+  Notebook_exports,
+  ScriptCapabilities,
+  ScriptEvents,
+  ScriptOperation,
+  ScriptSettings
+} from "../chunk-QUKW7YWV.mjs";
+import "../chunk-7SXHORK4.mjs";
+import "../chunk-37XPSUAH.mjs";
+import "../chunk-J5LGTIGS.mjs";
 export {
-  ScriptAction,
-  ScriptSettingsSchema
+  Notebook_exports as Notebook,
+  ScriptCapabilities,
+  ScriptEvents,
+  ScriptOperation,
+  ScriptSettings
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/DeploymentDialog-AU5IG3AN.mjs

@@ -0,0 +1,139 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  useCreateAndDeployScriptTemplates
+} from "./chunk-EP474OF4.mjs";
+import "./chunk-5BG7OJGQ.mjs";
+import "./chunk-WZ4YV7VB.mjs";
+import "./chunk-3EV4C6GW.mjs";
+import {
+  meta
+} from "./chunk-L3JLWXB5.mjs";
+import "./chunk-HSLMI22Q.mjs";
+
+// src/containers/DeploymentDialog/DeploymentDialog.tsx
+import React, { useEffect, useMemo } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { getSpace } from "@dxos/react-client/echo";
+import { Button, Dialog, IconButton, useTranslation } from "@dxos/react-ui";
+var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
+  const { t } = useTranslation(meta.id);
+  const space = useMemo(() => getSpace(accessToken), [
+    accessToken
+  ]);
+  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);
+  const { invokePromise } = useOperationInvoker();
+  useEffect(() => {
+    if (status === "success") {
+      void invokePromise(LayoutOperation.AddToast, {
+        id: `${meta.id}.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
+          }
+        ]
+      });
+      void invokePromise(LayoutOperation.UpdateDialog, {
+        state: false
+      });
+    }
+    if (status === "error") {
+      void invokePromise(LayoutOperation.UpdateDialog, {
+        state: false
+      });
+      void invokePromise(LayoutOperation.AddToast, {
+        id: `${meta.id}.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
+          }
+        ]
+      });
+    }
+  }, [
+    status,
+    invokePromise
+  ]);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-between items-center"
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("deployment dialog title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(IconButton, {
+    icon: "ph--x--regular",
+    size: 4,
+    label: "Close",
+    iconOnly: true,
+    density: "fine",
+    variant: "ghost"
+  }))), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "py-4"
+  }, /* @__PURE__ */ React.createElement("p", null, t("deployment dialog scripts found message", {
+    count: scriptTemplates.length
+  })), /* @__PURE__ */ React.createElement("ul", {
+    className: "pt-2"
+  }, scriptTemplates.map((template) => {
+    return /* @__PURE__ */ React.createElement("li", {
+      key: template.id
+    }, template.name);
+  }))), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-row-reverse gap-1"
+  }, /* @__PURE__ */ React.createElement(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__ */ React.createElement(Dialog.Close, {
+    asChild: true,
+    disabled: status === "pending"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    disabled: status === "pending"
+  }, t("deployment dialog skip button label")))));
+};
+
+// src/containers/DeploymentDialog/index.ts
+var DeploymentDialog_default = DeploymentDialog;
+export {
+  DeploymentDialog_default as default
+};
+//# sourceMappingURL=DeploymentDialog-AU5IG3AN.mjs.map

package/dist/lib/node-esm/DeploymentDialog-AU5IG3AN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DeploymentDialog/DeploymentDialog.tsx", "../../../src/containers/DeploymentDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Button, Dialog, IconButton, useTranslation } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { useCreateAndDeployScriptTemplates } from '../../hooks';\nimport { meta } from '../../meta';\nimport { type Template } from '../../templates';\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\nexport type DeploymentDialogProps = {\n  accessToken: AccessToken.AccessToken;\n  scriptTemplates: Template[];\n};\n\nexport const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {\n  const { t } = useTranslation(meta.id);\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 { invokePromise } = useOperationInvoker();\n\n  useEffect(() => {\n    if (status === 'success') {\n      // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.\n      void invokePromise(LayoutOperation.AddToast, {\n        id: `${meta.id}.deployment-success`,\n        icon: 'ph--check--regular',\n        duration: Infinity,\n        title: ['script deployment toast label', { ns: meta.id, count: scriptTemplates.length }],\n        description: ['script deployment toast description', { ns: meta.id, count: scriptTemplates.length }],\n        closeLabel: ['script deployment toast close label', { ns: meta.id, count: scriptTemplates.length }],\n      });\n      void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n    }\n    if (status === 'error') {\n      void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n      void invokePromise(LayoutOperation.AddToast, {\n        id: `${meta.id}.deployment-error`,\n        icon: 'ph--warning--regular',\n        duration: Infinity,\n        title: ['script deployment error toast label', { ns: meta.id, count: scriptTemplates.length }],\n        description: ['script deployment error toast description', { ns: meta.id, count: scriptTemplates.length }],\n        closeLabel: ['script deployment error toast close label', { ns: meta.id, count: scriptTemplates.length }],\n      });\n    }\n  }, [status, invokePromise]);\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          <IconButton icon='ph--x--regular' size={4} label='Close' iconOnly density='fine' variant='ghost' />\n        </Dialog.Close>\n      </div>\n      <div role='none' className='py-4'>\n        {/* TODO: Implement deployment logic and UI. */}\n        <p>\n          {t('deployment dialog scripts found message', {\n            count: scriptTemplates.length,\n          })}\n        </p>\n        <ul className='pt-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', {\n                count: scriptTemplates.length,\n              })\n            : t('deployment dialog deploy functions button label', {\n                count: scriptTemplates.length,\n              })}\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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DeploymentDialog } from './DeploymentDialog';\n\nexport default DeploymentDialog;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useMemo", "useOperationInvoker", "LayoutOperation", "getSpace", "Button", "Dialog", "IconButton", "useTranslation", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "meta", "id", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "invokePromise", "useOperationInvoker", "useEffect", "LayoutOperation", "AddToast", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "state", "Dialog", "Content", "div", "className", "Title", "Close", "asChild", "IconButton", "size", "label", "iconOnly", "density", "variant", "role", "p", "ul", "map", "template", "li", "key", "name", "Button", "onClick", "disabled", "DeploymentDialog"]
+}