@dxos/plugin-search 0.8.4-main.5ad4a44 → 0.8.4-main.66e292d

package/dist/lib/browser/react-surface-D7STUIQS.mjs

@@ -0,0 +1,306 @@
+import {
+  SearchContextProvider,
+  useGlobalSearch,
+  useGlobalSearchResults,
+  useSearchResults,
+  useWebSearch
+} from "./chunk-MBISM5WN.mjs";
+import {
+  meta
+} from "./chunk-GN2FSWTM.mjs";
+
+// src/capabilities/react-surface.tsx
+import React5 from "react";
+import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
+import { useActiveSpace } from "@dxos/plugin-space";
+import { isSpace } from "@dxos/react-client/echo";
+
+// src/components/Searchbar/Searchbar.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useCallback, useEffect, useRef } from "react";
+import { Input, Toolbar, useControlledState } from "@dxos/react-ui";
+var Searchbar = ({ classNames, variant, placeholder, value, onChange, onSubmit }) => {
+  var _effect = _useSignals();
+  try {
+    const [text, setText] = useControlledState(value, onChange);
+    const inputRef = useRef(null);
+    const handleWindowKeyDown = useCallback((event) => {
+      if (event.key === "f" && event.metaKey && event.shiftKey) {
+        inputRef.current?.focus();
+      }
+    }, [
+      inputRef
+    ]);
+    useEffect(() => {
+      window.addEventListener("keydown", handleWindowKeyDown);
+      return () => window.removeEventListener("keydown", handleWindowKeyDown);
+    }, [
+      handleWindowKeyDown
+    ]);
+    const handleKeyDown = useCallback((event) => {
+      switch (event.key) {
+        case "Enter":
+          onSubmit?.(text);
+          break;
+      }
+    }, [
+      text,
+      onSubmit
+    ]);
+    return /* @__PURE__ */ React.createElement(Toolbar.Root, {
+      classNames
+    }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+      ref: inputRef,
+      placeholder,
+      autoFocus: true,
+      variant,
+      value: text ?? "",
+      onChange: ({ target }) => setText(target.value),
+      onKeyDown: handleKeyDown
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/SearchMain.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import React3, { useState } from "react";
+import { useClient } from "@dxos/react-client";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { useTranslation } from "@dxos/react-ui";
+import { StackItem } from "@dxos/react-ui-stack";
+import { mx } from "@dxos/react-ui-theme";
+
+// src/components/SearchResults/SearchResults.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { forwardRef } from "react";
+import { Surface } from "@dxos/app-framework/react";
+import { Obj } from "@dxos/echo";
+import { Card } from "@dxos/react-ui-stack";
+import { ghostHover } from "@dxos/react-ui-theme";
+var SearchResults = ({ items }) => {
+  var _effect = _useSignals2();
+  try {
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: "overflow-y-auto"
+    }, /* @__PURE__ */ React2.createElement("div", {
+      className: "flex flex-col"
+    }, items.filter((item) => Obj.getLabel(item.object)).map((item) => /* @__PURE__ */ React2.createElement("div", {
+      key: item.id,
+      role: "none",
+      className: "pli-2 first:pbs-2 pbe-2"
+    }, /* @__PURE__ */ React2.createElement(Surface, {
+      role: "card",
+      data: {
+        subject: item.object
+      },
+      limit: 1
+    })))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/SearchMain.tsx
+var SearchMain = ({ space }) => {
+  var _effect = _useSignals3();
+  try {
+    const { t } = useTranslation(meta.id);
+    const client = useClient();
+    const { setMatch } = useGlobalSearch();
+    const [query, setQuery] = useState();
+    const allSpaces = false;
+    const objects = useQuery(allSpaces ? client.spaces : space, Filter.everything());
+    const results = useGlobalSearchResults(objects);
+    const { runSearch, results: webResults } = useWebSearch({
+      query
+    });
+    const [selected, setSelected] = useState();
+    const handleSelect = (id) => {
+      setSelected((selected2) => selected2 === id ? void 0 : id);
+    };
+    const allResults = [
+      ...results,
+      ...webResults
+    ];
+    return /* @__PURE__ */ React3.createElement(StackItem.Content, {
+      toolbar: true
+    }, /* @__PURE__ */ React3.createElement(Searchbar, {
+      classNames: "pli-2",
+      placeholder: t("search placeholder"),
+      delay: 300,
+      onChange: (text) => {
+        setQuery(text);
+        setMatch?.(text);
+      },
+      onSubmit: runSearch
+    }), allResults.length > 0 && /* @__PURE__ */ React3.createElement("div", {
+      className: mx("flex flex-col bs-full overflow-hidden")
+    }, /* @__PURE__ */ React3.createElement(SearchResults, {
+      items: allResults,
+      selected,
+      onSelect: handleSelect
+    })));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/SearchDialog.tsx
+import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import * as Option from "effect/Option";
+import React4, { forwardRef as forwardRef2, useCallback as useCallback2, useState as useState2 } from "react";
+import { LayoutAction, createIntent } from "@dxos/app-framework";
+import { useAppGraph, useIntentDispatcher, useLayout } from "@dxos/app-framework/react";
+import { Obj as Obj2 } from "@dxos/echo";
+import { useClient as useClient2 } from "@dxos/react-client";
+import { Filter as Filter2, useQuery as useQuery2 } from "@dxos/react-client/echo";
+import { Button, Dialog, Icon, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { SearchList } from "@dxos/react-ui-searchlist";
+import { descriptionText, mx as mx2 } from "@dxos/react-ui-theme";
+var SEARCH_DIALOG = `${meta.id}/SearchDialog`;
+var SearchListResult = /* @__PURE__ */ forwardRef2(({ node, onSelect }, forwardedRef) => {
+  var _effect = _useSignals4();
+  try {
+    const { t } = useTranslation2(meta.id);
+    const label = toLocalizedString(node?.properties.label ?? "never", t);
+    return /* @__PURE__ */ React4.createElement(SearchList.Item, {
+      value: label,
+      key: node.id,
+      classNames: "flex gap-2 items-center pli-2",
+      onSelect: () => onSelect?.(node.id),
+      ref: forwardedRef
+    }, /* @__PURE__ */ React4.createElement(Icon, {
+      size: 5,
+      icon: node?.properties.icon
+    }), /* @__PURE__ */ React4.createElement("span", {
+      className: "is-0 grow truncate"
+    }, label));
+  } finally {
+    _effect.f();
+  }
+});
+var SearchDialog = ({ pivotId }) => {
+  var _effect = _useSignals4();
+  try {
+    const { t } = useTranslation2(meta.id);
+    const { graph } = useAppGraph();
+    const layout = useLayout();
+    const closed = (Array.isArray(layout.inactive) ? layout.inactive : [
+      layout.inactive
+    ]).map((id) => graph?.getNode(id)).filter(Boolean);
+    const [queryString, setQueryString] = useState2("");
+    const client = useClient2();
+    const dangerouslyLoadAllObjects = useQuery2(client.spaces, Filter2.everything());
+    const [pending, results] = useSearchResults(queryString, dangerouslyLoadAllObjects);
+    const resultObjects = Array.from(results.keys());
+    const { dispatchPromise: dispatch } = useIntentDispatcher();
+    const handleSelect = useCallback2(async (nodeId) => {
+      await dispatch(createIntent(LayoutAction.UpdateDialog, {
+        part: "dialog",
+        options: {
+          state: false
+        }
+      }));
+      const index = layout.active.findIndex((id) => id === nodeId);
+      if (index !== -1) {
+        await dispatch(createIntent(LayoutAction.ScrollIntoView, {
+          part: "current",
+          subject: nodeId
+        }));
+      } else {
+        await dispatch(createIntent(LayoutAction.Open, {
+          part: "main",
+          subject: [
+            nodeId
+          ],
+          options: {
+            pivotId,
+            positioning: "end"
+          }
+        }));
+      }
+    }, [
+      pivotId,
+      dispatch,
+      layout
+    ]);
+    return /* @__PURE__ */ React4.createElement(Dialog.Content, {
+      classNames: [
+        "md:max-is-[24rem] overflow-hidden mbs-12"
+      ]
+    }, /* @__PURE__ */ React4.createElement(Dialog.Title, null, t("search dialog title")), /* @__PURE__ */ React4.createElement(SearchList.Root, {
+      label: t("search placeholder"),
+      classNames: "flex flex-col grow overflow-hidden my-2"
+    }, /* @__PURE__ */ React4.createElement(SearchList.Input, {
+      value: queryString,
+      onValueChange: (nextValue) => {
+        setQueryString(nextValue);
+      },
+      placeholder: t("search placeholder"),
+      classNames: "pli-1 my-2"
+    }), /* @__PURE__ */ React4.createElement(SearchList.Content, {
+      classNames: "max-bs-[24rem] overflow-auto"
+    }, queryString.length > 0 ? resultObjects.length > 0 ? resultObjects.map((object) => graph.getNode(Obj2.getDXN(object).toString())).filter(Option.isSome).map((node) => /* @__PURE__ */ React4.createElement(SearchListResult, {
+      key: node.value.id,
+      node: node.value,
+      onSelect: handleSelect
+    })) : /* @__PURE__ */ React4.createElement("p", {
+      className: "pli-1"
+    }, t(pending ? "pending results message" : "empty results message")) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, closed.length > 0 && /* @__PURE__ */ React4.createElement("h2", {
+      className: mx2("mlb-1", descriptionText)
+    }, t("recently closed heading")), closed.filter(Option.isSome).map((node) => /* @__PURE__ */ React4.createElement(SearchListResult, {
+      key: node.value.id,
+      node: node.value,
+      onSelect: handleSelect
+    }))))), /* @__PURE__ */ React4.createElement(Dialog.Close, {
+      asChild: true
+    }, /* @__PURE__ */ React4.createElement(Button, {
+      variant: "primary",
+      classNames: "mbs-2"
+    }, t("close label", {
+      ns: "os"
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/capabilities/react-surface.tsx
+var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
+  createSurface({
+    id: SEARCH_DIALOG,
+    role: "dialog",
+    filter: (data) => data.component === SEARCH_DIALOG,
+    component: ({ data }) => /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchDialog, data.props))
+  }),
+  createSurface({
+    id: `${SEARCH_DIALOG}/search-input`,
+    role: "search-input",
+    component: () => {
+      const space = useActiveSpace();
+      return /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchMain, {
+        space
+      }));
+    }
+  }),
+  createSurface({
+    id: `${SEARCH_DIALOG}/search`,
+    role: "deck-companion--search",
+    filter: (data) => isSpace(data.subject),
+    component: ({ data }) => {
+      const space = data.subject;
+      if (!space) {
+        return null;
+      }
+      return /* @__PURE__ */ React5.createElement(SearchContextProvider, null, /* @__PURE__ */ React5.createElement(SearchMain, {
+        space
+      }));
+    }
+  })
+]));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-D7STUIQS.mjs.map

package/dist/lib/browser/react-surface-D7STUIQS.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/Searchbar/Searchbar.tsx", "../../../src/components/SearchMain.tsx", "../../../src/components/SearchResults/SearchResults.tsx", "../../../src/components/SearchDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { useActiveSpace } from '@dxos/plugin-space';\nimport { type Space, isSpace } from '@dxos/react-client/echo';\n\nimport { SEARCH_DIALOG, SearchDialog, type SearchDialogProps, SearchMain } from '../components';\nimport { SearchContextProvider } from '../hooks';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: SEARCH_DIALOG,\n      role: 'dialog',\n      filter: (data): data is { props: SearchDialogProps } => data.component === SEARCH_DIALOG,\n      component: ({ data }) => (\n        <SearchContextProvider>\n          <SearchDialog {...data.props} />\n        </SearchContextProvider>\n      ),\n    }),\n    createSurface({\n      id: `${SEARCH_DIALOG}/search-input`,\n      role: 'search-input',\n      component: () => {\n        const space = useActiveSpace();\n\n        return (\n          <SearchContextProvider>\n            <SearchMain space={space} />\n          </SearchContextProvider>\n        );\n      },\n    }),\n    createSurface({\n      id: `${SEARCH_DIALOG}/search`,\n      role: 'deck-companion--search',\n      filter: (data): data is { subject: Space } => isSpace(data.subject),\n      component: ({ data }) => {\n        const space = data.subject;\n        if (!space) {\n          return null;\n        }\n\n        return (\n          <SearchContextProvider>\n            <SearchMain space={space} />\n          </SearchContextProvider>\n        );\n      },\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useRef } from 'react';\n\nimport { Input, type TextInputProps, type ThemedClassName, Toolbar, useControlledState } from '@dxos/react-ui';\n\nexport type SearchbarProps = ThemedClassName<\n  Pick<TextInputProps, 'variant' | 'placeholder'> & {\n    delay?: number;\n    value?: string;\n    onChange?: (text?: string) => void;\n    onSubmit?: (text?: string) => void;\n  }\n>;\n\nexport const Searchbar = ({ classNames, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => {\n  const [text, setText] = useControlledState(value, onChange);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleWindowKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'f' && event.metaKey && event.shiftKey) {\n        inputRef.current?.focus();\n      }\n    },\n    [inputRef],\n  );\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleWindowKeyDown);\n    return () => window.removeEventListener('keydown', handleWindowKeyDown);\n  }, [handleWindowKeyDown]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      switch (event.key) {\n        case 'Enter':\n          onSubmit?.(text);\n          break;\n      }\n    },\n    [text, onSubmit],\n  );\n\n  return (\n    <Toolbar.Root classNames={classNames}>\n      <Input.Root>\n        <Input.TextInput\n          ref={inputRef}\n          placeholder={placeholder}\n          autoFocus\n          variant={variant}\n          value={text ?? ''}\n          onChange={({ target }) => setText(target.value)}\n          onKeyDown={handleKeyDown}\n        />\n      </Input.Root>\n    </Toolbar.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { useClient } from '@dxos/react-client';\nimport { Filter, type Space, useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useGlobalSearch, useGlobalSearchResults, useWebSearch } from '../hooks';\nimport { meta } from '../meta';\n\nimport { Searchbar } from './Searchbar';\nimport { SearchResults } from './SearchResults';\n\nexport const SearchMain = ({ space }: { space?: Space }) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const { setMatch } = useGlobalSearch();\n  const [query, setQuery] = useState<string>();\n  // TODO(burdon): Option to search across spaces.\n  const allSpaces = false;\n  const objects = useQuery(allSpaces ? client.spaces : space, Filter.everything());\n  const results = useGlobalSearchResults(objects);\n\n  const { runSearch, results: webResults } = useWebSearch({ query });\n\n  // TODO(burdon): Activate and/or filter current main (set context).\n  const [selected, setSelected] = useState<string>();\n  const handleSelect = (id: string) => {\n    setSelected((selected) => (selected === id ? undefined : id));\n  };\n\n  const allResults = [...results, ...webResults];\n\n  return (\n    <StackItem.Content toolbar>\n      <Searchbar\n        classNames='pli-2'\n        placeholder={t('search placeholder')}\n        delay={300}\n        onChange={(text) => {\n          setQuery(text);\n          setMatch?.(text);\n        }}\n        onSubmit={runSearch}\n      />\n\n      {allResults.length > 0 && (\n        <div className={mx('flex flex-col bs-full overflow-hidden')}>\n          <SearchResults items={allResults} selected={selected} onSelect={handleSelect} />\n        </div>\n      )}\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC, forwardRef } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { Card } from '@dxos/react-ui-stack';\nimport { ghostHover } from '@dxos/react-ui-theme';\n\nimport { type SearchResult } from '../../types';\n\nexport type SearchResultsProps = {\n  items: SearchResult[];\n  match?: RegExp;\n  selected?: string;\n  onSelect?: (id: string) => void;\n};\n\n// TODO(burdon): Key cursor up/down.\n// TODO(burdon): Use stack (should be virtualized).\nexport const SearchResults = ({ items }: SearchResultsProps) => {\n  return (\n    <div className='overflow-y-auto'>\n      <div className='flex flex-col'>\n        {items\n          // TODO(burdon): Hack to reduce noise from system objects.\n          .filter((item) => Obj.getLabel(item.object))\n          .map((item) => (\n            <div key={item.id} role='none' className='pli-2 first:pbs-2 pbe-2'>\n              <Surface role='card' data={{ subject: item.object }} limit={1} />\n            </div>\n          ))}\n      </div>\n    </div>\n  );\n};\n\nexport type SearchItemProps = SearchResult & { selected: boolean } & Pick<SearchResultsProps, 'onSelect'>;\n\nexport const SearchItem = forwardRef<HTMLDivElement, SearchItemProps>((item, forwardRef) => {\n  const { id, objectType, label, snippet, match, selected, onSelect } = item;\n\n  return (\n    <Card.StaticRoot\n      ref={forwardRef}\n      classNames={['mx-2 mt-2 cursor-pointer', selected && '!bg-activeSurface', ghostHover]}\n      onClick={() => onSelect?.(id)}\n    >\n      {objectType && <div className='text-xs text-neutral-400 ml-4'>{objectType}</div>}\n      <Card.Heading>{label ?? 'Untitled'}</Card.Heading>\n      {snippet && <Snippet text={snippet} match={match} />}\n    </Card.StaticRoot>\n  );\n});\n\nexport const Snippet: FC<{ text: string; match?: RegExp }> = ({ text, match }) => {\n  let content = <>{text}</>;\n  if (match) {\n    const result = text.match(match);\n    if (result?.index !== undefined) {\n      // Break near to match.\n      const maxOffset = 16;\n      let before = text.slice(0, result.index);\n      if (before.length > maxOffset) {\n        const idx = before.indexOf(' ', result.index - maxOffset);\n        before = '… ' + before.slice(idx);\n      }\n\n      const after = text.slice(result.index + result[0].length);\n      content = (\n        <>\n          {before}\n          <span className='text-blue-500'>{result[0]}</span>\n          {after}\n        </>\n      );\n    }\n  }\n\n  return <span className='text-xs mb-1 line-clamp-3 text-neutral-300'>{content}</span>;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { forwardRef, useCallback, useState } from 'react';\n\nimport { LayoutAction, createIntent } from '@dxos/app-framework';\nimport { useAppGraph, useIntentDispatcher, useLayout } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { type Node } from '@dxos/plugin-graph';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, useQuery } from '@dxos/react-client/echo';\nimport { Button, Dialog, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { SearchList, type SearchListItemProps } from '@dxos/react-ui-searchlist';\nimport { descriptionText, mx } from '@dxos/react-ui-theme';\n\nimport { useSearchResults } from '../hooks';\nimport { meta } from '../meta';\n\nexport const SEARCH_DIALOG = `${meta.id}/SearchDialog`;\n\ntype SearchListResultProps = {\n  node: Node;\n} & Pick<SearchListItemProps, 'onSelect'>;\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  return (\n    <SearchList.Item\n      value={label}\n      key={node!.id}\n      classNames='flex gap-2 items-center pli-2'\n      onSelect={() => onSelect?.(node!.id)}\n      ref={forwardedRef}\n    >\n      <Icon size={5} icon={node?.properties.icon} />\n      <span className='is-0 grow truncate'>{label}</span>\n    </SearchList.Item>\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?.getNode(id))\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 { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const handleSelect = useCallback(\n    async (nodeId: string) => {\n      await dispatch(\n        createIntent(LayoutAction.UpdateDialog, {\n          part: 'dialog',\n          options: { state: false },\n        }),\n      );\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 dispatch(\n          createIntent(LayoutAction.ScrollIntoView, {\n            part: 'current',\n            subject: nodeId,\n          }),\n        );\n      } else {\n        await dispatch(\n          createIntent(LayoutAction.Open, {\n            part: 'main',\n            subject: [nodeId],\n            options: {\n              pivotId,\n              positioning: 'end',\n            },\n          }),\n        );\n      }\n    },\n    [pivotId, dispatch, layout],\n  );\n\n  return (\n    <Dialog.Content classNames={['md:max-is-[24rem] overflow-hidden mbs-12']}>\n      <Dialog.Title>{t('search dialog title')}</Dialog.Title>\n      <SearchList.Root label={t('search placeholder')} classNames='flex flex-col grow overflow-hidden my-2'>\n        <SearchList.Input\n          value={queryString}\n          onValueChange={(nextValue) => {\n            setQueryString(nextValue);\n          }}\n          placeholder={t('search placeholder')}\n          classNames='pli-1 my-2'\n        />\n        <SearchList.Content classNames='max-bs-[24rem] overflow-auto'>\n          {queryString.length > 0 ? (\n            resultObjects.length > 0 ? (\n              resultObjects\n                .map((object) => graph.getNode(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='pli-1'>{t(pending ? 'pending results message' : 'empty results message')}</p>\n            )\n          ) : (\n            <>\n              {closed.length > 0 && <h2 className={mx('mlb-1', descriptionText)}>{t('recently closed heading')}</h2>}\n              {closed.filter(Option.isSome).map((node) => (\n                <SearchListResult key={node.value.id} node={node.value} onSelect={handleSelect} />\n              ))}\n            </>\n          )}\n        </SearchList.Content>\n      </SearchList.Root>\n\n      <Dialog.Close asChild>\n        <Button variant='primary' classNames='mbs-2'>\n          {t('close label', { ns: 'os' })}\n        </Button>\n      </Dialog.Close>\n    </Dialog.Content>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "useActiveSpace", "isSpace", "React", "useCallback", "useEffect", "useRef", "Input", "Toolbar", "useControlledState", "Searchbar", "classNames", "variant", "placeholder", "value", "onChange", "onSubmit", "text", "setText", "useControlledState", "inputRef", "useRef", "handleWindowKeyDown", "useCallback", "event", "key", "metaKey", "shiftKey", "current", "focus", "useEffect", "window", "addEventListener", "removeEventListener", "handleKeyDown", "Toolbar", "Root", "Input", "TextInput", "ref", "autoFocus", "target", "onKeyDown", "React", "useState", "useClient", "Filter", "useQuery", "useTranslation", "StackItem", "mx", "React", "forwardRef", "Surface", "Obj", "Card", "ghostHover", "SearchResults", "items", "React", "div", "className", "filter", "item", "Obj", "getLabel", "object", "map", "key", "id", "role", "Surface", "data", "subject", "limit", "SearchMain", "space", "t", "useTranslation", "meta", "id", "client", "useClient", "setMatch", "useGlobalSearch", "query", "setQuery", "useState", "allSpaces", "objects", "useQuery", "spaces", "Filter", "everything", "results", "useGlobalSearchResults", "runSearch", "webResults", "useWebSearch", "selected", "setSelected", "handleSelect", "undefined", "allResults", "React", "StackItem", "Content", "toolbar", "Searchbar", "classNames", "placeholder", "delay", "onChange", "text", "onSubmit", "length", "div", "className", "mx", "SearchResults", "items", "onSelect", "Option", "React", "forwardRef", "useCallback", "useState", "LayoutAction", "createIntent", "useAppGraph", "useIntentDispatcher", "useLayout", "Obj", "useClient", "Filter", "useQuery", "Button", "Dialog", "Icon", "toLocalizedString", "useTranslation", "SearchList", "descriptionText", "mx", "SEARCH_DIALOG", "meta", "id", "SearchListResult", "forwardRef", "node", "onSelect", "forwardedRef", "t", "useTranslation", "label", "toLocalizedString", "properties", "React", "SearchList", "Item", "value", "key", "classNames", "ref", "Icon", "size", "icon", "span", "className", "SearchDialog", "pivotId", "graph", "useAppGraph", "layout", "useLayout", "closed", "Array", "isArray", "inactive", "map", "getNode", "filter", "Boolean", "queryString", "setQueryString", "useState", "client", "useClient", "dangerouslyLoadAllObjects", "useQuery", "spaces", "Filter", "everything", "pending", "results", "useSearchResults", "resultObjects", "from", "keys", "dispatchPromise", "dispatch", "useIntentDispatcher", "handleSelect", "useCallback", "nodeId", "createIntent", "LayoutAction", "UpdateDialog", "part", "options", "state", "index", "active", "findIndex", "ScrollIntoView", "subject", "Open", "positioning", "Dialog", "Content", "Title", "Root", "Input", "onValueChange", "nextValue", "placeholder", "length", "object", "Obj", "getDXN", "toString", "isSome", "p", "h2", "mx", "descriptionText", "Close", "asChild", "Button", "variant", "ns", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "SEARCH_DIALOG", "role", "filter", "data", "component", "React", "SearchContextProvider", "SearchDialog", "props", "space", "useActiveSpace", "SearchMain", "isSpace", "subject"]
+}

package/dist/types/src/capabilities/app-graph-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-graph-builder.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/app-graph-builder.ts"],"names":[],"mappings":"AAQA,OAAO,EAAgB,KAAK,aAAa,EAA6B,MAAM,qBAAqB,CAAC;yBASlF,SAAS,aAAa;AAAtC,wBA8DK"}
+{"version":3,"file":"app-graph-builder.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/app-graph-builder.ts"],"names":[],"mappings":"AAQA,OAAO,EAAgB,KAAK,aAAa,EAA6B,MAAM,qBAAqB,CAAC;yBASlF,SAAS,aAAa;AAAtC,wBA+DK"}

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAO/E,wBA6CK"}
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAO/E,wBA0CK"}

package/dist/types/src/components/Search.stories.d.ts

@@ -7,12 +7,9 @@ type StoryProps = SearchbarProps & {
 export declare const Default: Story;
 declare const meta: {
     title: string;
-    component: ({ classes, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => React.JSX.Element;
+    component: ({ classNames, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => React.JSX.Element;
     render: ({ objects, ...props }: StoryProps) => React.JSX.Element;
     decorators: Decorator[];
-    parameters: {
-        layout: string;
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/types/src/components/Search.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Search.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAK7D,KAAK,UAAU,GAAG,cAAc,GAAG;IACjC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,QAAA,MAAM,IAAI;;;oCAjCmC,UAAU;;;;;CAyCrB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC"}
+{"version":3,"file":"Search.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Search.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAK7D,KAAK,UAAU,GAAG,cAAc,GAAG;IACjC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;CACjB,CAAC;AAyBF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,QAAA,MAAM,IAAI;;;oCAjCmC,UAAU;;CAsCrB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC"}

package/dist/types/src/components/SearchDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAajE,eAAO,MAAM,aAAa,QAA4B,CAAC;AAuBvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,aAAa,iBAAiB,sBA8E1D,CAAC"}
+{"version":3,"file":"SearchDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAejE,eAAO,MAAM,aAAa,QAA4B,CAAC;AAuBvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,aAAa,iBAAiB,sBAwF1D,CAAC"}

package/dist/types/src/components/SearchMain.d.ts

@@ -1,7 +1,6 @@
-import { type FC } from 'react';
+import React from 'react';
 import { type Space } from '@dxos/react-client/echo';
-import { type ThemedClassName } from '@dxos/react-ui';
-export declare const SearchMain: FC<ThemedClassName<{
-    space: Space;
-}>>;
+export declare const SearchMain: ({ space }: {
+    space?: Space;
+}) => React.JSX.Element;
 //# sourceMappingURL=SearchMain.d.ts.map

package/dist/types/src/components/SearchMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchMain.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchMain.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAU,KAAK,KAAK,EAAY,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAUtE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC,CAgD5D,CAAC"}
+{"version":3,"file":"SearchMain.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchMain.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAU,KAAK,KAAK,EAAY,MAAM,yBAAyB,CAAC;AAWvE,eAAO,MAAM,UAAU,GAAI,WAAW;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,sBAwCtD,CAAC"}

package/dist/types/src/components/SearchResults/SearchResults.d.ts

@@ -1,20 +1,20 @@
 import React, { type FC } from 'react';
 import { type SearchResult } from '../../types';
-export declare const Snippet: FC<{
-    text: string;
+export type SearchResultsProps = {
+    items: SearchResult[];
     match?: RegExp;
-}>;
+    selected?: string;
+    onSelect?: (id: string) => void;
+};
+export declare const SearchResults: ({ items }: SearchResultsProps) => React.JSX.Element;
 export type SearchItemProps = SearchResult & {
     selected: boolean;
 } & Pick<SearchResultsProps, 'onSelect'>;
 export declare const SearchItem: React.ForwardRefExoticComponent<SearchResult & {
     selected: boolean;
 } & Pick<SearchResultsProps, "onSelect"> & React.RefAttributes<HTMLDivElement>>;
-export type SearchResultsProps = {
+export declare const Snippet: FC<{
+    text: string;
     match?: RegExp;
-    items: SearchResult[];
-    selected?: string;
-    onSelect?: (id: string) => void;
-};
-export declare const SearchResults: ({ items, selected, onSelect }: SearchResultsProps) => React.JSX.Element;
+}>;
 //# sourceMappingURL=SearchResults.d.ts.map

package/dist/types/src/components/SearchResults/SearchResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchResults/SearchResults.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAyBxD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAE1G,eAAO,MAAM,UAAU;cAFkC,OAAO;+EAoB9D,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,+BAA+B,kBAAkB,sBAgB9E,CAAC"}
+{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchResults/SearchResults.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAOnD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAIF,eAAO,MAAM,aAAa,GAAI,WAAW,kBAAkB,sBAe1D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAE1G,eAAO,MAAM,UAAU;cAFkC,OAAO;+EAgB9D,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAyBxD,CAAC"}

package/dist/types/src/components/SearchResults/SearchResults.stories.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { type SearchResultsProps } from './SearchResults';
 declare const meta: {
     title: string;
-    component: ({ items, selected, onSelect }: SearchResultsProps) => React.JSX.Element;
+    component: ({ items }: SearchResultsProps) => React.JSX.Element;
     render: (props: SearchResultsProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {

package/dist/types/src/components/SearchResults/SearchResults.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchResults/SearchResults.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA0BzE,QAAA,MAAM,IAAI;;;oBAtBmB,kBAAkB;;;;;CA8BT,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
+{"version":3,"file":"SearchResults.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchResults/SearchResults.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA0BzE,QAAA,MAAM,IAAI;;;oBAtBmB,kBAAkB;;;;;CA8BT,CAAC;AAEvC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}

package/dist/types/src/components/Searchbar/Searchbar.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
-import { type TextInputProps } from '@dxos/react-ui';
-export type SearchbarProps = Pick<TextInputProps, 'variant' | 'placeholder'> & {
-    classes?: {
-        root?: string;
-        input?: string;
-    };
+import { type TextInputProps, type ThemedClassName } from '@dxos/react-ui';
+export type SearchbarProps = ThemedClassName<Pick<TextInputProps, 'variant' | 'placeholder'> & {
+    delay?: number;
     value?: string;
     onChange?: (text?: string) => void;
     onSubmit?: (text?: string) => void;
-    delay?: number;
-};
-export declare const Searchbar: ({ classes, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => React.JSX.Element;
+}>;
+export declare const Searchbar: ({ classNames, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => React.JSX.Element;
 //# sourceMappingURL=Searchbar.d.ts.map

package/dist/types/src/components/Searchbar/Searchbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,aAAa,CAAC,GAAG;IAC7E,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,8DAA8D,cAAc,sBA+CrG,CAAC"}
+{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,eAAe,EAA+B,MAAM,gBAAgB,CAAC;AAE/G,MAAM,MAAM,cAAc,GAAG,eAAe,CAC1C,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,aAAa,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CACF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,iEAAiE,cAAc,sBA4CxG,CAAC"}

package/dist/types/src/components/Searchbar/Searchbar.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ classes, variant, placeholder, value, onChange, onSubmit }: import("./Searchbar").SearchbarProps) => import("react").JSX.Element;
+    component: ({ classNames, variant, placeholder, value, onChange, onSubmit }: import("./Searchbar").SearchbarProps) => import("react").JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         layout: string;

package/dist/types/src/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './sync';
 export * from './useGlobalSearch';
 export * from './useSearchResults';
+export * from './useWebSearch';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AAEvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/dist/types/src/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,IAAI,EAAE,UAOlB,CAAC;AAEF,eAAO,MAAM,aAAa,QAAsB,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,eAAO,MAAM,IAAI,EAAE,UAUlB,CAAC;AAEF,eAAO,MAAM,aAAa,QAAsB,CAAC"}

package/dist/types/src/translations.d.ts

@@ -8,7 +8,7 @@ export declare const translations: [{
             readonly 'search dialog title': "Open";
             readonly 'recently closed heading': "Recently closed";
             readonly 'pending results message': "Searching…";
-            readonly 'empty results message': "No matching items in your spaces";
+            readonly 'empty results message': "No matching objects in your spaces";
             readonly 'search label': "Search";
         };
     };