@dxos/plugin-search 0.9.1-staging.ee54ba693a → 0.11.0

package/dx.config.ts

@@ -11,19 +11,17 @@ export default Config2.make({
     name: 'Search',
     author: 'DXOS',
     description: trim`
-      Full-text search engine for finding content across all spaces and object types in DXOS Composer.
-      The plugin provides a global command-palette style dialog (invoked via the OpenSearch operation)
-      that debounces user input and matches it against every field of every ECHO object in the active
-      space, returning ranked results with field-level match context.
+      Full-text search over the active space in DXOS Composer. The plugin provides a global
+      command-palette style dialog (invoked via the OpenSearch operation) that debounces user input
+      and matches it against the space's FTS5 index, returning ranked, highlighted results with
+      field-level match context.
 
       A persistent SearchArticle panel can be pinned in the deck companion sidebar so the query stays
       visible while navigating documents. Both surfaces share a SearchContextProvider that drives the
       GlobalFilterProvider, allowing any view that uses useGlobalFilteredObjects to automatically show
       only the objects matching the current query.
 
-      Web search is available through the Exa integration: when an API key is configured, the plugin
-      can fetch and rank external web results alongside local objects. The results are structured with
-      URL, title, and snippet fields ready for use in Composer documents.
+      The mailbox also uses the same full-text index to filter messages by the current search query.
 
       All search operations are registered through the standard DXOS operations system and can be
       wired into keyboard shortcuts, command palettes, and AI assistants via the OperationHandlerSet.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-search",
-  "version": "0.9.1-staging.ee54ba693a",
+  "version": "0.11.0",
   "description": "Search plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -16,70 +16,70 @@
     "#capabilities": {
       "source": "./src/capabilities/index.ts",
       "types": "./dist/types/src/capabilities/index.d.ts",
-      "default": "./dist/lib/neutral/capabilities/index.mjs"
+      "default": "./dist/lib/capabilities.mjs"
     },
     "#components": {
       "source": "./src/components/index.ts",
       "types": "./dist/types/src/components/index.d.ts",
-      "default": "./dist/lib/neutral/components/index.mjs"
+      "default": "./dist/lib/components.mjs"
     },
     "#containers": {
       "source": "./src/containers/index.ts",
       "types": "./dist/types/src/containers/index.d.ts",
-      "default": "./dist/lib/neutral/containers/index.mjs"
+      "default": "./dist/lib/containers.mjs"
     },
     "#hooks": {
       "source": "./src/hooks/index.ts",
       "types": "./dist/types/src/hooks/index.d.ts",
-      "default": "./dist/lib/neutral/hooks/index.mjs"
+      "default": "./dist/lib/hooks.mjs"
     },
     "#meta": {
       "source": "./src/meta.ts",
       "types": "./dist/types/src/meta.d.ts",
-      "default": "./dist/lib/neutral/meta.mjs"
+      "default": "./dist/lib/meta.mjs"
     },
     "#operations": {
       "source": "./src/operations/index.ts",
       "types": "./dist/types/src/operations/index.d.ts",
-      "default": "./dist/lib/neutral/operations/index.mjs"
+      "default": "./dist/lib/operations.mjs"
     },
     "#plugin": {
       "source": "./src/SearchPlugin.tsx",
       "types": "./dist/types/src/SearchPlugin.d.ts",
-      "default": "./dist/lib/neutral/SearchPlugin.mjs"
+      "default": "./dist/lib/SearchPlugin.mjs"
     },
     "#translations": {
       "source": "./src/translations.ts",
       "types": "./dist/types/src/translations.d.ts",
-      "default": "./dist/lib/neutral/translations.mjs"
+      "default": "./dist/lib/translations.mjs"
     },
     "#types": {
       "source": "./src/types/index.ts",
       "types": "./dist/types/src/types/index.d.ts",
-      "default": "./dist/lib/neutral/types/index.mjs"
+      "default": "./dist/lib/types.mjs"
     }
   },
   "exports": {
     ".": {
       "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
-      "default": "./dist/lib/neutral/index.mjs"
+      "import": "./dist/lib/index.mjs"
     },
     "./assets/PLUGIN.mdl": "./PLUGIN.mdl",
     "./plugin": {
       "source": "./src/plugin.ts",
       "types": "./dist/types/src/plugin.d.ts",
-      "default": "./dist/lib/neutral/plugin.mjs"
+      "import": "./dist/lib/plugin.mjs"
     },
     "./testing": {
       "source": "./src/testing.ts",
       "types": "./dist/types/src/testing.d.ts",
-      "default": "./dist/lib/neutral/testing.mjs"
+      "import": "./dist/lib/testing.mjs"
     },
     "./translations": {
       "source": "./src/translations.ts",
       "types": "./dist/types/src/translations.d.ts",
-      "default": "./dist/lib/neutral/translations.mjs"
+      "import": "./dist/lib/translations.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -91,43 +91,46 @@
   ],
   "dependencies": {
     "main-thread-scheduling": "^14.1.1",
-    "@dxos/ai": "0.9.1-staging.ee54ba693a",
-    "@dxos/app-framework": "0.9.1-staging.ee54ba693a",
-    "@dxos/app-toolkit": "0.9.1-staging.ee54ba693a",
-    "@dxos/debug": "0.9.1-staging.ee54ba693a",
-    "@dxos/compute": "0.9.1-staging.ee54ba693a",
-    "@dxos/effect": "0.9.1-staging.ee54ba693a",
-    "@dxos/echo-protocol": "0.9.1-staging.ee54ba693a",
-    "@dxos/keys": "0.9.1-staging.ee54ba693a",
-    "@dxos/invariant": "0.9.1-staging.ee54ba693a",
-    "@dxos/echo": "0.9.1-staging.ee54ba693a",
-    "@dxos/log": "0.9.1-staging.ee54ba693a",
-    "@dxos/plugin-client": "0.9.1-staging.ee54ba693a",
-    "@dxos/plugin-graph": "0.9.1-staging.ee54ba693a",
-    "@dxos/react-client": "0.9.1-staging.ee54ba693a",
-    "@dxos/react-ui-attention": "0.9.1-staging.ee54ba693a",
-    "@dxos/react-ui-menu": "0.9.1-staging.ee54ba693a",
-    "@dxos/react-ui-search": "0.9.1-staging.ee54ba693a",
-    "@dxos/react-ui-mosaic": "0.9.1-staging.ee54ba693a",
-    "@dxos/types": "0.9.1-staging.ee54ba693a",
-    "@dxos/schema": "0.9.1-staging.ee54ba693a",
-    "@dxos/util": "0.9.1-staging.ee54ba693a"
+    "@dxos/ai": "0.11.0",
+    "@dxos/app-framework": "0.11.0",
+    "@dxos/app-toolkit": "0.11.0",
+    "@dxos/compute": "0.11.0",
+    "@dxos/debug": "0.11.0",
+    "@dxos/echo": "0.11.0",
+    "@dxos/echo-protocol": "0.11.0",
+    "@dxos/echo-react": "0.11.0",
+    "@dxos/effect": "0.11.0",
+    "@dxos/invariant": "0.11.0",
+    "@dxos/keys": "0.11.0",
+    "@dxos/log": "0.11.0",
+    "@dxos/plugin-client": "0.11.0",
+    "@dxos/plugin-graph": "0.11.0",
+    "@dxos/react-client": "0.11.0",
+    "@dxos/react-ui-attention": "0.11.0",
+    "@dxos/react-ui-list": "0.11.0",
+    "@dxos/react-ui-menu": "0.11.0",
+    "@dxos/react-ui-mosaic": "0.11.0",
+    "@dxos/react-ui-search": "0.11.0",
+    "@dxos/schema": "0.11.0",
+    "@dxos/types": "0.11.0",
+    "@dxos/util": "0.11.0"
   },
   "devDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
     "@effect/platform": "0.96.2",
+    "@testing-library/react": "^16.3.2",
     "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
     "effect": "3.21.4",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "vite": "^8.0.16",
-    "@dxos/plugin-testing": "0.9.1-staging.ee54ba693a",
-    "@dxos/plugin-preview": "0.9.1-staging.ee54ba693a",
-    "@dxos/random": "0.9.1-staging.ee54ba693a",
-    "@dxos/storybook-utils": "0.9.1-staging.ee54ba693a",
-    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
-    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
+    "vite": "^8.1.4",
+    "@dxos/plugin-preview": "0.11.0",
+    "@dxos/plugin-testing": "0.11.0",
+    "@dxos/random": "0.11.0",
+    "@dxos/react-ui": "0.11.0",
+    "@dxos/storybook-utils": "0.11.0",
+    "@dxos/ui-theme": "0.11.0"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.5.0",
@@ -135,8 +138,8 @@
     "effect": "3.21.4",
     "react": "~19.2.7",
     "react-dom": "~19.2.7",
-    "@dxos/react-ui": "0.9.1-staging.ee54ba693a",
-    "@dxos/ui-theme": "0.9.1-staging.ee54ba693a"
+    "@dxos/react-ui": "^0.11.0",
+    "@dxos/ui-theme": "^0.11.0"
   },
   "publishConfig": {
     "access": "public"

package/src/capabilities/SearchSurfaces.tsx

@@ -0,0 +1,58 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React, { type ComponentProps } from 'react';
+
+import { useActiveSpace } from '@dxos/app-toolkit/ui';
+import { type Space } from '@dxos/react-client/echo';
+
+import { SearchArticle, SearchDialog } from '#containers';
+import { SearchContextProvider } from '#hooks';
+
+export type SearchDialogSurfaceProps = {
+  props: ComponentProps<typeof SearchDialog>;
+};
+
+/** Search is scoped to the active space, so each surface resolves it before mounting the provider. */
+export const SearchDialogSurface = ({ props }: SearchDialogSurfaceProps) => {
+  const space = useActiveSpace();
+  if (!space) {
+    return null;
+  }
+
+  return (
+    <SearchContextProvider>
+      <SearchDialog {...props} space={space} />
+    </SearchContextProvider>
+  );
+};
+
+export const SearchInputSurface = () => {
+  const space = useActiveSpace();
+  if (!space) {
+    return null;
+  }
+
+  return (
+    <SearchContextProvider>
+      <SearchArticle space={space} />
+    </SearchContextProvider>
+  );
+};
+
+export type SearchCompanionSurfaceProps = {
+  space: Space;
+};
+
+export const SearchCompanionSurface = ({ space }: SearchCompanionSurfaceProps) => {
+  if (!space) {
+    return null;
+  }
+
+  return (
+    <SearchContextProvider>
+      <SearchArticle space={space} />
+    </SearchContextProvider>
+  );
+};

package/src/capabilities/app-graph-builder.ts

@@ -5,11 +5,11 @@
 import * as Effect from 'effect/Effect';
 
 import { Capability } from '@dxos/app-framework';
-import { AppCapabilities, AppNode, Paths } from '@dxos/app-toolkit';
+import { AppCapabilities, AppNode, GraphPath } from '@dxos/app-toolkit';
 import { Operation } from '@dxos/compute';
 import { ClientCapabilities } from '@dxos/plugin-client';
 import { GraphBuilder, NodeMatcher } from '@dxos/plugin-graph';
-import { linkedSegment } from '@dxos/react-ui-attention';
+import { Attention } from '@dxos/react-ui-attention';
 
 import { meta } from '#meta';
 import { SearchOperation } from '#types';
@@ -25,12 +25,12 @@ export default Capability.makeModule(
             const client = yield* Capability.get(ClientCapabilities.Client);
             const layoutAtom = get(yield* Capability.atom(AppCapabilities.Layout))[0];
             const layout = layoutAtom ? get(layoutAtom) : undefined;
-            const spaceId = layout?.workspace ? Paths.getSpaceIdFromPath(layout.workspace) : undefined;
+            const spaceId = layout?.workspace ? GraphPath.getSpaceIdFromPath(layout.workspace) : undefined;
             const space = spaceId ? client.spaces.get(spaceId) : null;
 
             return [
               AppNode.makeDeckCompanion({
-                id: linkedSegment('search'),
+                id: Attention.linkedSegment('search'),
                 label: ['search.label', { ns: meta.profile.key }],
                 icon: 'ph--magnifying-glass--regular',
                 data: space,

package/src/capabilities/react-surface.ts

@@ -0,0 +1,40 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+import { type ComponentProps } from 'react';
+
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { Surface } from '@dxos/app-framework/ui';
+import { AppSurface } from '@dxos/app-toolkit/ui';
+import { isSpace } from '@dxos/react-client/echo';
+
+import { type SearchDialog } from '#containers';
+
+import { SEARCH_DIALOG } from '../constants';
+import { SearchCompanionSurface, SearchDialogSurface, SearchInputSurface } from './SearchSurfaces';
+
+export default Capability.makeModule(() =>
+  Effect.succeed(
+    Capability.contributes(Capabilities.ReactSurface, [
+      Surface.create({
+        id: SEARCH_DIALOG,
+        filter: AppSurface.component<ComponentProps<typeof SearchDialog>>(AppSurface.Dialog, SEARCH_DIALOG),
+        component: SearchDialogSurface,
+        props: ({ data: { props } }) => ({ props }),
+      }),
+      Surface.create({
+        id: `${SEARCH_DIALOG}.searchInput`,
+        filter: Surface.makeFilter(AppSurface.SearchInput),
+        component: SearchInputSurface,
+      }),
+      Surface.create({
+        id: `${SEARCH_DIALOG}.search`,
+        filter: AppSurface.subject(AppSurface.deckCompanion('search'), isSpace),
+        component: SearchCompanionSurface,
+        props: ({ data: { subject } }) => ({ space: subject }),
+      }),
+    ]),
+  ),
+);

package/src/components/SearchResultList/SearchResultList.stories.tsx

@@ -0,0 +1,152 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import * as Effect from 'effect/Effect';
+import React, { useCallback, useMemo, useState } from 'react';
+import { expect, userEvent, waitFor, within } from 'storybook/test';
+
+import { Capability } from '@dxos/app-framework';
+import { withPluginManager } from '@dxos/app-framework/testing';
+import { AppCapabilities } from '@dxos/app-toolkit';
+import { Obj } from '@dxos/echo';
+import { useQuery } from '@dxos/echo-react';
+import { ClientPlugin, initializeIdentity } from '@dxos/plugin-client/testing';
+import { SAMPLE_MESSAGES, StorybookPlugin, corePlugins } from '@dxos/plugin-testing';
+import { random } from '@dxos/random';
+import { useSpaces } from '@dxos/react-client/echo';
+import { type SearchResult, buildSnippet } from '@dxos/react-ui-search';
+import { Loading, withLayout } from '@dxos/react-ui/testing';
+import { Message } from '@dxos/types';
+
+import { buildSearchQuery, toSearchResults } from '#hooks';
+import { translations } from '#translations';
+
+import { SearchResultList } from './SearchResultList';
+
+random.seed(0);
+
+/** Real term repeated across several `SAMPLE_MESSAGES` entries. */
+const SEARCH_TERM = 'invoice';
+
+/**
+ * Enriches a raw `SearchResult` with a best-match snippet and the sender's name as metadata —
+ * `toSearchResults` produces a generic snippet, but a `Message`'s full text and sender give a
+ * better demo of the row layout.
+ */
+const enrichResult = (result: SearchResult, query: string): SearchResult => {
+  const message = result.object && Obj.instanceOf(Message.Message, result.object) ? result.object : undefined;
+  if (!message) {
+    return result;
+  }
+
+  return {
+    ...result,
+    snippet: buildSnippet(Message.extractText(message), query),
+    type: message.sender.name ?? 'Message',
+  };
+};
+
+const DefaultStory = () => {
+  const spaces = useSpaces();
+  const space = spaces[spaces.length - 1];
+  const [query, setQuery] = useState('');
+
+  const objects = useQuery(space?.db, buildSearchQuery(query));
+  const results = useMemo(() => (query ? toSearchResults(objects, query) : []), [objects, query]);
+  const enrichedResults = useMemo(() => results.map((result) => enrichResult(result, query)), [results, query]);
+
+  const handleSelect = useCallback((result: SearchResult) => {
+    // Storybook demo only — selection has no further destination.
+    console.log('select', result.id);
+  }, []);
+
+  if (!space) {
+    return <Loading />;
+  }
+
+  return (
+    <div className='flex flex-col gap-2 p-2 max-w-[32rem]'>
+      <input
+        type='text'
+        placeholder='Search…'
+        value={query}
+        onChange={(event) => setQuery(event.target.value)}
+        className='px-2 py-1 border border-separator rounded'
+      />
+      <SearchResultList results={enrichedResults} query={query} onSelect={handleSelect} />
+    </div>
+  );
+};
+
+const meta = {
+  title: 'plugins/plugin-search/components/SearchResultList',
+  render: DefaultStory,
+  decorators: [
+    withLayout({ layout: 'column' }),
+    withPluginManager({
+      capabilities: [Capability.contributes(AppCapabilities.Translations, translations)],
+      plugins: [
+        ...corePlugins(),
+        StorybookPlugin({}),
+        ClientPlugin({
+          types: [Message.Message],
+          onClientInitialized: ({ client }) =>
+            Effect.gen(function* () {
+              const { personalSpace } = yield* initializeIdentity(client);
+
+              for (const { from, subject, body } of SAMPLE_MESSAGES) {
+                personalSpace.db.add(
+                  Message.make({
+                    sender: { email: from.email, name: from.name },
+                    blocks: [{ _tag: 'text', text: body }],
+                    properties: { subject, snippet: body.slice(0, 120) },
+                  }),
+                );
+              }
+              yield* Effect.promise(() => personalSpace.db.flush({ indexes: true }));
+            }),
+        }),
+      ],
+    }),
+  ],
+  tags: ['test'],
+  parameters: {
+    layout: 'fullscreen',
+  },
+} satisfies Meta<typeof DefaultStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Test: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    const input = await canvas.findByPlaceholderText('Search…', undefined, { timeout: 10_000 });
+    await userEvent.type(input, SEARCH_TERM);
+
+    // The seeded corpus repeats "invoice" across several finance messages, so this should surface
+    // a proper multi-row match set — the end-to-end proof that FTS + ranking + rendering are wired.
+    await waitFor(
+      async () => {
+        const rows = canvas.queryAllByRole('listitem');
+        await expect(rows.length).toBeGreaterThanOrEqual(2);
+      },
+      { timeout: 15_000 },
+    );
+
+    const marks = canvasElement.querySelectorAll('mark');
+    const matchingMark = Array.from(marks).find((mark) => mark.textContent?.toLowerCase().includes(SEARCH_TERM));
+    await expect(matchingMark).toBeTruthy();
+
+    // Each row's metadata cell shows the sender's name (populated by `enrichResult`).
+    const rows = canvas.getAllByRole('listitem');
+    const metadataCells = rows.map((row) => row.querySelector('span.text-description'));
+    await expect(metadataCells.every((cell) => cell?.textContent)).toBe(true);
+  },
+};

package/src/components/SearchResultList/SearchResultList.test.tsx

@@ -0,0 +1,64 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { cleanup, render, screen } from '@testing-library/react';
+import React, { type PropsWithChildren } from 'react';
+import { afterEach, describe, expect, test } from 'vitest';
+
+import { ThemeProvider } from '@dxos/react-ui';
+
+import { type SearchResult } from '#types';
+
+import { SearchResultList } from './SearchResultList';
+
+// `Listbox.Viewport` renders a `ScrollArea`, which reads theme tokens via context.
+const Wrapper = ({ children }: PropsWithChildren) => <ThemeProvider>{children}</ThemeProvider>;
+
+const results: SearchResult[] = [
+  {
+    id: '1',
+    label: 'Invoice #12345',
+    snippet: 'Please pay invoice #12345 by Friday.',
+    type: 'Message',
+    icon: 'ph--envelope--regular',
+  },
+  {
+    id: '2',
+    label: 'Sprint planning notes',
+    snippet: 'Discussed the invoice reconciliation process for the sprint.',
+    type: 'Message',
+    icon: 'ph--envelope--regular',
+  },
+];
+
+describe('SearchResultList', () => {
+  afterEach(() => {
+    cleanup();
+  });
+
+  test('renders a row for each result', () => {
+    render(<SearchResultList results={results} query='invoice' />, { wrapper: Wrapper });
+    // `getByText` throws if no match is found, which is assertion enough that the row rendered.
+    expect(screen.getByText(/Sprint planning notes/)).toBeTruthy();
+    expect(screen.getAllByRole('listitem')).toHaveLength(2);
+  });
+
+  test('highlights the query term in both title and snippet', () => {
+    const { container } = render(<SearchResultList results={[results[0]]} query='invoice' />, { wrapper: Wrapper });
+    const marks = container.querySelectorAll('mark');
+    // One match in the title ("Invoice") and one in the snippet ("invoice").
+    expect(marks.length).toBeGreaterThanOrEqual(2);
+    expect(Array.from(marks).some((mark) => mark.textContent?.toLowerCase() === 'invoice')).toBe(true);
+  });
+
+  test('renders metadata (type) alongside each result', () => {
+    render(<SearchResultList results={results} query='invoice' />, { wrapper: Wrapper });
+    expect(screen.getAllByText('Message')).toHaveLength(2);
+  });
+
+  test('renders no rows for an empty result set', () => {
+    render(<SearchResultList results={[]} query='invoice' />, { wrapper: Wrapper });
+    expect(screen.queryAllByRole('listitem')).toHaveLength(0);
+  });
+});

package/src/components/SearchResultList/SearchResultList.tsx

@@ -0,0 +1,60 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import React from 'react';
+
+import { useTranslation } from '@dxos/react-ui';
+import { Empty, Listbox } from '@dxos/react-ui-list';
+import { Highlighted, type SearchResult } from '@dxos/react-ui-search';
+
+import { meta } from '#meta';
+
+export type SearchResultListProps = {
+  /** Matched objects to render, already ranked. */
+  results: SearchResult[];
+  /** Current search query, used to highlight matches. */
+  query: string;
+  /** Called when a row is activated. */
+  onSelect?: (result: SearchResult) => void;
+};
+
+/**
+ * Dense, read-only search-results list: each row shows the matched object's icon, highlighted
+ * title and best-match snippet, and its type as trailing metadata. Built on `Listbox` in its
+ * plain (non-selectable) mode — rows are `role=listitem`, not `role=option`.
+ */
+export const SearchResultList = ({ results, query, onSelect }: SearchResultListProps) => {
+  const { t } = useTranslation(meta.profile.key);
+  return (
+    <Listbox.Root>
+      <Listbox.Viewport>
+        {results.length === 0 ? (
+          // `Empty` renders a `<div>`; keep it out of `Listbox.Content`'s `<ul>` rather than
+          // nesting a non-`<li>` child inside the list.
+          <Empty label={t('search-result-list.empty.label')} />
+        ) : (
+          <Listbox.Content aria-label={t('search-result-list.label')}>
+            {results.map((result) => (
+              <Listbox.Item
+                key={result.id}
+                id={result.id}
+                classNames='grid grid-cols-[1fr_auto] items-center gap-2'
+                onClick={() => onSelect?.(result)}
+              >
+                <Listbox.ItemContent
+                  icon={result.icon}
+                  title={<Highlighted text={result.label ?? ''} query={query} />}
+                  description={result.snippet ? <Highlighted text={result.snippet} query={query} /> : undefined}
+                />
+                {result.type ? <span className='shrink-0 text-sm text-description'>{result.type}</span> : null}
+              </Listbox.Item>
+            ))}
+          </Listbox.Content>
+        )}
+      </Listbox.Viewport>
+    </Listbox.Root>
+  );
+};
+
+SearchResultList.displayName = 'SearchResultList';

package/src/components/SearchResultList/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+export * from './SearchResultList';