@dxos/plugin-search 0.10.0 → 0.11.1

package/src/components/SearchResultStack/SearchResultStack.tsx

@@ -5,14 +5,14 @@
 import React, { type KeyboardEvent, forwardRef, useCallback, useMemo, useState } from 'react';
 
 import { Surface } from '@dxos/app-framework/ui';
-import { AppSurface, useObjectMenuItems } from '@dxos/app-toolkit/ui';
+import { AppSurface, useCardPivot, useObjectMenuItems } from '@dxos/app-toolkit/ui';
 import { Entity } from '@dxos/echo';
 import { Card, IconButton } from '@dxos/react-ui';
 import { ScrollArea } from '@dxos/react-ui';
 import { composable, composableProps } from '@dxos/react-ui';
 import { Menu } from '@dxos/react-ui-menu';
 import { Focus, Mosaic, type MosaicTileProps, useMosaicContainer } from '@dxos/react-ui-mosaic';
-import { type SearchResult } from '@dxos/react-ui-search';
+import { Highlighted, type SearchResult } from '@dxos/react-ui-search';
 
 //
 // SearchResultStack
@@ -20,12 +20,13 @@ import { type SearchResult } from '@dxos/react-ui-search';
 
 export type SearchResultStackProps = {
   results: SearchResult[];
+  query: string;
 };
 
 export const SearchResultStack = composable<HTMLDivElement, SearchResultStackProps>(
-  ({ results, ...props }, forwardedRef) => {
+  ({ results, query, ...props }, forwardedRef) => {
     const [viewport, setViewport] = useState<HTMLElement | null>(null);
-    const items = useMemo(() => results.map((result) => ({ result })), [results]);
+    const items = useMemo(() => results.map((result) => ({ result, query })), [results, query]);
 
     const handleKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {
       if (event.key === 'Enter') {
@@ -65,6 +66,7 @@ SearchResultStack.displayName = 'SearchResultStack';
 
 type SearchResultTileData = {
   result: SearchResult;
+  query: string;
 };
 
 type SearchResultTileProps = Pick<MosaicTileProps<SearchResultTileData>, 'location' | 'data' | 'current'>;
@@ -74,8 +76,11 @@ type SearchResultTileProps = Pick<MosaicTileProps<SearchResultTileData>, 'locati
  */
 const SearchResultTile = forwardRef<HTMLDivElement, SearchResultTileProps>(
   ({ data, location, current }, forwardedRef) => {
-    const { result } = data;
-    const menuItems = useObjectMenuItems(result.object);
+    const { result, query } = data;
+    const label = result.label ?? (result.object && Entity.getLabel(result.object)) ?? '';
+    // Card.Root already takes the forwarded ref; walk from the header to resolve the origin plank.
+    const [cardRef, pivotId] = useCardPivot();
+    const menuItems = useObjectMenuItems(result.object, pivotId);
     const { setCurrentId } = useMosaicContainer('SearchResultTile');
 
     const handleCurrentChange = useCallback(() => {
@@ -93,9 +98,11 @@ const SearchResultTile = forwardRef<HTMLDivElement, SearchResultTileProps>(
         >
           <Focus.Item asChild current={current} onCurrentChange={handleCurrentChange}>
             <Card.Root ref={forwardedRef} role='button' classNames='cursor-pointer'>
-              <Card.Header>
+              <Card.Header ref={cardRef}>
                 <Card.Block />
-                <Card.Title>{result.label ?? (result.object && Entity.getLabel(result.object))}</Card.Title>
+                <Card.Title>
+                  <Highlighted text={label} query={query} />
+                </Card.Title>
                 <Card.Block end>
                   <Menu.Trigger asChild disabled={!menuItems?.length}>
                     <IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />

package/src/components/index.ts

@@ -2,4 +2,5 @@
 // Copyright 2023 DXOS.org
 //
 
+export * from './SearchResultList';
 export * from './SearchResultStack';

package/src/containers/SearchArticle/SearchArticle.tsx

@@ -5,32 +5,22 @@
 import React, { useCallback, useMemo, useState } from 'react';
 
 import { AppSurface } from '@dxos/app-toolkit/ui';
-import { Entity, Filter, Query } from '@dxos/echo';
-import { useQuery } from '@dxos/react-client/echo';
+import { Entity } from '@dxos/echo';
+import { useQuery } from '@dxos/echo-react';
 import { Panel, Toolbar } from '@dxos/react-ui';
 import { SearchList } from '@dxos/react-ui-search';
-import { Text } from '@dxos/schema';
 import { getHostPlatform, isTauri } from '@dxos/util';
 
 import { SearchResultStack } from '#components';
-import { useGlobalSearch, useGlobalSearchResults, useWebSearch } from '#hooks';
+import { buildSearchQuery, toSearchResults, useGlobalSearch } from '#hooks';
 
 export const SearchArticle = ({ space }: AppSurface.SpaceArticleProps) => {
-  // TODO(burdon): Option to query across spaces.
+  // TODO(burdon): Cross-space search — Milestone 2 (fan-out + merge).
   const [query, setQuery] = useState<string>();
-  // TODO(burdon): Re-enable full-text search when indexer is available in all environments.
-  const objects = useQuery(
-    space.db,
-    query === undefined ? Query.select(Filter.nothing()) : Query.select(Filter.not(Filter.type(Text.Text))),
-  );
-
+  const objects = useQuery(space.db, buildSearchQuery(query));
   const { setMatch } = useGlobalSearch();
-  const results = useGlobalSearchResults(objects);
-  const { results: webResults } = useWebSearch({ query });
-  const allResults = useMemo(
-    () => [...results, ...webResults].filter(({ object }) => object && Entity.getLabel(object)),
-    [results, webResults],
-  );
+  const results = useMemo(() => (query ? toSearchResults(objects, query) : []), [objects, query]);
+  const allResults = useMemo(() => results.filter(({ object }) => object && Entity.getLabel(object)), [results]);
 
   const handleSearch = useCallback(
     (text: string) => {
@@ -47,7 +37,7 @@ export const SearchArticle = ({ space }: AppSurface.SpaceArticleProps) => {
     <SearchList.Root onSearch={handleSearch}>
       <Panel.Root>
         <Panel.Content asChild>
-          <SearchResultStack results={allResults} />
+          <SearchResultStack results={allResults} query={query ?? ''} />
         </Panel.Content>
         <Panel.Statusbar asChild>
           <Toolbar.Root>
@@ -58,3 +48,5 @@ export const SearchArticle = ({ space }: AppSurface.SpaceArticleProps) => {
     </SearchList.Root>
   );
 };
+
+SearchArticle.displayName = 'SearchArticle';

package/src/containers/SearchDialog/SearchDialog.stories.tsx

@@ -93,16 +93,17 @@ export const Test: Story = {
     const searchInput = await body.findByRole('textbox', undefined, { timeout: 10_000 });
     await expect(searchInput).toBeInTheDocument();
 
-    // Type a search term that should match generated Person/Organization names.
-    await userEvent.type(searchInput, 'a');
+    // Type a 3+ char term (FTS trigram minimum) likely present across 60 seeded objects.
+    await userEvent.type(searchInput, 'the');
 
-    // Wait for search results to appear as options in the listbox.
+    // Wait for search results to appear as options in the listbox — this is the
+    // end-to-end proof that the FTS5 index is wired and populated.
     await waitFor(
       async () => {
         const options = body.queryAllByRole('option');
         await expect(options.length).toBeGreaterThan(0);
       },
-      { timeout: 10_000 },
+      { timeout: 15_000 },
     );
   },
 };

package/src/containers/SearchDialog/SearchDialog.tsx

@@ -5,16 +5,15 @@
 import React, { useCallback, useMemo, useState } from 'react';
 
 import { useOperationInvoker } from '@dxos/app-framework/ui';
-import { LayoutOperation, Paths } from '@dxos/app-toolkit';
+import { GraphPath, LayoutOperation } from '@dxos/app-toolkit';
 import { type AppSurface } from '@dxos/app-toolkit/ui';
 import { useLayout } from '@dxos/app-toolkit/ui';
-import { Entity, Filter, Obj, Query } from '@dxos/echo';
-import { useQuery } from '@dxos/react-client/echo';
+import { Entity, Obj } from '@dxos/echo';
+import { useQuery } from '@dxos/echo-react';
 import { Dialog, useTranslation } from '@dxos/react-ui';
 import { SearchList } from '@dxos/react-ui-search';
-import { Text } from '@dxos/schema';
 
-import { useGlobalSearch, useGlobalSearchResults } from '#hooks';
+import { buildSearchQuery, toSearchResults, useGlobalSearch } from '#hooks';
 import { meta } from '#meta';
 import { type SearchResult } from '#types';
 
@@ -30,13 +29,8 @@ export const SearchDialog = ({ space, pivotId: pivotIdProp }: SearchDialogProps)
   const pivotId = pivotIdProp ?? layout.active[layout.active.length - 1];
   const [query, setQuery] = useState<string>();
 
-  // TODO(burdon): Re-enable full-text search when indexer is available in all environments.
-  const objects = useQuery(
-    space?.db,
-    query === undefined ? Query.select(Filter.nothing()) : Query.select(Filter.not(Filter.type(Text.Text))),
-  );
-
-  const results = useGlobalSearchResults(objects);
+  const objects = useQuery(space?.db, buildSearchQuery(query));
+  const results = useMemo(() => (query ? toSearchResults(objects, query) : []), [objects, query]);
   const allResults = useMemo(() => results.filter(({ object }) => object && Entity.getLabel(object)), [results]);
 
   const handleSearch = useCallback(
@@ -53,12 +47,12 @@ export const SearchDialog = ({ space, pivotId: pivotIdProp }: SearchDialogProps)
         return;
       }
 
-      const qualifiedPath = Paths.getObjectPathFromObject(result.object);
+      const qualifiedPath = GraphPath.getObjectPathFromObject(result.object);
       await invokePromise(LayoutOperation.UpdateDialog, { state: false });
       await invokePromise(LayoutOperation.Open, {
         subject: [qualifiedPath],
         pivotId,
-        positioning: 'end',
+        disposition: 'add',
       });
     },
     [pivotId, invokePromise],
@@ -72,8 +66,6 @@ export const SearchDialog = ({ space, pivotId: pivotIdProp }: SearchDialogProps)
           <Dialog.ActionIconButton action='close' />
         </Dialog.Close>
       </Dialog.Header>
-      {/* Dialog.Body is the column propagator; without it the SearchList input/viewport are direct
-          children of Dialog.Content's Column grid and land in the gutter (misplaced searchbox). */}
       <Dialog.Body>
         <SearchList.Root onSearch={handleSearch}>
           <SearchList.Input classNames='px-0' autoFocus placeholder={t('search.placeholder')} />
@@ -95,3 +87,5 @@ export const SearchDialog = ({ space, pivotId: pivotIdProp }: SearchDialogProps)
     </Dialog.Content>
   );
 };
+
+SearchDialog.displayName = 'SearchDialog';

package/src/hooks/SearchContext.ts

@@ -0,0 +1,31 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { createContext, useContext } from 'react';
+
+import { raise } from '@dxos/debug';
+import { type Entity } from '@dxos/echo';
+
+import { type SearchResult } from '#types';
+
+import { filterObjectsSync } from './sync';
+
+// Kept out of `useGlobalSearch.tsx`: react-refresh only fast-refreshes a module whose exports are all
+// components, so a context and its hooks exported beside them force a full page reload on every edit.
+
+export type SearchContextType = {
+  match?: RegExp;
+  setMatch?: (text?: string) => void;
+};
+
+export const SearchContext = createContext<SearchContextType>({});
+
+export const useGlobalSearch = () => {
+  return useContext(SearchContext) ?? raise(new Error('Missing SearchContext.'));
+};
+
+export const useGlobalSearchResults = <T extends Entity.Unknown>(objects?: T[]): SearchResult<T>[] => {
+  const { match } = useGlobalSearch();
+  return objects && match ? filterObjectsSync(objects, match) : [];
+};

package/src/hooks/index.ts

@@ -2,8 +2,11 @@
 // Copyright 2025 DXOS.org
 //
 
+export * from './search-query';
 export * from './sync';
 
+export { GlobalFilterProvider, useGlobalFilteredObjects } from '@dxos/react-ui-search';
+export { useGlobalSearch, useGlobalSearchResults } from './SearchContext';
 export * from './useGlobalSearch';
 export * from './useSearchResults';
 export * from './useWebSearch';

package/src/hooks/search-query.test.ts

@@ -0,0 +1,27 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { describe, expect, test } from 'vitest';
+
+import { buildSearchFilter, buildSearchQuery, byRelevance } from './search-query';
+
+describe('search-query', () => {
+  test('buildSearchFilter emits a full-text text-search node', () => {
+    const filter = buildSearchFilter('invoice');
+    expect(filter.ast.type).toBe('text-search');
+    expect(filter.ast).toMatchObject({ type: 'text-search', text: 'invoice', searchKind: 'full-text' });
+  });
+
+  test('buildSearchQuery is empty for blank input', () => {
+    // `Filter.nothing()` is a negated match-all.
+    expect(buildSearchQuery(undefined).ast).toBeDefined();
+    expect(buildSearchQuery('  ').ast).toBeDefined();
+  });
+
+  test('byRelevance ranks exact, then prefix, then substring, then length', () => {
+    const items = [{ label: 'Alicia' }, { label: 'Al' }, { label: 'Sal' }, { label: 'al' }];
+    const sorted = [...items].sort(byRelevance('al'));
+    expect(sorted.map((i) => i.label)).toEqual(['al', 'Al', 'Alicia', 'Sal']);
+  });
+});

package/src/hooks/search-query.ts

@@ -0,0 +1,85 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { Entity, Filter, Obj, Query } from '@dxos/echo';
+import { Text } from '@dxos/schema';
+
+import { type SearchResult } from '#types';
+
+import { getIcon, mapObjectToTextFields } from './sync';
+
+/** Full-text search filter over the FTS5 index. */
+export const buildSearchFilter = (text: string): Filter.Any => Filter.text(text, { type: 'full-text' });
+
+/**
+ * Build the ECHO query for a search box value. Empty input matches nothing; a term
+ * routes to the FTS index via a single text-search select (never combined with a
+ * type filter — that composition is unsupported by the executor).
+ */
+export const buildSearchQuery = (text: string | undefined): Query.Any => {
+  const trimmed = text?.trim();
+  return trimmed ? Query.select(buildSearchFilter(trimmed)) : Query.select(Filter.nothing());
+};
+
+/**
+ * Presentation ordering for already-matched results: exact label, then prefix, then
+ * substring, then shorter labels first. The FTS index does the semantic matching;
+ * this only orders what it returned. (Exposing the engine's BM25 rank is a follow-up.)
+ */
+export const byRelevance =
+  (query: string) =>
+  (a: { label?: string }, b: { label?: string }): number => {
+    const trimmedQuery = query.trim();
+    const needle = trimmedQuery.toLowerCase();
+    const rank = (label?: string): number => {
+      const value = (label ?? '').toLowerCase();
+      if (value === needle) {
+        return 0;
+      }
+      if (value.startsWith(needle)) {
+        return 1;
+      }
+      if (value.includes(needle)) {
+        return 2;
+      }
+      return 3;
+    };
+    const byRank = rank(a.label) - rank(b.label);
+    if (byRank !== 0) {
+      return byRank;
+    }
+    // Case-insensitive rank alone can tie two differently-cased matches (e.g. "al" vs "Al");
+    // prefer the one that matches the query's exact case.
+    const exactCase = (label?: string): number => ((label ?? '') === trimmedQuery ? 0 : 1);
+    const byExactCase = exactCase(a.label) - exactCase(b.label);
+    if (byExactCase !== 0) {
+      return byExactCase;
+    }
+    return (a.label?.length ?? 0) - (b.label?.length ?? 0);
+  };
+
+/**
+ * Map FTS-matched ECHO objects to ranked search results. Text objects are dropped
+ * (they carry no independent label and are indexed via their host object).
+ */
+export const toSearchResults = <T extends Entity.Unknown>(objects: T[], text: string): SearchResult<T>[] => {
+  const results = objects.reduce<SearchResult<T>[]>((acc, object) => {
+    if (Obj.instanceOf(Text.Text, object)) {
+      return acc;
+    }
+    // TODO(burdon): Use schema (matches the pre-existing pattern in sync.ts's filterObjectsSync).
+    const label = Entity.getLabel(object);
+    const fields = mapObjectToTextFields(object);
+    const snippet = fields.content ?? fields.description ?? Object.values(fields).find((value) => value !== label);
+    acc.push({
+      id: object.id,
+      icon: getIcon(Entity.getType(object)),
+      label,
+      snippet,
+      object,
+    });
+    return acc;
+  }, []);
+  return results.sort(byRelevance(text));
+};

package/src/hooks/sync.ts

@@ -15,7 +15,7 @@ export const queryStringToMatch = (queryString?: string): RegExp | undefined =>
 };
 
 // TODO(burdon): Type name registry linked to schema?
-const getIcon = (type: Type.AnyEntity | undefined): string | undefined => {
+export const getIcon = (type: Type.AnyEntity | undefined): string | undefined => {
   if (!type) {
     return undefined;
   }

package/src/hooks/useGlobalSearch.tsx

@@ -2,26 +2,14 @@
 // Copyright 2023 DXOS.org
 //
 
-import React, { type PropsWithChildren, createContext, useCallback, useContext, useState } from 'react';
+import React, { type PropsWithChildren, useCallback, useState } from 'react';
 
-import { raise } from '@dxos/debug';
 import { type Entity } from '@dxos/echo';
 import { GlobalFilterProvider } from '@dxos/react-ui-search';
 
-import { type SearchResult } from '#types';
-
+import { SearchContext } from './SearchContext';
 import { filterObjectsSync, queryStringToMatch } from './sync';
 
-// Re-export for backward compatibility.
-export { GlobalFilterProvider, useGlobalFilteredObjects } from '@dxos/react-ui-search';
-
-type SearchContextType = {
-  match?: RegExp;
-  setMatch?: (text?: string) => void;
-};
-
-const SearchContext = createContext<SearchContextType>({});
-
 /**
  * Provider for global search context.
  * Also provides the GlobalFilterProvider for useGlobalFilteredObjects to work.
@@ -50,12 +38,3 @@ export const SearchContextProvider = ({ children }: PropsWithChildren) => {
     </SearchContext.Provider>
   );
 };
-
-export const useGlobalSearch = () => {
-  return useContext(SearchContext) ?? raise(new Error('Missing SearchContext.'));
-};
-
-export const useGlobalSearchResults = <T extends Entity.Unknown>(objects?: T[]): SearchResult<T>[] => {
-  const { match } = useGlobalSearch();
-  return objects && match ? filterObjectsSync(objects, match) : [];
-};

package/src/search/exa.ts

@@ -196,7 +196,7 @@ const sanitizeObjects = (entries: { data: any; schema: Type.AnyObj }[]) => {
           const ref = value['/'];
           if (idMap.has(ref)) {
             // TODO(dmaretskyi): Whats the best way to represent a local url.
-            return { '/': `echo:/${idMap.get(ref)}` };
+            return { '/': `echo:///${idMap.get(ref)}` };
           } else {
             // Search URIs?
             return { '/': `search:?q=${encodeURIComponent(ref)}` };

package/src/translations.ts

@@ -19,6 +19,8 @@ export const translations = [
         'recently-closed.heading': 'Recently closed',
         'pending-results.message': 'Searching…',
         'search.label': 'Search',
+        'search-result-list.label': 'Search results',
+        'search-result-list.empty.label': 'No results',
       },
     },
   },

package/dist/lib/neutral/SearchArticle-XEP4DYSI.mjs

@@ -1,51 +0,0 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/containers/SearchArticle/SearchArticle.tsx
-import React, { useCallback, useMemo, useState } from "react";
-import { Entity, Filter, Query } from "@dxos/echo";
-import { useQuery } from "@dxos/react-client/echo";
-import { Panel, Toolbar } from "@dxos/react-ui";
-import { SearchList } from "@dxos/react-ui-search";
-import { Text } from "@dxos/schema";
-import { getHostPlatform, isTauri } from "@dxos/util";
-import { SearchResultStack } from "#components";
-import { useGlobalSearch, useGlobalSearchResults, useWebSearch } from "#hooks";
-var SearchArticle = ({ space }) => {
-  const [query, setQuery] = useState();
-  const objects = useQuery(space.db, query === void 0 ? Query.select(Filter.nothing()) : Query.select(Filter.not(Filter.type(Text.Text))));
-  const { setMatch } = useGlobalSearch();
-  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
-  ]);
-  const autoFocus = !isTauri() || getHostPlatform() !== "ios";
-  return /* @__PURE__ */ React.createElement(SearchList.Root, {
-    onSearch: handleSearch
-  }, /* @__PURE__ */ React.createElement(Panel.Root, null, /* @__PURE__ */ React.createElement(Panel.Content, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(SearchResultStack, {
-    results: allResults
-  })), /* @__PURE__ */ React.createElement(Panel.Statusbar, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(SearchList.Input, {
-    placeholder: "Search...",
-    autoFocus
-  })))));
-};
-export {
-  SearchArticle as default
-};
-//# sourceMappingURL=SearchArticle-XEP4DYSI.mjs.map

package/dist/lib/neutral/SearchArticle-XEP4DYSI.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/SearchArticle/SearchArticle.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { AppSurface } from '@dxos/app-toolkit/ui';\nimport { Entity, Filter, Query } from '@dxos/echo';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Panel, Toolbar } from '@dxos/react-ui';\nimport { SearchList } from '@dxos/react-ui-search';\nimport { Text } from '@dxos/schema';\nimport { getHostPlatform, isTauri } from '@dxos/util';\n\nimport { SearchResultStack } from '#components';\nimport { useGlobalSearch, useGlobalSearchResults, useWebSearch } from '#hooks';\n\nexport const SearchArticle = ({ space }: AppSurface.SpaceArticleProps) => {\n  // TODO(burdon): Option to query across spaces.\n  const [query, setQuery] = useState<string>();\n  // TODO(burdon): Re-enable full-text search when indexer is available in all environments.\n  const objects = useQuery(\n    space.db,\n    query === undefined ? Query.select(Filter.nothing()) : Query.select(Filter.not(Filter.type(Text.Text))),\n  );\n\n  const { setMatch } = useGlobalSearch();\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  const autoFocus = !isTauri() || getHostPlatform() !== 'ios';\n\n  // TODO(burdon): Move current up/down without losing focus.\n  return (\n    <SearchList.Root onSearch={handleSearch}>\n      <Panel.Root>\n        <Panel.Content asChild>\n          <SearchResultStack results={allResults} />\n        </Panel.Content>\n        <Panel.Statusbar asChild>\n          <Toolbar.Root>\n            <SearchList.Input placeholder='Search...' autoFocus={autoFocus} />\n          </Toolbar.Root>\n        </Panel.Statusbar>\n      </Panel.Root>\n    </SearchList.Root>\n  );\n};\n"],
-  "mappings": ";;;AAIA,OAAOA,SAASC,aAAaC,SAASC,gBAAgB;AAGtD,SAASC,QAAQC,QAAQC,aAAa;AACtC,SAASC,gBAAgB;AACzB,SAASC,OAAOC,eAAe;AAC/B,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AACrB,SAASC,iBAAiBC,eAAe;AAEzC,SAASC,yBAAyB;AAClC,SAASC,iBAAiBC,wBAAwBC,oBAAoB;AAE/D,IAAMC,gBAAgB,CAAC,EAAEC,MAAK,MAAgC;AAEnE,QAAM,CAACC,OAAOC,QAAAA,IAAYlB,SAAAA;AAE1B,QAAMmB,UAAUf,SACdY,MAAMI,IACNH,UAAUI,SAAYlB,MAAMmB,OAAOpB,OAAOqB,QAAO,CAAA,IAAMpB,MAAMmB,OAAOpB,OAAOsB,IAAItB,OAAOuB,KAAKjB,KAAKA,IAAI,CAAA,CAAA,CAAA;AAGtG,QAAM,EAAEkB,SAAQ,IAAKd,gBAAAA;AACrB,QAAMe,UAAUd,uBAAuBM,OAAAA;AACvC,QAAM,EAAEQ,SAASC,WAAU,IAAKd,aAAa;IAAEG;EAAM,CAAA;AACrD,QAAMY,aAAa9B,QACjB,MAAM;OAAI4B;OAAYC;IAAYE,OAAO,CAAC,EAAEC,OAAM,MAAOA,UAAU9B,OAAO+B,SAASD,MAAAA,CAAAA,GACnF;IAACJ;IAASC;GAAW;AAGvB,QAAMK,eAAenC,YACnB,CAACoC,SAAAA;AACChB,aAASgB,IAAAA;AACTR,eAAWQ,IAAAA;EACb,GACA;IAACR;GAAS;AAGZ,QAAMS,YAAY,CAACzB,QAAAA,KAAaD,gBAAAA,MAAsB;AAGtD,SACE,sBAAA,cAACF,WAAW6B,MAAI;IAACC,UAAUJ;KACzB,sBAAA,cAAC5B,MAAM+B,MAAI,MACT,sBAAA,cAAC/B,MAAMiC,SAAO;IAACC,SAAAA;KACb,sBAAA,cAAC5B,mBAAAA;IAAkBgB,SAASE;OAE9B,sBAAA,cAACxB,MAAMmC,WAAS;IAACD,SAAAA;KACf,sBAAA,cAACjC,QAAQ8B,MAAI,MACX,sBAAA,cAAC7B,WAAWkC,OAAK;IAACC,aAAY;IAAYP;;AAMtD;",
-  "names": ["React", "useCallback", "useMemo", "useState", "Entity", "Filter", "Query", "useQuery", "Panel", "Toolbar", "SearchList", "Text", "getHostPlatform", "isTauri", "SearchResultStack", "useGlobalSearch", "useGlobalSearchResults", "useWebSearch", "SearchArticle", "space", "query", "setQuery", "objects", "db", "undefined", "select", "nothing", "not", "type", "setMatch", "results", "webResults", "allResults", "filter", "object", "getLabel", "handleSearch", "text", "autoFocus", "Root", "onSearch", "Content", "asChild", "Statusbar", "Input", "placeholder"]
-}

package/dist/lib/neutral/SearchDialog-37ZDKFPS.mjs

@@ -1,76 +0,0 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/containers/SearchDialog/SearchDialog.tsx
-import React, { useCallback, useMemo, useState } from "react";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { LayoutOperation, Paths } from "@dxos/app-toolkit";
-import { useLayout } from "@dxos/app-toolkit/ui";
-import { Entity, Filter, Obj, Query } from "@dxos/echo";
-import { useQuery } from "@dxos/react-client/echo";
-import { Dialog, useTranslation } from "@dxos/react-ui";
-import { SearchList } from "@dxos/react-ui-search";
-import { Text } from "@dxos/schema";
-import { useGlobalSearch, useGlobalSearchResults } from "#hooks";
-import { meta } from "#meta";
-var SearchDialog = ({ space, pivotId: pivotIdProp }) => {
-  const { t } = useTranslation(meta.profile.key);
-  const { invokePromise } = useOperationInvoker();
-  const { setMatch } = useGlobalSearch();
-  const layout = useLayout();
-  const pivotId = pivotIdProp ?? layout.active[layout.active.length - 1];
-  const [query, setQuery] = useState();
-  const objects = useQuery(space?.db, query === void 0 ? Query.select(Filter.nothing()) : Query.select(Filter.not(Filter.type(Text.Text))));
-  const results = useGlobalSearchResults(objects);
-  const allResults = useMemo(() => results.filter(({ object }) => object && Entity.getLabel(object)), [
-    results
-  ]);
-  const handleSearch = useCallback((text) => {
-    setQuery(text);
-    setMatch?.(text);
-  }, [
-    setMatch
-  ]);
-  const handleSelect = useCallback(async (result) => {
-    if (!result.object || !Obj.isObject(result.object)) {
-      return;
-    }
-    const qualifiedPath = Paths.getObjectPathFromObject(result.object);
-    await invokePromise(LayoutOperation.UpdateDialog, {
-      state: false
-    });
-    await invokePromise(LayoutOperation.Open, {
-      subject: [
-        qualifiedPath
-      ],
-      pivotId,
-      positioning: "end"
-    });
-  }, [
-    pivotId,
-    invokePromise
-  ]);
-  return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(Dialog.Header, null, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("search-dialog.title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(Dialog.ActionIconButton, {
-    action: "close"
-  }))), /* @__PURE__ */ React.createElement(Dialog.Body, null, /* @__PURE__ */ React.createElement(SearchList.Root, {
-    onSearch: handleSearch
-  }, /* @__PURE__ */ React.createElement(SearchList.Input, {
-    classNames: "px-0",
-    autoFocus: true,
-    placeholder: t("search.placeholder")
-  }), /* @__PURE__ */ React.createElement(SearchList.Viewport, {
-    classNames: "max-h-[24rem]"
-  }, query && allResults.length === 0 && /* @__PURE__ */ React.createElement(SearchList.Empty, null), allResults.map((result) => /* @__PURE__ */ React.createElement(SearchList.Item, {
-    key: result.id,
-    classNames: "flex gap-2 items-center",
-    icon: result.icon,
-    value: result.id,
-    label: result.label ?? (result.object ? Entity.getLabel(result.object) : void 0) ?? result.id,
-    onSelect: () => void handleSelect(result)
-  }))))));
-};
-export {
-  SearchDialog as default
-};
-//# sourceMappingURL=SearchDialog-37ZDKFPS.mjs.map

package/dist/lib/neutral/SearchDialog-37ZDKFPS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/SearchDialog/SearchDialog.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { LayoutOperation, Paths } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { useLayout } from '@dxos/app-toolkit/ui';\nimport { Entity, Filter, Obj, Query } from '@dxos/echo';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Dialog, useTranslation } from '@dxos/react-ui';\nimport { SearchList } from '@dxos/react-ui-search';\nimport { Text } from '@dxos/schema';\n\nimport { useGlobalSearch, useGlobalSearchResults } from '#hooks';\nimport { meta } from '#meta';\nimport { type SearchResult } from '#types';\n\nexport type SearchDialogProps = AppSurface.SpaceArticleProps<{\n  pivotId?: string;\n}>;\n\nexport const SearchDialog = ({ space, pivotId: pivotIdProp }: SearchDialogProps) => {\n  const { t } = useTranslation(meta.profile.key);\n  const { invokePromise } = useOperationInvoker();\n  const { setMatch } = useGlobalSearch();\n  const layout = useLayout();\n  const pivotId = pivotIdProp ?? layout.active[layout.active.length - 1];\n  const [query, setQuery] = useState<string>();\n\n  // TODO(burdon): Re-enable full-text search when indexer is available in all environments.\n  const objects = useQuery(\n    space?.db,\n    query === undefined ? Query.select(Filter.nothing()) : Query.select(Filter.not(Filter.type(Text.Text))),\n  );\n\n  const results = useGlobalSearchResults(objects);\n  const allResults = useMemo(() => results.filter(({ object }) => object && Entity.getLabel(object)), [results]);\n\n  const handleSearch = useCallback(\n    (text: string) => {\n      setQuery(text);\n      setMatch?.(text);\n    },\n    [setMatch],\n  );\n\n  const handleSelect = useCallback(\n    async (result: SearchResult) => {\n      if (!result.object || !Obj.isObject(result.object)) {\n        return;\n      }\n\n      const qualifiedPath = Paths.getObjectPathFromObject(result.object);\n      await invokePromise(LayoutOperation.UpdateDialog, { state: false });\n      await invokePromise(LayoutOperation.Open, {\n        subject: [qualifiedPath],\n        pivotId,\n        positioning: 'end',\n      });\n    },\n    [pivotId, invokePromise],\n  );\n\n  return (\n    <Dialog.Content>\n      <Dialog.Header>\n        <Dialog.Title>{t('search-dialog.title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Dialog.ActionIconButton action='close' />\n        </Dialog.Close>\n      </Dialog.Header>\n      {/* Dialog.Body is the column propagator; without it the SearchList input/viewport are direct\n          children of Dialog.Content's Column grid and land in the gutter (misplaced searchbox). */}\n      <Dialog.Body>\n        <SearchList.Root onSearch={handleSearch}>\n          <SearchList.Input classNames='px-0' autoFocus placeholder={t('search.placeholder')} />\n          <SearchList.Viewport classNames='max-h-[24rem]'>\n            {query && allResults.length === 0 && <SearchList.Empty />}\n            {allResults.map((result) => (\n              <SearchList.Item\n                key={result.id}\n                classNames='flex gap-2 items-center'\n                icon={result.icon}\n                value={result.id}\n                label={result.label ?? (result.object ? Entity.getLabel(result.object) : undefined) ?? result.id}\n                onSelect={() => void handleSelect(result)}\n              />\n            ))}\n          </SearchList.Viewport>\n        </SearchList.Root>\n      </Dialog.Body>\n    </Dialog.Content>\n  );\n};\n"],
-  "mappings": ";;;AAIA,OAAOA,SAASC,aAAaC,SAASC,gBAAgB;AAEtD,SAASC,2BAA2B;AACpC,SAASC,iBAAiBC,aAAa;AAEvC,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,QAAQC,KAAKC,aAAa;AAC3C,SAASC,gBAAgB;AACzB,SAASC,QAAQC,sBAAsB;AACvC,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AAErB,SAASC,iBAAiBC,8BAA8B;AACxD,SAASC,YAAY;AAOd,IAAMC,eAAe,CAAC,EAAEC,OAAOC,SAASC,YAAW,MAAqB;AAC7E,QAAM,EAAEC,EAAC,IAAKV,eAAeK,KAAKM,QAAQC,GAAG;AAC7C,QAAM,EAAEC,cAAa,IAAKvB,oBAAAA;AAC1B,QAAM,EAAEwB,SAAQ,IAAKX,gBAAAA;AACrB,QAAMY,SAAStB,UAAAA;AACf,QAAMe,UAAUC,eAAeM,OAAOC,OAAOD,OAAOC,OAAOC,SAAS,CAAA;AACpE,QAAM,CAACC,OAAOC,QAAAA,IAAY9B,SAAAA;AAG1B,QAAM+B,UAAUtB,SACdS,OAAOc,IACPH,UAAUI,SAAYzB,MAAM0B,OAAO5B,OAAO6B,QAAO,CAAA,IAAM3B,MAAM0B,OAAO5B,OAAO8B,IAAI9B,OAAO+B,KAAKxB,KAAKA,IAAI,CAAA,CAAA,CAAA;AAGtG,QAAMyB,UAAUvB,uBAAuBgB,OAAAA;AACvC,QAAMQ,aAAaxC,QAAQ,MAAMuC,QAAQE,OAAO,CAAC,EAAEC,OAAM,MAAOA,UAAUpC,OAAOqC,SAASD,MAAAA,CAAAA,GAAU;IAACH;GAAQ;AAE7G,QAAMK,eAAe7C,YACnB,CAAC8C,SAAAA;AACCd,aAASc,IAAAA;AACTnB,eAAWmB,IAAAA;EACb,GACA;IAACnB;GAAS;AAGZ,QAAMoB,eAAe/C,YACnB,OAAOgD,WAAAA;AACL,QAAI,CAACA,OAAOL,UAAU,CAAClC,IAAIwC,SAASD,OAAOL,MAAM,GAAG;AAClD;IACF;AAEA,UAAMO,gBAAgB7C,MAAM8C,wBAAwBH,OAAOL,MAAM;AACjE,UAAMjB,cAActB,gBAAgBgD,cAAc;MAAEC,OAAO;IAAM,CAAA;AACjE,UAAM3B,cAActB,gBAAgBkD,MAAM;MACxCC,SAAS;QAACL;;MACV7B;MACAmC,aAAa;IACf,CAAA;EACF,GACA;IAACnC;IAASK;GAAc;AAG1B,SACE,sBAAA,cAACd,OAAO6C,SAAO,MACb,sBAAA,cAAC7C,OAAO8C,QAAM,MACZ,sBAAA,cAAC9C,OAAO+C,OAAK,MAAEpC,EAAE,qBAAA,CAAA,GACjB,sBAAA,cAACX,OAAOgD,OAAK;IAACC,SAAAA;KACZ,sBAAA,cAACjD,OAAOkD,kBAAgB;IAACC,QAAO;QAKpC,sBAAA,cAACnD,OAAOoD,MAAI,MACV,sBAAA,cAAClD,WAAWmD,MAAI;IAACC,UAAUrB;KACzB,sBAAA,cAAC/B,WAAWqD,OAAK;IAACC,YAAW;IAAOC,WAAAA;IAAUC,aAAa/C,EAAE,oBAAA;MAC7D,sBAAA,cAACT,WAAWyD,UAAQ;IAACH,YAAW;KAC7BrC,SAASU,WAAWX,WAAW,KAAK,sBAAA,cAAChB,WAAW0D,OAAK,IAAA,GACrD/B,WAAWgC,IAAI,CAACzB,WACf,sBAAA,cAAClC,WAAW4D,MAAI;IACdjD,KAAKuB,OAAO2B;IACZP,YAAW;IACXQ,MAAM5B,OAAO4B;IACbC,OAAO7B,OAAO2B;IACdG,OAAO9B,OAAO8B,UAAU9B,OAAOL,SAASpC,OAAOqC,SAASI,OAAOL,MAAM,IAAIR,WAAca,OAAO2B;IAC9FI,UAAU,MAAM,KAAKhC,aAAaC,MAAAA;;AAQlD;",
-  "names": ["React", "useCallback", "useMemo", "useState", "useOperationInvoker", "LayoutOperation", "Paths", "useLayout", "Entity", "Filter", "Obj", "Query", "useQuery", "Dialog", "useTranslation", "SearchList", "Text", "useGlobalSearch", "useGlobalSearchResults", "meta", "SearchDialog", "space", "pivotId", "pivotIdProp", "t", "profile", "key", "invokePromise", "setMatch", "layout", "active", "length", "query", "setQuery", "objects", "db", "undefined", "select", "nothing", "not", "type", "results", "allResults", "filter", "object", "getLabel", "handleSearch", "text", "handleSelect", "result", "isObject", "qualifiedPath", "getObjectPathFromObject", "UpdateDialog", "state", "Open", "subject", "positioning", "Content", "Header", "Title", "Close", "asChild", "ActionIconButton", "action", "Body", "Root", "onSearch", "Input", "classNames", "autoFocus", "placeholder", "Viewport", "Empty", "map", "Item", "id", "icon", "value", "label", "onSelect"]
-}

package/dist/lib/neutral/SearchPlugin.mjs

@@ -1,10 +0,0 @@
-import {
-  SearchPlugin,
-  SearchPlugin_default
-} from "./chunk-P6LRQZVR.mjs";
-import "./chunk-J5LGTIGS.mjs";
-export {
-  SearchPlugin,
-  SearchPlugin_default as default
-};
-//# sourceMappingURL=SearchPlugin.mjs.map

package/dist/lib/neutral/SearchPlugin.mjs.map

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