@cloudgrid-io/ui 0.18.1 → 0.20.0

package/dist/blocks/entity-card.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Card } from "../ui/card.js";
 import { EntityIdentity } from "./entity-identity.js";
-import { KindAgentIcon, KindAppIcon, KindInspirationIcon, OpenLiveIcon, SettingsIcon, } from "./icons.js";
+import { EntityDashboardIcon, KindAgentIcon, KindAppIcon, KindInspirationIcon, OpenLiveIcon, } from "./icons.js";
 import { cn } from "../lib/cloudgrid-cn.js";
 /**
  * What an entity IS. Three kinds, and they are the product's, not this file's:
@@ -34,6 +34,75 @@ export const ENTITY_KIND_LABEL = {
     inspiration: "Inspiration",
     app: "App",
 };
+/**
+ * The sizes, in the order they get smaller. Read from the console census
+ * (2026-09-08) rather than invented: `default` is the 360px track, `compact`
+ * covers the 260 and 280 ones, `row` is the list surfaces, the rails and the
+ * sidebar.
+ *
+ * The array is the source and the type is derived from it, the same arrangement
+ * `ENTITY_KIND_ORDER` uses: a size added here is immediately missing from
+ * `SIZE_STYLE` and typecheck says so.
+ */
+export const ENTITY_CARD_SIZE_ORDER = ["default", "compact", "row"];
+/**
+ * WHAT EACH SIZE CHANGES, in one table.
+ *
+ * Every entry is a type or spacing utility, never a colour: a size is a
+ * measurement, and a card that changed hue when it got smaller would be a
+ * second design rather than the same one at another scale. That is also what
+ * keeps the literals gate honest here — there is nothing in this table a token
+ * does not already own.
+ *
+ * It is a table rather than a run of ternaries at the call sites because the
+ * whole point of the axis is that the sizes stay comparable. Three ternaries in
+ * three places is how one of them silently stops matching the other two.
+ *
+ * `row` builds its own composition below, so its `stats`, `reveal` and
+ * `revealTitle` entries are empty: a row has no stat rule and no reveal panel.
+ * They are present rather than omitted so the record stays total and a fourth
+ * size cannot be half-added.
+ */
+const SIZE_STYLE = {
+    default: {
+        cardSpacing: "",
+        body: "gap-3",
+        title: "text-body-sm",
+        description: "text-body-sm",
+        stats: "gap-4 pt-3",
+        reveal: "gap-1.5 p-3",
+        revealTitle: "text-body-sm",
+    },
+    compact: {
+        cardSpacing: "[--card-spacing:--spacing(3)]",
+        body: "gap-2",
+        title: "text-caption",
+        description: "text-caption",
+        stats: "gap-3 pt-2",
+        reveal: "gap-1 p-2",
+        revealTitle: "text-caption",
+    },
+    row: {
+        cardSpacing: "[--card-spacing:--spacing(3)]",
+        body: "gap-0.5",
+        title: "text-body-sm",
+        description: "text-caption",
+        stats: "",
+        reveal: "",
+        revealTitle: "",
+    },
+};
+/**
+ * The row thumbnail's width. Fixed rather than a fraction, so every row in a
+ * list starts its text at the same x — which is what makes a list of these
+ * scannable, and what a percentage width would lose the moment the column
+ * resized.
+ *
+ * 128px against the 1200/630 ratio is a 67px picture, so a row is a little over
+ * 90px tall with its padding. A 28px kind badge would cover a fifth of that
+ * thumbnail, which is why the row uses the small one.
+ */
+const ROW_THUMBNAIL = "w-32";
 /**
  * Make a caller's URL safe to sit inside a CSS `url("…")` string — and nothing
  * more than that.
@@ -95,16 +164,159 @@ function EntityKindBadge({ kind, size = "md", className, ...props }) {
             border: "1px solid color-mix(in srgb, var(--cg-ink) 12%, transparent)",
         }, ...props, children: [_jsx(Icon, { className: size === "md" ? "size-4" : "size-3.5" }), _jsx("span", { className: "sr-only", children: ENTITY_KIND_LABEL[kind] })] }));
 }
-function EntityCard({ title, slug, description, titleLines = 2, descriptionLines = 1, status, stats, seed, previewUrl, kind, reveal = false, settingsHref, creator, href, ariaLabel, meta, footer, className, children, ...props }) {
+function EntityCard({ title, slug, description, size = "default", titleLines = 2, descriptionLines = 1, status, headerActions, stats, seed, previewUrl, kind, reveal = false, dashboardHref, settingsHref, creator, href, ariaLabel, meta, footer, className, children, ...props }) {
+    const sized = SIZE_STYLE[size];
     // The reveal owns the preview and spends the `href`, so it only exists when
     // both are there. Asked for without a `seed` it would be a panel over nothing;
     // asked for without an `href` its Open action would be an anchor with no
     // target, which renders as a link, is not focusable, and does nothing when
     // clicked. Silently off in both cases rather than half-built.
-    const revealed = reveal && Boolean(seed) && Boolean(href);
+    //
+    // A `row` never reveals, whatever the caller passed. Not a limitation: the row
+    // already shows everything the panel carries, so there is nothing to reveal —
+    // see the size note at the top. Its two actions are rendered at the end of the
+    // row and appear on hover, which is the half of the behaviour that survives.
+    const revealed = reveal && Boolean(seed) && Boolean(href) && size !== "row";
+    // One target, two prop names, for one minor. `settingsHref` is the old name
+    // (#182 renamed the action to Dashboard, because the console page it opens is
+    // a dashboard and not a settings screen), and it is resolved here rather than
+    // at the render site so there is exactly one place the alias exists and one
+    // place to delete when it goes. `??`, not `||`: an empty string is a caller
+    // saying "no target", and coalescing it to the deprecated name would resurrect
+    // a link the caller had switched off.
+    const dashboardTarget = dashboardHref ?? settingsHref;
+    // Compact keeps the stat ROW and shows one stat in it, rather than dropping
+    // the row. The row is a hairline plus a number, and a listing where some cards
+    // carry it and some do not has two card heights in one grid. Which stat
+    // survives is the caller's order, not a rule here: a card that reordered its
+    // caller's stats would be deciding which one matters.
+    const shownStats = stats && size === "compact" ? stats.slice(0, 1) : stats;
+    // One line on compact and on row, whatever the caller asked for. See the note
+    // on the prop: this is a height rule, not a preference.
+    const clampDescription = size === "default" && descriptionLines === 2 ? "line-clamp-2" : "truncate";
+    /**
+     * THE TWO ACTIONS. One pair, written once, used by the reveal panel and by the
+     * row alike — because #182's premise is that every entity card offers the same
+     * two doors, and two copies of a pair is how one of them quietly grows a third.
+     *
+     * Both halves of the hit model travel with them, and both are load-bearing:
+     *
+     * Open carries `after:absolute after:inset-0`, which stretches it over its
+     * nearest POSITIONED ancestor. That is the reveal panel on a media card (the
+     * panel is `absolute`) and the card itself on a row (which declares `relative`
+     * for exactly this). Either way a click anywhere on the card opens the entity,
+     * including on a phone where nothing ever hovers. The anchor itself must not
+     * be positioned or the stretched layer would size to the pill.
+     *
+     * Dashboard is `relative`, which lifts it above that stretched layer — and
+     * because it is lifted it must not be live while it is invisible.
+     * `opacity-0` is a paint state, not a pointer state, so at rest the pill was
+     * a region of the card that went somewhere different from every pixel around
+     * it, with nothing to see (#171). `pointer-events-none` until hover or
+     * focus-within, and Open's overlay untouched, is the whole fix.
+     */
+    const actionPair = (_jsxs(_Fragment, { children: [_jsxs("a", { href: href, "data-slot": "entity-card-open", className: "inline-flex items-center gap-1 rounded-pill border border-hairline px-2 py-1 text-caption no-underline after:absolute after:inset-0 after:content-[''] focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-none", children: [_jsx(OpenLiveIcon, { className: "size-3.5" }), "Open"] }), dashboardTarget ? (_jsxs("a", { href: dashboardTarget, "data-slot": "entity-card-dashboard", className: "pointer-events-none relative inline-flex items-center gap-1 rounded-pill border border-hairline px-2 py-1 text-caption no-underline group-hover/card:pointer-events-auto group-focus-within/card:pointer-events-auto focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-none", children: [_jsx(EntityDashboardIcon, { className: "size-3.5" }), "Dashboard"] })) : null] }));
     const body = children ??
-        (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("span", { dir: "auto", "data-slot": "entity-card-title", title: title, className: cn("block text-body-sm font-medium break-words text-ink", titleLines === 1 ? "truncate" : "line-clamp-2"), children: [kind && !seed ? (_jsx(EntityKindBadge, { kind: kind, size: "sm", className: "mr-1.5 align-[-0.2em]" })) : null, title] }), slug ? (_jsx("span", { dir: "auto", "data-slot": "entity-card-slug", title: slug, className: "mt-0.5 block truncate font-mono text-caption text-faint", children: slug })) : null] }), status ? _jsx("div", { className: "shrink-0", children: status }) : null] }), description ? (_jsx("p", { dir: "auto", "data-slot": "entity-card-description", title: description, className: cn("m-0 text-body-sm text-body", descriptionLines === 1 ? "truncate" : "line-clamp-2"), children: description })) : null, meta, _jsx("div", { "aria-hidden": "true", className: "grow" }), stats && stats.length > 0 ? (_jsx("div", { "data-slot": "entity-card-stats", className: "flex flex-wrap items-center gap-4 border-t border-hairline pt-3 text-caption text-body", children: stats.map((stat) => (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [stat.icon ? (_jsx("span", { "aria-hidden": "true", className: "inline-flex [&>svg]:size-4", children: stat.icon })) : null, stat.value, _jsx("span", { className: "sr-only", children: stat.label })] }, stat.label))) })) : null, footer] }));
-    const card = (_jsxs(Card, { "data-slot": "entity-card", 
+        (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("span", { dir: "auto", "data-slot": "entity-card-title", title: title, className: cn("block font-medium break-words text-ink", sized.title, titleLines === 1 ? "truncate" : "line-clamp-2"), children: [kind && !seed ? (_jsx(EntityKindBadge, { kind: kind, size: "sm", className: "mr-1.5 align-[-0.2em]" })) : null, title] }), slug ? (_jsx("span", { dir: "auto", "data-slot": "entity-card-slug", title: slug, className: "mt-0.5 block truncate font-mono text-caption text-faint", children: slug })) : null] }), status ? _jsx("div", { className: "shrink-0", children: status }) : null, headerActions ? (_jsx("div", { "data-slot": "entity-card-actions", 
+                            // items-center against the title's first line, and -mt-1 to pull an
+                            // icon button's own padding back so the glyph optically lines up
+                            // with the title rather than sitting a couple of pixels low.
+                            className: "-mt-1 flex shrink-0 items-center gap-1", children: headerActions })) : null] }), description ? (_jsx("p", { dir: "auto", "data-slot": "entity-card-description", title: description, className: cn("m-0 text-body", sized.description, clampDescription), children: description })) : null, meta, _jsx("div", { "aria-hidden": "true", className: "grow" }), shownStats && shownStats.length > 0 ? (_jsx("div", { "data-slot": "entity-card-stats", className: cn("flex flex-wrap items-center border-t border-hairline text-caption text-body", sized.stats), children: shownStats.map((stat) => (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [stat.icon ? (_jsx("span", { "aria-hidden": "true", className: "inline-flex [&>svg]:size-4", children: stat.icon })) : null, stat.value, _jsx("span", { className: "sr-only", children: stat.label })] }, stat.label))) })) : null, footer] }));
+    /**
+     * The preview region, shared by all three sizes.
+     *
+     * A function rather than a second copy, because the two things that differ
+     * between the stacked sizes and the row are its shape and whether a panel goes
+     * over it. Everything that is easy to get wrong — the capture painting over
+     * the identity rather than instead of it, the badge sitting after the panel so
+     * the scrim does not smudge it, the badge not eating a click meant for the
+     * link — is written once and is the same picture in every size.
+     */
+    const previewRegion = (shape, badgeSize, panel) => seed ? (_jsxs("div", { "data-slot": "entity-card-preview", className: cn("relative shrink-0", shape), children: [_jsx(EntityIdentity, { seed: seed, name: title }), previewUrl ? (_jsx("div", { "data-slot": "entity-card-capture", "aria-hidden": "true", className: "absolute inset-0 bg-cover bg-center", 
+                // A background image, not an <img>: a URL that 404s paints nothing
+                // and the identity tile below shows through, with no state and no
+                // client boundary. The URL goes out exactly as the caller wrote it —
+                // `cssUrlString` escapes only the quote and backslash that would
+                // break out of url("..."), and never re-encodes an already-encoded
+                // URL (ui#178).
+                style: { backgroundImage: `url("${cssUrlString(previewUrl)}")` } })) : null, panel, kind ? (_jsx(EntityKindBadge, { kind: kind, size: badgeSize, className: cn("pointer-events-none absolute", badgeSize === "md" ? "top-2 right-2" : "top-1 right-1") })) : null] })) : null;
+    /**
+     * The reveal panel, which belongs to the stacked sizes only.
+     *
+     * Extracted to a variable rather than left inline because `previewRegion`
+     * above is now shared with the row, and the row deliberately has no panel to
+     * pass it. The alternative — a boolean the region branches on — would put the
+     * decision in two places instead of one.
+     */
+    const revealPanel = revealed ? (_jsxs("div", { "data-slot": "entity-card-reveal", "data-cg-surface": "ink", className: cn("absolute inset-0 flex flex-col justify-end bg-scrim-strong text-ink", 
+        // The only thing compact changes about this panel is its
+        // measurements. Same scrim, same ink surface, same two
+        // foregrounds — a panel that got smaller AND paler would be
+        // trading contrast for space, which is the one thing the
+        // guardrail exists to stop.
+        sized.reveal, 
+        // opacity-0, not hidden: the panel is in the tab order at all
+        // times, so tabbing into Open is what reveals it, and a touch
+        // user with no hover still has a live tap target.
+        "opacity-0 transition-opacity duration-[var(--cg-duration)] ease-out", "group-hover/card:opacity-100 group-focus-within/card:opacity-100", 
+        // Reduced motion removes the FADE, not the panel. Someone who
+        // has asked for less movement still needs the actions.
+        "motion-reduce:transition-none"), children: [_jsx("span", { "data-slot": "entity-card-reveal-title", dir: "auto", className: cn("truncate font-medium", sized.revealTitle), children: title }), description ? (_jsx("p", { "data-slot": "entity-card-reveal-description", dir: "auto", 
+                // text-body, never text-faint. The secondary measures 6.18:1
+                // on this scrim and the guardrail holds it there; the muted
+                // rung measures 4.06:1, under AA, and is deliberately outside
+                // that assertion because it is documented as non-essential
+                // text. So there is no muted tier available on this panel.
+                className: "m-0 truncate text-caption text-body", children: description })) : null, creator || status ? (_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [creator ? (_jsxs("span", { "data-slot": "entity-card-reveal-creator", className: "flex min-w-0 items-center gap-1.5 text-caption text-body", children: [creator.avatar ? (_jsx("span", { "aria-hidden": "true", className: "inline-flex size-4 shrink-0 overflow-hidden rounded-pill [&>*]:size-full", children: creator.avatar })) : null, _jsx("span", { className: "truncate", children: creator.name })] })) : (_jsx("span", {})), status ? _jsx("span", { className: "shrink-0", children: status }) : null] })) : null, _jsx("div", { className: "flex items-center gap-2 pt-0.5", children: actionPair })] })) : null;
+    /**
+     * THE ROW. The same card, running across instead of down.
+     *
+     * Its own return rather than a set of conditionals threaded through the
+     * stacked one, because almost nothing about the arrangement survives the
+     * rotation: the preview is beside the text rather than above it, the title,
+     * the description and the creator are one column of single lines, and the
+     * state, the header's controls and the two actions form a cluster at the end.
+     * Threading that through would leave a body that reads as neither shape.
+     *
+     * What IS shared is shared for real: `previewRegion` paints the same picture,
+     * `actionPair` is the same two anchors, and `SIZE_STYLE.row` is a column of
+     * the same table. Nothing about a row is a second implementation of something
+     * the media card already does.
+     *
+     * ## The hit model, which is the media card's with one thing moved
+     *
+     * `relative` on the card is load-bearing: it is what Open's stretched
+     * `::after` sizes to, so a click anywhere on the row opens the entity, exactly
+     * as a click anywhere on a thumbnail does. That also means a row is never
+     * wrapped in a whole-card anchor — the actions are anchors, and an anchor
+     * inside an anchor is invalid HTML that browsers repair by closing the outer
+     * one.
+     *
+     * `headerActions` is the thing that moves. On a media card it sits in the body
+     * and nothing is stretched over it. Here it sits inside Open's hit area, so it
+     * carries `relative z-10` to stay above it. That is safe in a way the same
+     * treatment on the panel's Dashboard was not (#171): these controls are
+     * VISIBLE at rest, so a tap landing on the save toggle rather than on the row
+     * is what a reader can see is going to happen. The invisible-at-rest rule
+     * still binds the two actions, which is why Dashboard keeps its
+     * `pointer-events-none`.
+     *
+     * `stats` and `footer` are not rendered here — see the size note at the top.
+     */
+    if (size === "row") {
+        return (_jsxs(Card, { "data-slot": "entity-card", "data-entity-size": "row", className: cn("relative flex-row items-center gap-3 p-(--card-spacing)", sized.cardSpacing, className), ...props, children: [previewRegion(
+                // A left thumbnail, so it rounds on all four corners rather than
+                // sharing the card's top edge, and it carries a full hairline rather
+                // than the media card's single bottom rule.
+                cn("overflow-hidden rounded-lg border border-hairline", ROW_THUMBNAIL), "sm", null), _jsx("div", { className: cn("flex w-0 min-w-0 flex-1 flex-col", sized.body), children: children ?? (_jsxs(_Fragment, { children: [_jsxs("span", { dir: "auto", "data-slot": "entity-card-title", title: title, className: cn("block truncate font-medium text-ink", sized.title), children: [kind && !seed ? (_jsx(EntityKindBadge, { kind: kind, size: "sm", className: "mr-1.5 align-[-0.2em]" })) : null, title] }), slug ? (_jsx("span", { dir: "auto", "data-slot": "entity-card-slug", title: slug, className: "block truncate font-mono text-caption text-faint", children: slug })) : null, description ? (_jsx("p", { dir: "auto", "data-slot": "entity-card-description", title: description, className: cn("m-0 truncate text-body", sized.description), children: description })) : null, creator || meta ? (_jsxs("div", { className: "flex min-w-0 items-center gap-2 text-caption text-body", children: [creator ? (_jsxs("span", { "data-slot": "entity-card-creator", className: "flex min-w-0 items-center gap-1.5", children: [creator.avatar ? (_jsx("span", { "aria-hidden": "true", className: "inline-flex size-4 shrink-0 overflow-hidden rounded-pill [&>*]:size-full", children: creator.avatar })) : null, _jsx("span", { className: "truncate", children: creator.name })] })) : null, meta] })) : null] })) }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [status ? _jsx("span", { className: "shrink-0", children: status }) : null, headerActions ? (_jsx("div", { "data-slot": "entity-card-actions", className: "relative z-10 flex shrink-0 items-center gap-1", children: headerActions })) : null, href ? (_jsx("div", { "data-slot": "entity-card-row-actions", className: cn("flex shrink-0 items-center gap-2", 
+                            // The row's whole hover behaviour, and all of it: the
+                            // information is already on screen, so what arrives is the two
+                            // actions and nothing else.
+                            "opacity-0 transition-opacity duration-[var(--cg-duration)] ease-out", "group-hover/card:opacity-100 group-focus-within/card:opacity-100", 
+                            // Reduced motion removes the FADE, not the actions.
+                            "motion-reduce:transition-none"), children: actionPair })) : null] })] }));
+    }
+    const card = (_jsxs(Card, { "data-slot": "entity-card", "data-entity-size": size, 
         // gap-0 py-0: `Card` pads itself for a header/content/footer stack, and
         // this card's preview is full bleed to the top edge. The padding moves
         // inside, onto the body, so the preview can touch the corners.
@@ -118,53 +330,12 @@ function EntityCard({ title, slug, description, titleLines = 2, descriptionLines
         // anchor. As a direct grid item it must NOT be h-full: a grid area has a
         // definite height, so height:100% pins the card to the tallest card in the
         // row even when the grid was told `items-start`.
-        className: cn("gap-0 py-0", href && !revealed && "h-full", className), ...props, children: [seed ? (_jsxs("div", { "data-slot": "entity-card-preview", 
-                // rounded-t-xl is the same --cg-radius-xl the card rounds to, and
-                // overflow-hidden is what keeps the reveal panel inside it. The card
-                // already clips; stating it here means the panel can never paint a
-                // corner the card does not have.
-                className: "relative shrink-0 overflow-hidden rounded-t-xl border-b border-hairline", children: [_jsx(EntityIdentity, { seed: seed, name: title }), previewUrl ? (_jsx("div", { "data-slot": "entity-card-capture", "aria-hidden": "true", className: "absolute inset-0 bg-cover bg-center", 
-                        // A background image, not an <img>: a URL that 404s paints
-                        // nothing and the identity tile below shows through, with no
-                        // state and no client boundary. The URL goes out exactly as the
-                        // caller wrote it — `cssUrlString` escapes only the quote and
-                        // backslash that would break out of url("..."), and never
-                        // re-encodes an already-encoded URL (ui#178).
-                        style: { backgroundImage: `url("${cssUrlString(previewUrl)}")` } })) : null, revealed ? (_jsxs("div", { "data-slot": "entity-card-reveal", "data-cg-surface": "ink", className: cn("absolute inset-0 flex flex-col justify-end gap-1.5 bg-scrim-strong p-3 text-ink", 
-                        // opacity-0, not hidden: the panel is in the tab order at all
-                        // times, so tabbing into Open is what reveals it, and a touch
-                        // user with no hover still has a live tap target.
-                        "opacity-0 transition-opacity duration-[var(--cg-duration)] ease-out", "group-hover/card:opacity-100 group-focus-within/card:opacity-100", 
-                        // Reduced motion removes the FADE, not the panel. Someone who
-                        // has asked for less movement still needs the actions.
-                        "motion-reduce:transition-none"), children: [_jsx("span", { "data-slot": "entity-card-reveal-title", dir: "auto", className: "truncate text-body-sm font-medium", children: title }), description ? (_jsx("p", { "data-slot": "entity-card-reveal-description", dir: "auto", 
-                                // text-body, never text-faint. The secondary measures 6.18:1
-                                // on this scrim and the guardrail holds it there; the muted
-                                // rung measures 4.06:1, under AA, and is deliberately outside
-                                // that assertion because it is documented as non-essential
-                                // text. So there is no muted tier available on this panel.
-                                className: "m-0 truncate text-caption text-body", children: description })) : null, creator || status ? (_jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [creator ? (_jsxs("span", { "data-slot": "entity-card-reveal-creator", className: "flex min-w-0 items-center gap-1.5 text-caption text-body", children: [creator.avatar ? (_jsx("span", { "aria-hidden": "true", className: "inline-flex size-4 shrink-0 overflow-hidden rounded-pill [&>*]:size-full", children: creator.avatar })) : null, _jsx("span", { className: "truncate", children: creator.name })] })) : (_jsx("span", {})), status ? _jsx("span", { className: "shrink-0", children: status }) : null] })) : null, _jsxs("div", { className: "flex items-center gap-2 pt-0.5", children: [_jsxs("a", { href: href, "data-slot": "entity-card-open", 
-                                        // after:inset-0 makes this link the whole panel, so a click
-                                        // anywhere on the thumbnail opens the entity. The anchor
-                                        // itself must NOT be positioned or the stretched layer sizes
-                                        // to the anchor instead of to the panel — the panel is already
-                                        // absolute, so it is the containing block. Settings comes
-                                        // later in the DOM and IS positioned, so it stacks above the
-                                        // stretched layer rather than under it.
-                                        className: "inline-flex items-center gap-1 rounded-pill border border-hairline px-2 py-1 text-caption no-underline after:absolute after:inset-0 after:content-[''] focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-none", children: [_jsx(OpenLiveIcon, { className: "size-3.5" }), "Open"] }), settingsHref ? (_jsxs("a", { href: settingsHref, "data-slot": "entity-card-settings", 
-                                        // relative, and that is load-bearing: it lifts this link
-                                        // above Open's stretched ::after, which otherwise covers the
-                                        // whole panel and would swallow every click meant for here.
-                                        //
-                                        // And because it is lifted, it must not be live while the
-                                        // panel is invisible: opacity-0 is a paint state, so at rest
-                                        // this pill was a region of the thumbnail that went to
-                                        // Settings on a tap instead of opening the entity (#171).
-                                        // pointer-events-none until the panel is actually revealed —
-                                        // the same reasoning the kind mark carries. Open keeps its
-                                        // stretched hit area at all times, so the touch fallback is
-                                        // untouched.
-                                        className: "pointer-events-none relative inline-flex items-center gap-1 rounded-pill border border-hairline px-2 py-1 text-caption no-underline group-hover/card:pointer-events-auto group-focus-within/card:pointer-events-auto focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-none", children: [_jsx(SettingsIcon, { className: "size-3.5" }), "Settings"] })) : null] })] })) : null, kind ? (_jsx(EntityKindBadge, { kind: kind, className: "pointer-events-none absolute top-2 right-2" })) : null] })) : null, _jsx("div", { className: "flex min-h-0 flex-1 flex-col gap-3 p-(--card-spacing)", children: body })] }));
+        className: cn("gap-0 py-0", sized.cardSpacing, href && !revealed && "h-full", className), ...props, children: [previewRegion(
+            // rounded-t-xl is the same --cg-radius-xl the card rounds to, and
+            // overflow-hidden is what keeps the reveal panel inside it. The card
+            // already clips; stating it here means the panel can never paint a
+            // corner the card does not have.
+            "overflow-hidden rounded-t-xl border-b border-hairline", "md", revealPanel), _jsx("div", { className: cn("flex min-h-0 flex-1 flex-col p-(--card-spacing)", sized.body), children: body })] }));
     // A revealed card is never wrapped: the panel's Open action is already an
     // anchor, and an anchor inside an anchor is invalid HTML that browsers repair
     // by closing the outer one.

package/dist/blocks/entity-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-card.js","sourceRoot":"","sources":["../../src/blocks/entity-card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"entity-card.js","sourceRoot":"","sources":["../../src/blocks/entity-card.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/eyebrow.d.ts

@@ -0,0 +1,43 @@
+/**
+ * The small label that sits above something and names the part of the page it
+ * belongs to. A section label, a specimen caption, the word over a lockup.
+ *
+ * ## Why it exists as its own thing (#176)
+ *
+ * The recipe was already in this library — `text-label font-medium text-faint`,
+ * written inline inside `PageHeading` and reachable only by rendering a whole
+ * page lockup. So a surface that wanted the label and not the display heading
+ * had two options, and both are wrong in the same way: hand-build the three
+ * classes, or borrow the nearest primitive that is not this one.
+ *
+ * The console's styleguide did the second. Its section labels render as
+ * `Badge variant="outline"`, which is a pill — the right colour, the wrong
+ * shape, and a reference page for a design system teaching its reader that
+ * building your own furniture is normal. That is what cloudgrid-console#654
+ * filed and what this answers.
+ *
+ * `PageHeading` renders this rather than repeating the classes, so there is one
+ * definition of what an eyebrow looks like and retuning it is one edit here.
+ *
+ * ## What it is not
+ *
+ * Not a heading. It is a `<p>`, and it takes no `level`: an eyebrow is a label
+ * for the thing under it, so promoting it to `<h2>` would put a second entry in
+ * the document outline for one section and announce the label instead of the
+ * title. When the eyebrow and a heading belong together, put both in a
+ * `PageHeading`, which stacks them and keeps the heading the heading.
+ *
+ * Not uppercase. `--cg-label-size` carries its own weight and leading through
+ * `text-label`, and the brand's uppercase treatment belongs to the display face
+ * — the heading — rather than to the small print above it. A caller who wants
+ * caps has `className`.
+ *
+ * ## Type
+ *
+ * `text-label` rather than `text-caption`, deliberately: the label step exists
+ * on the brand ramp with its own weight companion (`--cg-label-weight`), and a
+ * caption is body copy set small. They render close and mean different things.
+ */
+declare function Eyebrow({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+export { Eyebrow };
+//# sourceMappingURL=eyebrow.d.ts.map

package/dist/blocks/eyebrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eyebrow.d.ts","sourceRoot":"","sources":["../../src/blocks/eyebrow.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAalE;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/blocks/eyebrow.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/cloudgrid-cn.js";
+/**
+ * The small label that sits above something and names the part of the page it
+ * belongs to. A section label, a specimen caption, the word over a lockup.
+ *
+ * ## Why it exists as its own thing (#176)
+ *
+ * The recipe was already in this library — `text-label font-medium text-faint`,
+ * written inline inside `PageHeading` and reachable only by rendering a whole
+ * page lockup. So a surface that wanted the label and not the display heading
+ * had two options, and both are wrong in the same way: hand-build the three
+ * classes, or borrow the nearest primitive that is not this one.
+ *
+ * The console's styleguide did the second. Its section labels render as
+ * `Badge variant="outline"`, which is a pill — the right colour, the wrong
+ * shape, and a reference page for a design system teaching its reader that
+ * building your own furniture is normal. That is what cloudgrid-console#654
+ * filed and what this answers.
+ *
+ * `PageHeading` renders this rather than repeating the classes, so there is one
+ * definition of what an eyebrow looks like and retuning it is one edit here.
+ *
+ * ## What it is not
+ *
+ * Not a heading. It is a `<p>`, and it takes no `level`: an eyebrow is a label
+ * for the thing under it, so promoting it to `<h2>` would put a second entry in
+ * the document outline for one section and announce the label instead of the
+ * title. When the eyebrow and a heading belong together, put both in a
+ * `PageHeading`, which stacks them and keeps the heading the heading.
+ *
+ * Not uppercase. `--cg-label-size` carries its own weight and leading through
+ * `text-label`, and the brand's uppercase treatment belongs to the display face
+ * — the heading — rather than to the small print above it. A caller who wants
+ * caps has `className`.
+ *
+ * ## Type
+ *
+ * `text-label` rather than `text-caption`, deliberately: the label step exists
+ * on the brand ramp with its own weight companion (`--cg-label-weight`), and a
+ * caption is body copy set small. They render close and mean different things.
+ */
+function Eyebrow({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "eyebrow", 
+        // m-0 because a consumer without Tailwind's preflight — a prose block, an
+        // Astro page with its own base sheet — inherits a paragraph margin and the
+        // label drifts away from the thing it labels. This library's own pages are
+        // preflighted, so the margin is invisible here and only ever wrong
+        // downstream, which is the failure worth carrying three characters for.
+        className: cn("m-0 text-label font-medium text-faint", className), ...props }));
+}
+export { Eyebrow };
+//# sourceMappingURL=eyebrow.js.map

package/dist/blocks/eyebrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eyebrow.js","sourceRoot":"","sources":["../../src/blocks/eyebrow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,SAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B;IACjE,OAAO,CACL,yBACY,SAAS;QACnB,0EAA0E;QAC1E,2EAA2E;QAC3E,2EAA2E;QAC3E,mEAAmE;QACnE,wEAAwE;QACxE,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/blocks/feature-cells.d.ts

@@ -7,16 +7,21 @@
  * structure, because the copy reads as a sequence of commitments rather than a
  * feature race.
  *
- * ## Icons are lucide here, not Phosphor
+ * ## The glyphs are Phosphor, through the library's own names
  *
  * v0 inlined ten Phosphor SVGs as raw strings, because Astro can import SVG via
  * Vite's `?raw` and React bundlers cannot, and rendered them with
- * `dangerouslySetInnerHTML`. Two reasons not to carry that over: this registry
- * declares `iconLibrary: lucide` and already depends on `lucide-react`, so
- * Phosphor strings would put a second icon vocabulary in the library; and
- * `dangerouslySetInnerHTML` for decoration is a sharp tool used for nothing. The
- * lucide equivalents are close in weight and monoline, which is the system's rule
- * for icons.
+ * `dangerouslySetInnerHTML`. This renders the same family, without either
+ * problem: `scripts/generate-phosphor-marks.mjs` reads the path data out of
+ * `@phosphor-icons/core` and inlines it as components, and this file names roles
+ * — `AiIcon`, `MemoryIcon`, `ScheduleIcon` — rather than glyphs, so a repick is
+ * one slug in the generator and no edit here (#167).
+ *
+ * The interim between the two was lucide, chosen when this registry declared
+ * `iconLibrary: lucide`. It no longer does: Phosphor is the only icon library,
+ * every equivalent was an approximation of a mark the designer had already
+ * picked, and `dangerouslySetInnerHTML` for decoration remains a sharp tool used
+ * for nothing.
  *
  * ## The matcher, and its escape hatch
  *

package/dist/blocks/feature-cells.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-cells.d.ts","sourceRoot":"","sources":["../../src/blocks/feature-cells.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,KAAK,gBAAgB,GAAG;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,mDAAmD;IACnD,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnD,CAAA;AA+BD,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,OAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG;IAC3C,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC7B,+BA4DA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"feature-cells.d.ts","sourceRoot":"","sources":["../../src/blocks/feature-cells.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,KAAK,gBAAgB,GAAG;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,mDAAmD;IACnD,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnD,CAAA;AA+BD,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,OAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG;IAC3C,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC7B,+BA4DA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/blocks/feature-cells.js

@@ -1,22 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Brain, Clock, Database, Globe, HardDrive, KeyRound, Plug, Sparkles, Users, Zap, } from "lucide-react";
+import { AiIcon, DatabaseIcon, FastIcon, MemoryIcon, PeopleIcon, PlugIcon, ScheduleIcon, SecretIcon, StorageIcon, WebIcon, } from "./icons.js";
 import { cn } from "../lib/cloudgrid-cn.js";
 const MATCHERS = [
-    [/\bai\b|model|gateway/i, Sparkles],
-    [/database|postgres/i, Database],
-    [/storage|files?\b/i, HardDrive],
-    [/memory|brain/i, Brain],
-    [/live|url|domain/i, Globe],
-    [/key|sign-?in|auth|secret/i, KeyRound],
-    [/cron|schedule|clock/i, Clock],
-    [/found|shared|picked|player|people/i, Users],
-    [/cache|fast|instant/i, Zap],
+    [/\bai\b|model|gateway/i, AiIcon],
+    [/database|postgres/i, DatabaseIcon],
+    [/storage|files?\b/i, StorageIcon],
+    [/memory|brain/i, MemoryIcon],
+    [/live|url|domain/i, WebIcon],
+    [/key|sign-?in|auth|secret/i, SecretIcon],
+    [/cron|schedule|clock/i, ScheduleIcon],
+    [/found|shared|picked|player|people/i, PeopleIcon],
+    [/cache|fast|instant/i, FastIcon],
 ];
 function glyphFor(item) {
     if (item.icon)
         return item.icon;
     const text = `${item.q} ${item.a}`;
-    return MATCHERS.find(([re]) => re.test(text))?.[1] ?? Plug;
+    return MATCHERS.find(([re]) => re.test(text))?.[1] ?? PlugIcon;
 }
 /**
  * The three-tint cycle. Tints are mixed against the page surface rather than

package/dist/blocks/feature-cells.js.map

@@ -1 +1 @@
-{"version":3,"file":"feature-cells.js","sourceRoot":"","sources":["../../src/blocks/feature-cells.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,GAAG,GACJ,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAwCvC,MAAM,QAAQ,GAA4D;IACxE,CAAC,uBAAuB,EAAE,QAAQ,CAAC;IACnC,CAAC,oBAAoB,EAAE,QAAQ,CAAC;IAChC,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAChC,CAAC,eAAe,EAAE,KAAK,CAAC;IACxB,CAAC,kBAAkB,EAAE,KAAK,CAAC;IAC3B,CAAC,2BAA2B,EAAE,QAAQ,CAAC;IACvC,CAAC,sBAAsB,EAAE,KAAK,CAAC;IAC/B,CAAC,oCAAoC,EAAE,KAAK,CAAC;IAC7C,CAAC,qBAAqB,EAAE,GAAG,CAAC;CAC7B,CAAA;AAED,SAAS,QAAQ,CAAC,IAAsB;IACtC,IAAI,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC,IAAI,CAAA;IAC/B,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAA;IAClC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAA;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,KAAK,GAAG;IACZ,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,YAAY,EAAE;IAC9C,EAAE,IAAI,EAAE,uEAAuE,EAAE,KAAK,EAAE,WAAW,EAAE;IACrG,EAAE,IAAI,EAAE,wEAAwE,EAAE,KAAK,EAAE,WAAW,EAAE;CAC9F,CAAA;AAEV,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,SAAS,EACT,GAAG,KAAK,EAIT;IACC,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,CACL;YACE,wEAAwE;YACxE,qEAAqE;YACrE,mDAAmD;YACnD,IAAI,EAAC,MAAM,eACD,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KACzC,KAAK,YAER,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cAEE,SAAS,EAAC,2DAA2D,aAErE,8BAAkB,MAAM,EAAC,SAAS,EAAC,gCAAgC,YAChE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAC1B,EACP,eAAK,SAAS,EAAC,qBAAqB,aAClC,YAAG,SAAS,EAAC,0CAA0C,YAAE,IAAI,CAAC,CAAC,GAAK,EACpE,YAAG,SAAS,EAAC,4BAA4B,YAAE,IAAI,CAAC,CAAC,GAAK,IAClD,KATD,IAAI,CAAC,CAAC,CAUR,CACN,CAAC,GACC,CACN,CAAA;IACH,CAAC;IAED,OAAO,CACL,aACE,IAAI,EAAC,MAAM,eACD,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,wEAAwE,EAAE,SAAS,CAAC,KAC9F,KAAK,YAER,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;YAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAE,CAAA;YAErC,OAAO,CACL,cAEE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,6CAA6C,EAC7C,IAAI,CAAC,IAAI,CACV,aAED,8BAAkB,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,IAAI,CAAC,KAAK,CAAC,YACpF,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,GAC5B,EACP,YAAG,SAAS,EAAC,0CAA0C,YAAE,IAAI,CAAC,CAAC,GAAK,EACpE,YAAG,SAAS,EAAC,4BAA4B,YAAE,IAAI,CAAC,CAAC,GAAK,KAXjD,IAAI,CAAC,CAAC,CAYR,CACN,CAAA;QACH,CAAC,CAAC,GACC,CACN,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"feature-cells.js","sourceRoot":"","sources":["../../src/blocks/feature-cells.tsx"],"names":[],"mappings":"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"}