@dxos/plugin-navtree 0.8.4-main.72ec0f3 → 0.8.4-main.8360d9e660

package/dist/lib/browser/CommandsDialogContent-2DKIOLJL.mjs

@@ -0,0 +1,113 @@
+import {
+  KEY_BINDING,
+  meta
+} from "./chunk-A4VDCIJC.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",
+        "action"
+      ],
+      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, {
+    srOnly: true
+  }, t("commands dialog title", {
+    ns: meta.id
+  })), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__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(Dialog.ActionBar, null, /* @__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-2DKIOLJL.mjs.map

package/dist/lib/browser/CommandsDialogContent-2DKIOLJL.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', 'action'],\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 srOnly>{t('commands dialog title', { ns: meta.id })}</Dialog.Title>\n        <Dialog.Body>\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        </Dialog.Body>\n        <Dialog.ActionBar>\n          <Dialog.Close asChild>\n            <Button classNames='w-full'>{t('close label', { ns: osTranslations })}</Button>\n          </Dialog.Close>\n        </Dialog.ActionBar>\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", "srOnly", "ns", "Body", "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", "ActionBar", "Close", "asChild", "Button", "osTranslations", "CommandsDialogContent"]
+}

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

@@ -0,0 +1,33 @@
+import {
+  COMMANDS_DIALOG,
+  meta
+} from "./chunk-A4VDCIJC.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-ABODVVMP.mjs.map

package/dist/lib/browser/CommandsTrigger-ABODVVMP.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-IQZCK4Y4.mjs

@@ -0,0 +1,12 @@
+import {
+  NODE_TYPE,
+  NavTreeContainer
+} from "./chunk-OGUYILOW.mjs";
+import "./chunk-KF26WA4O.mjs";
+import "./chunk-A4VDCIJC.mjs";
+export {
+  NODE_TYPE,
+  NavTreeContainer,
+  NavTreeContainer as default
+};
+//# sourceMappingURL=NavTreeContainer-IQZCK4Y4.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,26 @@
+import {
+  meta
+} from "./chunk-A4VDCIJC.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-L6NLLWLD.mjs.map

package/dist/lib/browser/NavTreeDocumentTitle-L6NLLWLD.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-Z43OTNI2.mjs

@@ -0,0 +1,44 @@
+import {
+  COMMANDS_DIALOG,
+  meta
+} from "./chunk-A4VDCIJC.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-Z43OTNI2.mjs.map

package/dist/lib/browser/app-graph-builder-Z43OTNI2.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"]
+}

package/dist/lib/browser/{chunk-E6MZBCU5.mjs → chunk-A4VDCIJC.mjs}

@@ -1,7 +1,7 @@
 // src/meta.ts
 import { trim } from "@dxos/util";
 var meta = {
-  id: "dxos.org/plugin/navtree",
+  id: "org.dxos.plugin.navtree",
   name: "Navtree",
   description: trim`
     Hierarchical navigation tree for browsing spaces, folders, and objects.
@@ -9,11 +9,11 @@ var meta = {
   `
 };
 var KEY_BINDING = "KeyBinding";
-var COMMANDS_DIALOG = `${meta.id}/CommandsDialog`;
+var COMMANDS_DIALOG = `${meta.id}.commands-dialog`;
 
 export {
   meta,
   KEY_BINDING,
   COMMANDS_DIALOG
 };
-//# sourceMappingURL=chunk-E6MZBCU5.mjs.map
+//# sourceMappingURL=chunk-A4VDCIJC.mjs.map

package/dist/lib/browser/chunk-A4VDCIJC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.navtree',\n  name: 'Navtree',\n  description: trim`\n    Hierarchical navigation tree for browsing spaces, folders, and objects.\n    Provides sidebar navigation with collapsible sections and quick access to workspace content.\n  `,\n};\n\n// TODO(wittjosiah): Factor out.\nexport const KEY_BINDING = 'KeyBinding';\n// TODO(wittjosiah): Factor out.\nexport const COMMANDS_DIALOG = `${meta.id}.commands-dialog`;\n"],
+  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;AAIf;AAGO,IAAMC,cAAc;AAEpB,IAAMC,kBAAkB,GAAGN,KAAKC,EAAE;",
+  "names": ["trim", "meta", "id", "name", "description", "trim", "KEY_BINDING", "COMMANDS_DIALOG"]
+}

package/dist/lib/browser/chunk-DINDC6HE.mjs

@@ -0,0 +1,14 @@
+// src/containers/index.ts
+import { lazy } from "react";
+var CommandsDialogContent = lazy(() => import("./CommandsDialogContent-2DKIOLJL.mjs"));
+var CommandsTrigger = lazy(() => import("./CommandsTrigger-ABODVVMP.mjs"));
+var NavTreeContainer = lazy(() => import("./NavTreeContainer-IQZCK4Y4.mjs"));
+var NavTreeDocumentTitle = lazy(() => import("./NavTreeDocumentTitle-L6NLLWLD.mjs"));
+
+export {
+  CommandsDialogContent,
+  CommandsTrigger,
+  NavTreeContainer,
+  NavTreeDocumentTitle
+};
+//# sourceMappingURL=chunk-DINDC6HE.mjs.map

package/dist/lib/browser/chunk-DINDC6HE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport { NODE_TYPE } from './NavTreeContainer';\n\nexport const CommandsDialogContent: ComponentType<any> = lazy(() => import('./CommandsDialogContent'));\nexport const CommandsTrigger: ComponentType<any> = lazy(() => import('./CommandsTrigger'));\nexport const NavTreeContainer: ComponentType<any> = lazy(() => import('./NavTreeContainer'));\nexport const NavTreeDocumentTitle: ComponentType<any> = lazy(() => import('./NavTreeDocumentTitle'));\n"],
+  "mappings": ";AAIA,SAA6BA,YAAY;AAIlC,IAAMC,wBAA4CC,KAAK,MAAM,OAAO,sCAAA,CAAA;AACpE,IAAMC,kBAAsCD,KAAK,MAAM,OAAO,gCAAA,CAAA;AAC9D,IAAME,mBAAuCF,KAAK,MAAM,OAAO,iCAAA,CAAA;AAC/D,IAAMG,uBAA2CH,KAAK,MAAM,OAAO,qCAAA,CAAA;",
+  "names": ["lazy", "CommandsDialogContent", "lazy", "CommandsTrigger", "NavTreeContainer", "NavTreeDocumentTitle"]
+}

package/dist/lib/browser/chunk-KF26WA4O.mjs

@@ -0,0 +1,23 @@
+import {
+  meta
+} from "./chunk-A4VDCIJC.mjs";
+
+// src/types/capabilities.ts
+import { Capability } from "@dxos/app-framework";
+(function(NavTreeCapabilities2) {
+  NavTreeCapabilities2.State = Capability.make(`${meta.id}.capability.state`);
+})(NavTreeCapabilities || (NavTreeCapabilities = {}));
+var NavTreeCapabilities;
+
+// src/types/events.ts
+import { AppActivationEvents } from "@dxos/app-toolkit";
+(function(NavTreeEvents2) {
+  NavTreeEvents2.StateReady = AppActivationEvents.createStateEvent(meta.id);
+})(NavTreeEvents || (NavTreeEvents = {}));
+var NavTreeEvents;
+
+export {
+  NavTreeCapabilities,
+  NavTreeEvents
+};
+//# sourceMappingURL=chunk-KF26WA4O.mjs.map

package/dist/lib/browser/chunk-KF26WA4O.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/capabilities.ts", "../../../src/types/events.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\n\nimport { Capability } from '@dxos/app-framework';\n\nimport { meta } from '../meta';\n\nexport namespace NavTreeCapabilities {\n  export type NavTreeItemState = { open: boolean; current: boolean; alternateTree?: boolean };\n\n  export type NavTreeStateStore = {\n    getItem: (path: string[]) => NavTreeItemState;\n    getItemAtom: (path: string[]) => Atom.Atom<NavTreeItemState>;\n    setItem: (path: string[], key: 'open' | 'current' | 'alternateTree', next: boolean) => void;\n  };\n\n  export const State = Capability.make<NavTreeStateStore>(`${meta.id}.capability.state`);\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ActivationEvent } from '@dxos/app-framework';\nimport { AppActivationEvents } from '@dxos/app-toolkit';\n\nimport { meta } from '../meta';\n\nexport namespace NavTreeEvents {\n  export const StateReady: ActivationEvent.ActivationEvent = AppActivationEvents.createStateEvent(meta.id);\n}\n"],
+  "mappings": ";;;;;AAMA,SAASA,kBAAkB;UAIVC,sBAAAA;uBASFC,QAAQC,WAAWC,KAAwB,GAAGC,KAAKC,EAAE,mBAAmB;AACvF,GAViBL,wBAAAA,sBAAAA,CAAAA,EAAAA;;;;ACLjB,SAASM,2BAA2B;UAInBC,gBAAAA;iBACFC,aAA8CC,oBAAoBC,iBAAiBC,KAAKC,EAAE;AACzG,GAFiBL,kBAAAA,gBAAAA,CAAAA,EAAAA;;",
+  "names": ["Capability", "NavTreeCapabilities", "State", "Capability", "make", "meta", "id", "AppActivationEvents", "NavTreeEvents", "StateReady", "AppActivationEvents", "createStateEvent", "meta", "id"]
+}