@dxos/plugin-space 0.8.4-main.937b3ca → 0.8.4-main.9735255

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-space",
-  "version": "0.8.4-main.937b3ca",
+  "version": "0.8.4-main.9735255",
   "description": "DXOS Surface plugin for DXOS ECHO Spaces",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -53,53 +53,53 @@
     "react-drag-drop-files": "^2.3.8",
     "react-is": "~19.2.0",
     "react-qr-rounded": "^1.0.0",
-    "@dxos/app-framework": "0.8.4-main.937b3ca",
-    "@dxos/async": "0.8.4-main.937b3ca",
-    "@dxos/cli-util": "0.8.4-main.937b3ca",
-    "@dxos/blueprints": "0.8.4-main.937b3ca",
-    "@dxos/client-protocol": "0.8.4-main.937b3ca",
-    "@dxos/client": "0.8.4-main.937b3ca",
-    "@dxos/context": "0.8.4-main.937b3ca",
-    "@dxos/display-name": "0.8.4-main.937b3ca",
-    "@dxos/ai": "0.8.4-main.937b3ca",
-    "@dxos/echo-db": "0.8.4-main.937b3ca",
-    "@dxos/echo-protocol": "0.8.4-main.937b3ca",
-    "@dxos/echo": "0.8.4-main.937b3ca",
-    "@dxos/functions": "0.8.4-main.937b3ca",
-    "@dxos/echo-atom": "0.8.4-main.937b3ca",
-    "@dxos/invariant": "0.8.4-main.937b3ca",
-    "@dxos/keys": "0.8.4-main.937b3ca",
-    "@dxos/log": "0.8.4-main.937b3ca",
-    "@dxos/migrations": "0.8.4-main.937b3ca",
-    "@dxos/effect": "0.8.4-main.937b3ca",
-    "@dxos/plugin-attention": "0.8.4-main.937b3ca",
-    "@dxos/plugin-client": "0.8.4-main.937b3ca",
-    "@dxos/operation": "0.8.4-main.937b3ca",
-    "@dxos/plugin-deck": "0.8.4-main.937b3ca",
-    "@dxos/plugin-observability": "0.8.4-main.937b3ca",
-    "@dxos/plugin-graph": "0.8.4-main.937b3ca",
-    "@dxos/plugin-status-bar": "0.8.4-main.937b3ca",
-    "@dxos/react-client": "0.8.4-main.937b3ca",
-    "@dxos/protocols": "0.8.4-main.937b3ca",
-    "@dxos/react-ui": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-attention": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-components": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-editor": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-form": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-list": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-masonry": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-pickers": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-mosaic": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-stack": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-tabs": "0.8.4-main.937b3ca",
-    "@dxos/shell": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-searchlist": "0.8.4-main.937b3ca",
-    "@dxos/schema": "0.8.4-main.937b3ca",
-    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.937b3ca",
-    "@dxos/types": "0.8.4-main.937b3ca",
-    "@dxos/ui-types": "0.8.4-main.937b3ca",
-    "@dxos/ui-theme": "0.8.4-main.937b3ca",
-    "@dxos/util": "0.8.4-main.937b3ca"
+    "@dxos/ai": "0.8.4-main.9735255",
+    "@dxos/app-framework": "0.8.4-main.9735255",
+    "@dxos/async": "0.8.4-main.9735255",
+    "@dxos/cli-util": "0.8.4-main.9735255",
+    "@dxos/blueprints": "0.8.4-main.9735255",
+    "@dxos/client": "0.8.4-main.9735255",
+    "@dxos/client-protocol": "0.8.4-main.9735255",
+    "@dxos/context": "0.8.4-main.9735255",
+    "@dxos/display-name": "0.8.4-main.9735255",
+    "@dxos/echo": "0.8.4-main.9735255",
+    "@dxos/echo-atom": "0.8.4-main.9735255",
+    "@dxos/echo-db": "0.8.4-main.9735255",
+    "@dxos/echo-protocol": "0.8.4-main.9735255",
+    "@dxos/effect": "0.8.4-main.9735255",
+    "@dxos/invariant": "0.8.4-main.9735255",
+    "@dxos/functions": "0.8.4-main.9735255",
+    "@dxos/keys": "0.8.4-main.9735255",
+    "@dxos/log": "0.8.4-main.9735255",
+    "@dxos/migrations": "0.8.4-main.9735255",
+    "@dxos/operation": "0.8.4-main.9735255",
+    "@dxos/plugin-deck": "0.8.4-main.9735255",
+    "@dxos/plugin-attention": "0.8.4-main.9735255",
+    "@dxos/plugin-graph": "0.8.4-main.9735255",
+    "@dxos/plugin-client": "0.8.4-main.9735255",
+    "@dxos/plugin-status-bar": "0.8.4-main.9735255",
+    "@dxos/plugin-observability": "0.8.4-main.9735255",
+    "@dxos/protocols": "0.8.4-main.9735255",
+    "@dxos/react-client": "0.8.4-main.9735255",
+    "@dxos/react-ui-attention": "0.8.4-main.9735255",
+    "@dxos/react-ui": "0.8.4-main.9735255",
+    "@dxos/react-ui-form": "0.8.4-main.9735255",
+    "@dxos/react-ui-components": "0.8.4-main.9735255",
+    "@dxos/react-ui-list": "0.8.4-main.9735255",
+    "@dxos/react-ui-editor": "0.8.4-main.9735255",
+    "@dxos/react-ui-mosaic": "0.8.4-main.9735255",
+    "@dxos/react-ui-pickers": "0.8.4-main.9735255",
+    "@dxos/react-ui-searchlist": "0.8.4-main.9735255",
+    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.9735255",
+    "@dxos/react-ui-tabs": "0.8.4-main.9735255",
+    "@dxos/react-ui-stack": "0.8.4-main.9735255",
+    "@dxos/schema": "0.8.4-main.9735255",
+    "@dxos/react-ui-masonry": "0.8.4-main.9735255",
+    "@dxos/shell": "0.8.4-main.9735255",
+    "@dxos/ui-theme": "0.8.4-main.9735255",
+    "@dxos/ui-types": "0.8.4-main.9735255",
+    "@dxos/types": "0.8.4-main.9735255",
+    "@dxos/util": "0.8.4-main.9735255"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
@@ -112,12 +112,12 @@
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
     "vite": "7.1.9",
-    "@dxos/plugin-testing": "0.8.4-main.937b3ca",
-    "@dxos/lit-ui": "0.8.4-main.937b3ca",
-    "@dxos/random": "0.8.4-main.937b3ca",
-    "@dxos/storybook-utils": "0.8.4-main.937b3ca",
-    "@dxos/react-ui": "0.8.4-main.937b3ca",
-    "@dxos/ui-theme": "0.8.4-main.937b3ca"
+    "@dxos/lit-ui": "0.8.4-main.9735255",
+    "@dxos/react-ui": "0.8.4-main.9735255",
+    "@dxos/plugin-testing": "0.8.4-main.9735255",
+    "@dxos/ui-theme": "0.8.4-main.9735255",
+    "@dxos/random": "0.8.4-main.9735255",
+    "@dxos/storybook-utils": "0.8.4-main.9735255"
   },
   "peerDependencies": {
     "@effect-atom/atom-react": "^0.4.6",
@@ -125,8 +125,8 @@
     "effect": "3.19.11",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.8.4-main.937b3ca",
-    "@dxos/ui-theme": "0.8.4-main.937b3ca"
+    "@dxos/react-ui": "0.8.4-main.9735255",
+    "@dxos/ui-theme": "0.8.4-main.9735255"
   },
   "publishConfig": {
     "access": "public"

package/src/components/CollectionArticle.tsx

@@ -2,27 +2,36 @@
 // Copyright 2025 DXOS.org
 //
 
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 
 import { Common } from '@dxos/app-framework';
-import { type SurfaceComponentProps, useAppGraph, useOperationInvoker } from '@dxos/app-framework/react';
+import { type SurfaceComponentProps, useCapabilities, useOperationInvoker } from '@dxos/app-framework/react';
 import { Filter, Obj } from '@dxos/echo';
-import { Graph, Node, useActionRunner, useConnections } from '@dxos/plugin-graph';
 import { useClient } from '@dxos/react-client';
 import { getSpace, useQuery } from '@dxos/react-client/echo';
 import { Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';
 import { Card, Layout, Mosaic, type StackTileComponent } from '@dxos/react-ui-mosaic';
 import { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';
 import { Collection } from '@dxos/schema';
+import { getStyles } from '@dxos/ui-theme';
 
 import { meta } from '../meta';
 
 /**
- *
+ * Hook to resolve metadata (icon, iconHue, etc.) for objects based on their typename.
+ */
+const useMetadataResolver = () => {
+  const allMetadata = useCapabilities(Common.Capability.Metadata);
+  return useCallback((typename: string) => allMetadata.find((m) => m.id === typename)?.metadata ?? {}, [allMetadata]);
+};
+
+/**
+ * Article view for collections.
  */
 export const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.Collection | Collection.Managed>) => {
   const { t } = useTranslation(meta.id);
-  const { items, handleSearch } = useCollectionItems(subject);
+  const resolveMetadata = useMetadataResolver();
+  const { items, handleSearch } = useCollectionItems(subject, resolveMetadata);
 
   return (
     <Layout.Main toolbar>
@@ -33,7 +42,7 @@ export const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.
         <SearchList.Content>
           <Mosaic.Container asChild>
             <Mosaic.Viewport padding>
-              <Mosaic.Stack items={items} getId={(node) => node.id} Tile={NodeTile} />
+              <Mosaic.Stack items={items} getId={(item) => item.id} Tile={ObjectTile} />
             </Mosaic.Viewport>
           </Mosaic.Container>
         </SearchList.Content>
@@ -42,32 +51,31 @@ export const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.
   );
 };
 
-const NodeTile: StackTileComponent<Node.Node> = ({ data: node }) => {
+type ObjectItem = {
+  id: string;
+  object: Obj.Unknown;
+  icon: string;
+  iconHue?: string;
+};
+
+const ObjectTile: StackTileComponent<ObjectItem> = ({ data: item }) => {
   const { t } = useTranslation(meta.id);
-  const { graph } = useAppGraph();
   const { invokeSync } = useOperationInvoker();
-  const runAction = useActionRunner();
 
-  const label = toLocalizedString(node.properties.label, t);
-  const icon = node.properties.icon ?? 'ph--placeholder--regular';
+  const typename = Obj.getTypename(item.object) ?? '';
+  const label =
+    Obj.getLabel(item.object) ??
+    toLocalizedString(['object name placeholder', { ns: typename, defaultValue: item.id }], t);
+  const styles = item.iconHue ? getStyles(item.iconHue) : undefined;
 
   const handleClick = () => {
-    if (Node.isAction(node)) {
-      // Run action if this is an action node.
-      const [parent] = Graph.getConnections(graph, node.id, 'inbound');
-      if (parent) {
-        void runAction(node, { parent });
-      }
-    } else {
-      // Navigate to the node.
-      invokeSync(Common.LayoutOperation.Open, { subject: [node.id] });
-    }
+    invokeSync(Common.LayoutOperation.Open, { subject: [item.id] });
   };
 
   return (
     <Card.Root fullWidth>
       <Card.Toolbar>
-        <Card.ToolbarIconButton variant='ghost' label={label} icon={icon} />
+        <Card.ToolbarIconButton variant='ghost' label={label} icon={item.icon} iconOnly iconClassNames={styles?.icon} />
         <Card.Title onClick={handleClick}>{label}</Card.Title>
         <Card.Menu />
       </Card.Toolbar>
@@ -78,32 +86,19 @@ const NodeTile: StackTileComponent<Node.Node> = ({ data: node }) => {
 export default CollectionArticle;
 
 /**
- * Hook to get items from a regular collection using graph connections.
+ * Hook to get items from a regular collection.
  */
-const useRegularCollectionItems = (collection: Collection.Collection) => {
-  const { graph } = useAppGraph();
-  const collectionId = Obj.getDXN(collection).toString();
-  const children = useConnections(graph, collectionId, 'outbound');
-
-  // Filter children to those which are objects or actions with disposition 'item'.
+const useRegularCollectionItems = (collection: Collection.Collection): Obj.Unknown[] => {
   return useMemo(
-    () =>
-      children.filter((node) => {
-        // Include regular objects.
-        if (Obj.isObject(node.data)) {
-          return true;
-        }
-        // Include actions with disposition 'item'.
-        return Node.isAction(node) && node.properties.disposition === 'item';
-      }),
-    [children],
+    () => (collection.objects ?? []).map((ref) => ref.target).filter((obj): obj is Obj.Unknown => Obj.isObject(obj)),
+    [collection.objects],
   );
 };
 
 /**
  * Hook to get items from a managed collection by querying the space.
  */
-const useManagedCollectionItems = (collection: Collection.Managed) => {
+const useManagedCollectionItems = (collection: Collection.Managed): Obj.Unknown[] => {
   const client = useClient();
   const space = getSpace(collection);
 
@@ -112,46 +107,46 @@ const useManagedCollectionItems = (collection: Collection.Managed) => {
     [client, collection],
   );
 
-  const objects = useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());
-
-  // Convert objects to node-like items for consistent rendering.
-  return useMemo(
-    () =>
-      objects.map(
-        (obj) =>
-          ({
-            id: Obj.getDXN(obj).toString(),
-            type: 'managed-object',
-            data: obj,
-            properties: {
-              label: Obj.getLabel(obj) ?? obj.id,
-              icon: 'ph--placeholder--regular',
-            },
-          }) as Node.Node,
-      ),
-    [objects],
-  );
+  return useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());
 };
 
+type MetadataResolver = (typename: string) => { icon?: string; iconHue?: string };
+
 /**
  * Combined hook to get collection items with search/filter support.
  */
-const useCollectionItems = (collection: Collection.Collection | Collection.Managed) => {
+const useCollectionItems = (
+  collection: Collection.Collection | Collection.Managed,
+  resolveMetadata: MetadataResolver,
+) => {
   const isManaged = Obj.instanceOf(Collection.Managed, collection);
 
   // Call both hooks unconditionally to satisfy React's rules of hooks.
-  const regularItems = useRegularCollectionItems(collection as Collection.Collection);
-  const managedItems = useManagedCollectionItems(collection as Collection.Managed);
+  const regularObjects = useRegularCollectionItems(collection as Collection.Collection);
+  const managedObjects = useManagedCollectionItems(collection as Collection.Managed);
 
-  const items = isManaged ? managedItems : regularItems;
+  const objects = isManaged ? managedObjects : regularObjects;
+
+  // Convert objects to items with resolved metadata.
+  const items = useMemo(
+    () =>
+      objects.map((obj) => {
+        const typename = Obj.getTypename(obj);
+        const metadata = typename ? resolveMetadata(typename) : {};
+        return {
+          id: Obj.getDXN(obj).toString(),
+          object: obj,
+          icon: metadata.icon ?? 'ph--placeholder--regular',
+          iconHue: metadata.iconHue,
+        } satisfies ObjectItem;
+      }),
+    [objects, resolveMetadata],
+  );
 
   // Use searchlist results for filtering.
   const { results, handleSearch } = useSearchListResults({
     items,
-    extract: (node) => {
-      const label = node.properties.label;
-      return typeof label === 'string' ? label : (label?.en ?? node.id);
-    },
+    extract: (item) => Obj.getLabel(item.object) ?? item.id,
   });
 
   return { items: results, handleSearch };

package/dist/lib/browser/CollectionArticle-XPNA6EHZ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CollectionArticle.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { type SurfaceComponentProps, useAppGraph, useOperationInvoker } from '@dxos/app-framework/react';\nimport { Filter, Obj } from '@dxos/echo';\nimport { Graph, Node, useActionRunner, useConnections } from '@dxos/plugin-graph';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Card, Layout, Mosaic, type StackTileComponent } from '@dxos/react-ui-mosaic';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';\nimport { Collection } from '@dxos/schema';\n\nimport { meta } from '../meta';\n\n/**\n *\n */\nexport const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.Collection | Collection.Managed>) => {\n  const { t } = useTranslation(meta.id);\n  const { items, handleSearch } = useCollectionItems(subject);\n\n  return (\n    <Layout.Main toolbar>\n      <SearchList.Root onSearch={handleSearch}>\n        <Toolbar.Root>\n          <SearchList.Input placeholder={t('search placeholder')} />\n        </Toolbar.Root>\n        <SearchList.Content>\n          <Mosaic.Container asChild>\n            <Mosaic.Viewport padding>\n              <Mosaic.Stack items={items} getId={(node) => node.id} Tile={NodeTile} />\n            </Mosaic.Viewport>\n          </Mosaic.Container>\n        </SearchList.Content>\n      </SearchList.Root>\n    </Layout.Main>\n  );\n};\n\nconst NodeTile: StackTileComponent<Node.Node> = ({ data: node }) => {\n  const { t } = useTranslation(meta.id);\n  const { graph } = useAppGraph();\n  const { invokeSync } = useOperationInvoker();\n  const runAction = useActionRunner();\n\n  const label = toLocalizedString(node.properties.label, t);\n  const icon = node.properties.icon ?? 'ph--placeholder--regular';\n\n  const handleClick = () => {\n    if (Node.isAction(node)) {\n      // Run action if this is an action node.\n      const [parent] = Graph.getConnections(graph, node.id, 'inbound');\n      if (parent) {\n        void runAction(node, { parent });\n      }\n    } else {\n      // Navigate to the node.\n      invokeSync(Common.LayoutOperation.Open, { subject: [node.id] });\n    }\n  };\n\n  return (\n    <Card.Root fullWidth>\n      <Card.Toolbar>\n        <Card.ToolbarIconButton variant='ghost' label={label} icon={icon} />\n        <Card.Title onClick={handleClick}>{label}</Card.Title>\n        <Card.Menu />\n      </Card.Toolbar>\n    </Card.Root>\n  );\n};\n\nexport default CollectionArticle;\n\n/**\n * Hook to get items from a regular collection using graph connections.\n */\nconst useRegularCollectionItems = (collection: Collection.Collection) => {\n  const { graph } = useAppGraph();\n  const collectionId = Obj.getDXN(collection).toString();\n  const children = useConnections(graph, collectionId, 'outbound');\n\n  // Filter children to those which are objects or actions with disposition 'item'.\n  return useMemo(\n    () =>\n      children.filter((node) => {\n        // Include regular objects.\n        if (Obj.isObject(node.data)) {\n          return true;\n        }\n        // Include actions with disposition 'item'.\n        return Node.isAction(node) && node.properties.disposition === 'item';\n      }),\n    [children],\n  );\n};\n\n/**\n * Hook to get items from a managed collection by querying the space.\n */\nconst useManagedCollectionItems = (collection: Collection.Managed) => {\n  const client = useClient();\n  const space = getSpace(collection);\n\n  const schema = useMemo(\n    () => client.graph.schemaRegistry.query({ typename: collection.key, location: ['runtime'] }).runSync()[0],\n    [client, collection],\n  );\n\n  const objects = useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());\n\n  // Convert objects to node-like items for consistent rendering.\n  return useMemo(\n    () =>\n      objects.map(\n        (obj) =>\n          ({\n            id: Obj.getDXN(obj).toString(),\n            type: 'managed-object',\n            data: obj,\n            properties: {\n              label: Obj.getLabel(obj) ?? obj.id,\n              icon: 'ph--placeholder--regular',\n            },\n          }) as Node.Node,\n      ),\n    [objects],\n  );\n};\n\n/**\n * Combined hook to get collection items with search/filter support.\n */\nconst useCollectionItems = (collection: Collection.Collection | Collection.Managed) => {\n  const isManaged = Obj.instanceOf(Collection.Managed, collection);\n\n  // Call both hooks unconditionally to satisfy React's rules of hooks.\n  const regularItems = useRegularCollectionItems(collection as Collection.Collection);\n  const managedItems = useManagedCollectionItems(collection as Collection.Managed);\n\n  const items = isManaged ? managedItems : regularItems;\n\n  // Use searchlist results for filtering.\n  const { results, handleSearch } = useSearchListResults({\n    items,\n    extract: (node) => {\n      const label = node.properties.label;\n      return typeof label === 'string' ? label : (label?.en ?? node.id);\n    },\n  });\n\n  return { items: results, handleSearch };\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useMemo", "Common", "useAppGraph", "useOperationInvoker", "Filter", "Obj", "Graph", "Node", "useActionRunner", "useConnections", "useClient", "getSpace", "useQuery", "Toolbar", "toLocalizedString", "useTranslation", "Card", "Layout", "Mosaic", "SearchList", "useSearchListResults", "Collection", "CollectionArticle", "subject", "t", "useTranslation", "meta", "id", "items", "handleSearch", "useCollectionItems", "Layout", "Main", "toolbar", "SearchList", "Root", "onSearch", "Toolbar", "Input", "placeholder", "Content", "Mosaic", "Container", "asChild", "Viewport", "padding", "Stack", "getId", "node", "Tile", "NodeTile", "data", "graph", "useAppGraph", "invokeSync", "useOperationInvoker", "runAction", "useActionRunner", "label", "toLocalizedString", "properties", "icon", "handleClick", "Node", "isAction", "parent", "Graph", "getConnections", "Common", "LayoutOperation", "Open", "Card", "fullWidth", "ToolbarIconButton", "variant", "Title", "onClick", "Menu", "useRegularCollectionItems", "collection", "collectionId", "Obj", "getDXN", "toString", "children", "useConnections", "useMemo", "filter", "isObject", "disposition", "useManagedCollectionItems", "client", "useClient", "space", "getSpace", "schema", "schemaRegistry", "query", "typename", "key", "location", "runSync", "objects", "useQuery", "db", "Filter", "type", "nothing", "map", "obj", "getLabel", "isManaged", "instanceOf", "Collection", "Managed", "regularItems", "managedItems", "results", "useSearchListResults", "extract", "en"]
-}

package/dist/lib/node-esm/CollectionArticle-WGHNZNO2.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CollectionArticle.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { type SurfaceComponentProps, useAppGraph, useOperationInvoker } from '@dxos/app-framework/react';\nimport { Filter, Obj } from '@dxos/echo';\nimport { Graph, Node, useActionRunner, useConnections } from '@dxos/plugin-graph';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Toolbar, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Card, Layout, Mosaic, type StackTileComponent } from '@dxos/react-ui-mosaic';\nimport { SearchList, useSearchListResults } from '@dxos/react-ui-searchlist';\nimport { Collection } from '@dxos/schema';\n\nimport { meta } from '../meta';\n\n/**\n *\n */\nexport const CollectionArticle = ({ subject }: SurfaceComponentProps<Collection.Collection | Collection.Managed>) => {\n  const { t } = useTranslation(meta.id);\n  const { items, handleSearch } = useCollectionItems(subject);\n\n  return (\n    <Layout.Main toolbar>\n      <SearchList.Root onSearch={handleSearch}>\n        <Toolbar.Root>\n          <SearchList.Input placeholder={t('search placeholder')} />\n        </Toolbar.Root>\n        <SearchList.Content>\n          <Mosaic.Container asChild>\n            <Mosaic.Viewport padding>\n              <Mosaic.Stack items={items} getId={(node) => node.id} Tile={NodeTile} />\n            </Mosaic.Viewport>\n          </Mosaic.Container>\n        </SearchList.Content>\n      </SearchList.Root>\n    </Layout.Main>\n  );\n};\n\nconst NodeTile: StackTileComponent<Node.Node> = ({ data: node }) => {\n  const { t } = useTranslation(meta.id);\n  const { graph } = useAppGraph();\n  const { invokeSync } = useOperationInvoker();\n  const runAction = useActionRunner();\n\n  const label = toLocalizedString(node.properties.label, t);\n  const icon = node.properties.icon ?? 'ph--placeholder--regular';\n\n  const handleClick = () => {\n    if (Node.isAction(node)) {\n      // Run action if this is an action node.\n      const [parent] = Graph.getConnections(graph, node.id, 'inbound');\n      if (parent) {\n        void runAction(node, { parent });\n      }\n    } else {\n      // Navigate to the node.\n      invokeSync(Common.LayoutOperation.Open, { subject: [node.id] });\n    }\n  };\n\n  return (\n    <Card.Root fullWidth>\n      <Card.Toolbar>\n        <Card.ToolbarIconButton variant='ghost' label={label} icon={icon} />\n        <Card.Title onClick={handleClick}>{label}</Card.Title>\n        <Card.Menu />\n      </Card.Toolbar>\n    </Card.Root>\n  );\n};\n\nexport default CollectionArticle;\n\n/**\n * Hook to get items from a regular collection using graph connections.\n */\nconst useRegularCollectionItems = (collection: Collection.Collection) => {\n  const { graph } = useAppGraph();\n  const collectionId = Obj.getDXN(collection).toString();\n  const children = useConnections(graph, collectionId, 'outbound');\n\n  // Filter children to those which are objects or actions with disposition 'item'.\n  return useMemo(\n    () =>\n      children.filter((node) => {\n        // Include regular objects.\n        if (Obj.isObject(node.data)) {\n          return true;\n        }\n        // Include actions with disposition 'item'.\n        return Node.isAction(node) && node.properties.disposition === 'item';\n      }),\n    [children],\n  );\n};\n\n/**\n * Hook to get items from a managed collection by querying the space.\n */\nconst useManagedCollectionItems = (collection: Collection.Managed) => {\n  const client = useClient();\n  const space = getSpace(collection);\n\n  const schema = useMemo(\n    () => client.graph.schemaRegistry.query({ typename: collection.key, location: ['runtime'] }).runSync()[0],\n    [client, collection],\n  );\n\n  const objects = useQuery(space?.db, schema ? Filter.type(schema) : Filter.nothing());\n\n  // Convert objects to node-like items for consistent rendering.\n  return useMemo(\n    () =>\n      objects.map(\n        (obj) =>\n          ({\n            id: Obj.getDXN(obj).toString(),\n            type: 'managed-object',\n            data: obj,\n            properties: {\n              label: Obj.getLabel(obj) ?? obj.id,\n              icon: 'ph--placeholder--regular',\n            },\n          }) as Node.Node,\n      ),\n    [objects],\n  );\n};\n\n/**\n * Combined hook to get collection items with search/filter support.\n */\nconst useCollectionItems = (collection: Collection.Collection | Collection.Managed) => {\n  const isManaged = Obj.instanceOf(Collection.Managed, collection);\n\n  // Call both hooks unconditionally to satisfy React's rules of hooks.\n  const regularItems = useRegularCollectionItems(collection as Collection.Collection);\n  const managedItems = useManagedCollectionItems(collection as Collection.Managed);\n\n  const items = isManaged ? managedItems : regularItems;\n\n  // Use searchlist results for filtering.\n  const { results, handleSearch } = useSearchListResults({\n    items,\n    extract: (node) => {\n      const label = node.properties.label;\n      return typeof label === 'string' ? label : (label?.en ?? node.id);\n    },\n  });\n\n  return { items: results, handleSearch };\n};\n"],
-  "mappings": "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",
-  "names": ["React", "useMemo", "Common", "useAppGraph", "useOperationInvoker", "Filter", "Obj", "Graph", "Node", "useActionRunner", "useConnections", "useClient", "getSpace", "useQuery", "Toolbar", "toLocalizedString", "useTranslation", "Card", "Layout", "Mosaic", "SearchList", "useSearchListResults", "Collection", "CollectionArticle", "subject", "t", "useTranslation", "meta", "id", "items", "handleSearch", "useCollectionItems", "Layout", "Main", "toolbar", "SearchList", "Root", "onSearch", "Toolbar", "Input", "placeholder", "Content", "Mosaic", "Container", "asChild", "Viewport", "padding", "Stack", "getId", "node", "Tile", "NodeTile", "data", "graph", "useAppGraph", "invokeSync", "useOperationInvoker", "runAction", "useActionRunner", "label", "toLocalizedString", "properties", "icon", "handleClick", "Node", "isAction", "parent", "Graph", "getConnections", "Common", "LayoutOperation", "Open", "Card", "fullWidth", "ToolbarIconButton", "variant", "Title", "onClick", "Menu", "useRegularCollectionItems", "collection", "collectionId", "Obj", "getDXN", "toString", "children", "useConnections", "useMemo", "filter", "isObject", "disposition", "useManagedCollectionItems", "client", "useClient", "space", "getSpace", "schema", "schemaRegistry", "query", "typename", "key", "location", "runSync", "objects", "useQuery", "db", "Filter", "type", "nothing", "map", "obj", "getLabel", "isManaged", "instanceOf", "Collection", "Managed", "regularItems", "managedItems", "results", "useSearchListResults", "extract", "en"]
-}