@dxos/plugin-space 0.8.4-main.d05673bc65 → 0.8.4-main.d9fc60f731

package/src/cli/commands/space/create/create.ts

@@ -1,61 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Command from '@effect/cli/Command';
-import * as Options from '@effect/cli/Options';
-import * as Console from 'effect/Console';
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-
-import { CommandConfig } from '@dxos/cli-util';
-import { print, waitForSync } from '@dxos/cli-util';
-import { FormBuilder } from '@dxos/cli-util';
-import { ClientService } from '@dxos/client';
-import { Obj } from '@dxos/echo';
-
-export const handler = Effect.fn(function* ({ name }: { name: Option.Option<string> }) {
-  const { json } = yield* CommandConfig;
-  const client = yield* ClientService;
-
-  const space = yield* Effect.tryPromise(() => client.spaces.create());
-  yield* Effect.tryPromise(() => space.waitUntilReady());
-
-  if (Option.isSome(name)) {
-    Obj.change(space.properties, (p) => {
-      p.name = Option.getOrUndefined(name);
-    });
-  }
-
-  // Output first, then flush and sync
-  if (json) {
-    yield* Console.log(
-      JSON.stringify(
-        {
-          key: space.key.toHex(),
-          ...(space.properties.name ? { name: space.properties.name } : {}),
-        },
-        null,
-        2,
-      ),
-    );
-  } else {
-    const builder = FormBuilder.make({ title: 'Created Space' }).pipe(
-      FormBuilder.set('key', space.key.truncate()),
-      FormBuilder.set('name', space.properties.name ?? '<none>'),
-    );
-    yield* Console.log(print(FormBuilder.build(builder)));
-  }
-
-  // Flush and sync before completion
-  yield* Effect.tryPromise(() => space.db.flush());
-  yield* waitForSync(space);
-});
-
-export const create = Command.make(
-  'create',
-  {
-    name: Options.text('name').pipe(Options.withDescription('The name of the space.'), Options.optional),
-  },
-  handler,
-).pipe(Command.withDescription('Create a new space.'));

package/src/cli/commands/space/info/info.test.ts

@@ -1,47 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { describe, expect, it } from '@effect/vitest';
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-
-import { TestConsole, TestLayer } from '@dxos/cli-util/testing';
-import { ClientService } from '@dxos/client';
-import { runAndForwardErrors } from '@dxos/effect';
-
-import { handler } from './info';
-
-describe('space info', () => {
-  it('should show space info', () =>
-    Effect.gen(function* () {
-      const client = yield* ClientService;
-      yield* Effect.tryPromise(() => client.halo.createIdentity());
-      const space = yield* Effect.tryPromise(() => client.spaces.create());
-      yield* Effect.tryPromise(() => space.waitUntilReady());
-      yield* handler({ spaceId: Option.some(space.id) });
-      const logger = yield* TestConsole.TestConsole;
-      const logs = logger.logs;
-      expect(logs).toHaveLength(1);
-      const parsed = TestConsole.parseJson<{ id: string; state: string; key: string }>(logs[0]);
-      expect(parsed).toHaveProperty('id');
-      expect(parsed).toHaveProperty('state');
-      expect(parsed).toHaveProperty('key');
-      expect(parsed.id).toBe(space.id);
-    }).pipe(Effect.provide(TestLayer), Effect.scoped, runAndForwardErrors));
-
-  it('should show default space info when spaceId is not provided', () =>
-    Effect.gen(function* () {
-      const client = yield* ClientService;
-      yield* Effect.tryPromise(() => client.halo.createIdentity());
-      yield* Effect.tryPromise(() => client.spaces.waitUntilReady());
-      yield* handler({ spaceId: Option.none() });
-      const logger = yield* TestConsole.TestConsole;
-      const logs = logger.logs;
-      expect(logs).toHaveLength(1);
-      const parsed = TestConsole.parseJson<{ id: string; state: string; key: string }>(logs[0]);
-      expect(parsed).toHaveProperty('id');
-      expect(parsed).toHaveProperty('state');
-      expect(parsed).toHaveProperty('key');
-    }).pipe(Effect.provide(TestLayer), Effect.scoped, runAndForwardErrors));
-});

package/src/cli/commands/space/info/info.ts

@@ -1,37 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Command from '@effect/cli/Command';
-import * as Options from '@effect/cli/Options';
-import * as Console from 'effect/Console';
-import * as Effect from 'effect/Effect';
-import type * as Option from 'effect/Option';
-
-import { CommandConfig, Common, formatSpace, getSpace, print, printSpace, spaceIdWithDefault } from '@dxos/cli-util';
-import { ClientService } from '@dxos/client';
-import { type Key } from '@dxos/echo';
-
-export const handler = Effect.fn(function* ({ spaceId }: { spaceId: Option.Option<string> }) {
-  const { json } = yield* CommandConfig;
-  const client = yield* ClientService;
-
-  const resolvedSpaceId = yield* spaceIdWithDefault(spaceId as Option.Option<Key.SpaceId>);
-  const space = yield* getSpace(resolvedSpaceId);
-
-  const formatted = yield* formatSpace(space);
-
-  if (json) {
-    yield* Console.log(JSON.stringify(formatted, null, 2));
-  } else {
-    yield* Console.log(print(printSpace(formatted)));
-  }
-});
-
-export const info = Command.make(
-  'info',
-  {
-    spaceId: Common.spaceId.pipe(Options.optional),
-  },
-  handler,
-).pipe(Command.withDescription('Show space info.'));

package/src/cli/commands/space/list/list.test.ts

@@ -1,36 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { describe, expect, it } from '@effect/vitest';
-import * as Effect from 'effect/Effect';
-
-import { TestConsole, TestLayer } from '@dxos/cli-util/testing';
-import { ClientService } from '@dxos/client';
-import { runAndForwardErrors } from '@dxos/effect';
-
-import { handler } from './list';
-
-describe('spaces list', () => {
-  it('should list empty space list', () =>
-    Effect.gen(function* () {
-      yield* handler();
-      const logger = yield* TestConsole.TestConsole;
-      const logs = logger.logs;
-      expect(logs).toHaveLength(1);
-      expect(TestConsole.extractJsonString(logs[0])).toEqual('[]');
-    }).pipe(Effect.provide(TestLayer), Effect.scoped, runAndForwardErrors));
-
-  it('should list spaces', () =>
-    Effect.gen(function* () {
-      const client = yield* ClientService;
-      yield* Effect.tryPromise(() => client.halo.createIdentity());
-      yield* Effect.tryPromise(() => client.spaces.create());
-      yield* handler();
-      const logger = yield* TestConsole.TestConsole;
-      const logs = logger.logs;
-      expect(logs).toHaveLength(1);
-      const formattedSpaces = TestConsole.parseJson(logs[0]);
-      expect(formattedSpaces).toHaveLength(2);
-    }).pipe(Effect.provide(TestLayer), Effect.scoped, runAndForwardErrors));
-});

package/src/cli/commands/space/list/list.ts

@@ -1,30 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Command from '@effect/cli/Command';
-import * as Console from 'effect/Console';
-import * as Effect from 'effect/Effect';
-
-import { CommandConfig, formatSpace, printSpace } from '@dxos/cli-util';
-import { printList } from '@dxos/cli-util';
-import { ClientService } from '@dxos/client';
-
-// TODO(burdon): Move handler inline and test separate functions.
-export const handler = Effect.fn(function* () {
-  const { json } = yield* CommandConfig;
-  const client = yield* ClientService;
-  const spaces = client.spaces.get();
-  const formattedSpaces = yield* Effect.all(spaces.map(formatSpace));
-
-  if (json) {
-    yield* Console.log(JSON.stringify(formattedSpaces, null, 2));
-  } else {
-    const formatted = formattedSpaces.map(printSpace);
-    yield* Console.log(printList(formatted));
-  }
-});
-
-export const list = Command.make('list', {}, handler).pipe(
-  Command.withDescription('List all spaces available on this device.'),
-);

package/src/cli/commands/space/members/members.test.ts

@@ -1,46 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { describe, expect, it } from '@effect/vitest';
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-
-import { TestConsole, TestLayer } from '@dxos/cli-util/testing';
-import { ClientService } from '@dxos/client';
-import { runAndForwardErrors } from '@dxos/effect';
-
-import { handler } from './members';
-
-describe('space members', () => {
-  it('should list space members', () =>
-    Effect.gen(function* () {
-      const client = yield* ClientService;
-      yield* Effect.tryPromise(() => client.halo.createIdentity());
-      const space = yield* Effect.tryPromise(() => client.spaces.create());
-      yield* Effect.tryPromise(() => space.waitUntilReady());
-      yield* handler({ spaceId: Option.some(space.id) });
-      const logger = yield* TestConsole.TestConsole;
-      const logs = logger.logs;
-      expect(logs).toHaveLength(1);
-      const parsed = TestConsole.parseJson<Array<{ key: string; presence: string }>>(logs[0]);
-      expect(Array.isArray(parsed)).toBe(true);
-      expect(parsed.length).toBeGreaterThan(0);
-      expect(parsed[0]).toHaveProperty('key');
-      expect(parsed[0]).toHaveProperty('presence');
-      // name might be undefined if identity has no displayName
-    }).pipe(Effect.provide(TestLayer), Effect.scoped, runAndForwardErrors));
-
-  it('should list default space members when spaceId is not provided', () =>
-    Effect.gen(function* () {
-      const client = yield* ClientService;
-      yield* Effect.tryPromise(() => client.halo.createIdentity());
-      yield* Effect.tryPromise(() => client.spaces.waitUntilReady());
-      yield* handler({ spaceId: Option.none() });
-      const logger = yield* TestConsole.TestConsole;
-      const logs = logger.logs;
-      expect(logs).toHaveLength(1);
-      const parsed = TestConsole.parseJson<Array<{ key: string; presence: string }>>(logs[0]);
-      expect(Array.isArray(parsed)).toBe(true);
-    }).pipe(Effect.provide(TestLayer), Effect.scoped, runAndForwardErrors));
-});

package/src/cli/commands/space/schema/list/list.test.ts

@@ -1,42 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { describe, expect, it } from '@effect/vitest';
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-
-import { TestConsole, TestLayer } from '@dxos/cli-util/testing';
-import { ClientService } from '@dxos/client';
-import { runAndForwardErrors } from '@dxos/effect';
-
-import { handler } from './list';
-
-describe('space schema list', () => {
-  it('should list space schemas', () =>
-    Effect.gen(function* () {
-      const client = yield* ClientService;
-      yield* Effect.tryPromise(() => client.halo.createIdentity());
-      const space = yield* Effect.tryPromise(() => client.spaces.create());
-      yield* Effect.tryPromise(() => space.waitUntilReady());
-      yield* handler({ spaceId: Option.some(space.id), typename: Option.none() });
-      const logger = yield* TestConsole.TestConsole;
-      const logs = logger.logs;
-      expect(logs).toHaveLength(1);
-      const parsed = TestConsole.parseJson(logs[0]);
-      expect(Array.isArray(parsed)).toBe(true);
-    }).pipe(Effect.provide(TestLayer), Effect.scoped, runAndForwardErrors));
-
-  it('should list default space schemas when spaceId is not provided', () =>
-    Effect.gen(function* () {
-      const client = yield* ClientService;
-      yield* Effect.tryPromise(() => client.halo.createIdentity());
-      yield* Effect.tryPromise(() => client.spaces.waitUntilReady());
-      yield* handler({ spaceId: Option.none(), typename: Option.none() });
-      const logger = yield* TestConsole.TestConsole;
-      const logs = logger.logs;
-      expect(logs).toHaveLength(1);
-      const parsed = TestConsole.parseJson(logs[0]);
-      expect(Array.isArray(parsed)).toBe(true);
-    }).pipe(Effect.provide(TestLayer), Effect.scoped, runAndForwardErrors));
-});

package/src/cli/commands/space/schema/list/list.ts

@@ -1,64 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Command from '@effect/cli/Command';
-import * as Options from '@effect/cli/Options';
-import * as Console from 'effect/Console';
-import * as Effect from 'effect/Effect';
-import * as Option from 'effect/Option';
-
-import { CommandConfig, Common, getSpace, printList, spaceIdWithDefault } from '@dxos/cli-util';
-import { ClientService } from '@dxos/client';
-import { type Key } from '@dxos/echo';
-import { getTypeAnnotation } from '@dxos/echo/internal';
-
-import { createTypenameFilter, mapSchemas, printSchemas } from './util';
-
-export const handler = Effect.fn(function* ({
-  spaceId,
-  typename,
-}: {
-  spaceId: Option.Option<string>;
-  typename: Option.Option<string>;
-}) {
-  const { json } = yield* CommandConfig;
-  const client = yield* ClientService;
-
-  const resolvedSpaceId = yield* spaceIdWithDefault(spaceId as Option.Option<Key.SpaceId>);
-  const space = yield* getSpace(resolvedSpaceId);
-
-  const echoSchema = yield* Effect.tryPromise(() => space.db.schemaRegistry.query().run());
-  const runtimeSchema = space.internal.db.graph.schemaRegistry.schemas;
-
-  const schemas = [
-    ...echoSchema.map((schema) => ({
-      id: schema.id,
-      typename: schema.typename,
-      version: schema.version,
-    })),
-    ...runtimeSchema.map((schema) => {
-      const schemaAnnotation = getTypeAnnotation(schema)!;
-      return {
-        typename: schemaAnnotation.typename,
-        version: schemaAnnotation.version,
-      };
-    }),
-  ].filter(createTypenameFilter(Option.getOrUndefined(typename)));
-
-  if (json) {
-    yield* Console.log(JSON.stringify(mapSchemas(schemas), null, 2));
-  } else {
-    const formatted = printSchemas(schemas);
-    yield* Console.log(printList(formatted));
-  }
-});
-
-export const list = Command.make(
-  'list',
-  {
-    spaceId: Common.spaceId.pipe(Options.optional),
-    typename: Options.text('typename').pipe(Options.withDescription('Filter schemas by typename.'), Options.optional),
-  },
-  handler,
-).pipe(Command.withDescription('List space schemas.'));

package/src/cli/index.ts

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

package/src/cli/plugin.ts

@@ -1,88 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-
-import { ActivationEvents, Capability, Plugin } from '@dxos/app-framework';
-import { AppPlugin } from '@dxos/app-toolkit';
-import { Tag } from '@dxos/echo';
-import { Collection } from '@dxos/echo';
-import { ClientEvents } from '@dxos/plugin-client/types';
-import { DataTypes } from '@dxos/schema';
-import {
-  AnchoredTo,
-  Employer,
-  Event,
-  HasConnection,
-  HasRelationship,
-  HasSubject,
-  Organization,
-  Person,
-  Pipeline,
-  Task,
-} from '@dxos/types';
-
-import { IdentityCreated } from '../capabilities/identity-created';
-import { OperationResolver } from '../capabilities/operation-resolver';
-import { meta } from '../meta';
-import { SpaceEvents } from '../types';
-import { type CreateObject, type SpacePluginOptions } from '../types';
-
-import { database, queue, space } from './commands';
-
-export const SpacePlugin = Plugin.define<SpacePluginOptions>(meta).pipe(
-  // TODO(wittjosiah): Could some of these commands make use of operations?
-  AppPlugin.addCommandModule({
-    commands: [database, queue, space],
-  }),
-  AppPlugin.addMetadataModule({
-    metadata: {
-      id: Collection.Collection.typename,
-      metadata: {
-        createObject: ((props) => Effect.sync(() => Collection.make(props))) satisfies CreateObject,
-      },
-    },
-  }),
-  AppPlugin.addSchemaModule({
-    schema: [
-      ...DataTypes,
-      AnchoredTo.AnchoredTo,
-      Employer.Employer,
-      Event.Event,
-      HasConnection.HasConnection,
-      HasRelationship.HasRelationship,
-      HasSubject.HasSubject,
-      Organization.Organization,
-      Person.Person,
-      Pipeline.Pipeline,
-      Tag.Tag,
-      Task.Task,
-    ],
-  }),
-  Plugin.addModule(
-    ({
-      shareableLinkOrigin = 'http://localhost:5173',
-      invitationPath = '/',
-      invitationProp = 'spaceInvitationCode',
-    }) => {
-      const createInvitationUrl = (invitationCode: string) => {
-        const baseUrl = new URL(invitationPath || '/', shareableLinkOrigin);
-        baseUrl.searchParams.set(invitationProp, invitationCode);
-        return baseUrl.toString();
-      };
-
-      return {
-        id: Capability.getModuleTag(OperationResolver),
-        activatesOn: ActivationEvents.SetupOperationResolver,
-        activate: () => OperationResolver({ createInvitationUrl, observability: false }),
-      };
-    },
-  ),
-  Plugin.addModule({
-    activatesOn: ClientEvents.IdentityCreated,
-    activatesAfter: [SpaceEvents.DefaultSpaceReady],
-    activate: IdentityCreated,
-  }),
-  Plugin.make,
-);

package/src/components/CreateDialog/CreateObjectPanel.tsx

@@ -1,226 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import type * as Schema from 'effect/Schema';
-import React, { useCallback, useMemo } from 'react';
-
-import { type Database, Obj } from '@dxos/echo';
-import { type Collection } from '@dxos/echo';
-import { type AnyProperties } from '@dxos/echo/internal';
-import { type Space, type SpaceId } from '@dxos/react-client/echo';
-import { toLocalizedString, useDefaultValue, useTranslation } from '@dxos/react-ui';
-import { Form, omitId } from '@dxos/react-ui-form';
-import { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';
-import { type MaybePromise } from '@dxos/util';
-
-import { useInputSurfaceLookup } from '../../hooks';
-import { meta } from '../../meta';
-import { type CreateObject } from '../../types';
-import { getSpaceDisplayName } from '../../util';
-
-/** Display-ready option for the create object search list. */
-export type CreateObjectOption = {
-  id: string;
-  label: string;
-  icon?: string;
-};
-
-export type Metadata = {
-  createObject: CreateObject;
-  inputSchema?: Schema.Schema.AnyNoContext;
-  icon?: string;
-};
-
-export type CreateObjectPanelProps = {
-  options: CreateObjectOption[];
-  spaces: Space[];
-  typename?: string;
-  target?: Database.Database | Collection.Collection;
-  initialFormValues?: Partial<AnyProperties>;
-  defaultSpaceId?: SpaceId;
-  resolve?: (typename: string) => Metadata | undefined;
-  onTargetChange?: (target: Database.Database) => void;
-  onTypenameChange?: (typename: string) => void;
-  onCreateObject?: (params: { metadata: Metadata; data?: Record<string, any> }) => MaybePromise<void>;
-};
-
-export const CreateObjectPanel = ({
-  options,
-  spaces,
-  typename,
-  target,
-  initialFormValues: initialFormValuesProp,
-  defaultSpaceId,
-  resolve,
-  onTargetChange,
-  onTypenameChange,
-  onCreateObject,
-}: CreateObjectPanelProps) => {
-  const initialFormValues = useDefaultValue(initialFormValuesProp, () => ({}));
-  const metadata = typename && resolve?.(typename);
-
-  const sortedOptions = useMemo(() => [...options].sort((a, b) => a.label.localeCompare(b.label)), [options]);
-
-  const handleCreateObject = useCallback(
-    async (props: Record<string, any>) => {
-      if (!metadata) {
-        return;
-      }
-      await onCreateObject?.({ metadata, data: props });
-    },
-    [onCreateObject, metadata],
-  );
-
-  const handleSelectOption = useCallback(
-    async (id: string) => {
-      const metadata = resolve?.(id);
-      if (metadata && !metadata.inputSchema) {
-        await onCreateObject?.({ metadata });
-      } else {
-        onTypenameChange?.(id);
-      }
-    },
-    [resolve, onCreateObject],
-  );
-
-  const inputSchema = useMemo(
-    () => (metadata && typeof metadata === 'object' && metadata.inputSchema ? omitId(metadata.inputSchema) : undefined),
-    [metadata],
-  );
-  const inputSurfaceLookup = useInputSurfaceLookup({ target });
-
-  // TODO(wittjosiah): These inputs should be rolled into a `Form` once it supports the necessary variants.
-  if (!metadata) {
-    return <SelectType options={sortedOptions} onChange={handleSelectOption} />;
-  }
-
-  if (!target) {
-    return <SelectSpace spaces={spaces} defaultSpaceId={defaultSpaceId} onChange={onTargetChange} />;
-  }
-
-  if (metadata.inputSchema) {
-    return (
-      <Form.Root
-        testId='create-object-form'
-        autoFocus
-        schema={inputSchema}
-        defaultValues={initialFormValues}
-        db={Obj.isObject(target) ? Obj.getDatabase(target) : target}
-        fieldProvider={inputSurfaceLookup}
-        onSave={handleCreateObject}
-      >
-        <Form.Viewport>
-          <Form.Content>
-            <Form.FieldSet />
-            <Form.Submit />
-          </Form.Content>
-        </Form.Viewport>
-      </Form.Root>
-    );
-  }
-
-  return null;
-};
-
-CreateObjectPanel.displayName = 'CreateObjectPanel';
-
-const SelectSpace = ({
-  spaces,
-  defaultSpaceId,
-  onChange,
-}: { onChange?: (db: Database.Database) => void } & Pick<CreateObjectPanelProps, 'spaces' | 'defaultSpaceId'>) => {
-  const { t } = useTranslation(meta.id);
-
-  const sortedSpaces = useMemo(
-    () =>
-      [...spaces].sort((a, b) => {
-        const labelA = toLocalizedString(
-          getSpaceDisplayName(a, {
-            personal: a.id === defaultSpaceId,
-          }),
-          t,
-        );
-        const labelB = toLocalizedString(
-          getSpaceDisplayName(b, {
-            personal: b.id === defaultSpaceId,
-          }),
-          t,
-        );
-        return labelA.localeCompare(labelB);
-      }),
-    [spaces, defaultSpaceId, t],
-  );
-
-  const { results, handleSearch } = useSearchListResults({
-    items: sortedSpaces,
-    extract: (space) =>
-      toLocalizedString(
-        getSpaceDisplayName(space, {
-          personal: space.id === defaultSpaceId,
-        }),
-        t,
-      ),
-  });
-
-  return (
-    <SearchList.Root onSearch={handleSearch}>
-      <SearchList.Content>
-        <SearchList.Input
-          autoFocus
-          data-testid='create-object-form.space-input'
-          placeholder={t('space input placeholder')}
-        />
-        <SearchList.Viewport>
-          {results.map((space) => (
-            <SearchList.Item
-              key={space.id}
-              value={space.id}
-              label={toLocalizedString(
-                getSpaceDisplayName(space, {
-                  personal: space.id === defaultSpaceId,
-                }),
-                t,
-              )}
-              onSelect={() => onChange?.(space.db)}
-              classNames='flex items-center gap-2'
-            />
-          ))}
-        </SearchList.Viewport>
-      </SearchList.Content>
-    </SearchList.Root>
-  );
-};
-
-const SelectType = ({ options, onChange }: { options: CreateObjectOption[]; onChange: (id: string) => void }) => {
-  const { t } = useTranslation(meta.id);
-
-  const { results, handleSearch } = useSearchListResults({
-    items: options,
-    extract: (option) => option.label,
-  });
-
-  return (
-    <SearchList.Root onSearch={handleSearch}>
-      <SearchList.Content>
-        <SearchList.Input
-          autoFocus
-          data-testid='create-object-form.schema-input'
-          placeholder={t('schema input placeholder')}
-        />
-        <SearchList.Viewport>
-          {results.map((option) => (
-            <SearchList.Item
-              key={option.id}
-              value={option.id}
-              label={option.label}
-              icon={option.icon ?? 'ph--placeholder--regular'}
-              classNames='flex items-center gap-2'
-              onSelect={() => onChange(option.id)}
-            />
-          ))}
-        </SearchList.Viewport>
-      </SearchList.Content>
-    </SearchList.Root>
-  );
-};