@dxos/plugin-navtree 0.8.4-main.fffef41 → 0.8.4-staging.60fe92afc8

package/LICENSE

@@ -1,8 +1,105 @@
-MIT License 
-Copyright (c) 2022 DXOS
+# Functional Source License, Version 1.1, ALv2 Future License
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+## Abbreviation
 
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+FSL-1.1-Apache-2.0
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+## Notice
+
+Copyright 2026 DXOS
+
+## Terms and Conditions
+
+### Licensor ("We")
+
+The party offering the Software under these Terms and Conditions.
+
+### The Software
+
+The "Software" is each version of the software that we make available under
+these Terms and Conditions, as indicated by our inclusion of these Terms and
+Conditions with the Software.
+
+### License Grant
+
+Subject to your compliance with this License Grant and the Patents,
+Redistribution and Trademark clauses below, we hereby grant you the right to
+use, copy, modify, create derivative works, publicly perform, publicly display
+and redistribute the Software for any Permitted Purpose identified below.
+
+### Permitted Purpose
+
+A Permitted Purpose is any purpose other than a Competing Use. A Competing Use
+means making the Software available to others in a commercial product or
+service that:
+
+1. substitutes for the Software;
+
+2. substitutes for any other product or service we offer using the Software
+   that exists as of the date we make the Software available; or
+
+3. offers the same or substantially similar functionality as the Software.
+
+Permitted Purposes specifically include using the Software:
+
+1. for your internal use and access;
+
+2. for non-commercial education;
+
+3. for non-commercial research; and
+
+4. in connection with professional services that you provide to a licensee
+   using the Software in accordance with these Terms and Conditions.
+
+### Patents
+
+To the extent your use for a Permitted Purpose would necessarily infringe our
+patents, the license grant above includes a license under our patents. If you
+make a claim against any party that the Software infringes or contributes to
+the infringement of any patent, then your patent license to the Software ends
+immediately.
+
+### Redistribution
+
+The Terms and Conditions apply to all copies, modifications and derivatives of
+the Software.
+
+If you redistribute any copies, modifications or derivatives of the Software,
+you must include a copy of or a link to these Terms and Conditions and not
+remove any copyright notices provided in or with the Software.
+
+### Disclaimer
+
+THE SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING WITHOUT LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR
+PURPOSE, MERCHANTABILITY, TITLE OR NON-INFRINGEMENT.
+
+IN NO EVENT WILL WE HAVE ANY LIABILITY TO YOU ARISING OUT OF OR RELATED TO THE
+SOFTWARE, INCLUDING INDIRECT, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES,
+EVEN IF WE HAVE BEEN INFORMED OF THEIR POSSIBILITY IN ADVANCE.
+
+### Trademarks
+
+Except for displaying the License Details and identifying us as the origin of
+the Software, you have no right under these Terms and Conditions to use our
+trademarks, trade names, service marks or product names.
+
+## Grant of Future License
+
+We hereby irrevocably grant you an additional license to use the Software under
+the Apache License, Version 2.0 that is effective on the second anniversary of
+the date we make the Software available. On or after that date, you may use the
+Software under the Apache License, Version 2.0, in which case the following
+will apply:
+
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License.
+
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed
+under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, either express or implied. See the License for the
+specific language governing permissions and limitations under the License.

package/PLUGIN.mdl

@@ -0,0 +1,376 @@
+---
+id: org.dxos.plugin.navtree
+name: NavTreePlugin
+version: 0.1.0
+---
+
+Hierarchical navigation sidebar for `DXOS` Composer — renders the application graph as a collapsible tree, manages workspace tabs, exposes keyboard-driven command search, and handles drag-and-drop rearrangement of spaces, folders, and objects.
+
+## Extensions
+
+The following extension dialects are used in this document.
+Each extension is defined in the Appendix or resolved via its URI.
+
+| Term        | URI                            |
+|-------------|--------------------------------|
+| `type`      | `org.dxos.mdl.type@1.0`       |
+| `feat`      | `org.dxos.mdl.feat@1.0`       |
+| `test`      | `org.dxos.mdl.test@1.0`       |
+| `component` | `org.dxos.mdl.component@1.0`  |
+| `op`        | `org.dxos.mdl.op@1.0`         |
+
+## Types
+
+```mdl
+type NavTreeItemState
+  fields:
+    open: boolean          # whether the tree node is expanded
+    current: boolean       # whether the node is in the active layout
+```
+
+```mdl
+type KeyBinding
+  fields:
+    macos?: string
+    windows?: string
+    linux?: string
+    ios?: string
+    unknown?: string
+```
+
+```mdl
+type NodeProperties
+  fields:
+    label: Label
+    icon?: string
+    iconHue?: string
+    role?: string
+    error?: string
+    modified?: boolean
+    palette?: string
+    disabled?: boolean
+    testId?: string
+    position?: Position
+    className?: string
+    keyBinding?: string | KeyBinding
+    persistenceClass?: string
+    persistenceKey?: string
+```
+
+## Components
+
+```mdl
+component NavTree
+  desc: Root navigation tree that renders workspace tabs at the top level and a collapsible subtree for the active workspace.
+  props:
+    id: string             # root node id (Node.RootId)
+    root: Node             # root of the application graph
+    tab: string            # currently active workspace tab id
+    open: boolean          # whether the navigation sidebar is open
+  state:
+    model: NavTreeModel    # live tree model built from graph connections
+  slots:
+    itemEnd?: ReactNode    # per-item trailing content (e.g. action badges)
+  actions:
+    openChange(item: Node, path: string[], open: boolean)
+    tabChange(node: Node)
+    select(item: Node, path: string[], option: boolean)
+    back()
+    itemHover(item: Node)
+  layout: |
+    ┌─────────────────────────┐
+    │ workspace tabs          │
+    │  [tab] [tab] [tab]      │
+    ├─────────────────────────┤
+    │ collapsible tree        │
+    │  ▾ Space                │
+    │    ▾ Folder             │
+    │      • Object           │
+    │      • Object           │
+    │    • Object             │
+    └─────────────────────────┘
+```
+
+```mdl
+component NavTreeContainer
+  desc: Smart container that wires the NavTree to the app graph, layout state, and drag-and-drop monitor.
+  props:
+    tab: string
+    popoverAnchorId?: string
+  state:
+    layout: LayoutState    # active items, sidebar open/closed, mode
+    model: NavTreeModel
+  actions:
+    handleSelect(item: Node, path: string[], option: boolean)
+    handleOpenChange(item: Node, path: string[], open: boolean)
+    handleTabChange(node: Node)
+    handleBack()
+    handleDrop(source: TreeData, target: TreeData, instruction: Instruction)
+  emits:
+    onNavigate(subject: string | string[])
+  layout: |
+    ┌──────────────────────────┐
+    │ NavTreeContext.Provider  │
+    │  └─ NavTree              │
+    └──────────────────────────┘
+```
+
+```mdl
+component CommandsDialogContent
+  desc: Full-screen command palette dialog — surfaces all graph actions, searchable by label.
+  props:
+    onClose?: () => void
+  state:
+    query: string
+    results: Node[]
+  actions:
+    search(query: string) → Node[]
+    execute(node: Node)
+  layout: |
+    ┌──────────────────────────┐
+    │ [search input]           │
+    ├──────────────────────────┤
+    │ result list              │
+    │  icon  label  shortcut   │
+    │  icon  label             │
+    │  …                       │
+    └──────────────────────────┘
+```
+
+```mdl
+component CommandsTrigger
+  desc: Search-input surface slot component — opens the commands dialog on click or ⌘K / Ctrl+K.
+  slots:
+    (none)
+  actions:
+    openCommandsDialog()
+```
+
+## Operations
+
+```mdl
+op expose
+  desc: Expands tree nodes along the path to a subject and marks each as open so the item becomes visible in the NavTree.
+  input:
+    subject: string        # attendable DXN or node id
+  output: void
+  effects: [echo:read]
+  note: |
+    Resolves the full ancestor path via expandAttendableId, calls Graph.expand per node,
+    then sets each path segment open in NavTreeCapabilities.State.
+```
+
+## Features
+
+```mdl
+feat F-1: Sidebar Navigation
+
+  req F-1.1: NavTree renders all root-level graph connections as workspace tabs.
+  req F-1.2:
+    when: user selects a workspace tab
+    then: LayoutOperation.SwitchWorkspace is invoked; subtree for that workspace is expanded
+  req F-1.3:
+    when: sidebar is closed and user selects a workspace tab
+    then: sidebar opens (state transitions to expanded)
+  req F-1.4:
+    when: same active tab is clicked while sidebar is expanded
+    then: sidebar collapses (state transitions to collapsed or closed on mobile)
+```
+
+```mdl
+feat F-2: Tree Expand / Collapse
+
+  req F-2.1: Tree items with children show an expand/collapse toggle.
+  req F-2.2:
+    when: user expands a node
+    then: open state persisted to localStorage keyed by path; Graph.expand called for the node
+  req F-2.3:
+    when: plugin initialises after layout is ready
+    then: all paths previously marked open are re-expanded from localStorage
+  req F-2.4:
+    when: op:expose is called
+    then: all ancestors of the subject are expanded and marked open
+```
+
+```mdl
+feat F-3: Item Selection
+
+  req F-3.1:
+    when: user selects a non-current item
+    then: LayoutOperation.Open (single mode) or LayoutOperation.Set (multi mode) is invoked
+  req F-3.2:
+    when: user option-clicks a currently active item
+    then: LayoutOperation.Close is invoked for that item
+  req F-3.3:
+    when: user clicks a currently active item without option key
+    then: LayoutOperation.ScrollIntoView is invoked
+  req F-3.4:
+    when: item has a default disposition action
+    then: that action is run after navigation
+  req F-3.5:
+    when: navigation succeeds on mobile
+    then: sidebar is closed automatically
+```
+
+```mdl
+feat F-4: Drag and Drop
+
+  req F-4.1: NavTree items can be dragged to rearrange within the same parent.
+  req F-4.2: NavTree items can be dragged to copy or transfer to a different parent.
+  req F-4.3:
+    when: drop instruction is rearrange
+    then: onRearrange callback on the parent node is called with the new order
+  req F-4.4:
+    when: drop instruction is copy
+    then: onCopy callback on the target node is called
+  req F-4.5:
+    when: drop instruction is transfer
+    then: onTransferStart and onTransferEnd callbacks are called on source and target parents
+  req F-4.6:
+    when: target node reports blockInstruction for an instruction type
+    then: that instruction is blocked and the drop is not applied
+```
+
+```mdl
+feat F-5: Keyboard Shortcuts
+
+  req F-5.1: NavTree plugin registers keyboard shortcuts for all graph actions that declare a keyBinding property.
+  req F-5.2: Graph is traversed on change (debounced 500 ms) to bind newly added shortcuts.
+  req F-5.3: The commands dialog is opened via ⌘K (macOS) / Ctrl+K (Windows/Linux).
+  req F-5.4:
+    when: plugin deactivates
+    then: Keyboard.singleton is destroyed and all shortcuts are unregistered
+```
+
+```mdl
+feat F-6: State Persistence
+
+  req F-6.1: Per-path open/current state is stored in an atom family keyed by path string.
+  req F-6.2: Open state (not current) is persisted to localStorage on every change.
+  req F-6.3: Current state reflects active layout items and is never persisted.
+  req F-6.4:
+    when: layout.active changes
+    then: removed items are marked not-current; newly active items are marked current
+```
+
+## Acceptance
+
+```mdl
+test T-1: Workspace tab switch
+  given: two workspace tabs exist in the graph
+  when: user clicks the second workspace tab
+  then:
+    - LayoutOperation.SwitchWorkspace is invoked with the tab's node id
+    - sidebar transitions to expanded
+    - subtree for the selected workspace is expanded
+```
+
+```mdl
+test T-2: Tree node expand persists
+  given: NavTree is rendered with a collapsed folder node
+  when: user expands the folder
+  then:
+    - folder node state.open === true
+    - localStorage entry updated for the folder's path
+    - Graph.expand called for the folder node id
+```
+
+```mdl
+test T-3: Expose navigates to nested item
+  given: a deeply nested object id is active in the layout
+  when: op:expose is called with that object id
+  then:
+    - all ancestor paths are marked open
+    - Graph.expand is called for each ancestor
+```
+
+```mdl
+test T-4: Select item in single mode
+  given: layout.mode === single, item not currently active
+  when: user selects a tree item
+  then: LayoutOperation.Open is invoked with the item id
+```
+
+```mdl
+test T-5: Command palette opens on keyboard shortcut
+  given: NavTree is active
+  when: user presses ⌘K (macOS) or Ctrl+K (Windows)
+  then:
+    - CommandsDialogContent is shown in the layout dialog slot
+    - search input is focused
+```
+
+```mdl
+test T-6: Drag-and-drop rearrange
+  given: two sibling items in the same folder
+  when: user drags the first item below the second
+  then:
+    - onRearrange callback is called with the reordered array
+    - tree re-renders with the new order
+```
+
+---
+
+## Appendix: Extension Definitions
+
+```mdl
+ext type
+  uri: org.dxos.mdl.type@1.0
+  desc: A named data structure with typed fields and optional literals.
+  fields:
+    desc?: Prose
+    fields?: FieldMap
+    literals?: UnionList
+    extends?: TypeRef[]
+```
+
+```mdl
+ext feat
+  uri: org.dxos.mdl.feat@1.0
+  desc: A named feature grouping one or more requirements.
+  fields:
+    desc?: Prose
+    req: RequirementList
+  nesting: self
+```
+
+```mdl
+ext test
+  uri: org.dxos.mdl.test@1.0
+  desc: An acceptance scenario expressed as given / when / then steps.
+  fields:
+    given?: Step | Step[]
+    when?: Step | Step[]
+    then: Step | Step[]
+    tags?: TagList
+```
+
+```mdl
+ext component
+  uri: org.dxos.mdl.component@1.0
+  desc: A UI component with props, internal state, slots, actions, and events.
+  fields:
+    desc?: Prose
+    props?: FieldMap
+    state?: FieldMap
+    slots?: FieldMap
+    actions?: ActionMap
+    emits?: EventMap
+    layout?: CodeBlock
+```
+
+```mdl
+ext op
+  uri: org.dxos.mdl.op@1.0
+  desc: |
+    A named operation with typed inputs, outputs, and declared errors.
+    Pure ops have no effects or requires. Effectful ops declare both.
+  fields:
+    desc?: Prose
+    input?: FieldMap
+    output?: TypeExpr
+    errors?: ErrorMap
+    effects?: EffectList
+    requires?: ServiceList
+    note?: Prose
+```

package/README.md

@@ -12,4 +12,4 @@ DXOS Surface plugin for a tree view visualization of the graph.
 
 Your ideas, issues, and code are most welcome. Please take a look at our [community code of conduct](https://github.com/dxos/dxos/blob/main/CODE_OF_CONDUCT.md), the [issue guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-issues), and the [PR contribution guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-prs).
 
-License: [MIT](./LICENSE) Copyright 2023 © DXOS
+License: [FSL-1.1-Apache-2.0](./LICENSE) Copyright 2023 © DXOS

package/dist/lib/neutral/CommandsDialogContent-UBGIQ5FI.mjs

@@ -0,0 +1,112 @@
+import "./chunk-J5LGTIGS.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-search";
+import { osTranslations } from "@dxos/ui-theme";
+import { getHostPlatform } from "@dxos/util";
+import { KEY_BINDING, meta } from "#meta";
+var CommandsDialogContent = /* @__PURE__ */ forwardRef(({ selected: initial }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const { invokePromise } = 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) => {
+        const isActionLike = Node.isAction(node) || Node.isActionGroup(node);
+        const parentId = path.at(-2) ?? "";
+        const matches = current === parentId || current.startsWith(parentId + "/");
+        if (isActionLike && !actionMap.has(node.id) && matches) {
+          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(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__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;
+        }
+        void invokePromise(LayoutOperation.UpdateDialog, {
+          state: false
+        });
+        setTimeout(() => {
+          const lookupId = group?.id ?? action.id;
+          const node = Graph.getConnections(graph, lookupId, Node.actionRelation("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
+  })))));
+});
+export {
+  CommandsDialogContent as default
+};
+//# sourceMappingURL=CommandsDialogContent-UBGIQ5FI.mjs.map

package/dist/lib/neutral/CommandsDialogContent-UBGIQ5FI.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CommandsDialogContent/CommandsDialogContent.tsx"],
+  "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-search';\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 { invokePromise } = 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          const isActionLike = Node.isAction(node) || Node.isActionGroup(node);\n          const parentId = path.at(-2) ?? '';\n          const matches = current === parentId || current.startsWith(parentId + '/');\n          if (isActionLike && !actionMap.has(node.id) && matches) {\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        <SearchList.Root onSearch={handleSearch}>\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                    void invokePromise(LayoutOperation.UpdateDialog, { state: false });\n                    setTimeout(() => {\n                      const lookupId = group?.id ?? action.id;\n                      const node = Graph.getConnections(graph, lookupId, Node.actionRelation('inbound'))[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.Root>\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"],
+  "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", "KEY_BINDING", "meta", "CommandsDialogContent", "selected", "initial", "forwardedRef", "t", "id", "invokePromise", "runAction", "graph", "setSelected", "allActions", "current", "singleton", "getCurrentContext", "actionMap", "Set", "actions", "traverse", "relation", "visitor", "node", "path", "isActionLike", "isAction", "isActionGroup", "parentId", "at", "matches", "startsWith", "has", "add", "push", "sort", "a", "b", "properties", "label", "toLowerCase", "localeCompare", "group", "find", "groupActions", "results", "handleSearch", "items", "extract", "action", "Content", "ref", "Title", "srOnly", "ns", "Root", "onSearch", "Input", "placeholder", "Viewport", "map", "shortcut", "keyBinding", "Item", "value", "key", "icon", "suffix", "join", "undefined", "onSelect", "disabled", "UpdateDialog", "state", "setTimeout", "lookupId", "getConnections", "actionRelation", "parent", "caller", "classNames", "testId", "ActionBar", "Close", "asChild"]
+}

package/dist/lib/neutral/CommandsTrigger-BH5WLMHK.mjs

@@ -0,0 +1,27 @@
+import "./chunk-J5LGTIGS.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";
+import { COMMANDS_DIALOG, meta } from "#meta";
+var CommandsTrigger = () => {
+  const { invokePromise } = useOperationInvoker();
+  const { t } = useTranslation(meta.id);
+  return /* @__PURE__ */ React.createElement(Button, {
+    classNames: "m-1 px-1 lg:px-2",
+    onClick: () => void invokePromise(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"
+  }));
+};
+export {
+  CommandsTrigger as default
+};
+//# sourceMappingURL=CommandsTrigger-BH5WLMHK.mjs.map

package/dist/lib/neutral/CommandsTrigger-BH5WLMHK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/CommandsTrigger/CommandsTrigger.tsx"],
+  "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 { invokePromise } = useOperationInvoker();\n  const { t } = useTranslation(meta.id);\n  return (\n    <Button\n      classNames='m-1 px-1 lg:px-2'\n      onClick={() =>\n        void invokePromise(LayoutOperation.UpdateDialog, { subject: COMMANDS_DIALOG, blockAlign: 'start' })\n      }\n    >\n      <span className='text-description font-normal grow text-start'>{t('command-list-input.placeholder')}</span>\n      <Icon icon='ph--magnifying-glass--regular' />\n    </Button>\n  );\n};\n"],
+  "mappings": ";;;AAIA,OAAOA,WAAW;AAElB,SAASC,2BAA2B;AACpC,SAASC,uBAAuB;AAChC,SAASC,QAAQC,MAAMC,sBAAsB;AAE7C,SAASC,iBAAiBC,YAAY;AAG/B,IAAMC,kBAAkB,MAAA;AAC7B,QAAM,EAAEC,cAAa,IAAKR,oBAAAA;AAC1B,QAAM,EAAES,EAAC,IAAKL,eAAeE,KAAKI,EAAE;AACpC,SACE,sBAAA,cAACR,QAAAA;IACCS,YAAW;IACXC,SAAS,MACP,KAAKJ,cAAcP,gBAAgBY,cAAc;MAAEC,SAAST;MAAiBU,YAAY;IAAQ,CAAA;KAGnG,sBAAA,cAACC,QAAAA;IAAKC,WAAU;KAAgDR,EAAE,gCAAA,CAAA,GAClE,sBAAA,cAACN,MAAAA;IAAKe,MAAK;;AAGjB;",
+  "names": ["React", "useOperationInvoker", "LayoutOperation", "Button", "Icon", "useTranslation", "COMMANDS_DIALOG", "meta", "CommandsTrigger", "invokePromise", "t", "id", "classNames", "onClick", "UpdateDialog", "subject", "blockAlign", "span", "className", "icon"]
+}

package/dist/lib/neutral/NavTreeContainer-6AR4BFDD.mjs

@@ -0,0 +1,12 @@
+import {
+  NODE_TYPE,
+  NavTreeContainer
+} from "./chunk-5OPDKH6B.mjs";
+import "./chunk-JOSNCOV4.mjs";
+import "./chunk-J5LGTIGS.mjs";
+export {
+  NODE_TYPE,
+  NavTreeContainer,
+  NavTreeContainer as default
+};
+//# sourceMappingURL=NavTreeContainer-6AR4BFDD.mjs.map