@dxos/plugin-search 0.8.4-main.e8ec1fe → 0.8.4-main.effb148878

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

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

package/dist/types/src/capabilities/intent-resolver.d.ts

@@ -1,4 +0,0 @@
-import { Capabilities } from '@dxos/app-framework';
-declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.IntentResolver>>;
-export default _default;
-//# sourceMappingURL=intent-resolver.d.ts.map

package/dist/types/src/capabilities/intent-resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAA2D,MAAM,qBAAqB,CAAC;;AAI5G,wBASI"}

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

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

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

@@ -1 +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.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.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/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/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,
-  },
-};

package/src/components/SearchResults/SearchResults.tsx

@@ -1,83 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { type FC, forwardRef } from 'react';
-
-import { Surface } from '@dxos/app-framework/react';
-import { Obj } from '@dxos/echo';
-import { Card } from '@dxos/react-ui-stack';
-import { ghostHover } from '@dxos/react-ui-theme';
-
-import { type SearchResult } from '../../types';
-
-export type SearchResultsProps = {
-  items: SearchResult[];
-  match?: RegExp;
-  selected?: string;
-  onSelect?: (id: string) => void;
-};
-
-// TODO(burdon): Key cursor up/down.
-// TODO(burdon): Use stack (should be virtualized).
-export const SearchResults = ({ items }: SearchResultsProps) => {
-  return (
-    <div className='overflow-y-auto'>
-      <div className='flex flex-col'>
-        {items
-          // TODO(burdon): Hack to reduce noise from system objects.
-          .filter((item) => Obj.getLabel(item.object))
-          .map((item) => (
-            <div key={item.id} role='none' className='pli-2 first:pbs-2 pbe-2'>
-              <Surface role='card' data={{ subject: item.object }} limit={1} />
-            </div>
-          ))}
-      </div>
-    </div>
-  );
-};
-
-export type SearchItemProps = SearchResult & { selected: boolean } & Pick<SearchResultsProps, 'onSelect'>;
-
-export const SearchItem = forwardRef<HTMLDivElement, SearchItemProps>((item, forwardRef) => {
-  const { id, objectType, label, snippet, match, selected, onSelect } = item;
-
-  return (
-    <Card.StaticRoot
-      ref={forwardRef}
-      classNames={['mx-2 mt-2 cursor-pointer', selected && '!bg-activeSurface', ghostHover]}
-      onClick={() => onSelect?.(id)}
-    >
-      {objectType && <div className='text-xs text-neutral-400 ml-4'>{objectType}</div>}
-      <Card.Heading>{label ?? 'Untitled'}</Card.Heading>
-      {snippet && <Snippet text={snippet} match={match} />}
-    </Card.StaticRoot>
-  );
-});
-
-export const Snippet: FC<{ text: string; match?: RegExp }> = ({ text, match }) => {
-  let content = <>{text}</>;
-  if (match) {
-    const result = text.match(match);
-    if (result?.index !== undefined) {
-      // Break near to match.
-      const maxOffset = 16;
-      let before = text.slice(0, result.index);
-      if (before.length > maxOffset) {
-        const idx = before.indexOf(' ', result.index - maxOffset);
-        before = '… ' + before.slice(idx);
-      }
-
-      const after = text.slice(result.index + result[0].length);
-      content = (
-        <>
-          {before}
-          <span className='text-blue-500'>{result[0]}</span>
-          {after}
-        </>
-      );
-    }
-  }
-
-  return <span className='text-xs mb-1 line-clamp-3 text-neutral-300'>{content}</span>;
-};

package/src/components/SearchResults/index.ts

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