@dxos/plugin-script 0.8.4-main.c85a9c8dae → 0.8.4-main.d9fc60f731

package/dist/lib/{browser/DeploymentDialog-IIOXAS47.mjs → neutral/DeploymentDialog-M3AFYQHC.mjs}

@@ -1,12 +1,3 @@
-import {
-  useCreateAndDeployScriptTemplates
-} from "./chunk-MUEVLYXJ.mjs";
-import "./chunk-G3XIOLLI.mjs";
-import "./chunk-6IXFDTAI.mjs";
-import "./chunk-J7PGML5B.mjs";
-import {
-  meta
-} from "./chunk-WYR4QHPE.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
 // src/containers/DeploymentDialog/DeploymentDialog.tsx
@@ -14,7 +5,9 @@ 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";
+import { Button, Dialog, useTranslation } from "@dxos/react-ui";
+import { useCreateAndDeployScriptTemplates } from "#hooks";
+import { meta } from "#meta";
 var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
   const { t } = useTranslation(meta.id);
   const space = useMemo(() => getSpace(accessToken), [
@@ -25,25 +18,25 @@ var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
   useEffect(() => {
     if (status === "success") {
       void invokePromise(LayoutOperation.AddToast, {
-        id: `${meta.id}/deployment-success`,
+        id: `${meta.id}.deployment-success`,
         icon: "ph--check--regular",
         duration: Infinity,
         title: [
-          "script deployment toast label",
+          "script-deployment-toast.label",
           {
             ns: meta.id,
             count: scriptTemplates.length
           }
         ],
         description: [
-          "script deployment toast description",
+          "script-deployment-toast.description",
           {
             ns: meta.id,
             count: scriptTemplates.length
           }
         ],
         closeLabel: [
-          "script deployment toast close label",
+          "script-deployment-toast-close.label",
           {
             ns: meta.id,
             count: scriptTemplates.length
@@ -59,25 +52,25 @@ var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
         state: false
       });
       void invokePromise(LayoutOperation.AddToast, {
-        id: `${meta.id}/deployment-error`,
+        id: `${meta.id}.deployment-error`,
         icon: "ph--warning--regular",
         duration: Infinity,
         title: [
-          "script deployment error toast label",
+          "script-deployment-error-toast.label",
           {
             ns: meta.id,
             count: scriptTemplates.length
           }
         ],
         description: [
-          "script deployment error toast description",
+          "script-deployment-error-toast.description",
           {
             ns: meta.id,
             count: scriptTemplates.length
           }
         ],
         closeLabel: [
-          "script deployment error toast close label",
+          "script-deployment-error-toast-close.label",
           {
             ns: meta.id,
             count: scriptTemplates.length
@@ -89,21 +82,11 @@ var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
     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, {
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Header, null, /* @__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", {
+  }, /* @__PURE__ */ React.createElement(Dialog.ActionIconButton, {
+    action: "close"
+  }))), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__PURE__ */ React.createElement("p", null, t("deployment-dialog-scripts-found.message", {
     count: scriptTemplates.length
   })), /* @__PURE__ */ React.createElement("ul", {
     className: "pt-2"
@@ -111,28 +94,21 @@ var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
     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(Dialog.ActionBar, null, /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
   }, /* @__PURE__ */ React.createElement(Button, {
+    disabled: status === "pending"
+  }, t("deployment-dialog-skip-button.label"))), /* @__PURE__ */ React.createElement(Button, {
     variant: "primary",
     onClick: handleCreateAndDeployScripts,
     disabled: status === "pending"
-  }, status === "pending" ? t("deployment dialog deploy functions pending button label", {
+  }, status === "pending" ? t("deployment-dialog-deploy-functions-pending-button.label", {
     count: scriptTemplates.length
-  }) : t("deployment dialog deploy functions button label", {
+  }) : 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
+  DeploymentDialog as default
 };
-//# sourceMappingURL=DeploymentDialog-IIOXAS47.mjs.map
+//# sourceMappingURL=DeploymentDialog-M3AFYQHC.mjs.map

package/dist/lib/neutral/DeploymentDialog-M3AFYQHC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/DeploymentDialog/DeploymentDialog.tsx"],
+  "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, useTranslation } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { useCreateAndDeployScriptTemplates } from '#hooks';\nimport { meta } from '#meta';\n\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      <Dialog.Header>\n        <Dialog.Title>{t('deployment-dialog.title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' />\n        </Dialog.Close>\n      </Dialog.Header>\n      <Dialog.Body>\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      </Dialog.Body>\n      <Dialog.ActionBar>\n        <Dialog.Close asChild>\n          <Button disabled={status === 'pending'}>{t('deployment-dialog-skip-button.label')}</Button>\n        </Dialog.Close>\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.ActionBar>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,SAASC,WAAWC,eAAe;AAE1C,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,QAAQC,QAAQC,sBAAsB;AAG/C,SAASC,yCAAyC;AAClD,SAASC,YAAY;AAcd,IAAMC,mBAAmB,CAAC,EAAEC,aAAaC,gBAAe,MAAyB;AACtF,QAAM,EAAEC,EAAC,IAAKN,eAAeE,KAAKK,EAAE;AACpC,QAAMC,QAAQd,QAAQ,MAAMG,SAASO,WAAAA,GAAc;IAACA;GAAY;AAIhE,QAAM,EAAEK,8BAA8BC,OAAM,IAAKT,kCAAkCO,OAAOH,eAAAA;AAC1F,QAAM,EAAEM,cAAa,IAAKhB,oBAAAA;AAE1BF,YAAU,MAAA;AACR,QAAIiB,WAAW,WAAW;AAExB,WAAKC,cAAcf,gBAAgBgB,UAAU;QAC3CL,IAAI,GAAGL,KAAKK,EAAE;QACdM,MAAM;QACNC,UAAUC;QACVC,OAAO;UAAC;UAAiC;YAAEC,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;QACtFC,aAAa;UAAC;UAAuC;YAAEH,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;QAClGE,YAAY;UAAC;UAAuC;YAAEJ,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;MACnG,CAAA;AACA,WAAKR,cAAcf,gBAAgB0B,cAAc;QAAEC,OAAO;MAAM,CAAA;IAClE;AACA,QAAIb,WAAW,SAAS;AACtB,WAAKC,cAAcf,gBAAgB0B,cAAc;QAAEC,OAAO;MAAM,CAAA;AAChE,WAAKZ,cAAcf,gBAAgBgB,UAAU;QAC3CL,IAAI,GAAGL,KAAKK,EAAE;QACdM,MAAM;QACNC,UAAUC;QACVC,OAAO;UAAC;UAAuC;YAAEC,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;QAC5FC,aAAa;UAAC;UAA6C;YAAEH,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;QACxGE,YAAY;UAAC;UAA6C;YAAEJ,IAAIf,KAAKK;YAAIW,OAAOb,gBAAgBc;UAAO;;MACzG,CAAA;IACF;EACF,GAAG;IAACT;IAAQC;GAAc;AAE1B,SACE,sBAAA,cAACZ,OAAOyB,SAAO,MACb,sBAAA,cAACzB,OAAO0B,QAAM,MACZ,sBAAA,cAAC1B,OAAO2B,OAAK,MAAEpB,EAAE,yBAAA,CAAA,GACjB,sBAAA,cAACP,OAAO4B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAAC7B,OAAO8B,kBAAgB;IAACC,QAAO;QAGpC,sBAAA,cAAC/B,OAAOgC,MAAI,MACV,sBAAA,cAACC,KAAAA,MACE1B,EAAE,2CAA2C;IAC5CY,OAAOb,gBAAgBc;EACzB,CAAA,CAAA,GAEF,sBAAA,cAACc,MAAAA;IAAGC,WAAU;KACX7B,gBAAgB8B,IAAI,CAACC,aAAAA;AACpB,WAAO,sBAAA,cAACC,MAAAA;MAAGC,KAAKF,SAAS7B;OAAK6B,SAASG,IAAI;EAC7C,CAAA,CAAA,CAAA,GAGJ,sBAAA,cAACxC,OAAOyC,WAAS,MACf,sBAAA,cAACzC,OAAO4B,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAAC9B,QAAAA;IAAO2C,UAAU/B,WAAW;KAAYJ,EAAE,qCAAA,CAAA,CAAA,GAE7C,sBAAA,cAACR,QAAAA;IAAO4C,SAAQ;IAAUC,SAASlC;IAA8BgC,UAAU/B,WAAW;KACnFA,WAAW,YACRJ,EAAE,2DAA2D;IAC3DY,OAAOb,gBAAgBc;EACzB,CAAA,IACAb,EAAE,mDAAmD;IACnDY,OAAOb,gBAAgBc;EACzB,CAAA,CAAA,CAAA,CAAA;AAKd;",
+  "names": ["React", "useEffect", "useMemo", "useOperationInvoker", "LayoutOperation", "getSpace", "Button", "Dialog", "useTranslation", "useCreateAndDeployScriptTemplates", "meta", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "id", "space", "handleCreateAndDeployScripts", "status", "invokePromise", "AddToast", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "state", "Content", "Header", "Title", "Close", "asChild", "ActionIconButton", "action", "Body", "p", "ul", "className", "map", "template", "li", "key", "name", "ActionBar", "disabled", "variant", "onClick"]
+}

package/dist/lib/{browser/NotebookContainer-VVZOKGRC.mjs → neutral/NotebookArticle-NV4AHOOS.mjs}

@@ -1,36 +1,26 @@
-import {
-  NotebookMenu,
-  NotebookStack
-} from "./chunk-PLDBKKYO.mjs";
-import "./chunk-ATTZUDT7.mjs";
-import "./chunk-MUEVLYXJ.mjs";
-import "./chunk-G3XIOLLI.mjs";
-import "./chunk-6IXFDTAI.mjs";
-import "./chunk-J7PGML5B.mjs";
-import {
-  meta
-} from "./chunk-WYR4QHPE.mjs";
 import "./chunk-J5LGTIGS.mjs";
 
-// src/containers/NotebookContainer/NotebookContainer.tsx
+// src/containers/NotebookArticle/NotebookArticle.tsx
 import { RegistryContext } from "@effect-atom/atom-react";
 import * as Cause from "effect/Cause";
 import * as Effect from "effect/Effect";
 import * as Exit from "effect/Exit";
 import React, { useCallback, useContext, useMemo, useState } from "react";
-import { AgentFunctions } from "@dxos/assistant-toolkit";
-import { Blueprint, Prompt } from "@dxos/blueprints";
+import { useSpaceCallback } from "@dxos/app-framework/ui";
+import { AgentPrompt } from "@dxos/assistant-toolkit";
+import { Blueprint, Routine } from "@dxos/compute";
+import { Operation } from "@dxos/compute";
 import { Filter, Obj, Query, Ref } from "@dxos/echo";
 import { QueryBuilder } from "@dxos/echo-query";
-import { FunctionInvocationService, TracingService } from "@dxos/functions";
 import { invariant as invariant2 } from "@dxos/invariant";
 import { log as log2 } from "@dxos/log";
-import { useComputeRuntimeCallback } from "@dxos/plugin-automation";
-import { Graph } from "@dxos/plugin-explorer/types";
+import { Graph } from "@dxos/plugin-explorer";
 import { DropdownMenu, IconButton, Panel, Toolbar, useTranslation } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
 import { Text, ViewModel } from "@dxos/schema";
 import { isNonNullable } from "@dxos/util";
+import { NotebookMenu, NotebookStack } from "#components";
+import { meta } from "#meta";
 
 // src/notebook/compute-graph.ts
 import { Atom } from "@effect-atom/atom-react";
@@ -127,6 +117,7 @@ var VirtualTypeScriptParser = class {
   compilerOptions = {
     target: ts.ScriptTarget.ES2020,
     module: ts.ModuleKind.ESNext,
+    moduleResolution: ts.ModuleResolutionKind.Bundler,
     strict: true,
     esModuleInterop: true,
     skipLibCheck: true,
@@ -138,15 +129,7 @@ var VirtualTypeScriptParser = class {
   * Parse a single expression or statement.
   */
   parseExpression(input) {
-    invariant(input.trim() !== "", "input must not be empty", {
-      F: __dxlog_file,
-      L: 57,
-      S: this,
-      A: [
-        "input.trim() !== ''",
-        "'input must not be empty'"
-      ]
-    });
+    invariant(input.trim() !== "", "input must not be empty", { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 34, S: this, A: ["input.trim() !== ''", "'input must not be empty'"] });
     const files = [
       {
         filename: "/temp.ts",
@@ -186,7 +169,9 @@ var VirtualTypeScriptParser = class {
     const typeChecker = env.languageService.getProgram()?.getTypeChecker();
     files.forEach((file) => {
       const sourceFile = env.getSourceFile(file.filename);
-      if (!sourceFile || !typeChecker) return;
+      if (!sourceFile || !typeChecker) {
+        return;
+      }
       const fileResults = this.analyzeSourceFile(sourceFile, typeChecker);
       results.push(...fileResults);
     });
@@ -270,7 +255,9 @@ var VirtualTypeScriptParser = class {
   * Extract parameter information from a signature.
   */
   extractParameters(signature, typeChecker) {
-    if (!signature) return [];
+    if (!signature) {
+      return [];
+    }
     return signature.parameters.map((param) => ({
       name: param.getName(),
       type: typeChecker.typeToString(typeChecker.getTypeOfSymbolAtLocation(param, param.valueDeclaration))
@@ -458,24 +445,14 @@ var ComputeGraph = class {
       if (!expr) {
         log.error("no expression for cell", {
           cellId
-        }, {
-          F: __dxlog_file2,
-          L: 105,
-          S: this,
-          C: (f, a) => f(...a)
-        });
+        }, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 78, S: this });
         continue;
       }
       const cellSource = this._notebook.cells.find((cell) => cell.id === cellId)?.source?.target?.content;
       if (!cellSource) {
         log.error("no source for cell", {
           cellId
-        }, {
-          F: __dxlog_file2,
-          L: 111,
-          S: this,
-          C: (f, a) => f(...a)
-        });
+        }, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 85, S: this });
         continue;
       }
       try {
@@ -503,12 +480,7 @@ var ComputeGraph = class {
         log.error("error evaluating cell", {
           cellId,
           error
-        }, {
-          F: __dxlog_file2,
-          L: 147,
-          S: this,
-          C: (f, a) => f(...a)
-        });
+        }, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 120, S: this });
       }
     }
     this._registry.set(this._valuesByCellIdAtom, valuesByCellId);
@@ -572,18 +544,17 @@ var ComputeGraph = class {
   }
 };
 
-// src/containers/NotebookContainer/NotebookContainer.tsx
-var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/containers/NotebookContainer/NotebookContainer.tsx";
+// src/containers/NotebookArticle/NotebookArticle.tsx
+var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/containers/NotebookArticle/NotebookArticle.tsx";
 var INCLUDE_BLUEPRINTS = [
-  "dxos.org/blueprint/assistant",
-  "dxos.org/blueprint/database",
-  "dxos.org/blueprint/markdown"
+  "org.dxos.blueprint.assistant",
+  "org.dxos.blueprint.database",
+  "org.dxos.blueprint.markdown"
 ];
-var NotebookContainer = ({ role, subject: notebook, env }) => {
+var NotebookArticle = ({ role, subject: notebook, attendableId, env }) => {
   const { t } = useTranslation(meta.id);
   const registry = useContext(RegistryContext);
-  const db = notebook && Obj.getDatabase(notebook);
-  const attendableId = notebook ? Obj.getDXN(notebook).toString() : "";
+  const db = Obj.getDatabase(notebook);
   const { hasAttention } = useAttention(attendableId);
   const graph = useMemo(() => notebook && new ComputeGraph(notebook, registry), [
     notebook,
@@ -591,15 +562,7 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
   ]);
   const [queryValues, setQueryValues] = useState({});
   const handleExecQueries = useCallback(async () => {
-    invariant2(db, void 0, {
-      F: __dxlog_file3,
-      L: 55,
-      S: void 0,
-      A: [
-        "db",
-        ""
-      ]
-    });
+    invariant2(db, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 43, S: void 0, A: ["db", ""] });
     const builder = new QueryBuilder();
     for (const cell of notebook?.cells ?? []) {
       if (cell.type === "query") {
@@ -619,16 +582,16 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
                 },
                 view
               });
-              Obj.change(notebook, (n) => {
-                const c = n.cells.find((c2) => c2.id === cell.id);
+              Obj.update(notebook, (obj) => {
+                const c = obj.cells.find((c2) => c2.id === cell.id);
                 if (c) {
                   c.graph = Ref.make(newGraph);
                   c.name = name;
                 }
               });
             } else {
-              Obj.change(graph2, (g) => {
-                g.query.ast = ast;
+              Obj.update(graph2, (graph3) => {
+                graph3.query.ast = ast;
               });
             }
           }
@@ -651,16 +614,8 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
     graph
   ]);
   const [promptResults, setPromptResults] = useState({});
-  const handleExecPrompts = useComputeRuntimeCallback(db?.spaceId, Effect.fnUntraced(function* () {
-    invariant2(graph, void 0, {
-      F: __dxlog_file3,
-      L: 99,
-      S: this,
-      A: [
-        "graph",
-        ""
-      ]
-    });
+  const handleExecPrompts = useSpaceCallback(db?.spaceId, [], Effect.fnUntraced(function* () {
+    invariant2(graph, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 96, S: this, A: ["graph", ""] });
     const prompts = notebook?.cells.filter((cell) => cell.type === "prompt").map((cell) => cell.prompt).filter(isNonNullable) ?? [];
     for (const prompt of prompts) {
       yield* runPrompt({
@@ -671,7 +626,7 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
         },
         onResult: (result) => setPromptResults((prev) => ({
           ...prev,
-          [prompt.dxn.toString()]: result
+          [prompt.uri]: result
         }))
       });
     }
@@ -690,22 +645,14 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
     handleExecPrompts
   ]);
   const handleRearrange = useCallback((source, target) => {
-    invariant2(notebook, void 0, {
-      F: __dxlog_file3,
-      L: 132,
-      S: void 0,
-      A: [
-        "notebook",
-        ""
-      ]
-    });
+    invariant2(notebook, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 128, S: void 0, A: ["notebook", ""] });
     const from = notebook.cells.findIndex((cell) => cell.id === source.id);
     const to = notebook.cells.findIndex((cell) => cell.id === target.id);
     if (from != null && to != null) {
-      Obj.change(notebook, (n) => {
-        const cell = n.cells.splice(from, 1)[0];
+      Obj.update(notebook, (notebook2) => {
+        const cell = notebook2.cells.splice(from, 1)[0];
         if (cell) {
-          n.cells.splice(to, 0, cell);
+          notebook2.cells.splice(to, 0, cell);
         }
       });
     }
@@ -713,15 +660,7 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
     notebook
   ]);
   const handleCellInsert = useCallback(async (type, after) => {
-    invariant2(notebook, void 0, {
-      F: __dxlog_file3,
-      L: 149,
-      S: void 0,
-      A: [
-        "notebook",
-        ""
-      ]
-    });
+    invariant2(notebook, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 143, S: void 0, A: ["notebook", ""] });
     const cell = {
       id: crypto.randomUUID(),
       type
@@ -736,8 +675,11 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
       case "prompt": {
         if (db) {
           const objects = await db.query(Query.select(Filter.type(Blueprint.Blueprint))).run();
-          const blueprints = objects.filter((blueprint) => INCLUDE_BLUEPRINTS.includes(blueprint.key)).map((blueprint) => Ref.make(blueprint));
-          cell.prompt = Ref.make(Prompt.make({
+          const blueprints = objects.filter((blueprint) => {
+            const key = Obj.getMeta(blueprint).key;
+            return key !== void 0 && INCLUDE_BLUEPRINTS.includes(key);
+          }).map((blueprint) => Ref.make(blueprint));
+          cell.prompt = Ref.make(Routine.make({
             instructions: "",
             blueprints
           }));
@@ -746,27 +688,19 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
       }
     }
     const idx = after ? notebook.cells.findIndex((cell2) => cell2.id === after) : notebook.cells.length;
-    Obj.change(notebook, (n) => {
-      n.cells.splice(idx, 0, cell);
+    Obj.update(notebook, (notebook2) => {
+      notebook2.cells.splice(idx, 0, cell);
     });
   }, [
     db,
     notebook
   ]);
   const handleCellDelete = useCallback((id) => {
-    invariant2(notebook, void 0, {
-      F: __dxlog_file3,
-      L: 181,
-      S: void 0,
-      A: [
-        "notebook",
-        ""
-      ]
-    });
+    invariant2(notebook, void 0, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 181, S: void 0, A: ["notebook", ""] });
     const idx = notebook.cells.findIndex((cell) => cell.id === id);
     if (idx !== -1) {
-      Obj.change(notebook, (n) => {
-        n.cells.splice(idx, 1);
+      Obj.update(notebook, (notebook2) => {
+        notebook2.cells.splice(idx, 1);
       });
     }
   }, [
@@ -774,25 +708,24 @@ var NotebookContainer = ({ role, subject: notebook, env }) => {
   ]);
   return /* @__PURE__ */ React.createElement(Panel.Root, {
     role,
-    className: "dx-article"
+    className: "dx-document"
   }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
     asChild: true
   }, /* @__PURE__ */ React.createElement(Toolbar.Root, {
-    disabled: !hasAttention,
-    textBlockWidth: true
+    disabled: !hasAttention
   }, /* @__PURE__ */ React.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React.createElement(DropdownMenu.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React.createElement(IconButton, {
     icon: "ph--plus--regular",
     iconOnly: true,
-    label: t("notebook cell insert label")
+    label: t("notebook-cell-insert.label")
   })), /* @__PURE__ */ React.createElement(NotebookMenu, {
     onCellInsert: handleCellInsert
   })), /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
     icon: "ph--play--fill",
     iconOnly: true,
-    label: t("compute label"),
-    classNames: "text-green-500",
+    label: t("compute.label"),
+    classNames: "text-success-text",
     onClick: handleCompute
   }))), /* @__PURE__ */ React.createElement(Panel.Content, {
     asChild: true
@@ -812,39 +745,19 @@ var runPrompt = Effect.fn(function* ({ prompt, input, onResult }) {
     prompt,
     input
   };
-  const tracer = yield* TracingService;
-  const trace = yield* tracer.traceInvocationStart({
-    target: void 0,
-    payload: {
-      data: {}
-    }
-  });
-  const result = yield* FunctionInvocationService.invokeFunction(AgentFunctions.Prompt, inputData).pipe(Effect.provide(trace.invocationTraceQueue ? TracingService.layerInvocation(trace) : TracingService.layerNoop), Effect.exit);
+  const result = yield* Operation.invoke(AgentPrompt, inputData).pipe(Effect.orDie, Effect.exit);
   Exit.match(result, {
     onFailure: (cause) => {
       const error = Cause.prettyErrors(cause)[0];
-      log2.error(error.message, error.cause ?? error.stack, {
-        F: __dxlog_file3,
-        L: 255,
-        S: this,
-        C: (f, a) => f(...a)
-      });
+      log2.error(error.message, error.cause ?? error.stack, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 236, S: this });
       onResult(error.message);
     },
     onSuccess: (result2) => {
       onResult(result2.note);
     }
   });
-  yield* tracer.traceInvocationEnd({
-    trace,
-    // TODO(dmaretskyi): Might miss errors.
-    exception: Exit.isFailure(result) ? Cause.prettyErrors(result.cause)[0] : void 0
-  });
 });
-
-// src/containers/NotebookContainer/index.ts
-var NotebookContainer_default = NotebookContainer;
 export {
-  NotebookContainer_default as default
+  NotebookArticle as default
 };
-//# sourceMappingURL=NotebookContainer-VVZOKGRC.mjs.map
+//# sourceMappingURL=NotebookArticle-NV4AHOOS.mjs.map