@adia-ai/a2ui-corpus 0.7.20 → 0.7.21

package/chunks/_index.json

@@ -1,11 +1,11 @@
 {
   "schema": "genui-chunk-index@2",
-  "captured_at": "2026-06-10T16:56:21.616Z",
-  "total_instances": 505,
-  "unique_names": 356,
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "total_instances": 543,
+  "unique_names": 394,
   "by_kind": {
-    "block": 480,
-    "page": 18,
+    "block": 515,
+    "page": 21,
     "panel": 7
   },
   "chunks": [
@@ -8396,6 +8396,60 @@
         ]
       }
     },
+    {
+      "name": "order-confirmation-success-card",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/playgrounds/composed-flow/app/composed-flow.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "content",
+        "description": "Order-confirmation success card — a confirmation panel headed by a check-circle icon and an 'Order confirmed' title, showing the order number, total charged, and arrival estimate as a row of stats, a 'confirmation email is on its way' note, and Continue-shopping / View-receipt actions. The canonical post-checkout 'your order is placed' success / thank-you screen.",
+        "keywords": [
+          "order",
+          "confirmation",
+          "success",
+          "confirmed",
+          "checkout",
+          "complete",
+          "thank",
+          "you",
+          "receipt",
+          "placed",
+          "purchase",
+          "done",
+          "order",
+          "number",
+          "total",
+          "charged",
+          "arrival",
+          "estimate",
+          "delivery",
+          "email",
+          "sent",
+          "stats",
+          "continue",
+          "shopping",
+          "view",
+          "receipt",
+          "success",
+          "card",
+          "celebration",
+          "completed",
+          "payment",
+          "success",
+          "confirmation",
+          "screen",
+          "thank",
+          "you",
+          "page"
+        ]
+      }
+    },
     {
       "name": "feature-toggle-switch-grid",
       "kind": "block",
@@ -8718,7 +8772,10 @@
         "features",
         "cta"
       ],
-      "nested": [],
+      "nested": [
+        "feature-grid-three-cards",
+        "cta-banner-centered"
+      ],
       "metadata": {
         "domain": "layout",
         "description": "Marketing landing page composed of hero + 3-card feature grid + closing CTA banner.",
@@ -8735,6 +8792,104 @@
         ]
       }
     },
+    {
+      "name": "feature-grid-three-cards",
+      "kind": "block",
+      "primary": "grid-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/page-shells/app/marketing-page/marketing-page.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "marketing",
+        "description": "Three-card feature grid — a responsive 1-up / 3-up grid of plain feature cards, each a bold heading over a one-line subtitle, no icons. The marketing 'three key features / benefits / highlights' row that sits below a landing hero.",
+        "keywords": [
+          "feature",
+          "grid",
+          "three",
+          "cards",
+          "columns",
+          "marketing",
+          "landing",
+          "features",
+          "benefits",
+          "highlights",
+          "value",
+          "props",
+          "selling",
+          "points",
+          "card",
+          "heading",
+          "subtitle",
+          "product",
+          "capabilities",
+          "responsive",
+          "3-up",
+          "grid",
+          "showcase",
+          "what",
+          "you",
+          "get",
+          "features",
+          "section",
+          "no",
+          "icons"
+        ]
+      }
+    },
+    {
+      "name": "cta-banner-centered",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/page-shells/app/marketing-page/marketing-page.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "marketing",
+        "description": "Centered call-to-action banner — a borderless full-width card with a centered closing headline, a one-line supporting subtitle, and a single primary action button. The 'Ready to ship? / Get started today' conversion banner that closes a marketing or landing page.",
+        "keywords": [
+          "cta",
+          "call",
+          "to",
+          "action",
+          "banner",
+          "centered",
+          "closing",
+          "conversion",
+          "sign",
+          "up",
+          "get",
+          "started",
+          "ready",
+          "to",
+          "ship",
+          "trial",
+          "headline",
+          "subtitle",
+          "primary",
+          "button",
+          "bottom",
+          "of",
+          "page",
+          "footer",
+          "cta",
+          "marketing",
+          "landing",
+          "conversion",
+          "strip",
+          "prompt",
+          "encourage",
+          "signup",
+          "final",
+          "push"
+        ]
+      }
+    },
     {
       "name": "settings-page-shell",
       "kind": "page",
@@ -9965,353 +10120,529 @@
       }
     },
     {
-      "name": "real-time-metrics-dashboard",
+      "name": "key-value-detail-list",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
+        "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "data",
-        "description": "Real-time metrics dashboard with live counter cards, streaming line chart, error-rate progress, and last-updated timestamp.",
+        "domain": "display",
+        "description": "Key-value detail list — a card wrapping a description list of label / value pairs (status, owner, created, last updated, ID) with the value right-aligned against the label. The 'details / metadata / properties' panel for an entity-detail or inspector view.",
         "keywords": [
-          "real-time",
-          "metrics",
-          "live",
-          "dashboard",
-          "streaming",
-          "counters",
-          "charts",
-          "websocket",
-          "telemetry",
-          "monitoring",
-          "progress"
+          "key",
+          "value",
+          "detail",
+          "list",
+          "description",
+          "list",
+          "metadata",
+          "properties",
+          "facts",
+          "fields",
+          "attributes",
+          "status",
+          "owner",
+          "created",
+          "updated",
+          "id",
+          "label",
+          "value",
+          "pairs",
+          "entity",
+          "detail",
+          "inspector",
+          "summary",
+          "panel",
+          "dl",
+          "dt",
+          "dd",
+          "specs",
+          "information",
+          "record",
+          "fields",
+          "about"
         ]
       }
     },
     {
-      "name": "leaderboard-table",
+      "name": "avatar-stack-overflow",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
+        "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "data",
-        "description": "Ranked leaderboard table with rank + avatar + name + score + delta-badge per row.",
+        "domain": "display",
+        "description": "Avatar stack with overflow — a row of overlapping member avatars capped at a maximum, with a +N counter for the rest, beside a short 'who's on this' label. The compact 'shared with / collaborators / participants' presence cluster.",
         "keywords": [
-          "leaderboard",
-          "ranking",
-          "table",
-          "top",
-          "users",
+          "avatar",
+          "stack",
+          "group",
+          "overlap",
+          "overflow",
+          "members",
+          "collaborators",
+          "participants",
+          "people",
+          "team",
+          "shared",
+          "with",
+          "assignees",
+          "attendees",
+          "presence",
+          "faces",
+          "avatar",
+          "group",
+          "plus",
+          "n",
+          "more",
+          "count",
+          "roster",
           "contributors",
-          "score",
-          "delta",
-          "rank",
-          "competition",
-          "winners"
+          "who",
+          "is",
+          "here",
+          "facepile",
+          "overlapping",
+          "avatars"
         ]
       }
     },
     {
-      "name": "progress-tracker-milestones",
+      "name": "rating-stars-review-summary",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
+        "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "data",
-        "description": "Progress tracker with milestone checkpoints, current-stage indicator, and remaining-steps preview.",
+        "domain": "display",
+        "description": "Rating review summary — a large average score beside a read-only star rating and total-review count, above a breakdown of star-level bars (5★ down to 1★) showing how many reviews fell at each level. The 'customer reviews / ratings overview' header on a product or listing page.",
         "keywords": [
-          "progress",
-          "milestones",
-          "tracker",
-          "checkpoints",
-          "stage",
-          "steps",
-          "timeline",
-          "completion",
-          "remaining",
-          "tasks"
+          "rating",
+          "stars",
+          "review",
+          "summary",
+          "average",
+          "score",
+          "reviews",
+          "count",
+          "breakdown",
+          "distribution",
+          "feedback",
+          "testimonials",
+          "product",
+          "ratings",
+          "five",
+          "star",
+          "out",
+          "of",
+          "customer",
+          "reviews",
+          "overall",
+          "rating",
+          "bars",
+          "histogram",
+          "star",
+          "levels",
+          "review",
+          "score",
+          "reviews",
+          "overview",
+          "ratings",
+          "panel"
         ]
       }
     },
     {
-      "name": "file-upload-dnd",
+      "name": "stats-band-big-numbers",
       "kind": "block",
-      "primary": "card-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "File upload form with drag and drop zone and file list. Upload-ui with browse fallback, file-type hints, and max-size note.",
+        "domain": "marketing",
+        "description": "Marketing stats band — a horizontal row of three or four big headline numbers, each a large display figure over a short caption (uptime, customers, requests, countries). The 'by the numbers / trusted at scale' proof band that sits between a hero and the features on a landing page.",
         "keywords": [
-          "file",
-          "upload",
-          "drag-and-drop",
-          "dnd",
-          "browse",
-          "attachments",
-          "form-input",
-          "drop",
-          "zone",
-          "file-list",
-          "upload-zone"
-        ]
-      }
-    },
-    {
-      "name": "search-with-filters",
-      "kind": "block",
-      "primary": "col-ui",
-      "instances": 1,
-      "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
-      ],
-      "slots": [],
-      "nested": [
-        "tag-chips-filter"
-      ],
-      "metadata": {
-        "domain": "forms",
-        "description": "Search bar with type-ahead results and facet filters for category, status, and date. Search input with filter chips/pills and result count.",
-        "keywords": [
-          "search",
-          "bar",
-          "filters",
-          "facets",
-          "chips",
-          "pills",
-          "query",
-          "results",
-          "type-ahead",
-          "category",
-          "status",
-          "date",
-          "search-filters",
-          "facet-filters",
-          "refine",
-          "clear",
-          "discovery"
+          "stats",
+          "band",
+          "big",
+          "numbers",
+          "metrics",
+          "marketing",
+          "proof",
+          "social",
+          "proof",
+          "by",
+          "the",
+          "numbers",
+          "at",
+          "scale",
+          "headline",
+          "figures",
+          "uptime",
+          "customers",
+          "users",
+          "requests",
+          "countries",
+          "growth",
+          "display",
+          "stats",
+          "row",
+          "landing",
+          "page",
+          "trust",
+          "signals",
+          "key",
+          "metrics",
+          "impressive",
+          "numbers",
+          "statistics",
+          "band",
+          "achievements"
         ]
       }
     },
     {
-      "name": "tag-chips-filter",
+      "name": "logo-cloud-trusted-by",
       "kind": "block",
-      "primary": "row-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Removable tag chip row for filtering — interactive tag-ui chips that act as selected filter labels or keywords, with a clear-all action to reset the tag selection.",
+        "domain": "marketing",
+        "description": "Logo cloud — a centered 'trusted by' eyebrow over a responsive grid of muted partner / customer logos rendered as placeholder tiles. The social-proof logo strip that reassures landing-page visitors which companies already use the product.",
         "keywords": [
-          "tag",
-          "input",
-          "chips",
-          "tags-input-ui",
-          "removable",
-          "chip",
-          "tag",
-          "filter",
-          "label",
-          "keyword",
-          "tag-ui",
-          "interactive",
-          "multi-select",
-          "clear"
+          "logo",
+          "cloud",
+          "trusted",
+          "by",
+          "customers",
+          "partners",
+          "brands",
+          "companies",
+          "social",
+          "proof",
+          "logos",
+          "grid",
+          "as",
+          "seen",
+          "on",
+          "used",
+          "by",
+          "clients",
+          "integrations",
+          "marketing",
+          "landing",
+          "strip",
+          "logo",
+          "wall",
+          "company",
+          "logos",
+          "placeholder",
+          "tiles",
+          "credibility",
+          "trust",
+          "band",
+          "brands",
+          "row"
         ]
       }
     },
     {
-      "name": "stepper-form-wizard",
+      "name": "testimonial-pull-quote",
       "kind": "block",
-      "primary": "col-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Multi-step form with profile, billing, and review steps and progress indicator. Stepper wizard with sequential field groups and back/next navigation.",
+        "domain": "marketing",
+        "description": "Single testimonial pull-quote — one large italic customer quote in a bordered blockquote with an em-dash attribution line, paired with the customer's avatar, name, and role. The standout 'one strong quote' social-proof block, as opposed to a grid of several testimonials.",
         "keywords": [
-          "multi-step",
-          "form",
-          "progress",
-          "indicator",
-          "steps",
-          "stepper",
-          "wizard",
-          "profile",
-          "billing",
+          "testimonial",
+          "pull",
+          "quote",
+          "single",
+          "blockquote",
+          "customer",
           "review",
-          "sequential",
-          "onboarding",
-          "setup",
-          "workflow",
-          "back",
-          "next"
+          "quote",
+          "italic",
+          "attribution",
+          "cite",
+          "social",
+          "proof",
+          "marketing",
+          "endorsement",
+          "praise",
+          "saying",
+          "spotlight",
+          "featured",
+          "quote",
+          "avatar",
+          "name",
+          "role",
+          "one",
+          "big",
+          "quote",
+          "highlight",
+          "customer",
+          "story",
+          "word",
+          "of",
+          "mouth"
         ]
       }
     },
     {
-      "name": "date-range-picker",
+      "name": "real-time-metrics-dashboard",
       "kind": "block",
-      "primary": "card-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Date range picker with calendar, preset options like last 7 days and this month, and apply/cancel buttons.",
+        "domain": "data",
+        "description": "Real-time metrics dashboard with live counter cards, streaming line chart, error-rate progress, and last-updated timestamp.",
         "keywords": [
-          "date",
-          "range",
-          "picker",
-          "calendar",
-          "preset",
-          "options",
-          "last",
-          "7",
-          "days",
-          "this",
-          "month",
-          "date-range-picker",
-          "preset-options",
-          "date-picker",
-          "calendar-picker",
-          "apply",
-          "cancel"
+          "real-time",
+          "metrics",
+          "live",
+          "dashboard",
+          "streaming",
+          "counters",
+          "charts",
+          "websocket",
+          "telemetry",
+          "monitoring",
+          "progress"
         ]
       }
     },
     {
-      "name": "date-time-picker-form",
+      "name": "leaderboard-table",
       "kind": "block",
-      "primary": "card-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
       ],
       "slots": [],
-      "nested": [
-        "radio-button-group"
-      ],
+      "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Scheduling form card with date picker, time picker, timezone select, and recurrence pattern radio group; primary and secondary action buttons.",
+        "domain": "data",
+        "description": "Ranked leaderboard table with rank + avatar + name + score + delta-badge per row.",
         "keywords": [
-          "date",
-          "time",
-          "picker",
-          "scheduling",
-          "timezone",
-          "recurrence",
-          "calendar",
-          "appointment",
-          "booking",
-          "form",
-          "card"
+          "leaderboard",
+          "ranking",
+          "table",
+          "top",
+          "users",
+          "contributors",
+          "score",
+          "delta",
+          "rank",
+          "competition",
+          "winners"
         ]
       }
     },
     {
-      "name": "radio-button-group",
+      "name": "progress-tracker-milestones",
       "kind": "block",
-      "primary": "field-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Radio button group for single-select choice — radio-ui options inside a field-ui label, letting users pick exactly one recurrence option from a named group.",
+        "domain": "data",
+        "description": "Progress tracker with milestone checkpoints, current-stage indicator, and remaining-steps preview.",
         "keywords": [
-          "radio",
-          "button",
-          "group",
-          "selection",
-          "choice",
-          "radio-ui",
-          "option",
-          "form",
-          "single-select",
-          "field-ui",
-          "recurrence",
-          "pick",
-          "one"
+          "progress",
+          "milestones",
+          "tracker",
+          "checkpoints",
+          "stage",
+          "steps",
+          "timeline",
+          "completion",
+          "remaining",
+          "tasks"
         ]
       }
     },
     {
-      "name": "signup-form-card",
+      "name": "subscription-status-renewal-card",
       "kind": "block",
-      "primary": "card-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Canonical full signup / create-account form card — heading and subheading, then name, email, password, and confirm-password fields each as a field-ui label wrapping an input-ui, a terms-acceptance checkbox, and a footer with a full-width Create account button plus a sign-in link. The complete form composition (header + fields + actions footer). Use for 'signup form', 'create account form', 'registration form', 'sign up'.",
+        "domain": "billing",
+        "description": "Subscription status card — shows the current plan name and a status badge, a key-value detail list of seats, billing cycle, and next renewal date, then Manage-plan / Cancel actions. The 'your current subscription' summary panel on a billing or account-settings page.",
         "keywords": [
-          "signup",
-          "form",
-          "create",
-          "account",
-          "register",
-          "registration",
-          "sign",
-          "up",
-          "name",
-          "email",
-          "password",
-          "confirm",
-          "terms",
-          "checkbox",
-          "field",
-          "input",
-          "label",
-          "complete",
+          "subscription",
+          "status",
+          "plan",
+          "current",
+          "billing",
+          "cycle",
+          "renewal",
+          "next",
+          "payment",
+          "seats",
+          "members",
+          "manage",
+          "cancel",
+          "upgrade",
+          "downgrade",
+          "account",
+          "membership",
+          "tier",
+          "active",
           "card",
-          "heading",
-          "footer",
-          "submit",
-          "button",
-          "full-form"
+          "billing",
+          "summary",
+          "subscription",
+          "details",
+          "renew",
+          "date",
+          "plan",
+          "name"
         ]
       }
     },
     {
-      "name": "contact-form-card",
+      "name": "usage-quota-meter-card",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "billing",
+        "description": "Usage quota card — a card listing several metered resources (API calls, storage, seats), each a label with a used / limit count and a progress bar that turns warning then danger as the resource fills. The 'how much of your plan limits you've used this period' meter panel.",
+        "keywords": [
+          "usage",
+          "quota",
+          "meter",
+          "limits",
+          "metered",
+          "billing",
+          "consumption",
+          "api",
+          "calls",
+          "requests",
+          "storage",
+          "bandwidth",
+          "seats",
+          "plan",
+          "limits",
+          "used",
+          "remaining",
+          "progress",
+          "bars",
+          "resource",
+          "utilization",
+          "capacity",
+          "allowance",
+          "tier",
+          "limits",
+          "usage",
+          "card",
+          "overage",
+          "this",
+          "period"
+        ]
+      }
+    },
+    {
+      "name": "bulk-selection-actions-bar",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "data-management",
+        "description": "Bulk selection actions bar — a highlighted toolbar that appears when rows are selected, showing the selected-count on the left and a cluster of bulk operations (Export, Move, Tag, Delete) on the right. The 'N selected — do something to all of them' batch-action strip above a data table.",
+        "keywords": [
+          "bulk",
+          "selection",
+          "actions",
+          "bar",
+          "batch",
+          "operations",
+          "selected",
+          "rows",
+          "toolbar",
+          "multi-select",
+          "export",
+          "move",
+          "tag",
+          "delete",
+          "archive",
+          "count",
+          "clear",
+          "selection",
+          "data",
+          "management",
+          "table",
+          "bulk",
+          "edit",
+          "mass",
+          "action",
+          "apply",
+          "to",
+          "all",
+          "batch",
+          "toolbar",
+          "selected",
+          "items",
+          "deselect"
+        ]
+      }
+    },
+    {
+      "name": "file-upload-dnd",
       "kind": "block",
       "primary": "card-ui",
       "instances": 1,
@@ -10322,1015 +10653,2007 @@
       "nested": [],
       "metadata": {
         "domain": "forms",
-        "description": "Canonical full contact form card with both submit and reset actions — heading and subheading, name and email fields in a responsive two-column grid, a subject field, a message textarea, and a footer with a Send message primary button and a Clear (reset) secondary button. The complete form composition (header + fields + dual-action footer). Use for 'contact form', 'contact us form', 'form with submit and reset', 'message form'.",
+        "description": "File upload form with drag and drop zone and file list. Upload-ui with browse fallback, file-type hints, and max-size note.",
         "keywords": [
-          "contact",
-          "form",
-          "contact-us",
-          "message",
-          "name",
-          "email",
-          "subject",
-          "textarea",
-          "send",
-          "submit",
-          "reset",
+          "file",
+          "upload",
+          "drag-and-drop",
+          "dnd",
+          "browse",
+          "attachments",
+          "form-input",
+          "drop",
+          "zone",
+          "file-list",
+          "upload-zone"
+        ]
+      }
+    },
+    {
+      "name": "search-with-filters",
+      "kind": "block",
+      "primary": "col-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [
+        "tag-chips-filter"
+      ],
+      "metadata": {
+        "domain": "forms",
+        "description": "Search bar with type-ahead results and facet filters for category, status, and date. Search input with filter chips/pills and result count.",
+        "keywords": [
+          "search",
+          "bar",
+          "filters",
+          "facets",
+          "chips",
+          "pills",
+          "query",
+          "results",
+          "type-ahead",
+          "category",
+          "status",
+          "date",
+          "search-filters",
+          "facet-filters",
+          "refine",
           "clear",
-          "two-column",
-          "grid",
-          "field",
+          "discovery"
+        ]
+      }
+    },
+    {
+      "name": "tag-chips-filter",
+      "kind": "block",
+      "primary": "row-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Removable tag chip row for filtering — interactive tag-ui chips that act as selected filter labels or keywords, with a clear-all action to reset the tag selection.",
+        "keywords": [
+          "tag",
           "input",
+          "chips",
+          "tags-input-ui",
+          "removable",
+          "chip",
+          "tag",
+          "filter",
           "label",
-          "complete",
-          "card",
-          "heading",
-          "footer",
-          "dual-action",
-          "full-form"
+          "keyword",
+          "tag-ui",
+          "interactive",
+          "multi-select",
+          "clear"
+        ]
+      }
+    },
+    {
+      "name": "stepper-form-wizard",
+      "kind": "block",
+      "primary": "col-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Multi-step form with profile, billing, and review steps and progress indicator. Stepper wizard with sequential field groups and back/next navigation.",
+        "keywords": [
+          "multi-step",
+          "form",
+          "progress",
+          "indicator",
+          "steps",
+          "stepper",
+          "wizard",
+          "profile",
+          "billing",
+          "review",
+          "sequential",
+          "onboarding",
+          "setup",
+          "workflow",
+          "back",
+          "next"
+        ]
+      }
+    },
+    {
+      "name": "date-range-picker",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Date range picker with calendar, preset options like last 7 days and this month, and apply/cancel buttons.",
+        "keywords": [
+          "date",
+          "range",
+          "picker",
+          "calendar",
+          "preset",
+          "options",
+          "last",
+          "7",
+          "days",
+          "this",
+          "month",
+          "date-range-picker",
+          "preset-options",
+          "date-picker",
+          "calendar-picker",
+          "apply",
+          "cancel"
+        ]
+      }
+    },
+    {
+      "name": "date-time-picker-form",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [
+        "radio-button-group"
+      ],
+      "metadata": {
+        "domain": "forms",
+        "description": "Scheduling form card with date picker, time picker, timezone select, and recurrence pattern radio group; primary and secondary action buttons.",
+        "keywords": [
+          "date",
+          "time",
+          "picker",
+          "scheduling",
+          "timezone",
+          "recurrence",
+          "calendar",
+          "appointment",
+          "booking",
+          "form",
+          "card"
+        ]
+      }
+    },
+    {
+      "name": "radio-button-group",
+      "kind": "block",
+      "primary": "field-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Radio button group for single-select choice — radio-ui options inside a field-ui label, letting users pick exactly one recurrence option from a named group.",
+        "keywords": [
+          "radio",
+          "button",
+          "group",
+          "selection",
+          "choice",
+          "radio-ui",
+          "option",
+          "form",
+          "single-select",
+          "field-ui",
+          "recurrence",
+          "pick",
+          "one"
+        ]
+      }
+    },
+    {
+      "name": "signup-form-card",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Canonical full signup / create-account form card — heading and subheading, then name, email, password, and confirm-password fields each as a field-ui label wrapping an input-ui, a terms-acceptance checkbox, and a footer with a full-width Create account button plus a sign-in link. The complete form composition (header + fields + actions footer). Use for 'signup form', 'create account form', 'registration form', 'sign up'.",
+        "keywords": [
+          "signup",
+          "form",
+          "create",
+          "account",
+          "register",
+          "registration",
+          "sign",
+          "up",
+          "name",
+          "email",
+          "password",
+          "confirm",
+          "terms",
+          "checkbox",
+          "field",
+          "input",
+          "label",
+          "complete",
+          "card",
+          "heading",
+          "footer",
+          "submit",
+          "button",
+          "full-form"
+        ]
+      }
+    },
+    {
+      "name": "contact-form-card",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Canonical full contact form card with both submit and reset actions — heading and subheading, name and email fields in a responsive two-column grid, a subject field, a message textarea, and a footer with a Send message primary button and a Clear (reset) secondary button. The complete form composition (header + fields + dual-action footer). Use for 'contact form', 'contact us form', 'form with submit and reset', 'message form'.",
+        "keywords": [
+          "contact",
+          "form",
+          "contact-us",
+          "message",
+          "name",
+          "email",
+          "subject",
+          "textarea",
+          "send",
+          "submit",
+          "reset",
+          "clear",
+          "two-column",
+          "grid",
+          "field",
+          "input",
+          "label",
+          "complete",
+          "card",
+          "heading",
+          "footer",
+          "dual-action",
+          "full-form"
+        ]
+      }
+    },
+    {
+      "name": "login-form-card",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Canonical full login / sign-in form card — heading, email and password fields each as a field-ui label wrapping an input-ui, a remember-me checkbox alongside a forgot-password link, and a footer with a full-width Sign in button plus a create-account link. The complete form composition (header + fields + actions footer). Use for 'login form', 'sign in form', 'log in', 'authentication form'.",
+        "keywords": [
+          "login",
+          "form",
+          "sign",
+          "in",
+          "log",
+          "in",
+          "signin",
+          "authentication",
+          "email",
+          "password",
+          "remember",
+          "me",
+          "forgot",
+          "password",
+          "field",
+          "input",
+          "label",
+          "complete",
+          "card",
+          "heading",
+          "footer",
+          "submit",
+          "button",
+          "credentials",
+          "full-form"
+        ]
+      }
+    },
+    {
+      "name": "form-field-with-error",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Form fields showing the canonical validation-error shape — a field-ui whose slotted input-ui carries an `error` message (the error renders below the control in danger style, NOT as a sibling element), shown next to a valid field with a hint for contrast. Use for 'form with validation errors', 'invalid field state', 'form field error message'.",
+        "keywords": [
+          "form",
+          "field",
+          "validation",
+          "error",
+          "invalid",
+          "danger",
+          "message",
+          "hint",
+          "required",
+          "input",
+          "field-ui",
+          "error-state",
+          "inline-error",
+          "feedback",
+          "aria",
+          "validation-message",
+          "canonical"
+        ]
+      }
+    },
+    {
+      "name": "hero-section-split",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Two-column hero — left side heading + lede + CTA buttons; right side product image or media.",
+        "keywords": [
+          "hero",
+          "split-hero",
+          "two-column",
+          "landing-page",
+          "heading",
+          "lede",
+          "media",
+          "product-image",
+          "cta"
+        ]
+      }
+    },
+    {
+      "name": "testimonial-grid",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "3-column testimonial grid with avatar, name, role, and quote per tile.",
+        "keywords": [
+          "testimonial",
+          "grid",
+          "quotes",
+          "social-proof",
+          "reviews",
+          "avatars",
+          "customer-stories",
+          "marketing"
+        ]
+      }
+    },
+    {
+      "name": "footer-multi-column",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Multi-column site footer with product / company / resources nav columns, divider rule, copyright row, and social-icon links with a newsletter signup CTA.",
+        "keywords": [
+          "footer",
+          "multi-column",
+          "site-footer",
+          "nav-columns",
+          "navigation",
+          "links",
+          "copyright",
+          "legal",
+          "divider",
+          "social",
+          "newsletter",
+          "button"
+        ]
+      }
+    },
+    {
+      "name": "comparison-table",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Feature comparison table — 2-3 columns of plans with feature row + checkmark/dash cells.",
+        "keywords": [
+          "comparison",
+          "table",
+          "features",
+          "checkmarks",
+          "compare",
+          "feature-matrix",
+          "side-by-side",
+          "grid-comparison"
+        ]
+      }
+    },
+    {
+      "name": "faq-accordion",
+      "kind": "block",
+      "primary": "col-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "content",
+        "description": "FAQ page with expandable accordion items using accordion-item-ui. Question labels with collapsible answer bodies.",
+        "keywords": [
+          "faq",
+          "accordion",
+          "questions",
+          "answers",
+          "expandable",
+          "accordion-item-ui",
+          "help",
+          "support",
+          "knowledge-base",
+          "faq-page",
+          "collapsible",
+          "frequently-asked"
+        ]
+      }
+    },
+    {
+      "name": "empty-state",
+      "kind": "block",
+      "primary": "col-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "agent",
+        "description": "Empty state with illustration, bold headline, description, and primary call-to-action button — shown when a list/view has no content yet.",
+        "keywords": [
+          "empty",
+          "state",
+          "illustration",
+          "bold",
+          "headline",
+          "description",
+          "primary",
+          "call-to-action",
+          "button",
+          "no-results",
+          "first-use",
+          "placeholder",
+          "cta",
+          "onboarding",
+          "zero-results"
+        ]
+      }
+    },
+    {
+      "name": "alert-banner",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "agent",
+        "description": "Dismissible alert banner — icon + message + action button + close X. For cookie consent, system warnings, important notices.",
+        "keywords": [
+          "alert",
+          "banner",
+          "notice",
+          "warning",
+          "notification",
+          "dismissible",
+          "cookie-consent",
+          "system-message",
+          "info"
+        ]
+      }
+    },
+    {
+      "name": "chart-with-filter-pills",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "data",
+        "description": "Chart card with time-range pill selector in the header — segmented switch between day/week/month/year + chart body + footer caption.",
+        "keywords": [
+          "chart",
+          "filter",
+          "pills",
+          "time-range",
+          "segmented",
+          "period",
+          "selector",
+          "analytics",
+          "dashboard",
+          "card"
+        ]
+      }
+    },
+    {
+      "name": "keyboard-shortcut-display",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Keyboard shortcut reference grid — each row is a key combo + description.",
+        "keywords": [
+          "keyboard",
+          "shortcuts",
+          "kbd",
+          "hotkeys",
+          "cheatsheet",
+          "reference",
+          "help",
+          "cmd",
+          "ctrl",
+          "quick-keys",
+          "keyboard",
+          "shortcut",
+          "display",
+          "kbd-ui",
+          "key",
+          "binding",
+          "hotkey",
+          "combination",
+          "command"
+        ]
+      }
+    },
+    {
+      "name": "image-carousel",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Horizontal image carousel — current slide + peek of next/prev + dot indicators + autoplay-pause control.",
+        "keywords": [
+          "carousel",
+          "slider",
+          "swiper",
+          "image-gallery",
+          "slides",
+          "photos",
+          "hero",
+          "rotator",
+          "paginated"
+        ]
+      }
+    },
+    {
+      "name": "tabs-with-panels",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Tabs component with N panels — each tab reveals its corresponding panel content area.",
+        "keywords": [
+          "tabs",
+          "panels",
+          "navigation",
+          "switch",
+          "sections",
+          "views",
+          "content-areas",
+          "tab-strip"
+        ]
+      }
+    },
+    {
+      "name": "accordion-settings",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Settings panel organized as accordion — expandable sections (profile / notifications / privacy / advanced) each containing form controls.",
+        "keywords": [
+          "accordion",
+          "settings",
+          "collapsible",
+          "expandable",
+          "sections",
+          "preferences",
+          "profile",
+          "notifications",
+          "privacy"
+        ]
+      }
+    },
+    {
+      "name": "image-upload-preview",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Image upload with preview thumbnail, file metadata, and replace/remove actions.",
+        "keywords": [
+          "image",
+          "upload",
+          "preview",
+          "avatar",
+          "profile-picture",
+          "file-input",
+          "drag-drop",
+          "replace",
+          "remove"
+        ]
+      }
+    },
+    {
+      "name": "toolbar-tooltips",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "navigation",
+        "description": "Compact icon-only toolbar where every button shows a tooltip on hover — for editor / canvas action surfaces.",
+        "keywords": [
+          "toolbar",
+          "tooltips",
+          "icon-buttons",
+          "hover-labels",
+          "editor",
+          "canvas",
+          "tools",
+          "accessibility"
+        ]
+      }
+    },
+    {
+      "name": "notification-toast-row",
+      "kind": "block",
+      "primary": "col-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "agent",
+        "description": "Toast notification stack with success, warning, and error variants and dismiss buttons.",
+        "keywords": [
+          "toast",
+          "notification",
+          "stack",
+          "success",
+          "warning",
+          "error",
+          "variants",
+          "dismiss",
+          "buttons",
+          "snackbar",
+          "alert",
+          "flash",
+          "banner",
+          "ephemeral",
+          "feedback",
+          "toast-stack"
+        ]
+      }
+    },
+    {
+      "name": "breadcrumb-navigation",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "navigation",
+        "description": "Breadcrumb navigation trail using link-ui and icon-ui separators to show the hierarchical path to the current page, enabling users to navigate back up the hierarchy.",
+        "keywords": [
+          "breadcrumb",
+          "navigation",
+          "path",
+          "hierarchy",
+          "link",
+          "separator",
+          "breadcrumb-ui",
+          "trail",
+          "link-ui",
+          "icon-ui",
+          "current-page",
+          "location",
+          "ancestor"
+        ]
+      }
+    },
+    {
+      "name": "sidebar-navigation-panel",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [
+        "nav-menu-icons"
+      ],
+      "metadata": {
+        "domain": "navigation",
+        "description": "Sidebar navigation layout using admin-sidebar with grouped nav items — primary nav group and project sub-group, each with icon-leading nav-item-ui buttons, collapsible to icon-only mode.",
+        "keywords": [
+          "sidebar",
+          "navigation",
+          "layout",
+          "nav-ui",
+          "nav-item-ui",
+          "nav-group-ui",
+          "admin",
+          "sidebar",
+          "collapsible",
+          "grouped",
+          "icon-only",
+          "admin-sidebar",
+          "primary",
+          "sub-section",
+          "toggle"
+        ]
+      }
+    },
+    {
+      "name": "nav-menu-icons",
+      "kind": "block",
+      "primary": "col-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "navigation",
+        "description": "Navigation menu where each item has a leading icon — icon-ui paired with a label inside nav-item-ui buttons, arranged vertically in an admin sidebar for primary route navigation.",
+        "keywords": [
+          "navigation",
+          "menu",
+          "icons",
+          "nav-item-ui",
+          "icon",
+          "nav-ui",
+          "sidebar",
+          "admin",
+          "icon-leading",
+          "button-ui",
+          "ghost",
+          "icon-text",
+          "vertical",
+          "primary-nav"
+        ]
+      }
+    },
+    {
+      "name": "toolbar-icons",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "navigation",
+        "description": "Icon-only toolbar with grouped action buttons, separator-ui between groups, and tooltip-ui hints that appear on mouse-over hover to reveal each button's label.",
+        "keywords": [
+          "tooltip",
+          "hover",
+          "hint",
+          "tooltip-ui",
+          "popover",
+          "label",
+          "mouse-over",
+          "trigger",
+          "toolbar",
+          "icon-buttons",
+          "separator-ui",
+          "grouped",
+          "editor",
+          "tools",
+          "formatting",
+          "icon-only"
+        ]
+      }
+    },
+    {
+      "name": "calendar-month-view",
+      "kind": "block",
+      "primary": "card-ui",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "data",
+        "description": "Inline month-view calendar grid with weekday headers, day cells, and month navigation. Built on calendar-grid-ui (substrate primitive); calendar-picker-ui adds a popover trigger for form participation.",
+        "keywords": [
+          "calendar",
+          "date",
+          "picker",
+          "month",
+          "navigation",
+          "calendar-grid-ui",
+          "month-view",
+          "weekday",
+          "day",
+          "grid",
+          "schedule",
+          "appointment",
+          "navigate",
+          "inline"
+        ]
+      }
+    },
+    {
+      "name": "color-picker-swatches",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Color picker with OKLCH input + preset swatch palette. Click a swatch to apply; manual input edits the picker.",
+        "keywords": [
+          "color",
+          "picker",
+          "swatch",
+          "palette",
+          "oklch",
+          "hex",
+          "preset",
+          "accent",
+          "token",
+          "chooser"
+        ]
+      }
+    },
+    {
+      "name": "slider-range-controls",
+      "kind": "block",
+      "primary": "section",
+      "instances": 1,
+      "pages": [
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "forms",
+        "description": "Range slider with min/max numeric inputs flanking the slider track. Allows direct value entry or drag-to-set.",
+        "keywords": [
+          "slider",
+          "range",
+          "min",
+          "max",
+          "input",
+          "numeric",
+          "value",
+          "control",
+          "bound",
+          "dual-handle"
         ]
       }
     },
     {
-      "name": "login-form-card",
+      "name": "pagination-controls",
       "kind": "block",
-      "primary": "card-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Canonical full login / sign-in form card — heading, email and password fields each as a field-ui label wrapping an input-ui, a remember-me checkbox alongside a forgot-password link, and a footer with a full-width Sign in button plus a create-account link. The complete form composition (header + fields + actions footer). Use for 'login form', 'sign in form', 'log in', 'authentication form'.",
+        "domain": "navigation",
+        "description": "Pagination controls — prev/next buttons + page-number tiles + ellipsis collapse for long ranges + total-pages indicator.",
         "keywords": [
-          "login",
-          "form",
-          "sign",
-          "in",
-          "log",
-          "in",
-          "signin",
-          "authentication",
-          "email",
-          "password",
-          "remember",
-          "me",
-          "forgot",
-          "password",
-          "field",
-          "input",
-          "label",
-          "complete",
-          "card",
-          "heading",
-          "footer",
-          "submit",
-          "button",
-          "credentials",
-          "full-form"
+          "pagination",
+          "paginate",
+          "page",
+          "navigate",
+          "prev",
+          "next",
+          "jump",
+          "list",
+          "browse",
+          "pages"
         ]
       }
     },
     {
-      "name": "form-field-with-error",
+      "name": "popover-with-content",
       "kind": "block",
-      "primary": "card-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Form fields showing the canonical validation-error shape — a field-ui whose slotted input-ui carries an `error` message (the error renders below the control in danger style, NOT as a sibling element), shown next to a valid field with a hint for contrast. Use for 'form with validation errors', 'invalid field state', 'form field error message'.",
+        "domain": "navigation",
+        "description": "Popover anchored to a trigger button, containing a small content panel with a heading + body text + close affordance.",
         "keywords": [
-          "form",
-          "field",
-          "validation",
-          "error",
-          "invalid",
-          "danger",
-          "message",
+          "popover",
+          "popup",
+          "overlay",
+          "anchor",
+          "trigger",
+          "content",
+          "tooltip",
+          "floating",
+          "panel",
           "hint",
-          "required",
-          "input",
-          "field-ui",
-          "error-state",
-          "inline-error",
-          "feedback",
-          "aria",
-          "validation-message",
-          "canonical"
+          "dropdown"
         ]
       }
     },
     {
-      "name": "hero-section-split",
+      "name": "avatar-group-overflow",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "layout",
-        "description": "Two-column hero — left side heading + lede + CTA buttons; right side product image or media.",
+        "description": "Avatar stack showing first 4 members with a +N overflow indicator for additional members. Used for team rosters, collaborators, attendees.",
         "keywords": [
-          "hero",
-          "split-hero",
-          "two-column",
-          "landing-page",
-          "heading",
-          "lede",
-          "media",
-          "product-image",
-          "cta"
+          "avatar",
+          "group",
+          "stack",
+          "overflow",
+          "members",
+          "team",
+          "roster",
+          "collaborators",
+          "attendees",
+          "count",
+          "plus",
+          "more"
         ]
       }
     },
     {
-      "name": "testimonial-grid",
+      "name": "divider-text-label",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "layout",
-        "description": "3-column testimonial grid with avatar, name, role, and quote per tile.",
+        "description": "Horizontal divider with a centered text label between two horizontal-rule segments. Common section-separator pattern in long forms or feeds.",
         "keywords": [
-          "testimonial",
-          "grid",
-          "quotes",
-          "social-proof",
-          "reviews",
-          "avatars",
-          "customer-stories",
-          "marketing"
+          "divider",
+          "separator",
+          "rule",
+          "line",
+          "label",
+          "text",
+          "section",
+          "break",
+          "or",
+          "middle",
+          "horizontal",
+          "hr"
         ]
       }
     },
     {
-      "name": "footer-multi-column",
+      "name": "video-player-controls",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "layout",
-        "description": "Multi-column site footer with product / company / resources nav columns, divider rule, copyright row, and social-icon links with a newsletter signup CTA.",
+        "domain": "data",
+        "description": "Video player with poster image, transport controls (play, scrub, volume, fullscreen), and elapsed/total time display.",
         "keywords": [
-          "footer",
-          "multi-column",
-          "site-footer",
-          "nav-columns",
-          "navigation",
-          "links",
-          "copyright",
-          "legal",
-          "divider",
-          "social",
-          "newsletter",
-          "button"
+          "video",
+          "player",
+          "playback",
+          "play",
+          "pause",
+          "scrub",
+          "progress",
+          "volume",
+          "fullscreen",
+          "media",
+          "controls"
         ]
       }
     },
     {
-      "name": "comparison-table",
+      "name": "empty-state-danger",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "layout",
-        "description": "Feature comparison table — 2-3 columns of plans with feature row + checkmark/dash cells.",
+        "domain": "data",
+        "description": "Full-section error empty-state when content cannot be loaded — colored icon+text, no background tint, with a Retry action.",
         "keywords": [
-          "comparison",
-          "table",
-          "features",
-          "checkmarks",
-          "compare",
-          "feature-matrix",
-          "side-by-side",
-          "grid-comparison"
+          "empty",
+          "state",
+          "error",
+          "danger",
+          "api",
+          "failure",
+          "cannot",
+          "load",
+          "retry",
+          "permission",
+          "error",
+          "state"
         ]
       }
     },
     {
-      "name": "faq-accordion",
+      "name": "empty-state-warning",
       "kind": "block",
-      "primary": "col-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "content",
-        "description": "FAQ page with expandable accordion items using accordion-item-ui. Question labels with collapsible answer bodies.",
+        "domain": "data",
+        "description": "Full-section permission-gate empty-state — colored icon+text, no background tint, with a Request Access action.",
         "keywords": [
-          "faq",
-          "accordion",
-          "questions",
-          "answers",
-          "expandable",
-          "accordion-item-ui",
-          "help",
-          "support",
-          "knowledge-base",
-          "faq-page",
-          "collapsible",
-          "frequently-asked"
+          "empty",
+          "state",
+          "warning",
+          "permission",
+          "access",
+          "restricted",
+          "gate",
+          "forbidden"
         ]
       }
     },
     {
-      "name": "empty-state",
+      "name": "empty-state-minimal",
       "kind": "block",
-      "primary": "col-ui",
+      "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "agent",
-        "description": "Empty state with illustration, bold headline, description, and primary call-to-action button — shown when a list/view has no content yet.",
-        "keywords": [
-          "empty",
-          "state",
-          "illustration",
-          "bold",
-          "headline",
-          "description",
-          "primary",
-          "call-to-action",
-          "button",
-          "no-results",
-          "first-use",
+        "domain": "data",
+        "description": "Compact inline empty placeholder for tables, lists, or pane bodies — single line with icon + heading + description, no full-canvas chrome.",
+        "keywords": [
+          "empty",
+          "state",
+          "minimal",
+          "inline",
+          "compact",
+          "table",
+          "list",
           "placeholder",
-          "cta",
-          "onboarding",
-          "zero-results"
+          "no-results"
         ]
       }
     },
     {
-      "name": "alert-banner",
+      "name": "responsive-kpi-grid",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "agent",
-        "description": "Dismissible alert banner — icon + message + action button + close X. For cookie consent, system warnings, important notices.",
+        "domain": "data",
+        "description": "Responsive KPI stat-card grid — 1 column on mobile, 2 on tablet (sm+), 4 on desktop (lg+) using @bp notation.",
         "keywords": [
-          "alert",
-          "banner",
-          "notice",
-          "warning",
-          "notification",
-          "dismissible",
-          "cookie-consent",
-          "system-message",
-          "info"
+          "responsive",
+          "kpi",
+          "stat",
+          "grid",
+          "mobile",
+          "tablet",
+          "desktop",
+          "breakpoint",
+          "columns",
+          "adaptive",
+          "layout"
         ]
       }
     },
     {
-      "name": "chart-with-filter-pills",
+      "name": "select-multiple-preselected",
       "kind": "block",
       "primary": "section",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "data",
-        "description": "Chart card with time-range pill selector in the header — segmented switch between day/week/month/year + chart body + footer caption.",
+        "domain": "forms",
+        "description": "Multi-select field with declaratively pre-selected options via <option selected>. All selected options are captured on init (FB-46 fix); comma-joined value string used for multi-select.",
         "keywords": [
-          "chart",
-          "filter",
-          "pills",
-          "time-range",
-          "segmented",
-          "period",
-          "selector",
-          "analytics",
-          "dashboard",
-          "card"
+          "select",
+          "multiple",
+          "pre-selected",
+          "option",
+          "selected",
+          "form",
+          "field",
+          "multi-value",
+          "picker",
+          "init",
+          "value"
         ]
       }
     },
     {
-      "name": "keyboard-shortcut-display",
+      "name": "card-with-stat-kpi",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/packages/web-components/components/card/card.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "layout",
-        "description": "Keyboard shortcut reference grid — each row is a key combo + description.",
+        "domain": "data",
+        "description": "KPI card — card containing a stat-ui metric with label, value, trend indicator, and optional icon.",
         "keywords": [
-          "keyboard",
-          "shortcuts",
-          "kbd",
-          "hotkeys",
-          "cheatsheet",
-          "reference",
-          "help",
-          "cmd",
-          "ctrl",
-          "quick-keys",
-          "keyboard",
-          "shortcut",
-          "display",
-          "kbd-ui",
-          "key",
-          "binding",
-          "hotkey",
-          "combination",
-          "command"
+          "card",
+          "stat",
+          "kpi",
+          "metric",
+          "value",
+          "trend",
+          "dashboard",
+          "analytics",
+          "revenue",
+          "users",
+          "conversion"
         ]
       }
     },
     {
-      "name": "image-carousel",
+      "name": "card-with-form",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/packages/web-components/components/card/card.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "layout",
-        "description": "Horizontal image carousel — current slide + peek of next/prev + dot indicators + autoplay-pause control.",
+        "domain": "forms",
+        "description": "Form card — card containing labeled form fields with a footer action row. Standard shape for settings forms and quick-edit surfaces.",
         "keywords": [
-          "carousel",
-          "slider",
-          "swiper",
-          "image-gallery",
-          "slides",
-          "photos",
-          "hero",
-          "rotator",
-          "paginated"
+          "card",
+          "form",
+          "fields",
+          "input",
+          "select",
+          "label",
+          "footer",
+          "actions",
+          "save",
+          "cancel",
+          "settings",
+          "quick-edit"
         ]
       }
     },
     {
-      "name": "tabs-with-panels",
+      "name": "card-with-empty-state",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/packages/web-components/components/card/card.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "layout",
-        "description": "Tabs component with N panels — each tab reveals its corresponding panel content area.",
+        "domain": "data",
+        "description": "Empty state card — card showing no-data placeholder with icon, message, and CTA. Use when a data table or list has no rows.",
         "keywords": [
-          "tabs",
-          "panels",
-          "navigation",
-          "switch",
-          "sections",
-          "views",
-          "content-areas",
-          "tab-strip"
+          "card",
+          "empty",
+          "state",
+          "no",
+          "data",
+          "placeholder",
+          "icon",
+          "cta",
+          "button",
+          "list",
+          "table",
+          "zero",
+          "rows"
         ]
       }
     },
     {
-      "name": "accordion-settings",
+      "name": "card-with-sparkline",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/packages/web-components/components/card/card.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "layout",
-        "description": "Settings panel organized as accordion — expandable sections (profile / notifications / privacy / advanced) each containing form controls.",
+        "domain": "data",
+        "description": "Sparkline card — KPI metric above a compact line chart. Standard dashboard widget for time-series summaries.",
         "keywords": [
-          "accordion",
-          "settings",
-          "collapsible",
-          "expandable",
-          "sections",
-          "preferences",
-          "profile",
-          "notifications",
-          "privacy"
+          "card",
+          "sparkline",
+          "chart",
+          "line",
+          "metric",
+          "kpi",
+          "dashboard",
+          "widget",
+          "time-series",
+          "trend",
+          "mini-chart"
         ]
       }
     },
     {
-      "name": "image-upload-preview",
+      "name": "col-form-stack",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/packages/web-components/components/col/col.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "forms",
-        "description": "Image upload with preview thumbnail, file metadata, and replace/remove actions.",
+        "description": "Vertical form field stack — col-ui wrapping labeled inputs with consistent gap. The canonical form layout.",
         "keywords": [
-          "image",
-          "upload",
-          "preview",
-          "avatar",
-          "profile-picture",
-          "file-input",
-          "drag-drop",
-          "replace",
-          "remove"
+          "col",
+          "column",
+          "form",
+          "fields",
+          "stack",
+          "vertical",
+          "gap",
+          "input",
+          "layout",
+          "stacked"
         ]
       }
     },
     {
-      "name": "toolbar-tooltips",
+      "name": "col-heading-body-action",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/packages/web-components/components/col/col.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "navigation",
-        "description": "Compact icon-only toolbar where every button shows a tooltip on hover — for editor / canvas action surfaces.",
+        "domain": "layout",
+        "description": "Content stack — heading, body text, and CTA button stacked vertically. Common inside cards, modals, and empty states.",
         "keywords": [
-          "toolbar",
-          "tooltips",
-          "icon-buttons",
-          "hover-labels",
-          "editor",
-          "canvas",
-          "tools",
-          "accessibility"
+          "col",
+          "column",
+          "heading",
+          "body",
+          "text",
+          "action",
+          "cta",
+          "button",
+          "content",
+          "stack",
+          "vertical",
+          "card"
         ]
       }
     },
     {
-      "name": "notification-toast-row",
+      "name": "col-stat-label",
       "kind": "block",
-      "primary": "col-ui",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html"
+        "/packages/web-components/components/col/col.examples.html"
       ],
       "slots": [],
       "nested": [],
-      "metadata": {
-        "domain": "agent",
-        "description": "Toast notification stack with success, warning, and error variants and dismiss buttons.",
-        "keywords": [
-          "toast",
-          "notification",
-          "stack",
-          "success",
-          "warning",
-          "error",
-          "variants",
-          "dismiss",
-          "buttons",
-          "snackbar",
-          "alert",
-          "flash",
-          "banner",
-          "ephemeral",
-          "feedback",
-          "toast-stack"
+      "metadata": {
+        "domain": "data",
+        "description": "KPI stack — metric value above label. Used in stat cards, dashboard widgets, and analytics tiles.",
+        "keywords": [
+          "col",
+          "column",
+          "stat",
+          "kpi",
+          "metric",
+          "value",
+          "label",
+          "number",
+          "analytics",
+          "dashboard",
+          "widget"
         ]
       }
     },
     {
-      "name": "breadcrumb-navigation",
+      "name": "drawer-with-create-form",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html"
+        "/packages/web-components/components/drawer/drawer.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "navigation",
-        "description": "Breadcrumb navigation trail using link-ui and icon-ui separators to show the hierarchical path to the current page, enabling users to navigate back up the hierarchy.",
+        "domain": "forms",
+        "description": "Create form drawer — drawer with labeled form fields and sticky footer Cancel/Save actions. Standard shape for '+ New X' triggers.",
         "keywords": [
-          "breadcrumb",
-          "navigation",
-          "path",
-          "hierarchy",
-          "link",
-          "separator",
-          "breadcrumb-ui",
-          "trail",
-          "link-ui",
-          "icon-ui",
-          "current-page",
-          "location",
-          "ancestor"
+          "drawer",
+          "form",
+          "create",
+          "new",
+          "fields",
+          "input",
+          "footer",
+          "actions",
+          "cancel",
+          "save",
+          "sticky",
+          "scrollable",
+          "side",
+          "panel"
         ]
       }
     },
     {
-      "name": "sidebar-navigation-panel",
+      "name": "drawer-record-detail",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html"
+        "/packages/web-components/components/drawer/drawer.examples.html"
       ],
       "slots": [],
-      "nested": [
-        "nav-menu-icons"
-      ],
+      "nested": [],
       "metadata": {
-        "domain": "navigation",
-        "description": "Sidebar navigation layout using admin-sidebar with grouped nav items — primary nav group and project sub-group, each with icon-leading nav-item-ui buttons, collapsible to icon-only mode.",
+        "domain": "data",
+        "description": "Record detail drawer — read-only view of a record's fields in a right-side drawer. Common for list rows that reveal detail on click.",
         "keywords": [
-          "sidebar",
-          "navigation",
-          "layout",
-          "nav-ui",
-          "nav-item-ui",
-          "nav-group-ui",
-          "admin",
-          "sidebar",
-          "collapsible",
-          "grouped",
-          "icon-only",
-          "admin-sidebar",
-          "primary",
-          "sub-section",
-          "toggle"
+          "drawer",
+          "detail",
+          "record",
+          "view",
+          "inspect",
+          "side",
+          "panel",
+          "fields",
+          "label",
+          "value",
+          "read-only",
+          "table",
+          "list",
+          "row",
+          "click"
         ]
       }
     },
     {
-      "name": "nav-menu-icons",
+      "name": "grid-kpi-4col",
       "kind": "block",
-      "primary": "col-ui",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html"
+        "/packages/web-components/components/grid/grid.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "navigation",
-        "description": "Navigation menu where each item has a leading icon — icon-ui paired with a label inside nav-item-ui buttons, arranged vertically in an admin sidebar for primary route navigation.",
+        "domain": "data",
+        "description": "4-column KPI grid — stat cards in a fixed grid layout for dashboard metrics.",
         "keywords": [
-          "navigation",
-          "menu",
-          "icons",
-          "nav-item-ui",
-          "icon",
-          "nav-ui",
-          "sidebar",
-          "admin",
-          "icon-leading",
-          "button-ui",
-          "ghost",
-          "icon-text",
-          "vertical",
-          "primary-nav"
+          "grid",
+          "kpi",
+          "stat",
+          "card",
+          "dashboard",
+          "metrics",
+          "4-column",
+          "fixed",
+          "layout"
         ]
       }
     },
     {
-      "name": "toolbar-icons",
+      "name": "grid-responsive-kpi",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html"
+        "/packages/web-components/components/grid/grid.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "navigation",
-        "description": "Icon-only toolbar with grouped action buttons, separator-ui between groups, and tooltip-ui hints that appear on mouse-over hover to reveal each button's label.",
+        "domain": "layout",
+        "description": "Responsive KPI grid — 1 column on mobile, 2 on tablet, 4 on desktop using @bp notation.",
         "keywords": [
-          "tooltip",
-          "hover",
-          "hint",
-          "tooltip-ui",
-          "popover",
-          "label",
-          "mouse-over",
-          "trigger",
-          "toolbar",
-          "icon-buttons",
-          "separator-ui",
-          "grouped",
-          "editor",
-          "tools",
-          "formatting",
-          "icon-only"
+          "grid",
+          "responsive",
+          "breakpoint",
+          "columns",
+          "kpi",
+          "card",
+          "layout",
+          "1",
+          "2",
+          "4",
+          "mobile",
+          "tablet",
+          "desktop",
+          "@bp"
         ]
       }
     },
     {
-      "name": "calendar-month-view",
+      "name": "grid-2col-entry-cards",
       "kind": "block",
-      "primary": "card-ui",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/grid/grid.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "data",
-        "description": "Inline month-view calendar grid with weekday headers, day cells, and month navigation. Built on calendar-grid-ui (substrate primitive); calendar-picker-ui adds a popover trigger for form participation.",
+        "domain": "layout",
+        "description": "2-column entry card grid — feature cards in a 2-up grid. Common on landing pages and onboarding flows.",
         "keywords": [
-          "calendar",
-          "date",
-          "picker",
-          "month",
-          "navigation",
-          "calendar-grid-ui",
-          "month-view",
-          "weekday",
-          "day",
           "grid",
-          "schedule",
-          "appointment",
-          "navigate",
-          "inline"
+          "2-column",
+          "cards",
+          "features",
+          "options",
+          "entry",
+          "landing",
+          "onboarding",
+          "layout"
         ]
       }
     },
     {
-      "name": "color-picker-swatches",
+      "name": "row-action-cluster",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/row/row.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Color picker with OKLCH input + preset swatch palette. Click a swatch to apply; manual input edits the picker.",
+        "domain": "layout",
+        "description": "Horizontal action cluster — button group in a row with gap. Default shape for cancel + submit.",
         "keywords": [
-          "color",
-          "picker",
-          "swatch",
-          "palette",
-          "oklch",
-          "hex",
-          "preset",
-          "accent",
-          "token",
-          "chooser"
+          "row",
+          "buttons",
+          "actions",
+          "cluster",
+          "inline",
+          "flex",
+          "gap",
+          "horizontal",
+          "cancel",
+          "submit"
         ]
       }
     },
     {
-      "name": "slider-range-controls",
+      "name": "row-avatar-name-role",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/row/row.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Range slider with min/max numeric inputs flanking the slider track. Allows direct value entry or drag-to-set.",
+        "domain": "layout",
+        "description": "User identity row — avatar beside name and role. Common in tables, sidebars, and user lists.",
         "keywords": [
-          "slider",
-          "range",
-          "min",
-          "max",
-          "input",
-          "numeric",
-          "value",
-          "control",
-          "bound",
-          "dual-handle"
+          "row",
+          "avatar",
+          "name",
+          "role",
+          "user",
+          "identity",
+          "inline",
+          "person",
+          "member",
+          "team",
+          "horizontal"
         ]
       }
     },
     {
-      "name": "pagination-controls",
+      "name": "row-spread-label-value",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/row/row.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "navigation",
-        "description": "Pagination controls — prev/next buttons + page-number tiles + ellipsis collapse for long ranges + total-pages indicator.",
+        "domain": "layout",
+        "description": "Spread row — label pushed left, value pushed right via justify=space-between. Common in summary rows and list items.",
         "keywords": [
-          "pagination",
-          "paginate",
-          "page",
-          "navigate",
-          "prev",
-          "next",
-          "jump",
-          "list",
-          "browse",
-          "pages"
+          "row",
+          "spread",
+          "justify",
+          "space-between",
+          "label",
+          "value",
+          "summary",
+          "stat",
+          "horizontal",
+          "flex"
+        ]
+      }
+    },
+    {
+      "name": "row-wrap-tags",
+      "kind": "block",
+      "primary": "div",
+      "instances": 1,
+      "pages": [
+        "/packages/web-components/components/row/row.examples.html"
+      ],
+      "slots": [],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "Wrapping badge/tag row — chip group that wraps to new lines when overflow occurs.",
+        "keywords": [
+          "row",
+          "wrap",
+          "tags",
+          "badges",
+          "chips",
+          "cluster",
+          "horizontal",
+          "flex-wrap",
+          "overflow",
+          "categories",
+          "filters"
         ]
       }
     },
     {
-      "name": "popover-with-content",
+      "name": "row-icon-label",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/row/row.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "navigation",
-        "description": "Popover anchored to a trigger button, containing a small content panel with a heading + body text + close affordance.",
+        "domain": "layout",
+        "description": "Icon beside text label — status indicator row with leading icon and text.",
         "keywords": [
-          "popover",
-          "popup",
-          "overlay",
-          "anchor",
-          "trigger",
-          "content",
-          "tooltip",
-          "floating",
-          "panel",
-          "hint",
-          "dropdown"
+          "row",
+          "icon",
+          "label",
+          "status",
+          "indicator",
+          "inline",
+          "leading",
+          "icon-text",
+          "horizontal"
         ]
       }
     },
     {
-      "name": "avatar-group-overflow",
+      "name": "stack-avatar-badge-overlay",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/stack/stack.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "layout",
-        "description": "Avatar stack showing first 4 members with a +N overflow indicator for additional members. Used for team rosters, collaborators, attendees.",
+        "description": "Overlay stack — avatar with a status badge overlaid at a corner. Classic notification indicator pattern.",
         "keywords": [
-          "avatar",
-          "group",
           "stack",
-          "overflow",
-          "members",
-          "team",
-          "roster",
-          "collaborators",
-          "attendees",
-          "count",
-          "plus",
-          "more"
+          "overlay",
+          "z-axis",
+          "avatar",
+          "badge",
+          "status",
+          "indicator",
+          "notification",
+          "overlay",
+          "position"
         ]
       }
     },
     {
-      "name": "divider-text-label",
+      "name": "stack-image-shimmer",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/stack/stack.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "layout",
-        "description": "Horizontal divider with a centered text label between two horizontal-rule segments. Common section-separator pattern in long forms or feeds.",
+        "description": "Loading overlay — content placeholder with shimmer overlaid on top of image or card content.",
         "keywords": [
-          "divider",
-          "separator",
-          "rule",
-          "line",
-          "label",
-          "text",
-          "section",
-          "break",
-          "or",
-          "middle",
-          "horizontal",
-          "hr"
+          "stack",
+          "overlay",
+          "shimmer",
+          "loading",
+          "skeleton",
+          "placeholder",
+          "image",
+          "card",
+          "overlay",
+          "z-axis"
         ]
       }
     },
     {
-      "name": "video-player-controls",
+      "name": "table-with-toolbar-card",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/table/table.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "data",
-        "description": "Video player with poster image, transport controls (play, scrub, volume, fullscreen), and elapsed/total time display.",
+        "description": "Data table with toolbar in card — table-toolbar-ui above a sortable table wrapped in a card. Standard data grid pattern.",
         "keywords": [
-          "video",
-          "player",
-          "playback",
-          "play",
-          "pause",
-          "scrub",
-          "progress",
-          "volume",
-          "fullscreen",
-          "media",
-          "controls"
+          "table",
+          "toolbar",
+          "search",
+          "filter",
+          "sort",
+          "card",
+          "data",
+          "grid",
+          "employees",
+          "members",
+          "sortable",
+          "selectable"
         ]
       }
     },
     {
-      "name": "empty-state-danger",
+      "name": "table-empty-state",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/table/table.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "data",
-        "description": "Full-section error empty-state when content cannot be loaded — colored icon+text, no background tint, with a Retry action.",
+        "description": "Empty data table — table with no rows showing an empty-state-ui placeholder with icon and CTA.",
         "keywords": [
+          "table",
           "empty",
           "state",
-          "error",
-          "danger",
-          "api",
-          "failure",
-          "cannot",
-          "load",
-          "retry",
-          "permission",
-          "error",
-          "state"
+          "no",
+          "data",
+          "placeholder",
+          "icon",
+          "cta",
+          "zero",
+          "rows",
+          "grid",
+          "list"
         ]
       }
     },
     {
-      "name": "empty-state-warning",
+      "name": "table-toolbar-with-table",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/table-toolbar/table-toolbar.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "data",
-        "description": "Full-section permission-gate empty-state — colored icon+text, no background tint, with a Request Access action.",
+        "description": "Data table with toolbar — table-toolbar-ui above card-wrapped table-ui. Standard data grid pattern with search, filter, sort, and column visibility.",
         "keywords": [
-          "empty",
-          "state",
-          "warning",
-          "permission",
-          "access",
-          "restricted",
-          "gate",
-          "forbidden"
+          "table",
+          "toolbar",
+          "search",
+          "filter",
+          "sort",
+          "columns",
+          "data",
+          "grid",
+          "employees",
+          "members",
+          "users",
+          "card"
         ]
       }
     },
     {
-      "name": "empty-state-minimal",
+      "name": "table-toolbar-no-search",
       "kind": "block",
-      "primary": "section",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/components/table-toolbar/table-toolbar.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
         "domain": "data",
-        "description": "Compact inline empty placeholder for tables, lists, or pane bodies — single line with icon + heading + description, no full-canvas chrome.",
+        "description": "Standalone table toolbar — title + count + filter/sort controls, no search. variant=card gives it surface chrome when it stands outside a card-ui.",
         "keywords": [
-          "empty",
-          "state",
-          "minimal",
-          "inline",
-          "compact",
           "table",
-          "list",
-          "placeholder",
-          "no-results"
+          "toolbar",
+          "filter",
+          "sort",
+          "columns",
+          "controls",
+          "no-search",
+          "standalone",
+          "card",
+          "data",
+          "grid"
         ]
       }
     },
     {
-      "name": "responsive-kpi-grid",
-      "kind": "block",
-      "primary": "section",
+      "name": "admin-shell-standard",
+      "kind": "page",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/patterns/admin-shell/admin-shell.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "data",
-        "description": "Responsive KPI stat-card grid — 1 column on mobile, 2 on tablet (sm+), 4 on desktop (lg+) using @bp notation.",
+        "domain": "layout",
+        "description": "Standard admin shell — leading sidebar with workspace switcher, nav rail, user switcher; content column with topbar breadcrumb and scrollable page.",
         "keywords": [
-          "responsive",
-          "kpi",
-          "stat",
-          "grid",
-          "mobile",
-          "tablet",
-          "desktop",
-          "breakpoint",
-          "columns",
-          "adaptive",
-          "layout"
+          "admin",
+          "shell",
+          "layout",
+          "sidebar",
+          "nav",
+          "topbar",
+          "breadcrumb",
+          "content",
+          "page",
+          "dashboard",
+          "saas"
         ]
       }
     },
     {
-      "name": "select-multiple-preselected",
-      "kind": "block",
-      "primary": "section",
+      "name": "admin-shell-rounded-borderless",
+      "kind": "page",
+      "primary": "div",
       "instances": 1,
       "pages": [
-        "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html"
+        "/packages/web-components/patterns/admin-shell/admin-shell.examples.html"
       ],
       "slots": [],
       "nested": [],
       "metadata": {
-        "domain": "forms",
-        "description": "Multi-select field with declaratively pre-selected options via <option selected>. All selected options are captured on init (FB-46 fix); comma-joined value string used for multi-select.",
+        "domain": "layout",
+        "description": "Rounded borderless admin shell — floating card aesthetic with gap between sidebar and content. Modern SaaS visual style.",
         "keywords": [
-          "select",
-          "multiple",
-          "pre-selected",
-          "option",
-          "selected",
-          "form",
-          "field",
-          "multi-value",
-          "picker",
-          "init",
-          "value"
+          "admin",
+          "shell",
+          "rounded",
+          "borderless",
+          "floating",
+          "card",
+          "sidebar",
+          "content",
+          "modern",
+          "saas",
+          "aesthetic",
+          "layout"
         ]
       }
+    },
+    {
+      "name": "responsive-shell-sidebar",
+      "kind": "page",
+      "primary": "body",
+      "instances": 1,
+      "pages": [
+        "/packages/web-components/patterns/responsive-shell-sidebar/responsive-shell-sidebar.examples.html"
+      ],
+      "slots": [
+        "leading-inline",
+        "main",
+        "narrow-toolbar",
+        "trailing-inline",
+        "leading-drawer",
+        "trailing-drawer"
+      ],
+      "nested": [],
+      "metadata": {
+        "domain": "layout",
+        "description": "\"Editor-shell"
+      }
     }
   ]
 }