@dxos/plugin-search 0.8.4-main.c1de068 → 0.8.4-main.c351d160a8

package/README.md

@@ -1,4 +1,3 @@
 # @dxos/plugin-search
 
 Surface plugin for search.
-

package/dist/lib/browser/SearchDialog-KJL6C2OF.mjs

@@ -0,0 +1,108 @@
+import {
+  useSearchResults
+} from "./chunk-NB4JZIOE.mjs";
+import {
+  meta
+} from "./chunk-PZ67KFRU.mjs";
+
+// src/containers/SearchDialog/SearchDialog.tsx
+import * as Option from "effect/Option";
+import React, { forwardRef, useCallback, useState } from "react";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { LayoutOperation } from "@dxos/app-toolkit";
+import { useAppGraph, useLayout } from "@dxos/app-toolkit/ui";
+import { Obj } from "@dxos/echo";
+import { Graph } from "@dxos/plugin-graph";
+import { useClient } from "@dxos/react-client";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { Button, Dialog, toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { SearchList } from "@dxos/react-ui-searchlist";
+import { mx, osTranslations } from "@dxos/ui-theme";
+var SearchListResult = /* @__PURE__ */ forwardRef(({ node, onSelect }, forwardedRef) => {
+  const { t } = useTranslation(meta.id);
+  const label = toLocalizedString(node?.properties.label ?? "never", t);
+  const handleSelect = useCallback(() => {
+    onSelect?.(node.id);
+  }, [
+    node,
+    onSelect
+  ]);
+  return /* @__PURE__ */ React.createElement(SearchList.Item, {
+    value: node.id,
+    label,
+    icon: node?.properties.icon,
+    classNames: "flex gap-2 items-center px-2",
+    onSelect: handleSelect,
+    ref: forwardedRef
+  });
+});
+var SearchDialog = ({ pivotId }) => {
+  const { t } = useTranslation(meta.id);
+  const { graph } = useAppGraph();
+  const layout = useLayout();
+  const closed = (Array.isArray(layout.inactive) ? layout.inactive : [
+    layout.inactive
+  ]).map((id) => graph ? Graph.getNode(graph, id) : Option.none()).filter(Boolean);
+  const [queryString, setQueryString] = useState("");
+  const client = useClient();
+  const dangerouslyLoadAllObjects = useQuery(client.spaces, Filter.everything());
+  const [pending, results] = useSearchResults(queryString, dangerouslyLoadAllObjects);
+  const resultObjects = Array.from(results.keys());
+  const { invokePromise } = useOperationInvoker();
+  const handleSelect = useCallback(async (nodeId) => {
+    await invokePromise(LayoutOperation.UpdateDialog, {
+      state: false
+    });
+    const index = layout.active.findIndex((id) => id === nodeId);
+    if (index !== -1) {
+      await invokePromise(LayoutOperation.ScrollIntoView, {
+        subject: nodeId
+      });
+    } else {
+      await invokePromise(LayoutOperation.Open, {
+        subject: [
+          nodeId
+        ],
+        pivotId,
+        positioning: "end"
+      });
+    }
+  }, [
+    pivotId,
+    invokePromise,
+    layout
+  ]);
+  const handleSearch = useCallback((query) => {
+    setQueryString(query);
+  }, []);
+  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("search dialog title")), /* @__PURE__ */ React.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React.createElement(SearchList.Content, {
+    classNames: "max-h-[24rem] overflow-auto"
+  }, /* @__PURE__ */ React.createElement(SearchList.Input, {
+    placeholder: t("search placeholder")
+  }), /* @__PURE__ */ React.createElement(SearchList.Viewport, null, queryString.length > 0 ? resultObjects.length > 0 ? resultObjects.map((object) => Graph.getNode(graph, Obj.getDXN(object).toString())).filter(Option.isSome).map((node) => /* @__PURE__ */ React.createElement(SearchListResult, {
+    key: node.value.id,
+    node: node.value,
+    onSelect: handleSelect
+  })) : /* @__PURE__ */ React.createElement("p", {
+    className: "px-1"
+  }, t(pending ? "pending results message" : "empty results message")) : /* @__PURE__ */ React.createElement(React.Fragment, null, closed.length > 0 && /* @__PURE__ */ React.createElement("h2", {
+    className: mx("my-1", "text-description")
+  }, t("recently closed heading")), closed.filter(Option.isSome).map((node) => /* @__PURE__ */ React.createElement(SearchListResult, {
+    key: node.value.id,
+    node: node.value,
+    onSelect: handleSelect
+  })))))), /* @__PURE__ */ React.createElement(Dialog.Close, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "primary"
+  }, t("close label", {
+    ns: osTranslations
+  }))));
+};
+export {
+  SearchDialog,
+  SearchDialog as default
+};
+//# sourceMappingURL=SearchDialog-KJL6C2OF.mjs.map

package/dist/lib/browser/SearchDialog-KJL6C2OF.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SearchDialog/SearchDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { forwardRef, useCallback, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation } from '@dxos/app-toolkit';\nimport { useAppGraph, useLayout } from '@dxos/app-toolkit/ui';\nimport { Obj } from '@dxos/echo';\nimport { Graph, type Node } from '@dxos/plugin-graph';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, useQuery } from '@dxos/react-client/echo';\nimport { Button, Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { SearchList } from '@dxos/react-ui-searchlist';\nimport { mx, osTranslations } from '@dxos/ui-theme';\n\nimport { useSearchResults } from '../../hooks';\nimport { meta } from '../../meta';\n\ntype SearchListResultProps = {\n  node: Node.Node;\n  onSelect?: (nodeId: string) => void;\n};\n\nconst SearchListResult = forwardRef<HTMLDivElement, SearchListResultProps>(({ node, onSelect }, forwardedRef) => {\n  const { t } = useTranslation(meta.id);\n  const label = toLocalizedString(node?.properties.label ?? 'never', t);\n  const handleSelect = useCallback(() => {\n    onSelect?.(node!.id);\n  }, [node, onSelect]);\n  return (\n    <SearchList.Item\n      value={node!.id}\n      label={label}\n      icon={node?.properties.icon}\n      classNames='flex gap-2 items-center px-2'\n      onSelect={handleSelect}\n      ref={forwardedRef}\n    />\n  );\n});\n\nexport type SearchDialogProps = {\n  pivotId: string;\n};\n\nexport const SearchDialog = ({ pivotId }: SearchDialogProps) => {\n  const { t } = useTranslation(meta.id);\n  const { graph } = useAppGraph();\n  const layout = useLayout();\n  const closed = (Array.isArray(layout.inactive) ? layout.inactive : [layout.inactive])\n    .map((id) => (graph ? Graph.getNode(graph, id) : Option.none()))\n    .filter(Boolean);\n  const [queryString, setQueryString] = useState('');\n  const client = useClient();\n  const dangerouslyLoadAllObjects = useQuery(client.spaces, Filter.everything());\n  const [pending, results] = useSearchResults(queryString, dangerouslyLoadAllObjects);\n  const resultObjects = Array.from(results.keys());\n  const { invokePromise } = useOperationInvoker();\n\n  const handleSelect = useCallback(\n    async (nodeId: string) => {\n      await invokePromise(LayoutOperation.UpdateDialog, { state: false });\n\n      // If node is already present in the active parts, scroll to it and close the dialog.\n      const index = layout.active.findIndex((id) => id === nodeId);\n      if (index !== -1) {\n        await invokePromise(LayoutOperation.ScrollIntoView, { subject: nodeId });\n      } else {\n        await invokePromise(LayoutOperation.Open, {\n          subject: [nodeId],\n          pivotId,\n          positioning: 'end',\n        });\n      }\n    },\n    [pivotId, invokePromise, layout],\n  );\n\n  const handleSearch = useCallback((query: string) => {\n    setQueryString(query);\n  }, []);\n\n  return (\n    <Dialog.Content>\n      <Dialog.Title>{t('search dialog title')}</Dialog.Title>\n      <SearchList.Root onSearch={handleSearch}>\n        <SearchList.Content classNames='max-h-[24rem] overflow-auto'>\n          <SearchList.Input placeholder={t('search placeholder')} />\n          <SearchList.Viewport>\n            {queryString.length > 0 ? (\n              resultObjects.length > 0 ? (\n                resultObjects\n                  .map((object) => Graph.getNode(graph, Obj.getDXN(object).toString()))\n                  .filter(Option.isSome)\n                  .map((node) => <SearchListResult key={node.value.id} node={node.value} onSelect={handleSelect} />)\n              ) : (\n                <p className='px-1'>{t(pending ? 'pending results message' : 'empty results message')}</p>\n              )\n            ) : (\n              <>\n                {closed.length > 0 && (\n                  <h2 className={mx('my-1', 'text-description')}>{t('recently closed heading')}</h2>\n                )}\n                {closed.filter(Option.isSome).map((node) => (\n                  <SearchListResult key={node.value.id} node={node.value} onSelect={handleSelect} />\n                ))}\n              </>\n            )}\n          </SearchList.Viewport>\n        </SearchList.Content>\n      </SearchList.Root>\n      <Dialog.Close asChild>\n        <Button variant='primary'>{t('close label', { ns: osTranslations })}</Button>\n      </Dialog.Close>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["Option", "React", "forwardRef", "useCallback", "useState", "useOperationInvoker", "LayoutOperation", "useAppGraph", "useLayout", "Obj", "Graph", "useClient", "Filter", "useQuery", "Button", "Dialog", "toLocalizedString", "useTranslation", "SearchList", "mx", "osTranslations", "SearchListResult", "forwardRef", "node", "onSelect", "forwardedRef", "t", "useTranslation", "meta", "id", "label", "toLocalizedString", "properties", "handleSelect", "useCallback", "SearchList", "Item", "value", "icon", "classNames", "ref", "SearchDialog", "pivotId", "graph", "useAppGraph", "layout", "useLayout", "closed", "Array", "isArray", "inactive", "map", "Graph", "getNode", "none", "filter", "Boolean", "queryString", "setQueryString", "useState", "client", "useClient", "dangerouslyLoadAllObjects", "useQuery", "spaces", "Filter", "everything", "pending", "results", "useSearchResults", "resultObjects", "from", "keys", "invokePromise", "useOperationInvoker", "nodeId", "LayoutOperation", "UpdateDialog", "state", "index", "active", "findIndex", "ScrollIntoView", "subject", "Open", "positioning", "handleSearch", "query", "Dialog", "Content", "Title", "Root", "onSearch", "Input", "placeholder", "Viewport", "length", "object", "Obj", "getDXN", "toString", "isSome", "key", "p", "className", "h2", "mx", "Close", "asChild", "Button", "variant", "ns", "osTranslations"]
+}

package/dist/lib/browser/SearchMain-VOEEHUCW.mjs

@@ -0,0 +1,97 @@
+import {
+  useGlobalSearch,
+  useGlobalSearchResults,
+  useWebSearch
+} from "./chunk-NB4JZIOE.mjs";
+import {
+  meta
+} from "./chunk-PZ67KFRU.mjs";
+
+// src/containers/SearchMain/SearchMain.tsx
+import React, { useCallback, useMemo, useState } from "react";
+import { Surface } from "@dxos/app-framework/ui";
+import { useObjectMenuItems } from "@dxos/app-toolkit/ui";
+import { Entity, Query } from "@dxos/echo";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { Card, Panel, ScrollArea, Toolbar, useTranslation } from "@dxos/react-ui";
+import { Menu } from "@dxos/react-ui-menu";
+import { Mosaic } from "@dxos/react-ui-mosaic";
+import { SearchList } from "@dxos/react-ui-searchlist";
+import { Text } from "@dxos/schema";
+var SearchMain = ({ space }) => {
+  const { t } = useTranslation(meta.id);
+  const { setMatch } = useGlobalSearch();
+  const [query, setQuery] = useState();
+  const objects = useQuery(space?.db, query === void 0 ? Query.select(Filter.nothing()) : Query.all(Query.select(Filter.text(query, {
+    type: "full-text"
+  })).select(Filter.not(Filter.type(Text.Text))), Query.select(Filter.text(query, {
+    type: "full-text"
+  })).select(Filter.type(Text.Text)).referencedBy("org.dxos.type.document", "content")));
+  const results = useGlobalSearchResults(objects);
+  const { results: webResults } = useWebSearch({
+    query
+  });
+  const allResults = useMemo(() => [
+    ...results,
+    ...webResults
+  ].filter(({ object }) => object && Entity.getLabel(object)), [
+    results,
+    webResults
+  ]);
+  const handleSearch = useCallback((text) => {
+    setQuery(text);
+    setMatch?.(text);
+  }, [
+    setMatch
+  ]);
+  return /* @__PURE__ */ React.createElement(SearchList.Root, {
+    onSearch: handleSearch
+  }, /* @__PURE__ */ React.createElement(Panel.Root, {
+    className: "dx-document"
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(SearchList.Input, {
+    placeholder: t("search placeholder")
+  }))), /* @__PURE__ */ React.createElement(Panel.Content, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(SearchList.Content, null, /* @__PURE__ */ React.createElement(Mosaic.Container, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Root, {
+    orientation: "vertical"
+  }, /* @__PURE__ */ React.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React.createElement(Mosaic.Stack, {
+    items: allResults,
+    getId: (result) => result.object.id,
+    Tile: SearchResultTile
+  })))), allResults.length === 0 && /* @__PURE__ */ React.createElement(SearchList.Empty, null, t("empty results message"))))));
+};
+var SearchResultTile = (props) => {
+  const data = props.data;
+  const object = data.object;
+  const objectMenuItems = useObjectMenuItems(object);
+  return /* @__PURE__ */ React.createElement(Menu.Root, null, /* @__PURE__ */ React.createElement(Card.Root, {
+    key: data.id
+  }, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.DragHandle, null), /* @__PURE__ */ React.createElement(Card.Title, null, data.label ?? (data.object && Entity.getLabel(data.object))), /* @__PURE__ */ React.createElement(Menu.Trigger, {
+    asChild: true,
+    disabled: !objectMenuItems?.length
+  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    icon: "ph--dots-three-vertical--regular",
+    label: "Actions"
+  })), /* @__PURE__ */ React.createElement(Menu.Content, {
+    items: objectMenuItems
+  })), /* @__PURE__ */ React.createElement(Surface.Surface, {
+    role: "card--content",
+    data: {
+      subject: data.object
+    },
+    limit: 1
+  })));
+};
+
+// src/containers/SearchMain/index.ts
+var SearchMain_default = SearchMain;
+export {
+  SearchMain_default as default
+};
+//# sourceMappingURL=SearchMain-VOEEHUCW.mjs.map

package/dist/lib/browser/SearchMain-VOEEHUCW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/SearchMain/SearchMain.tsx", "../../../src/containers/SearchMain/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/ui';\nimport { useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Entity, Query } from '@dxos/echo';\nimport { Filter, type Space, useQuery } from '@dxos/react-client/echo';\nimport { Card, Panel, ScrollArea, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { Menu } from '@dxos/react-ui-menu';\nimport { Mosaic, type MosaicStackTileComponent } from '@dxos/react-ui-mosaic';\nimport { SearchList } from '@dxos/react-ui-searchlist';\nimport { Text } from '@dxos/schema';\n\nimport { useGlobalSearch, useGlobalSearchResults, useWebSearch } from '../../hooks';\nimport { meta } from '../../meta';\nimport { type SearchResult } from '../../types';\n\nexport const SearchMain = ({ space }: { space?: Space }) => {\n  const { t } = useTranslation(meta.id);\n  const { setMatch } = useGlobalSearch();\n  const [query, setQuery] = useState<string>();\n  // TODO(burdon): Option to search across spaces.\n  const objects = useQuery(\n    space?.db,\n    query === undefined\n      ? Query.select(Filter.nothing())\n      : // TODO(dmaretskyi): Final version would walk the ancestry of the object until we find a non-system type.\n        Query.all(\n          Query.select(Filter.text(query, { type: 'full-text' })).select(Filter.not(Filter.type(Text.Text))),\n          Query.select(Filter.text(query, { type: 'full-text' }))\n            .select(Filter.type(Text.Text))\n            .referencedBy('org.dxos.type.document', 'content'),\n        ),\n  );\n\n  const results = useGlobalSearchResults(objects);\n  const { results: webResults } = useWebSearch({ query });\n  const allResults = useMemo(\n    () => [...results, ...webResults].filter(({ object }) => object && Entity.getLabel(object)),\n    [results, webResults],\n  );\n\n  const handleSearch = useCallback(\n    (text: string) => {\n      setQuery(text);\n      setMatch?.(text);\n    },\n    [setMatch],\n  );\n\n  return (\n    <SearchList.Root onSearch={handleSearch}>\n      <Panel.Root className='dx-document'>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <SearchList.Input placeholder={t('search placeholder')} />\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content asChild>\n          <SearchList.Content>\n            <Mosaic.Container asChild>\n              <ScrollArea.Root orientation='vertical'>\n                <ScrollArea.Viewport>\n                  <Mosaic.Stack items={allResults} getId={(result) => result.object!.id} Tile={SearchResultTile} />\n                </ScrollArea.Viewport>\n              </ScrollArea.Root>\n            </Mosaic.Container>\n            {allResults.length === 0 && <SearchList.Empty>{t('empty results message')}</SearchList.Empty>}\n          </SearchList.Content>\n        </Panel.Content>\n      </Panel.Root>\n    </SearchList.Root>\n  );\n};\n\nconst SearchResultTile: MosaicStackTileComponent<SearchResult> = (props) => {\n  const data = props.data;\n  const object = data.object!;\n  const objectMenuItems = useObjectMenuItems(object);\n\n  return (\n    <Menu.Root>\n      <Card.Root key={data.id}>\n        <Card.Toolbar>\n          <Card.DragHandle />\n          <Card.Title>{data.label ?? (data.object && Entity.getLabel(data.object))}</Card.Title>\n          {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n          <Menu.Trigger asChild disabled={!objectMenuItems?.length}>\n            <Toolbar.IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />\n          </Menu.Trigger>\n          <Menu.Content items={objectMenuItems} />\n        </Card.Toolbar>\n        <Surface.Surface role='card--content' data={{ subject: data.object }} limit={1} />\n      </Card.Root>\n    </Menu.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { SearchMain } from './SearchMain';\n\nexport default SearchMain;\n"],
+  "mappings": "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",
+  "names": ["React", "useCallback", "useMemo", "useState", "Surface", "useObjectMenuItems", "Entity", "Query", "Filter", "useQuery", "Card", "Panel", "ScrollArea", "Toolbar", "useTranslation", "Menu", "Mosaic", "SearchList", "Text", "SearchMain", "space", "t", "useTranslation", "meta", "id", "setMatch", "useGlobalSearch", "query", "setQuery", "useState", "objects", "useQuery", "db", "undefined", "Query", "select", "Filter", "nothing", "all", "text", "type", "not", "Text", "referencedBy", "results", "useGlobalSearchResults", "webResults", "useWebSearch", "allResults", "useMemo", "filter", "object", "Entity", "getLabel", "handleSearch", "useCallback", "SearchList", "Root", "onSearch", "Panel", "className", "Toolbar", "asChild", "Input", "placeholder", "Content", "Mosaic", "Container", "ScrollArea", "orientation", "Viewport", "Stack", "items", "getId", "result", "Tile", "SearchResultTile", "length", "Empty", "props", "data", "objectMenuItems", "useObjectMenuItems", "Menu", "Card", "key", "DragHandle", "Title", "label", "Trigger", "disabled", "IconButton", "iconOnly", "variant", "icon", "Surface", "role", "subject", "limit", "SearchMain"]
+}

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

@@ -0,0 +1,78 @@
+import {
+  SearchOperation
+} from "./chunk-I3633KKK.mjs";
+import {
+  meta
+} from "./chunk-PZ67KFRU.mjs";
+
+// src/capabilities/app-graph-builder/app-graph-builder.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities, COMPANION_PREFIX, getSpaceIdFromPath } from "@dxos/app-toolkit";
+import { Operation } from "@dxos/operation";
+import { ClientCapabilities } from "@dxos/plugin-client";
+import { DECK_COMPANION_TYPE } from "@dxos/plugin-deck/types";
+import { GraphBuilder, NodeMatcher } from "@dxos/plugin-graph";
+var app_graph_builder_default = Capability.makeModule(Effect.fnUntraced(function* () {
+  const extensions = yield* Effect.all([
+    GraphBuilder.createExtension({
+      id: `${meta.id}.space-search`,
+      match: NodeMatcher.whenRoot,
+      connector: Effect.fnUntraced(function* (node, get) {
+        const client = yield* Capability.get(ClientCapabilities.Client);
+        const layoutAtom = get(yield* Capability.atom(AppCapabilities.Layout))[0];
+        const layout = layoutAtom ? get(layoutAtom) : void 0;
+        const spaceId = layout?.workspace ? getSpaceIdFromPath(layout.workspace) : void 0;
+        const space = spaceId ? client.spaces.get(spaceId) : null;
+        return [
+          {
+            id: `${COMPANION_PREFIX}search`,
+            type: DECK_COMPANION_TYPE,
+            data: space,
+            properties: {
+              label: [
+                "search label",
+                {
+                  ns: meta.id
+                }
+              ],
+              icon: "ph--magnifying-glass--regular",
+              disposition: "hidden"
+            }
+          }
+        ];
+      })
+    }),
+    GraphBuilder.createExtension({
+      id: meta.id,
+      match: NodeMatcher.whenRoot,
+      actions: () => Effect.succeed([
+        {
+          id: SearchOperation.OpenSearch.meta.key,
+          data: Effect.fnUntraced(function* () {
+            yield* Operation.invoke(SearchOperation.OpenSearch);
+            return false;
+          }),
+          properties: {
+            label: [
+              "search action label",
+              {
+                ns: meta.id
+              }
+            ],
+            icon: "ph--magnifying-glass--regular",
+            keyBinding: {
+              macos: "shift+meta+f",
+              windows: "shift+alt+f"
+            }
+          }
+        }
+      ])
+    })
+  ]);
+  return Capability.contributes(AppCapabilities.AppGraphBuilder, extensions);
+}));
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-FHVM5QV7.mjs.map

package/dist/lib/browser/app-graph-builder-FHVM5QV7.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, COMPANION_PREFIX, getSpaceIdFromPath } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/operation';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { DECK_COMPANION_TYPE } from '@dxos/plugin-deck/types';\nimport { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';\n\nimport { meta } from '../../meta';\nimport { SearchOperation } from '../../types';\n\nexport default Capability.makeModule(\n  Effect.fnUntraced(function* () {\n    const extensions = yield* Effect.all([\n      GraphBuilder.createExtension({\n        id: `${meta.id}.space-search`,\n        match: NodeMatcher.whenRoot,\n        connector: Effect.fnUntraced(function* (node, get) {\n          const client = yield* Capability.get(ClientCapabilities.Client);\n          const layoutAtom = get(yield* Capability.atom(AppCapabilities.Layout))[0];\n          const layout = layoutAtom ? get(layoutAtom) : undefined;\n          const spaceId = layout?.workspace ? getSpaceIdFromPath(layout.workspace) : undefined;\n          const space = spaceId ? client.spaces.get(spaceId) : null;\n\n          return [\n            {\n              id: `${COMPANION_PREFIX}search`,\n              type: DECK_COMPANION_TYPE,\n              data: space,\n              properties: {\n                label: ['search label', { ns: meta.id }],\n                icon: 'ph--magnifying-glass--regular',\n                disposition: 'hidden',\n              },\n            },\n          ];\n        }),\n      }),\n      GraphBuilder.createExtension({\n        id: meta.id,\n        match: NodeMatcher.whenRoot,\n        actions: () =>\n          Effect.succeed([\n            {\n              id: SearchOperation.OpenSearch.meta.key,\n              data: Effect.fnUntraced(function* () {\n                yield* Operation.invoke(SearchOperation.OpenSearch);\n                return false;\n              }),\n              properties: {\n                label: ['search action label', { ns: meta.id }],\n                icon: 'ph--magnifying-glass--regular',\n                keyBinding: {\n                  macos: 'shift+meta+f',\n                  windows: 'shift+alt+f',\n                },\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,kBAAkBC,0BAA0B;AACtE,SAASC,iBAAiB;AAC1B,SAASC,0BAA0B;AACnC,SAASC,2BAA2B;AACpC,SAASC,cAAcC,mBAAmB;AAK1C,IAAA,4BAAeC,WAAWC,WACjBC,kBAAW,aAAA;AAChB,QAAMC,aAAa,OAAcC,WAAI;IACnCC,aAAaC,gBAAgB;MAC3BC,IAAI,GAAGC,KAAKD,EAAE;MACdE,OAAOC,YAAYC;MACnBC,WAAkBV,kBAAW,WAAWW,MAAMC,KAAG;AAC/C,cAAMC,SAAS,OAAOf,WAAWc,IAAIE,mBAAmBC,MAAM;AAC9D,cAAMC,aAAaJ,IAAI,OAAOd,WAAWmB,KAAKC,gBAAgBC,MAAM,CAAA,EAAG,CAAA;AACvE,cAAMC,SAASJ,aAAaJ,IAAII,UAAAA,IAAcK;AAC9C,cAAMC,UAAUF,QAAQG,YAAYC,mBAAmBJ,OAAOG,SAAS,IAAIF;AAC3E,cAAMI,QAAQH,UAAUT,OAAOa,OAAOd,IAAIU,OAAAA,IAAW;AAErD,eAAO;UACL;YACEjB,IAAI,GAAGsB,gBAAAA;YACPC,MAAMC;YACNC,MAAML;YACNM,YAAY;cACVC,OAAO;gBAAC;gBAAgB;kBAAEC,IAAI3B,KAAKD;gBAAG;;cACtC6B,MAAM;cACNC,aAAa;YACf;UACF;;MAEJ,CAAA;IACF,CAAA;IACAhC,aAAaC,gBAAgB;MAC3BC,IAAIC,KAAKD;MACTE,OAAOC,YAAYC;MACnB2B,SAAS,MACAC,eAAQ;QACb;UACEhC,IAAIiC,gBAAgBC,WAAWjC,KAAKkC;UACpCV,MAAa9B,kBAAW,aAAA;AACtB,mBAAOyC,UAAUC,OAAOJ,gBAAgBC,UAAU;AAClD,mBAAO;UACT,CAAA;UACAR,YAAY;YACVC,OAAO;cAAC;cAAuB;gBAAEC,IAAI3B,KAAKD;cAAG;;YAC7C6B,MAAM;YACNS,YAAY;cACVC,OAAO;cACPC,SAAS;YACX;UACF;QACF;OACD;IACL,CAAA;GACD;AAED,SAAO/C,WAAWgD,YAAY5B,gBAAgB6B,iBAAiB9C,UAAAA;AACjE,CAAA,CAAA;",
+  "names": ["Effect", "Capability", "AppCapabilities", "COMPANION_PREFIX", "getSpaceIdFromPath", "Operation", "ClientCapabilities", "DECK_COMPANION_TYPE", "GraphBuilder", "NodeMatcher", "Capability", "makeModule", "fnUntraced", "extensions", "all", "GraphBuilder", "createExtension", "id", "meta", "match", "NodeMatcher", "whenRoot", "connector", "node", "get", "client", "ClientCapabilities", "Client", "layoutAtom", "atom", "AppCapabilities", "Layout", "layout", "undefined", "spaceId", "workspace", "getSpaceIdFromPath", "space", "spaces", "COMPANION_PREFIX", "type", "DECK_COMPANION_TYPE", "data", "properties", "label", "ns", "icon", "disposition", "actions", "succeed", "SearchOperation", "OpenSearch", "key", "Operation", "invoke", "keyBinding", "macos", "windows", "contributes", "AppGraphBuilder"]
+}

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

@@ -0,0 +1,26 @@
+import {
+  meta
+} from "./chunk-PZ67KFRU.mjs";
+
+// src/types/action.tsx
+import * as Schema from "effect/Schema";
+import { Operation } from "@dxos/operation";
+var SEARCH_OPERATION = `${meta.id}.operation`;
+(function(SearchOperation2) {
+  SearchOperation2.OpenSearch = Operation.make({
+    meta: {
+      key: `${SEARCH_OPERATION}.open-search`,
+      name: "Open Search"
+    },
+    schema: {
+      input: Schema.Void,
+      output: Schema.Void
+    }
+  });
+})(SearchOperation || (SearchOperation = {}));
+var SearchOperation;
+
+export {
+  SearchOperation
+};
+//# sourceMappingURL=chunk-I3633KKK.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/action.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Operation } from '@dxos/operation';\n\nimport { meta } from '../meta';\n\nconst SEARCH_OPERATION = `${meta.id}.operation`;\n\nexport namespace SearchOperation {\n  export const OpenSearch = Operation.make({\n    meta: { key: `${SEARCH_OPERATION}.open-search`, name: 'Open Search' },\n    schema: { input: Schema.Void, output: Schema.Void },\n  });\n}\n"],
+  "mappings": ";;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,iBAAiB;AAI1B,IAAMC,mBAAmB,GAAGC,KAAKC,EAAE;UAElBC,kBAAAA;mBACFC,aAAaC,UAAUC,KAAK;IACvCL,MAAM;MAAEM,KAAK,GAAGP,gBAAAA;MAAgCQ,MAAM;IAAc;IACpEC,QAAQ;MAAEC,OAAcC;MAAMC,QAAeD;IAAK;EACpD,CAAA;AACF,GALiBR,oBAAAA,kBAAAA,CAAAA,EAAAA;;",
+  "names": ["Schema", "Operation", "SEARCH_OPERATION", "meta", "id", "SearchOperation", "OpenSearch", "Operation", "make", "key", "name", "schema", "input", "Void", "output"]
+}