From a4ea75dbc3cc2d557d20b96f56794dbedc30eb15 Mon Sep 17 00:00:00 2001
From: Boxel Submission Bot <submissions@cardstack.com>
Date: Tue, 14 Apr 2026 13:38:47 +0800
Subject: [PATCH] add CardsGrid Component for Displaying Card Collections
 changes [boxel-content-hash:6c1cc49ac124]

---
 .../5ab3644c-e9bd-4c65-a4ea-56903989d142.json | 69 +++++++++++++++++++
 index.json                                    | 21 +-----
 2 files changed, 72 insertions(+), 18 deletions(-)
 create mode 100644 CardListing/5ab3644c-e9bd-4c65-a4ea-56903989d142.json

diff --git a/CardListing/5ab3644c-e9bd-4c65-a4ea-56903989d142.json b/CardListing/5ab3644c-e9bd-4c65-a4ea-56903989d142.json
new file mode 100644
index 0000000..8faa9dc
--- /dev/null
+++ b/CardListing/5ab3644c-e9bd-4c65-a4ea-56903989d142.json
@@ -0,0 +1,69 @@
+{
+  "data": {
+    "meta": {
+      "adoptsFrom": {
+        "name": "CardListing",
+        "module": "https://realms-staging.stack.cards/catalog/catalog-app/listing/listing"
+      }
+    },
+    "type": "card",
+    "attributes": {
+      "name": "CardsGrid Component for Displaying Card Collections",
+      "images": [],
+      "summary": "The CardsGrid component provides a dynamic, interactive grid layout for displaying collections of cards. Its primary purpose is to offer users a versatile interface to view, filter, sort, and manage cards within specified realms. It supports multiple view modes, filtering options including highlights and all cards, and allows creation of new cards. The component manages realm subscriptions to keep the card display in sync with data changes and enables customization of card filtering and sorting. It also loads highlight cards from predefined URLs for enhanced user focus and engagement.",
+      "cardInfo": {
+        "name": null,
+        "notes": null,
+        "summary": null,
+        "cardThumbnailURL": null
+      }
+    },
+    "relationships": {
+      "tags.0": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/Tag/ed5a1a3f-0dbf-47b5-b2a6-d88b0d2a7642"
+        }
+      },
+      "specs": {
+        "links": {
+          "self": null
+        }
+      },
+      "skills": {
+        "links": {
+          "self": null
+        }
+      },
+      "license": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/License/4c5a023b-a72c-4f90-930b-da60a1de5b2d"
+        }
+      },
+      "publisher": {
+        "links": {
+          "self": null
+        }
+      },
+      "categories.0": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/Category/product-catalogs"
+        }
+      },
+      "examples.0": {
+        "links": {
+          "self": "../index"
+        }
+      },
+      "cardInfo.theme": {
+        "links": {
+          "self": null
+        }
+      },
+      "cardInfo.cardThumbnail": {
+        "links": {
+          "self": null
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/index.json b/index.json
index ebd3538..b1ab639 100644
--- a/index.json
+++ b/index.json
@@ -1,25 +1,10 @@
 {
   "data": {
+    "type": "card",
     "meta": {
       "adoptsFrom": {
-        "name": "Catalog",
-        "module": "./catalog-app/catalog"
-      }
-    },
-    "type": "card",
-    "attributes": {
-      "cardInfo": {
-        "notes": null,
-        "name": null,
-        "summary": null,
-        "cardThumbnailURL": null
-      }
-    },
-    "relationships": {
-      "cardInfo.theme": {
-        "links": {
-          "self": null
-        }
+        "module": "https://cardstack.com/base/cards-grid",
+        "name": "CardsGrid"
       }
     }
   }