@dxos/plugin-search 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-import { type Decorator, type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-import { type SearchbarProps } from './Searchbar';
-type StoryProps = SearchbarProps & {
-    objects?: any[];
-};
-export declare const Default: Story;
-declare const meta: {
-    title: string;
-    component: ({ classNames, variant, placeholder, value, onChange, onSubmit }: SearchbarProps) => React.JSX.Element;
-    render: ({ objects, ...props }: StoryProps) => React.JSX.Element;
-    decorators: Decorator[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-//# sourceMappingURL=Search.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const SEARCH_DIALOG: string;
-export type SearchDialogProps = {
-    pivotId: string;
-};
-export declare const SearchDialog: ({ pivotId }: SearchDialogProps) => React.JSX.Element;
-//# sourceMappingURL=SearchDialog.d.ts.map

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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,sBA2CtD,CAAC"}

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

@@ -1,20 +0,0 @@
-import React, { type FC } from 'react';
-import { type SearchResult } from '../../types';
-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 declare const Snippet: FC<{
-    text: string;
-    match?: RegExp;
-}>;
-//# sourceMappingURL=SearchResults.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-import { type SearchResultsProps } from './SearchResults';
-declare const meta: {
-    title: string;
-    component: ({ items }: SearchResultsProps) => React.JSX.Element;
-    render: (props: SearchResultsProps) => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=SearchResults.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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/SearchResults/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SearchResults';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SearchResults/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-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;
-}>;
-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 +0,0 @@
-{"version":3,"file":"Searchbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Searchbar/Searchbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,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,sBA8BxG,CAAC"}

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

@@ -1,13 +0,0 @@
-import { type StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ classNames, variant, placeholder, value, onChange, onSubmit }: import("./Searchbar").SearchbarProps) => import("react").JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-//# sourceMappingURL=Searchbar.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Searchbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Searchbar/Searchbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjE,QAAA,MAAM,IAAI;;;;;;;CAOwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './Searchbar';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Searchbar/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}

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

@@ -1,13 +0,0 @@
-import * as Schema from 'effect/Schema';
-export declare namespace SearchAction {
-    const OpenSearch_base: Schema.TaggedClass<OpenSearch, `${string}/open-search`, {
-        readonly _tag: Schema.tag<`${string}/open-search`>;
-    } & {
-        input: typeof Schema.Void;
-        output: typeof Schema.Void;
-    }>;
-    export class OpenSearch extends OpenSearch_base {
-    }
-    export {};
-}
-//# sourceMappingURL=action.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../../src/types/action.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAIxC,yBAAiB,YAAY,CAAC;;;;;;;IAG5B,MAAM,OAAO,UAAW,SAAQ,eAG9B;KAAG;;CACN"}

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

@@ -1,80 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Atom } from '@effect-atom/atom-react';
-import * as Function from 'effect/Function';
-import * as Option from 'effect/Option';
-
-import { Capabilities, type PluginContext, contributes, createIntent } from '@dxos/app-framework';
-import { ClientCapabilities } from '@dxos/plugin-client';
-import { ATTENDABLE_PATH_SEPARATOR, DECK_COMPANION_TYPE } from '@dxos/plugin-deck/types';
-import { ROOT_ID, atomFromSignal, createExtension } from '@dxos/plugin-graph';
-import { parseId } from '@dxos/react-client/echo';
-
-import { meta } from '../meta';
-import { SearchAction } from '../types';
-
-export default (context: PluginContext) =>
-  contributes(Capabilities.AppGraphBuilder, [
-    createExtension({
-      id: `${meta.id}/space-search`,
-      connector: (node) =>
-        Atom.make((get) =>
-          Function.pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === ROOT_ID ? Option.some(node) : Option.none())),
-            Option.map((node) => {
-              const workspace = get(atomFromSignal(() => context.getCapability(Capabilities.Layout).workspace));
-              const client = context.getCapability(ClientCapabilities.Client);
-              const { spaceId } = parseId(workspace);
-              const space = spaceId ? client.spaces.get(spaceId) : null;
-
-              return [
-                {
-                  id: [node.id, 'search'].join(ATTENDABLE_PATH_SEPARATOR),
-                  type: DECK_COMPANION_TYPE,
-                  data: space,
-                  properties: {
-                    label: ['search label', { ns: meta.id }],
-                    icon: 'ph--magnifying-glass--regular',
-                    disposition: 'hidden',
-                  },
-                },
-              ];
-            }),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-    createExtension({
-      id: meta.id,
-      actions: (node) =>
-        Atom.make((get) =>
-          Function.pipe(
-            get(node),
-            Option.flatMap((node) => (node.id === ROOT_ID ? Option.some(node) : Option.none())),
-            Option.map(() => {
-              return [
-                {
-                  id: SearchAction.OpenSearch._tag,
-                  data: async () => {
-                    const { dispatchPromise: dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-                    await dispatch(createIntent(SearchAction.OpenSearch));
-                  },
-                  properties: {
-                    label: ['search action label', { ns: meta.id }],
-                    icon: 'ph--magnifying-glass--regular',
-                    keyBinding: {
-                      macos: 'shift+meta+f',
-                      windows: 'shift+alt+f',
-                    },
-                  },
-                },
-              ];
-            }),
-            Option.getOrElse(() => []),
-          ),
-        ),
-    }),
-  ]);

package/src/capabilities/intent-resolver.ts

@@ -1,18 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capabilities, LayoutAction, contributes, createIntent, createResolver } from '@dxos/app-framework';
-
-import { SearchAction } from '../types';
-
-export default () =>
-  contributes(
-    Capabilities.IntentResolver,
-    createResolver({
-      intent: SearchAction.OpenSearch,
-      resolve: () => ({
-        intents: [createIntent(LayoutAction.UpdateComplementary, { part: 'complementary', subject: 'search' })],
-      }),
-    }),
-  );

package/src/capabilities/react-surface.tsx

@@ -1,56 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import React from 'react';
-
-import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
-import { useActiveSpace } from '@dxos/plugin-space';
-import { type Space, isSpace } from '@dxos/react-client/echo';
-
-import { SEARCH_DIALOG, SearchDialog, type SearchDialogProps, SearchMain } from '../components';
-import { SearchContextProvider } from '../hooks';
-
-export default () =>
-  contributes(Capabilities.ReactSurface, [
-    createSurface({
-      id: SEARCH_DIALOG,
-      role: 'dialog',
-      filter: (data): data is { props: SearchDialogProps } => data.component === SEARCH_DIALOG,
-      component: ({ data }) => (
-        <SearchContextProvider>
-          <SearchDialog {...data.props} />
-        </SearchContextProvider>
-      ),
-    }),
-    createSurface({
-      id: `${SEARCH_DIALOG}/search-input`,
-      role: 'search-input',
-      component: () => {
-        const space = useActiveSpace();
-
-        return (
-          <SearchContextProvider>
-            <SearchMain space={space} />
-          </SearchContextProvider>
-        );
-      },
-    }),
-    createSurface({
-      id: `${SEARCH_DIALOG}/search`,
-      role: 'deck-companion--search',
-      filter: (data): data is { subject: Space } => isSpace(data.subject),
-      component: ({ data }) => {
-        const space = data.subject;
-        if (!space) {
-          return null;
-        }
-
-        return (
-          <SearchContextProvider>
-            <SearchMain space={space} />
-          </SearchContextProvider>
-        );
-      },
-    }),
-  ]);

package/src/components/Search.stories.tsx

@@ -1,64 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Decorator, type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { useState } from 'react';
-
-import { faker } from '@dxos/random';
-import { withLayout, withTheme } from '@dxos/react-ui/testing';
-
-import { SearchContextProvider, useGlobalSearch, useGlobalSearchResults } from '../hooks';
-
-import { Searchbar, type SearchbarProps } from './Searchbar';
-import { SearchResults } from './SearchResults';
-
-faker.seed(1);
-
-type StoryProps = SearchbarProps & {
-  objects?: any[];
-};
-
-const DefaultStory = ({ objects, ...props }: StoryProps) => {
-  const [selected, setSelected] = useState<string>();
-  const { setMatch } = useGlobalSearch();
-  const filteredItems = useGlobalSearchResults(objects);
-
-  return (
-    <div className='flex grow justify-center overflow-hidden'>
-      <div className='flex flex-col is-[300px] m-4 overflow-hidden'>
-        <Searchbar variant='subdued' placeholder='Enter regular expression...' onChange={setMatch} {...props} />
-        <SearchResults items={filteredItems} selected={selected} onSelect={setSelected} />
-      </div>
-    </div>
-  );
-};
-
-const withSearchContext = (): Decorator => {
-  return (Story) => (
-    <SearchContextProvider>
-      <Story />
-    </SearchContextProvider>
-  );
-};
-
-export const Default: Story = {
-  args: {
-    objects: Array.from({ length: 8 }).map(() => ({
-      id: faker.string.uuid(),
-      label: faker.lorem.sentence(4).replace(/\./g, ''),
-      content: faker.lorem.sentences(3),
-    })),
-  },
-};
-
-const meta = {
-  title: 'plugins/plugin-search/Search',
-  component: Searchbar,
-  render: DefaultStory,
-  decorators: [withTheme, withLayout({ container: 'column' }), withSearchContext()],
-} satisfies Meta<typeof Searchbar>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;

package/src/components/SearchDialog.tsx

@@ -1,136 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import * as Option from 'effect/Option';
-import React, { forwardRef, useCallback, useState } from 'react';
-
-import { LayoutAction, createIntent } from '@dxos/app-framework';
-import { useAppGraph, useIntentDispatcher, useLayout } from '@dxos/app-framework/react';
-import { Obj } from '@dxos/echo';
-import { type Node } from '@dxos/plugin-graph';
-import { useClient } from '@dxos/react-client';
-import { Filter, useQuery } from '@dxos/react-client/echo';
-import { Button, Dialog, Icon, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { SearchList, type SearchListItemProps } from '@dxos/react-ui-searchlist';
-import { descriptionText, mx } from '@dxos/react-ui-theme';
-
-import { useSearchResults } from '../hooks';
-import { meta } from '../meta';
-
-export const SEARCH_DIALOG = `${meta.id}/SearchDialog`;
-
-type SearchListResultProps = {
-  node: Node;
-} & Pick<SearchListItemProps, 'onSelect'>;
-
-const SearchListResult = forwardRef<HTMLDivElement, SearchListResultProps>(({ node, onSelect }, forwardedRef) => {
-  const { t } = useTranslation(meta.id);
-  const label = toLocalizedString(node?.properties.label ?? 'never', t);
-  return (
-    <SearchList.Item
-      value={label}
-      key={node!.id}
-      classNames='flex gap-2 items-center pli-2'
-      onSelect={() => onSelect?.(node!.id)}
-      ref={forwardedRef}
-    >
-      <Icon size={5} icon={node?.properties.icon} />
-      <span className='is-0 grow truncate'>{label}</span>
-    </SearchList.Item>
-  );
-});
-
-export type SearchDialogProps = {
-  pivotId: string;
-};
-
-export const SearchDialog = ({ pivotId }: SearchDialogProps) => {
-  const { t } = useTranslation(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] = useState('');
-  const client = useClient();
-  const dangerouslyLoadAllObjects = useQuery(client.spaces, Filter.everything());
-  const [pending, results] = useSearchResults(queryString, dangerouslyLoadAllObjects);
-  const resultObjects = Array.from(results.keys());
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-
-  const handleSelect = useCallback(
-    async (nodeId: string) => {
-      await dispatch(
-        createIntent(LayoutAction.UpdateDialog, {
-          part: 'dialog',
-          options: { state: false },
-        }),
-      );
-
-      // If node is already present in the active parts, scroll to it and close the dialog.
-      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 (
-    <Dialog.Content classNames={['md:max-is-[24rem] overflow-hidden mbs-12']}>
-      <Dialog.Title>{t('search dialog title')}</Dialog.Title>
-      <SearchList.Root label={t('search placeholder')} classNames='flex flex-col grow overflow-hidden my-2'>
-        <SearchList.Input
-          value={queryString}
-          onValueChange={(nextValue) => {
-            setQueryString(nextValue);
-          }}
-          placeholder={t('search placeholder')}
-          classNames='pli-1 my-2'
-        />
-        <SearchList.Content classNames='max-bs-[24rem] overflow-auto'>
-          {queryString.length > 0 ? (
-            resultObjects.length > 0 ? (
-              resultObjects
-                .map((object) => graph.getNode(Obj.getDXN(object).toString()))
-                .filter(Option.isSome)
-                .map((node) => <SearchListResult key={node.value.id} node={node.value} onSelect={handleSelect} />)
-            ) : (
-              <p className='pli-1'>{t(pending ? 'pending results message' : 'empty results message')}</p>
-            )
-          ) : (
-            <>
-              {closed.length > 0 && <h2 className={mx('mlb-1', descriptionText)}>{t('recently closed heading')}</h2>}
-              {closed.filter(Option.isSome).map((node) => (
-                <SearchListResult key={node.value.id} node={node.value} onSelect={handleSelect} />
-              ))}
-            </>
-          )}
-        </SearchList.Content>
-      </SearchList.Root>
-
-      <Dialog.Close asChild>
-        <Button variant='primary' classNames='mbs-2'>
-          {t('close label', { ns: 'os' })}
-        </Button>
-      </Dialog.Close>
-    </Dialog.Content>
-  );
-};

package/src/components/SearchMain.tsx

@@ -1,62 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useState } from 'react';
-
-import { useClient } from '@dxos/react-client';
-import { Filter, type Space, useQuery } from '@dxos/react-client/echo';
-import { useTranslation } from '@dxos/react-ui';
-import { Stack, StackItem } from '@dxos/react-ui-stack';
-import { activeSurface, mx } from '@dxos/react-ui-theme';
-
-import { useGlobalSearch, useGlobalSearchResults, useWebSearch } from '../hooks';
-import { meta } from '../meta';
-
-import { Searchbar } from './Searchbar';
-import { SearchResults } from './SearchResults';
-
-export const SearchMain = ({ space }: { space?: Space }) => {
-  const { t } = useTranslation(meta.id);
-  const client = useClient();
-  const { setMatch } = useGlobalSearch();
-  const [query, setQuery] = useState<string>();
-  // TODO(burdon): Option to search across spaces.
-  const allSpaces = false;
-  const objects = useQuery(allSpaces ? client.spaces : space, Filter.everything());
-  const results = useGlobalSearchResults(objects);
-
-  const { runSearch, results: webResults } = useWebSearch({ query });
-
-  // TODO(burdon): Activate and/or filter current main (set context).
-  const [selected, setSelected] = useState<string>();
-  const handleSelect = (id: string) => {
-    setSelected((selected) => (selected === id ? undefined : id));
-  };
-
-  const allResults = [...results, ...webResults];
-
-  return (
-    <Stack orientation='vertical' size='contain' itemsCount={1} rail={false} classNames={['bs-full', activeSurface]}>
-      <StackItem.Root item={{ id: 'search' }} role='article'>
-        <StackItem.Content toolbar>
-          <Searchbar
-            classNames='pli-2'
-            placeholder={t('search placeholder')}
-            delay={300}
-            onChange={(text) => {
-              setQuery(text);
-              setMatch?.(text);
-            }}
-            onSubmit={runSearch}
-          />
-          {allResults.length > 0 && (
-            <div className={mx('flex flex-col bs-full overflow-hidden')}>
-              <SearchResults items={allResults} selected={selected} onSelect={handleSelect} />
-            </div>
-          )}
-        </StackItem.Content>
-      </StackItem.Root>
-    </Stack>
-  );
-};

package/src/components/SearchResults/SearchResults.stories.tsx

@@ -1,59 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { useState } from 'react';
-
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { faker } from '@dxos/random';
-import { withTheme } from '@dxos/react-ui/testing';
-
-import { filterObjectsSync } from '../../hooks';
-
-import { SearchResults, type SearchResultsProps } from './SearchResults';
-
-faker.seed(1);
-
-const DefaultStory = (props: SearchResultsProps) => {
-  const [selected, setSelected] = useState<string>();
-
-  return (
-    <div className='flex grow justify-center overflow-hidden'>
-      <div className='flex is-[300px] m-4 overflow-hidden'>
-        <SearchResults {...props} selected={selected} onSelect={setSelected} />
-      </div>
-    </div>
-  );
-};
-
-const word = 'hello';
-
-const objects = Array.from({ length: 100 }).map((_, i) => ({
-  id: faker.string.uuid(),
-  name: faker.lorem.sentence(4),
-  content: faker.lorem.sentence() + ` ${word} ` + faker.lorem.sentence(),
-}));
-
-const match = new RegExp(word, 'i');
-
-const meta = {
-  title: 'plugins/plugin-search/SearchResults',
-  component: SearchResults,
-  render: DefaultStory,
-  decorators: [withTheme, withPluginManager({ plugins: [] })],
-  parameters: {
-    layout: 'fullscreen',
-  },
-} satisfies Meta<typeof SearchResults>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    items: filterObjectsSync(objects, match),
-    match,
-  },
-};