@dxos/plugin-navtree 0.8.4-main.406dc2a → 0.8.4-main.4a85c3132b

package/dist/lib/browser/CommandsDialogContent-A27AKTHH.mjs

@@ -0,0 +1,111 @@
+import {
+  KEY_BINDING,
+  meta
+} from "./chunk-YKTYPINZ.mjs";
+
+// src/containers/CommandsDialogContent/CommandsDialogContent.tsx
+import React, { forwardRef, useMemo, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { useAppGraph } from "@dxos/app-toolkit/ui";
+import { Keyboard, keySymbols } from "@dxos/keyboard";
+import { Graph, Node, useActionRunner } from "@dxos/plugin-graph";
+import { useActions } from "@dxos/plugin-graph";
+import { Button, Dialog, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { SearchList, useSearchListResults } from "@dxos/react-ui-searchlist";
+import { osTranslations } from "@dxos/ui-theme";
+import { getHostPlatform } from "@dxos/util";
+var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const { invokeSync } = useOperationInvoker();
+  const runAction = useActionRunner();
+  const { graph } = useAppGraph();
+  const [selected, setSelected] = useState(initial);
+  const allActions = useMemo(() => {
+    const current = Keyboard.singleton.getCurrentContext();
+    const actionMap = /* @__PURE__ */ new Set();
+    const actions2 = [];
+    Graph.traverse(graph, {
+      relation: "child",
+      visitor: (node, path) => {
+        if ((Node.isAction(node) || Node.isActionGroup(node)) && !actionMap.has(node.id) && current.startsWith(path.slice(0, -1).join("/"))) {
+          actionMap.add(node.id);
+          actions2.push(node);
+        }
+      }
+    });
+    actions2.sort((a, b) => {
+      return toLocalizedString(a.properties.label, t)?.toLowerCase().localeCompare(toLocalizedString(b.properties.label, t)?.toLowerCase());
+    });
+    return actions2;
+  }, [
+    graph
+  ]);
+  const group = allActions.find(({ id }) => id === selected);
+  const groupActions = useActions(graph, group?.id);
+  const actions = Node.isActionGroup(group) ? groupActions : allActions;
+  const { results, handleSearch } = useSearchListResults({
+    items: actions,
+    extract: (action) => toLocalizedString(action.properties.label, t)
+  });
+  return /* @__PURE__ */ React.createElement(Dialog.Content, {
+    ref: forwardedRef
+  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("commands dialog title", {
+    ns: meta.id
+  })), /* @__PURE__ */ React.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React.createElement(SearchList.Content, null, /* @__PURE__ */ React.createElement(SearchList.Input, {
+    placeholder: t("command list input placeholder")
+  }), /* @__PURE__ */ React.createElement(SearchList.Viewport, null, results.map((action) => {
+    const shortcut = typeof action.properties.keyBinding === "string" ? action.properties.keyBinding : action.properties.keyBinding?.[getHostPlatform()];
+    return /* @__PURE__ */ React.createElement(SearchList.Item, {
+      value: action.id,
+      key: action.id,
+      label: toLocalizedString(action.properties.label, t),
+      icon: action.properties.icon,
+      suffix: shortcut ? keySymbols(shortcut).join("") : void 0,
+      onSelect: () => {
+        if (action.properties.disabled) {
+          return;
+        }
+        if (Node.isActionGroup(action)) {
+          setSelected(action.id);
+          return;
+        }
+        invokeSync(LayoutOperation.UpdateDialog, {
+          state: false
+        });
+        setTimeout(() => {
+          const node = Graph.getConnections(graph, group?.id ?? action.id, Node.childRelation("inbound"))[0];
+          if (node && Node.isAction(action)) {
+            void runAction(action, {
+              parent: node,
+              caller: KEY_BINDING
+            });
+          }
+        });
+      },
+      classNames: "flex items-center gap-2",
+      disabled: action.properties.disabled,
+      ...action.properties?.testId && {
+        "data-testid": action.properties.testId
+      }
+    });
+  })))), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "p-form-padding"
+  }, /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    classNames: "w-full"
+  }, t("close label", {
+    ns: osTranslations
+  })))));
+});
+
+// src/containers/CommandsDialogContent/index.ts
+var CommandsDialogContent_default = CommandsDialogContent;
+export {
+  CommandsDialogContent_default as default
+};
+//# sourceMappingURL=CommandsDialogContent-A27AKTHH.mjs.map

package/dist/lib/browser/CommandsDialogContent-A27AKTHH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CommandsDialogContent/CommandsDialogContent.tsx", "../../../src/containers/CommandsDialogContent/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { forwardRef, useMemo, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph } from '@dxos/app-toolkit/ui';\nimport { Keyboard, keySymbols } from '@dxos/keyboard';\nimport { Graph, Node, useActionRunner } from '@dxos/plugin-graph';\nimport { useActions } from '@dxos/plugin-graph';\nimport { Button, Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';\nimport { osTranslations } from '@dxos/ui-theme';\nimport { getHostPlatform } from '@dxos/util';\n\nimport { KEY_BINDING, meta } from '../../meta';\n\nexport type CommandsDialogContentProps = {\n  selected?: string;\n};\n\n// TODO(wittjosiah): This probably deserves its own plugin but for now it lives here w/ other navigation UI.\nexport const CommandsDialogContent = forwardRef<HTMLDivElement, CommandsDialogContentProps>(\n  ({ selected: initial }, forwardedRef) => {\n    const { t } = useTranslation(meta.id);\n    const { invokeSync } = useOperationInvoker();\n    const runAction = useActionRunner();\n    const { graph } = useAppGraph();\n    const [selected, setSelected] = useState<string | undefined>(initial);\n\n    // Traverse graph.\n    // TODO(burdon): Factor out commonality with shortcut dialog.\n    const allActions = useMemo(() => {\n      // TODO(burdon): Get from navtree (not keyboard).\n      const current = Keyboard.singleton.getCurrentContext();\n      const actionMap = new Set<string>();\n      const actions: Node.ActionLike[] = [];\n      Graph.traverse(graph, {\n        relation: 'child',\n        visitor: (node, path) => {\n          if (\n            (Node.isAction(node) || Node.isActionGroup(node)) &&\n            !actionMap.has(node.id) &&\n            current.startsWith(path.slice(0, -1).join('/'))\n          ) {\n            actionMap.add(node.id);\n            actions.push(node);\n          }\n        },\n      });\n\n      actions.sort((a, b) => {\n        return toLocalizedString(a.properties.label, t)\n          ?.toLowerCase()\n          .localeCompare(toLocalizedString(b.properties.label, t)?.toLowerCase());\n      });\n\n      return actions;\n    }, [graph]);\n\n    const group = allActions.find(({ id }) => id === selected);\n    const groupActions = useActions(graph, group?.id);\n    const actions = Node.isActionGroup(group) ? groupActions : allActions;\n\n    const { results, handleSearch } = useSearchListResults({\n      items: actions,\n      extract: (action) => toLocalizedString(action.properties.label, t),\n    });\n\n    return (\n      <Dialog.Content ref={forwardedRef}>\n        <Dialog.Title>{t('commands dialog title', { ns: meta.id })}</Dialog.Title>\n        <SearchList.Root onSearch={handleSearch}>\n          <SearchList.Content>\n            <SearchList.Input placeholder={t('command list input placeholder')} />\n            <SearchList.Viewport>\n              {results.map((action) => {\n                const shortcut =\n                  typeof action.properties.keyBinding === 'string'\n                    ? action.properties.keyBinding\n                    : action.properties.keyBinding?.[getHostPlatform()];\n\n                return (\n                  <SearchList.Item\n                    value={action.id}\n                    key={action.id}\n                    label={toLocalizedString(action.properties.label, t)}\n                    icon={action.properties.icon}\n                    suffix={shortcut ? keySymbols(shortcut).join('') : undefined}\n                    onSelect={() => {\n                      if (action.properties.disabled) {\n                        return;\n                      }\n\n                      if (Node.isActionGroup(action)) {\n                        setSelected(action.id);\n                        return;\n                      }\n\n                      invokeSync(LayoutOperation.UpdateDialog, { state: false });\n                      setTimeout(() => {\n                        const node = Graph.getConnections(\n                          graph,\n                          group?.id ?? action.id,\n                          Node.childRelation('inbound'),\n                        )[0];\n                        if (node && Node.isAction(action)) {\n                          void runAction(action, { parent: node, caller: KEY_BINDING });\n                        }\n                      });\n                    }}\n                    classNames='flex items-center gap-2'\n                    disabled={action.properties.disabled}\n                    {...(action.properties?.testId && {\n                      'data-testid': action.properties.testId,\n                    })}\n                  />\n                );\n              })}\n            </SearchList.Viewport>\n          </SearchList.Content>\n        </SearchList.Root>\n        <div role='none' className='p-form-padding'>\n          <Dialog.Close asChild>\n            <Button classNames='w-full'>{t('close label', { ns: osTranslations })}</Button>\n          </Dialog.Close>\n        </div>\n      </Dialog.Content>\n    );\n  },\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { CommandsDialogContent } from './CommandsDialogContent';\n\nexport default CommandsDialogContent;\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "useMemo", "useState", "useOperationInvoker", "LayoutOperation", "useAppGraph", "Keyboard", "keySymbols", "Graph", "Node", "useActionRunner", "useActions", "Button", "Dialog", "toLocalizedString", "useTranslation", "SearchList", "useSearchListResults", "osTranslations", "getHostPlatform", "CommandsDialogContent", "forwardRef", "selected", "initial", "forwardedRef", "t", "useTranslation", "meta", "id", "invokeSync", "useOperationInvoker", "runAction", "useActionRunner", "graph", "useAppGraph", "setSelected", "useState", "allActions", "useMemo", "current", "Keyboard", "singleton", "getCurrentContext", "actionMap", "Set", "actions", "Graph", "traverse", "relation", "visitor", "node", "path", "Node", "isAction", "isActionGroup", "has", "startsWith", "slice", "join", "add", "push", "sort", "a", "b", "toLocalizedString", "properties", "label", "toLowerCase", "localeCompare", "group", "find", "groupActions", "useActions", "results", "handleSearch", "useSearchListResults", "items", "extract", "action", "Dialog", "Content", "ref", "Title", "ns", "SearchList", "Root", "onSearch", "Input", "placeholder", "Viewport", "map", "shortcut", "keyBinding", "getHostPlatform", "Item", "value", "key", "icon", "suffix", "keySymbols", "undefined", "onSelect", "disabled", "LayoutOperation", "UpdateDialog", "state", "setTimeout", "getConnections", "childRelation", "parent", "caller", "KEY_BINDING", "classNames", "testId", "div", "role", "className", "Close", "asChild", "Button", "osTranslations", "CommandsDialogContent"]
+}

package/dist/lib/browser/CommandsTrigger-HBZYQCGV.mjs

@@ -0,0 +1,33 @@
+import {
+  COMMANDS_DIALOG,
+  meta
+} from "./chunk-YKTYPINZ.mjs";
+
+// src/containers/CommandsTrigger/CommandsTrigger.tsx
+import React from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { Button, Icon, useTranslation } from "@dxos/react-ui";
+var CommandsTrigger = () => {
+  const { invokeSync } = useOperationInvoker();
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Button, {
+    classNames: "m-1 px-1 lg:px-2",
+    onClick: () => invokeSync(LayoutOperation.UpdateDialog, {
+      subject: COMMANDS_DIALOG,
+      blockAlign: "start"
+    })
+  }, /* @__PURE__ */ React.createElement("span", {
+    className: "text-description font-normal grow text-start"
+  }, t("command list input placeholder")), /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--magnifying-glass--regular",
+    size: 5
+  }));
+};
+
+// src/containers/CommandsTrigger/index.ts
+var CommandsTrigger_default = CommandsTrigger;
+export {
+  CommandsTrigger_default as default
+};
+//# sourceMappingURL=CommandsTrigger-HBZYQCGV.mjs.map

package/dist/lib/browser/CommandsTrigger-HBZYQCGV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CommandsTrigger/CommandsTrigger.tsx", "../../../src/containers/CommandsTrigger/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { Button, Icon, useTranslation } from '@dxos/react-ui';\n\nimport { COMMANDS_DIALOG, meta } from '../../meta';\n\n// TODO(thure): Refactor to be handled by a more appropriate plugin.\nexport const CommandsTrigger = () => {\n  const { invokeSync } = useOperationInvoker();\n  const { t } = useTranslation(meta.id);\n  return (\n    <Button\n      classNames='m-1 px-1 lg:px-2'\n      onClick={() => invokeSync(LayoutOperation.UpdateDialog, { subject: COMMANDS_DIALOG, blockAlign: 'start' })}\n    >\n      <span className='text-description font-normal grow text-start'>{t('command list input placeholder')}</span>\n      <Icon icon='ph--magnifying-glass--regular' size={5} />\n    </Button>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { CommandsTrigger } from './CommandsTrigger';\n\nexport default CommandsTrigger;\n"],
+  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,QAAQC,MAAMC,sBAAsB;AAKtC,IAAMC,kBAAkB,MAAA;AAC7B,QAAM,EAAEC,WAAU,IAAKC,oBAAAA;AACvB,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,SACE,sBAAA,cAACC,QAAAA;IACCC,YAAW;IACXC,SAAS,MAAMR,WAAWS,gBAAgBC,cAAc;MAAEC,SAASC;MAAiBC,YAAY;IAAQ,CAAA;KAExG,sBAAA,cAACC,QAAAA;IAAKC,WAAU;KAAgDb,EAAE,gCAAA,CAAA,GAClE,sBAAA,cAACc,MAAAA;IAAKC,MAAK;IAAgCC,MAAM;;AAGvD;;;ACnBA,IAAA,0BAAeC;",
+  "names": ["React", "useOperationInvoker", "LayoutOperation", "Button", "Icon", "useTranslation", "CommandsTrigger", "invokeSync", "useOperationInvoker", "t", "useTranslation", "meta", "id", "Button", "classNames", "onClick", "LayoutOperation", "UpdateDialog", "subject", "COMMANDS_DIALOG", "blockAlign", "span", "className", "Icon", "icon", "size", "CommandsTrigger"]
+}

package/dist/lib/browser/NavTreeContainer-B5K4FUJS.mjs

@@ -0,0 +1,12 @@
+import {
+  NavTreeContainer
+} from "./chunk-DQCYMXEU.mjs";
+import "./chunk-X2HDG62A.mjs";
+import "./chunk-YKTYPINZ.mjs";
+
+// src/containers/NavTreeContainer/index.ts
+var NavTreeContainer_default = NavTreeContainer;
+export {
+  NavTreeContainer_default as default
+};
+//# sourceMappingURL=NavTreeContainer-B5K4FUJS.mjs.map

package/dist/lib/browser/NavTreeContainer-B5K4FUJS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/NavTreeContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { NavTreeContainer } from './NavTreeContainer';\n\nexport default NavTreeContainer;\n"],
+  "mappings": ";;;;;;;AAMA,IAAA,2BAAeA;",
+  "names": ["NavTreeContainer"]
+}

package/dist/lib/browser/NavTreeDocumentTitle-GEE3URWH.mjs

@@ -0,0 +1,26 @@
+import {
+  meta
+} from "./chunk-YKTYPINZ.mjs";
+
+// src/containers/NavTreeDocumentTitle/NavTreeDocumentTitle.tsx
+import { useEffect } from "react";
+import { toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { osTranslations } from "@dxos/ui-theme";
+var NavTreeDocumentTitle = ({ node }) => {
+  const { t } = useTranslation(meta.id);
+  useEffect(() => {
+    document.title = node ? toLocalizedString(node.properties.label, t) : t("current app name", {
+      ns: osTranslations
+    });
+  }, [
+    node?.properties?.label
+  ]);
+  return null;
+};
+
+// src/containers/NavTreeDocumentTitle/index.ts
+var NavTreeDocumentTitle_default = NavTreeDocumentTitle;
+export {
+  NavTreeDocumentTitle_default as default
+};
+//# sourceMappingURL=NavTreeDocumentTitle-GEE3URWH.mjs.map

package/dist/lib/browser/NavTreeDocumentTitle-GEE3URWH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/NavTreeDocumentTitle/NavTreeDocumentTitle.tsx", "../../../src/containers/NavTreeDocumentTitle/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\nimport { useEffect } from 'react';\n\nimport { type Node } from '@dxos/app-graph';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { osTranslations } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nexport const NavTreeDocumentTitle = ({ node }: { node?: Node.Node }) => {\n  const { t } = useTranslation(meta.id);\n  useEffect(() => {\n    document.title = node ? toLocalizedString(node.properties.label, t) : t('current app name', { ns: osTranslations });\n  }, [node?.properties?.label]);\n  return null;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { NavTreeDocumentTitle } from './NavTreeDocumentTitle';\n\nexport default NavTreeDocumentTitle;\n"],
+  "mappings": ";;;;;AAGA,SAASA,iBAAiB;AAG1B,SAASC,mBAAmBC,sBAAsB;AAClD,SAASC,sBAAsB;AAIxB,IAAMC,uBAAuB,CAAC,EAAEC,KAAI,MAAwB;AACjE,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpCC,YAAU,MAAA;AACRC,aAASC,QAAQP,OAAOQ,kBAAkBR,KAAKS,WAAWC,OAAOT,CAAAA,IAAKA,EAAE,oBAAoB;MAAEU,IAAIC;IAAe,CAAA;EACnH,GAAG;IAACZ,MAAMS,YAAYC;GAAM;AAC5B,SAAO;AACT;;;ACXA,IAAA,+BAAeG;",
+  "names": ["useEffect", "toLocalizedString", "useTranslation", "osTranslations", "NavTreeDocumentTitle", "node", "t", "useTranslation", "meta", "id", "useEffect", "document", "title", "toLocalizedString", "properties", "label", "ns", "osTranslations", "NavTreeDocumentTitle"]
+}

package/dist/lib/browser/app-graph-builder-XGA4GPGL.mjs

@@ -0,0 +1,44 @@
+import {
+  COMMANDS_DIALOG,
+  meta
+} from "./chunk-YKTYPINZ.mjs";
+
+// src/capabilities/app-graph-builder/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, LayoutOperation } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+import { GraphBuilder, NodeMatcher } from "@dxos/plugin-graph";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const extensions = yield* GraphBuilder.createExtension({
+    id: meta.id,
+    match: NodeMatcher.whenRoot,
+    actions: () => Effect.succeed([
+      {
+        id: COMMANDS_DIALOG,
+        data: () => Operation.invoke(LayoutOperation.UpdateDialog, {
+          subject: COMMANDS_DIALOG,
+          blockAlign: "start"
+        }),
+        properties: {
+          label: [
+            "open commands label",
+            {
+              ns: meta.id
+            }
+          ],
+          icon: "ph--magnifying-glass--regular",
+          keyBinding: {
+            macos: "meta+k",
+            windows: "ctrl+k"
+          }
+        }
+      }
+    ])
+  });
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-XGA4GPGL.mjs.map

package/dist/lib/browser/app-graph-builder-XGA4GPGL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities, LayoutOperation } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\nimport { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';\n\nimport { COMMANDS_DIALOG, meta } from '../../meta';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* GraphBuilder.createExtension({\n      id: meta.id,\n      match: NodeMatcher.whenRoot,\n      actions: () =>\n        Effect.succeed([\n          {\n            id: COMMANDS_DIALOG,\n            data: () =>\n              Operation.invoke(LayoutOperation.UpdateDialog, {\n                subject: COMMANDS_DIALOG,\n                blockAlign: 'start',\n              }),\n            properties: {\n              label: ['open commands label', { ns: meta.id }],\n              icon: 'ph--magnifying-glass--regular',\n              keyBinding: {\n                macos: 'meta+k',\n                windows: 'ctrl+k',\n              },\n            },\n          },\n        ]),\n    });\n\n    return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);\n  }),\n);\n"],
+  "mappings": ";;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,iBAAiBC,uBAAuB;AACjD,SAASC,iBAAiB;AAC1B,SAASC,cAAcC,mBAAmB;AAI1C,IAAA,4BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAOC,aAAaC,gBAAgB;IACrDC,IAAIC,KAAKD;IACTE,OAAOC,YAAYC;IACnBC,SAAS,MACAC,eAAQ;MACb;QACEN,IAAIO;QACJC,MAAM,MACJC,UAAUC,OAAOC,gBAAgBC,cAAc;UAC7CC,SAASN;UACTO,YAAY;QACd,CAAA;QACFC,YAAY;UACVC,OAAO;YAAC;YAAuB;cAAEC,IAAIhB,KAAKD;YAAG;;UAC7CkB,MAAM;UACNC,YAAY;YACVC,OAAO;YACPC,SAAS;UACX;QACF;MACF;KACD;EACL,CAAA;AAEA,SAAO3B,WAAW4B,YAAYC,gBAAgBC,iBAAiB3B,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "LayoutOperation", "Operation", "GraphBuilder", "NodeMatcher", "Capability", "makeModule", "fnUntraced", "extensions", "GraphBuilder", "createExtension", "id", "meta", "match", "NodeMatcher", "whenRoot", "actions", "succeed", "COMMANDS_DIALOG", "data", "Operation", "invoke", "LayoutOperation", "UpdateDialog", "subject", "blockAlign", "properties", "label", "ns", "icon", "keyBinding", "macos", "windows", "contributes", "AppCapabilities", "AppGraphBuilder"]
+}