@dxos/plugin-explorer 0.7.5-main.499c70c → 0.7.5-main.6a330ac

package/package.json

@@ -1,23 +1,19 @@
 {
   "name": "@dxos/plugin-explorer",
-  "version": "0.7.5-main.499c70c",
+  "version": "0.7.5-main.6a330ac",
   "description": "Braneframe data visualization plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
   "author": "DXOS.org",
   "sideEffects": true,
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/types/src/index.d.ts",
       "browser": "./dist/lib/browser/index.mjs",
       "node": "./dist/lib/node-esm/index.mjs"
     },
-    "./meta": {
-      "types": "./dist/types/src/meta.d.ts",
-      "browser": "./dist/lib/browser/meta.mjs",
-      "node": "./dist/lib/node-esm/meta.mjs"
-    },
     "./types": {
       "types": "./dist/types/src/types/index.d.ts",
       "browser": "./dist/lib/browser/types/index.mjs",
@@ -27,9 +23,6 @@
   "types": "dist/types/src/index.d.ts",
   "typesVersions": {
     "*": {
-      "meta": [
-        "dist/types/src/meta.d.ts"
-      ],
       "types": [
         "dist/types/src/types/index.d.ts"
       ]
@@ -48,20 +41,21 @@
     "lodash.get": "^4.4.2",
     "react-resize-detector": "^11.0.1",
     "topojson-client": "^3.1.0",
-    "@dxos/app-framework": "0.7.5-main.499c70c",
-    "@dxos/async": "0.7.5-main.499c70c",
-    "@dxos/echo-schema": "0.7.5-main.499c70c",
-    "@dxos/client": "0.7.5-main.499c70c",
-    "@dxos/gem-core": "0.7.5-main.499c70c",
-    "@dxos/gem-spore": "0.7.5-main.499c70c",
-    "@dxos/log": "0.7.5-main.499c70c",
-    "@dxos/live-object": "0.7.5-main.499c70c",
-    "@dxos/plugin-graph": "0.7.5-main.499c70c",
-    "@dxos/plugin-client": "0.7.5-main.499c70c",
-    "@dxos/plugin-search": "0.7.5-main.499c70c",
-    "@dxos/plugin-space": "0.7.5-main.499c70c",
-    "@dxos/util": "0.7.5-main.499c70c",
-    "@dxos/react-client": "0.7.5-main.499c70c"
+    "@dxos/app-framework": "0.7.5-main.6a330ac",
+    "@dxos/async": "0.7.5-main.6a330ac",
+    "@dxos/gem-core": "0.7.5-main.6a330ac",
+    "@dxos/gem-spore": "0.7.5-main.6a330ac",
+    "@dxos/echo-schema": "0.7.5-main.6a330ac",
+    "@dxos/live-object": "0.7.5-main.6a330ac",
+    "@dxos/client": "0.7.5-main.6a330ac",
+    "@dxos/log": "0.7.5-main.6a330ac",
+    "@dxos/plugin-client": "0.7.5-main.6a330ac",
+    "@dxos/plugin-graph": "0.7.5-main.6a330ac",
+    "@dxos/plugin-search": "0.7.5-main.6a330ac",
+    "@dxos/plugin-space": "0.7.5-main.6a330ac",
+    "@dxos/react-client": "0.7.5-main.6a330ac",
+    "@dxos/util": "0.7.5-main.6a330ac",
+    "@dxos/react-ui-stack": "0.7.5-main.6a330ac"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -76,19 +70,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-generator": "0.7.5-main.499c70c",
-    "@dxos/plugin-outliner": "0.7.5-main.499c70c",
-    "@dxos/random": "0.7.5-main.499c70c",
-    "@dxos/react-ui": "0.7.5-main.499c70c",
-    "@dxos/react-ui-theme": "0.7.5-main.499c70c",
-    "@dxos/storybook-utils": "0.7.5-main.499c70c"
+    "@dxos/echo-generator": "0.7.5-main.6a330ac",
+    "@dxos/react-ui-theme": "0.7.5-main.6a330ac",
+    "@dxos/random": "0.7.5-main.6a330ac",
+    "@dxos/plugin-outliner": "0.7.5-main.6a330ac",
+    "@dxos/react-ui": "0.7.5-main.6a330ac",
+    "@dxos/storybook-utils": "0.7.5-main.6a330ac"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.5-main.499c70c",
-    "@dxos/react-ui-theme": "0.7.5-main.499c70c"
+    "@dxos/react-ui-theme": "0.7.5-main.6a330ac",
+    "@dxos/react-ui": "0.7.5-main.6a330ac"
   },
   "publishConfig": {
     "access": "public"

package/src/ExplorerPlugin.tsx

@@ -2,49 +2,60 @@
 // Copyright 2023 DXOS.org
 //
 
-import React from 'react';
+import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';
+import { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';
+import { SpaceCapabilities } from '@dxos/plugin-space';
+import { defineObjectForm } from '@dxos/plugin-space/types';
 
-import { createIntent, createResolver, createSurface, type PluginDefinition } from '@dxos/app-framework';
-import { create } from '@dxos/react-client/echo';
-
-import { ExplorerArticle } from './components';
-import meta, { EXPLORER_PLUGIN } from './meta';
+import { IntentResolver, ReactSurface } from './capabilities';
+import { EXPLORER_PLUGIN, meta } from './meta';
 import translations from './translations';
-import { ViewType } from './types';
-import { ExplorerAction, type ExplorerPluginProvides } from './types';
+import { ViewType, ExplorerAction } from './types';
 
-export const ExplorerPlugin = (): PluginDefinition<ExplorerPluginProvides> => {
-  return {
-    meta,
-    provides: {
-      metadata: {
-        records: {
-          [ViewType.typename]: {
-            createObject: (props: { name?: string }) => createIntent(ExplorerAction.Create, props),
+export const ExplorerPlugin = () =>
+  definePlugin(meta, [
+    defineModule({
+      id: `${meta.id}/module/translations`,
+      activatesOn: Events.SetupTranslations,
+      activate: () => contributes(Capabilities.Translations, translations),
+    }),
+    defineModule({
+      id: `${meta.id}/module/metadata`,
+      activatesOn: Events.SetupMetadata,
+      activate: () =>
+        contributes(Capabilities.Metadata, {
+          id: ViewType.typename,
+          metadata: {
             placeholder: ['object title placeholder', { ns: EXPLORER_PLUGIN }],
             icon: 'ph--graph--regular',
           },
-        },
-      },
-      translations,
-      echo: {
-        schema: [ViewType],
-      },
-      surface: {
-        definitions: () =>
-          createSurface({
-            id: `${EXPLORER_PLUGIN}/article`,
-            role: 'article',
-            filter: (data): data is { subject: ViewType } => data.subject instanceof ViewType,
-            component: ({ data }) => <ExplorerArticle view={data.subject} />,
+        }),
+    }),
+    defineModule({
+      id: `${meta.id}/module/object-form`,
+      activatesOn: ClientEvents.SetupSchema,
+      activate: () =>
+        contributes(
+          SpaceCapabilities.ObjectForm,
+          defineObjectForm({
+            objectSchema: ViewType,
+            getIntent: () => createIntent(ExplorerAction.Create),
           }),
-      },
-      intent: {
-        resolvers: () =>
-          createResolver(ExplorerAction.Create, ({ name }) => ({
-            data: { object: create(ViewType, { name, type: '' }) },
-          })),
-      },
-    },
-  };
-};
+        ),
+    }),
+    defineModule({
+      id: `${meta.id}/module/schema`,
+      activatesOn: ClientEvents.SetupSchema,
+      activate: () => contributes(ClientCapabilities.Schema, [ViewType]),
+    }),
+    defineModule({
+      id: `${meta.id}/module/react-surface`,
+      activatesOn: Events.SetupReactSurface,
+      activate: ReactSurface,
+    }),
+    defineModule({
+      id: `${meta.id}/module/intent-resolver`,
+      activatesOn: Events.SetupIntentResolver,
+      activate: IntentResolver,
+    }),
+  ]);

package/src/capabilities/index.ts

@@ -0,0 +1,8 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { lazy } from '@dxos/app-framework';
+
+export const IntentResolver = lazy(() => import('./intent-resolver'));
+export const ReactSurface = lazy(() => import('./react-surface'));

package/src/capabilities/intent-resolver.ts

@@ -0,0 +1,19 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { contributes, Capabilities, createResolver } from '@dxos/app-framework';
+import { create } from '@dxos/live-object';
+
+import { ExplorerAction, ViewType } from '../types';
+
+export default () =>
+  contributes(
+    Capabilities.IntentResolver,
+    createResolver({
+      intent: ExplorerAction.Create,
+      resolve: ({ name }) => ({
+        data: { object: create(ViewType, { name, type: '' }) },
+      }),
+    }),
+  );

package/src/capabilities/react-surface.tsx

@@ -0,0 +1,22 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
+
+import { ExplorerContainer } from '../components';
+import { EXPLORER_PLUGIN } from '../meta';
+import { ViewType } from '../types';
+
+export default () =>
+  contributes(
+    Capabilities.ReactSurface,
+    createSurface({
+      id: `${EXPLORER_PLUGIN}/article`,
+      role: ['article', 'section'],
+      filter: (data): data is { subject: ViewType } => data.subject instanceof ViewType,
+      component: ({ data, role }) => <ExplorerContainer view={data.subject} role={role} />,
+    }),
+  );

package/src/components/{ExplorerArticle.tsx → ExplorerContainer.tsx}

@@ -6,11 +6,12 @@ import React from 'react';
 
 import { useGlobalSearch } from '@dxos/plugin-search';
 import { getSpace } from '@dxos/react-client/echo';
+import { StackItem } from '@dxos/react-ui-stack';
 
 import { Graph } from './Graph';
 import { type ViewType } from '../types';
 
-const ExplorerArticle = ({ view }: { view: ViewType }) => {
+const ExplorerContainer = ({ view, role }: { view: ViewType; role: string }) => {
   const space = getSpace(view);
   const { match } = useGlobalSearch();
 
@@ -19,10 +20,10 @@ const ExplorerArticle = ({ view }: { view: ViewType }) => {
   }
 
   return (
-    <div role='none' className='row-span-2 overflow-auto'>
+    <StackItem.Content toolbar={false} size={role === 'section' ? 'square' : 'intrinsic'}>
       <Graph space={space} match={match} />
-    </div>
+    </StackItem.Content>
   );
 };
 
-export default ExplorerArticle;
+export default ExplorerContainer;

package/src/components/Graph/Graph.tsx

@@ -4,7 +4,7 @@
 
 import React, { type FC, useEffect, useMemo, useRef, useState } from 'react';
 
-import { type ReactiveEchoObject, type Space, getType } from '@dxos/client/echo';
+import { getTypename, type ReactiveEchoObject, type Space } from '@dxos/client/echo';
 import { createSvgContext, defaultGridStyles, Grid, SVG, SVGRoot, Zoom } from '@dxos/gem-core';
 import {
   defaultStyles,
@@ -45,9 +45,10 @@ const colors = [
 export type GraphProps = {
   space: Space;
   match?: RegExp;
+  grid?: boolean;
 };
 
-export const Graph: FC<GraphProps> = ({ space, match }) => {
+export const Graph: FC<GraphProps> = ({ space, match, grid }) => {
   const model = useMemo(() => (space ? new SpaceGraphModel({ schema: true }).open(space) : undefined), [space]);
   const [selected, setSelected] = useState<string>();
   const { themeMode } = useThemeContext();
@@ -61,15 +62,15 @@ export const Graph: FC<GraphProps> = ({ space, match }) => {
             strength: -100,
           },
           link: {
-            distance: 180,
+            distance: 120,
           },
           radial: {
-            radius: 200,
+            radius: 150,
             strength: 0.05,
           },
         },
         attributes: {
-          radius: (node: GraphLayoutNode<EchoGraphNode>) => (node.data?.type === 'schema' ? 24 : 12),
+          radius: (node: GraphLayoutNode<EchoGraphNode>) => (node.data?.type === 'schema' ? 12 : 8),
         },
       }),
     [],
@@ -95,7 +96,7 @@ export const Graph: FC<GraphProps> = ({ space, match }) => {
     <SVGRoot context={context}>
       <SVG className={mx(defaultStyles, slots?.root?.className)}>
         <Markers arrowSize={6} />
-        <Grid className={slots?.grid?.className ?? defaultGridStyles(themeMode)} />
+        {grid && <Grid className={slots?.grid?.className ?? defaultGridStyles(themeMode)} />}
         <Zoom extent={[1 / 2, 4]}>
           <GraphComponent
             model={model}
@@ -117,29 +118,27 @@ export const Graph: FC<GraphProps> = ({ space, match }) => {
               node: (node: GraphLayoutNode<ReactiveEchoObject<any>>) => {
                 let className: string | undefined;
                 if (node.data) {
-                  const typename = getType(node.data)?.objectId;
-                  if (typename) {
-                    className = colorMap.get(typename);
-                    if (!className) {
-                      className = colors[colorMap.size % colors.length];
-                      colorMap.set(typename, className);
+                  const { object } = node.data;
+                  if (object) {
+                    const typename = getTypename(object);
+                    if (typename) {
+                      className = colorMap.get(typename);
+                      if (!className) {
+                        className = colors[colorMap.size % colors.length];
+                        colorMap.set(typename, className);
+                      }
                     }
                   }
                 }
 
                 const selected = filteredRef.current?.some((object) => object.id === node.data?.id);
+                const blur = !selected && !!filteredRef.current?.length;
                 return {
-                  class: mx(
-                    filteredRef.current?.length
-                      ? selected
-                        ? [className]
-                        : '[&>text]:!fill-neutral-300'
-                      : ['[&>text]:!fill-neutral-700', className],
-                  ),
+                  class: mx(className, blur && 'opacity-70'),
                 };
               },
               link: () => ({
-                class: '[&>path]:!stroke-neutral-300',
+                class: '[&>path]:!stroke-neutral-300 dark:[&>path]:!stroke-neutral-700',
               }),
             }}
           />

package/src/components/Graph/graph-model.ts

@@ -12,20 +12,20 @@ export type SpaceGraphModelOptions = {
   schema?: boolean;
 };
 
-export type EchoGraphNode = SchemaGraphNode | EchoObjectGraphNode;
-
-type EchoObjectGraphNode = {
-  id: string;
-  type: 'echo-object';
-  object: ReactiveEchoObject<any>;
-};
-
 type SchemaGraphNode = {
   id: string;
   type: 'schema';
   schema: S.Schema<any>;
 };
 
+type ObjectGraphNode = {
+  id: string;
+  type: 'object';
+  object: ReactiveEchoObject<any>;
+};
+
+export type EchoGraphNode = SchemaGraphNode | ObjectGraphNode;
+
 /**
  * Converts ECHO objects to a graph.
  */
@@ -58,13 +58,17 @@ export class SpaceGraphModel extends GraphModel<EchoGraphNode> {
       this._subscription = query.subscribe(
         ({ objects }) => {
           this._objects = objects;
+
+          // TODO(burdon): Normalize schema.
           this._graph.nodes = objects.map((object) => {
             if (object instanceof StoredSchema) {
               const effectSchema = space.db.schemaRegistry.getSchemaById(object.id)!;
               return { type: 'schema', id: object.id, schema: effectSchema.schema };
             }
-            return { type: 'echo-object', id: object.id, object };
+
+            return { type: 'object', id: object.id, object };
           });
+
           this._graph.links = objects.reduce<GraphLink[]>((links, object) => {
             const objectSchema = getSchema(object);
             const typename = getType(object)?.objectId;

package/src/components/index.ts

@@ -4,8 +4,7 @@
 
 import { lazy } from 'react';
 
-export const ExplorerMain = lazy(() => import('./ExplorerMain'));
-export const ExplorerArticle = lazy(() => import('./ExplorerArticle'));
+export const ExplorerContainer = lazy(() => import('./ExplorerContainer'));
 
 export * from './Chart';
 export * from './Globe';

package/src/index.ts

@@ -2,11 +2,8 @@
 // Copyright 2023 DXOS.org
 //
 
-import { ExplorerPlugin } from './ExplorerPlugin';
-
-export default ExplorerPlugin;
-
 // TODO(burdon): Factor out.
 export * from './components';
 
 export * from './ExplorerPlugin';
+export * from './meta';

package/src/meta.ts

@@ -6,11 +6,12 @@ import { type PluginMeta } from '@dxos/app-framework';
 
 export const EXPLORER_PLUGIN = 'dxos.org/plugin/explorer';
 
-export default {
+export const meta = {
   id: EXPLORER_PLUGIN,
   name: 'Explorer',
-  description: 'Explore the ECHO hypergraph.',
+  description: 'Install this plugin to view a hypergraph of all objects inside of your Space.',
   icon: 'ph--graph--regular',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer',
   tags: ['experimental'],
+  screenshots: ['https://dxos.network/plugin-details-explorer-dark.png'],
 } satisfies PluginMeta;

package/src/translations.ts

@@ -3,10 +3,14 @@
 //
 
 import { EXPLORER_PLUGIN } from './meta';
+import { ViewType } from './types';
 
 export default [
   {
     'en-US': {
+      [ViewType.typename]: {
+        'typename label': 'Explorer',
+      },
       [EXPLORER_PLUGIN]: {
         'plugin name': 'Explorer',
         'object title label': 'Title',

package/src/types/schema.ts

@@ -6,7 +6,7 @@ import { S, TypedObject } from '@dxos/echo-schema';
 
 // TODO(burdon): Clashes with sdk/view.
 export class ViewType extends TypedObject({
-  typename: 'dxos.org/type/View',
+  typename: 'dxos.org/type/ExplorerView',
   version: '0.1.0',
 })({
   name: S.optional(S.String),

package/src/types/types.ts

@@ -2,14 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import type {
-  IntentResolverProvides,
-  MetadataRecordsProvides,
-  SurfaceProvides,
-  TranslationsProvides,
-} from '@dxos/app-framework';
 import { S } from '@dxos/echo-schema';
-import { type SchemaProvides } from '@dxos/plugin-space';
 
 import { ViewType } from './schema';
 import { EXPLORER_PLUGIN } from '../meta';
@@ -26,9 +19,3 @@ export namespace ExplorerAction {
     }),
   }) {}
 }
-
-export type ExplorerPluginProvides = SurfaceProvides &
-  IntentResolverProvides &
-  MetadataRecordsProvides &
-  TranslationsProvides &
-  SchemaProvides;

package/dist/lib/browser/ExplorerArticle-4F2ZO5QW.mjs

@@ -1,27 +0,0 @@
-import {
-  Graph
-} from "./chunk-5GTLMW4Q.mjs";
-
-// packages/plugins/experimental/plugin-explorer/src/components/ExplorerArticle.tsx
-import React from "react";
-import { useGlobalSearch } from "@dxos/plugin-search";
-import { getSpace } from "@dxos/react-client/echo";
-var ExplorerArticle = ({ view }) => {
-  const space = getSpace(view);
-  const { match } = useGlobalSearch();
-  if (!space) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "none",
-    className: "row-span-2 overflow-auto"
-  }, /* @__PURE__ */ React.createElement(Graph, {
-    space,
-    match
-  }));
-};
-var ExplorerArticle_default = ExplorerArticle;
-export {
-  ExplorerArticle_default as default
-};
-//# sourceMappingURL=ExplorerArticle-4F2ZO5QW.mjs.map

package/dist/lib/browser/ExplorerArticle-4F2ZO5QW.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ExplorerArticle.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useGlobalSearch } from '@dxos/plugin-search';\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { Graph } from './Graph';\nimport { type ViewType } from '../types';\n\nconst ExplorerArticle = ({ view }: { view: ViewType }) => {\n  const space = getSpace(view);\n  const { match } = useGlobalSearch();\n\n  if (!space) {\n    return null;\n  }\n\n  return (\n    <div role='none' className='row-span-2 overflow-auto'>\n      <Graph space={space} match={match} />\n    </div>\n  );\n};\n\nexport default ExplorerArticle;\n"],
-  "mappings": ";;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AAKzB,IAAMC,kBAAkB,CAAC,EAAEC,KAAI,MAAsB;AACnD,QAAMC,QAAQC,SAASF,IAAAA;AACvB,QAAM,EAAEG,MAAK,IAAKC,gBAAAA;AAElB,MAAI,CAACH,OAAO;AACV,WAAO;EACT;AAEA,SACE,sBAAA,cAACI,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACC,OAAAA;IAAMP;IAAcE;;AAG3B;AAEA,IAAA,0BAAeJ;",
-  "names": ["React", "useGlobalSearch", "getSpace", "ExplorerArticle", "view", "space", "getSpace", "match", "useGlobalSearch", "div", "role", "className", "Graph"]
-}

package/dist/lib/browser/ExplorerMain-2X2GH7RE.mjs

@@ -1,33 +0,0 @@
-import {
-  Graph
-} from "./chunk-5GTLMW4Q.mjs";
-
-// packages/plugins/experimental/plugin-explorer/src/components/ExplorerMain.tsx
-import React from "react";
-import { useGlobalSearch } from "@dxos/plugin-search";
-import { getSpace } from "@dxos/react-client/echo";
-import { Main } from "@dxos/react-ui";
-import { baseSurface, topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
-var ExplorerMain = ({ view }) => {
-  const space = getSpace(view);
-  const { match } = useGlobalSearch();
-  if (!space) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Main.Content, {
-    classNames: [
-      baseSurface,
-      fixedInsetFlexLayout,
-      topbarBlockPaddingStart,
-      bottombarBlockPaddingEnd
-    ]
-  }, /* @__PURE__ */ React.createElement(Graph, {
-    space,
-    match
-  }));
-};
-var ExplorerMain_default = ExplorerMain;
-export {
-  ExplorerMain_default as default
-};
-//# sourceMappingURL=ExplorerMain-2X2GH7RE.mjs.map

package/dist/lib/browser/ExplorerMain-2X2GH7RE.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ExplorerMain.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useGlobalSearch } from '@dxos/plugin-search';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport {\n  baseSurface,\n  topbarBlockPaddingStart,\n  fixedInsetFlexLayout,\n  bottombarBlockPaddingEnd,\n} from '@dxos/react-ui-theme';\n\nimport { Graph } from './Graph';\nimport { type ViewType } from '../types';\n\nconst ExplorerMain = ({ view }: { view: ViewType }) => {\n  const space = getSpace(view);\n  const { match } = useGlobalSearch();\n  if (!space) {\n    return null;\n  }\n\n  return (\n    <Main.Content classNames={[baseSurface, fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <Graph space={space} match={match} />\n    </Main.Content>\n  );\n};\n\nexport default ExplorerMain;\n"],
-  "mappings": ";;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,YAAY;AACrB,SACEC,aACAC,yBACAC,sBACAC,gCACK;AAKP,IAAMC,eAAe,CAAC,EAAEC,KAAI,MAAsB;AAChD,QAAMC,QAAQC,SAASF,IAAAA;AACvB,QAAM,EAAEG,MAAK,IAAKC,gBAAAA;AAClB,MAAI,CAACH,OAAO;AACV,WAAO;EACT;AAEA,SACE,sBAAA,cAACI,KAAKC,SAAO;IAACC,YAAY;MAACC;MAAaC;MAAsBC;MAAyBC;;KACrF,sBAAA,cAACC,OAAAA;IAAMX;IAAcE;;AAG3B;AAEA,IAAA,uBAAeJ;",
-  "names": ["React", "useGlobalSearch", "getSpace", "Main", "baseSurface", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "ExplorerMain", "view", "space", "getSpace", "match", "useGlobalSearch", "Main", "Content", "classNames", "baseSurface", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "Graph"]
-}