@adia-ai/a2ui-corpus 0.6.18 → 0.6.20

package/chunks/auth-new-password.json

@@ -37,7 +37,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -145,6 +145,8 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "text-align": "center",
       "textContent": "← Back to sign in"
     },
     {

package/chunks/auth-oauth-fallback-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Try again\" icon=\"arrows-clockwise\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Back to sign in\" icon=\"arrow-left\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/oauth/callback/callback.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-oauth-interstitial.json

@@ -13,5 +13,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header>\n          <col-ui align=\"center\" gap=\"3\">\n            <icon-ui\n              name=\"spinner\"\n              padding=\"4\"\n              color=\"primary\"\n              aria-hidden=\"true\"\n              style=\"animation: spin 1.2s linear infinite; height: 3rem; width: 3rem\"\n            ></icon-ui>\n            <col-ui align=\"center\" gap=\"1\">\n              <h1>Completing sign in…</h1>\n              <text-ui>Securing your session with the provider.</text-ui>\n            </col-ui>\n          </col-ui>\n        </header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/oauth/callback/callback.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-password-challenge.json

@@ -10,5 +10,5 @@
   },
   "html": "<form size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Password\" type=\"password\" name=\"password\" autocomplete=\"current-password\" placeholder=\"••••••••\" required></input-ui>\n\n                <row-ui justify=\"space-between\" align=\"center\" size=\"sm\">\n                  <check-ui name=\"remember\" label=\"Remember me\"></check-ui>\n                  <a href=\"/site/examples/auth/forgot-password\">Forgot password?</a>\n                </row-ui>\n                <button-ui text=\"Sign in\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/sign-in/password/password.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-password-reset-form.json

@@ -12,5 +12,5 @@
   },
   "html": "<form size=\"lg\" action=\"/site/examples/auth/forgot-password/sent\" method=\"get\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Email\" type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n                <button-ui text=\"Send reset link\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/forgot-password/forgot-password.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-password-reset.json

@@ -38,7 +38,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -133,6 +133,8 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "text-align": "center",
       "textContent": "← Back to sign in"
     },
     {

package/chunks/auth-profile-form.json

@@ -10,5 +10,5 @@
   },
   "html": "<form size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui\n                  label=\"Full name\"\n                  name=\"name\"\n                  autocomplete=\"name\"\n                  placeholder=\"Jane Doe\"\n                  hint=\"Shown to teammates and on shared work.\"\n                  required\n                ></input-ui>\n                <input-ui\n                  label=\"Display name\"\n                  name=\"username\"\n                  autocomplete=\"username\"\n                  prefix=\"@\"\n                  placeholder=\"janedoe\"\n                  hint=\"Used for @mentions and signed comments.\"\n                  required\n                ></input-ui>\n                <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-profile-setup.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-reset-sent.json

@@ -13,5 +13,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/forgot-password/sent/sent.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-session-expired-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Sign back in\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Use a different account\" icon=\"user-switch\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-session-expired.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-signin-card-email.json

@@ -41,7 +41,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -180,6 +180,8 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "text-align": "center",
       "textContent": "Don't have an account? Sign up"
     },
     {

package/chunks/auth-signin-card-magic-link.json

@@ -35,7 +35,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -105,6 +105,7 @@
     {
       "id": "text-4",
       "component": "Text",
+      "text-align": "center",
       "textContent": "← Use a different email"
     },
     {

package/chunks/auth-signin-card-mfa.json

@@ -40,7 +40,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -108,6 +108,7 @@
     {
       "id": "text-3",
       "component": "Text",
+      "text-align": "center",
       "textContent": "Use a backup code instead"
     },
     {
@@ -149,6 +150,7 @@
     {
       "id": "text-4",
       "component": "Text",
+      "text-align": "center",
       "textContent": "← Sign out"
     },
     {

package/chunks/auth-signin-card-otp.json

@@ -35,7 +35,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -96,16 +96,21 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "text-align": "center",
       "textContent": "Didn't receive it? Resend in 30s"
     },
     {
       "id": "text-4",
       "component": "Text",
+      "text-align": "center",
       "textContent": "← Use a different method"
     },
     {
       "id": "text-5",
       "component": "Text",
+      "color": "subtle",
+      "text-align": "center",
       "textContent": "Don't have an account? Sign up"
     },
     {

package/chunks/auth-signin-card-password.json

@@ -36,7 +36,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -191,6 +191,7 @@
     {
       "id": "text-4",
       "component": "Text",
+      "text-align": "center",
       "textContent": "← Use a different email"
     },
     {

package/chunks/auth-signin-card-recovery.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-in/mfa/recovery/recovery.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-signout-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Sign back in\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Use a different account\" icon=\"user-switch\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-signout.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-signup-email-entry.json

@@ -12,5 +12,5 @@
   },
   "html": "<form size=\"lg\" action=\"/site/examples/auth/sign-up/verify\" method=\"get\">\n              <col-ui gap=\"4\">\n                <input-ui label=\"Email\" type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n                <button-ui text=\"Continue with Email\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
   "source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-signup-entry.json

@@ -42,7 +42,7 @@
       "layout": "card"
     }
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "image",
@@ -173,11 +173,16 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "text-align": "center",
       "textContent": "By continuing you agree to the Terms of Service and Privacy Policy ."
     },
     {
       "id": "text-4",
       "component": "Text",
+      "color": "subtle",
+      "text-align": "center",
       "textContent": "Already have an account? Sign in"
     },
     {

package/chunks/auth-signup-social-auths.json

@@ -10,5 +10,5 @@
   },
   "html": "<col-ui gap=\"2\">\n              <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Continue with GitHub\" icon=\"github-logo\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-signup-verify.json

@@ -13,5 +13,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-up/verify/verify.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-social-auths.json

@@ -10,5 +10,5 @@
   },
   "html": "<col-ui gap=\"2\">\n              <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Continue with GitHub\" icon=\"github-logo\" variant=\"outline\"></button-ui>\n              <button-ui text=\"Continue with SSO\" icon=\"building-office\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-in/sign-in.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-sso-providers.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Continue with Google\" icon=\"google-logo\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Continue with SSO\" icon=\"building-office\" variant=\"outline\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-sso-required.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/auth-team-invite.json

@@ -15,5 +15,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/avatar-group-overflow.json

@@ -26,7 +26,7 @@
       "more"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
@@ -37,6 +37,8 @@
     {
       "id": "text-2",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "12 members"
     },
     {

package/chunks/breadcrumb-nav.json

@@ -23,7 +23,7 @@
       "chevrons"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "link",
@@ -64,6 +64,7 @@
     {
       "id": "text",
       "component": "Text",
+      "color": "subtle",
       "textContent": "Table"
     },
     {

package/chunks/calendar-month-view.json

@@ -25,7 +25,7 @@
       "navigate"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",

package/chunks/card-header-with-description.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<header>\n                <h3>Overview</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n              </header>",
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
-  "captured_at": "2026-05-17T23:13:46.088Z"
+  "captured_at": "2026-05-21T19:10:53.888Z"
 }

package/chunks/chart-with-filter-pills.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <card-ui>\n      <header>\n        <row-ui gap=\"3\" align=\"center\">\n          <text-ui strong>Revenue</text-ui>\n          <segmented-ui value=\"month\" size=\"sm\">\n            <option value=\"day\">Day</option>\n            <option value=\"week\">Week</option>\n            <option value=\"month\">Month</option>\n            <option value=\"year\">Year</option>\n          </segmented-ui>\n        </row-ui>\n      </header>\n      <section>\n        <col-ui gap=\"2\">\n          <text-ui size=\"xl\" strong>$48,294</text-ui>\n          <text-ui size=\"sm\" color=\"success\">+12.4% vs prev period</text-ui>\n          <text-ui color=\"subtle\">[ chart body ]</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "html": "<section>\n    <card-ui>\n      <header>\n        <row-ui gap=\"3\" align=\"center\">\n          <text-ui strong>Revenue</text-ui>\n          <segmented-ui value=\"month\" size=\"sm\">\n            <option value=\"day\">Day</option>\n            <option value=\"week\">Week</option>\n            <option value=\"month\">Month</option>\n            <option value=\"year\">Year</option>\n          </segmented-ui>\n        </row-ui>\n      </header>\n      <section>\n        <col-ui gap=\"2\">\n          <text-ui size=\"lg\" strong>$48,294</text-ui>\n          <text-ui size=\"sm\" color=\"success\">+12.4% vs prev period</text-ui>\n          <text-ui color=\"subtle\">[ chart body ]</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
   "metadata": {
     "domain": "data",
@@ -24,7 +24,7 @@
       "card"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
@@ -87,17 +87,21 @@
     {
       "id": "text-6",
       "component": "Text",
+      "size": "lg",
       "strong": true,
       "textContent": "$48,294"
     },
     {
       "id": "text-7",
       "component": "Text",
+      "color": "success",
+      "size": "sm",
       "textContent": "+12.4% vs prev period"
     },
     {
       "id": "text-8",
       "component": "Text",
+      "color": "subtle",
       "textContent": "[ chart body ]"
     },
     {

package/chunks/chat-page-shell.json

@@ -7,7 +7,7 @@
     {
       "name": "sidebar",
       "tagName": "aside",
-      "html": "<header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>"
+      "html": "<header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>"
     },
     {
       "name": "header",
@@ -17,7 +17,7 @@
     {
       "name": "messages",
       "tagName": "section",
-      "html": "<stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"subtle\" padding=\"sm\">\n            <section bleed>\n              <text-ui>Hey team, the deploy is ready for review.</text-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <section bleed>\n              <text-ui>On it — checking the staging logs now.</text-ui>\n            </section>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>"
+      "html": "<stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"soft\" padding=\"sm\">\n            <section bleed>\n              <text-ui>Hey team, the deploy is ready for review.</text-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <section bleed>\n              <text-ui>On it — checking the staging logs now.</text-ui>\n            </section>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>"
     },
     {
       "name": "input",
@@ -27,7 +27,7 @@
   ],
   "nested": [],
   "attrs": {},
-  "html": "<article\n  style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"subtle\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"subtle\" padding=\"sm\">\n            <section bleed>\n              <text-ui>Hey team, the deploy is ready for review.</text-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <section bleed>\n              <text-ui>On it — checking the staging logs now.</text-ui>\n            </section>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
+  "html": "<article\n  style=\"display:flex; height:100vh;\">\n  <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n    <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <text-ui strong size=\"lg\">Conversations</text-ui>\n    </header>\n    <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n      <stack-ui gap=\"1\">\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Engineering</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n          </section>\n        </card-ui>\n        <card-ui variant=\"soft\" padding=\"sm\">\n          <section bleed>\n            <text-ui strong>Design</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n          </section>\n        </card-ui>\n      </stack-ui>\n    </section>\n  </aside>\n\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <text-ui strong size=\"lg\">#engineering</text-ui>\n      <row-ui gap=\"2\">\n        <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n      <stack-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"start\">\n          <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n          <card-ui variant=\"soft\" padding=\"sm\">\n            <section bleed>\n              <text-ui>Hey team, the deploy is ready for review.</text-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n          <card-ui variant=\"primary\" padding=\"sm\">\n            <section bleed>\n              <text-ui>On it — checking the staging logs now.</text-ui>\n            </section>\n          </card-ui>\n          <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n        </row-ui>\n      </stack-ui>\n    </section>\n\n    <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n        <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n      </row-ui>\n    </footer>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/chat-page/chat-page.contents.html",
   "metadata": {
     "domain": "agent",
@@ -46,11 +46,12 @@
       "chatbot"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
+      "size": "lg",
       "strong": true,
       "textContent": "Conversations"
     },
@@ -70,6 +71,8 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "12 messages"
     },
     {
@@ -92,7 +95,7 @@
       "id": "card",
       "component": "Card",
       "padding": "sm",
-      "variant": "subtle",
+      "variant": "soft",
       "children": [
         "section-2"
       ]
@@ -106,6 +109,8 @@
     {
       "id": "text-5",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "5 messages"
     },
     {
@@ -128,7 +133,7 @@
       "id": "card-2",
       "component": "Card",
       "padding": "sm",
-      "variant": "subtle",
+      "variant": "soft",
       "children": [
         "section-3"
       ]
@@ -160,6 +165,7 @@
     {
       "id": "text-6",
       "component": "Text",
+      "size": "lg",
       "strong": true,
       "textContent": "#engineering"
     },
@@ -225,7 +231,7 @@
       "id": "card-3",
       "component": "Card",
       "padding": "sm",
-      "variant": "subtle",
+      "variant": "soft",
       "children": [
         "section-6"
       ]

package/chunks/chat-streaming-surface.json

@@ -26,7 +26,7 @@
       "input"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",

package/chunks/color-picker-swatches.json

@@ -24,7 +24,7 @@
       "chooser"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "text",
@@ -35,6 +35,8 @@
     {
       "id": "text-2",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "OKLCH or pick a preset"
     },
     {
@@ -53,6 +55,8 @@
     {
       "id": "text-3",
       "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Presets"
     },
     {

package/chunks/command-palette.json

@@ -24,7 +24,7 @@
       "launcher"
     ]
   },
-  "captured_at": "2026-05-17T23:13:46.088Z",
+  "captured_at": "2026-05-21T19:10:53.888Z",
   "template": [
     {
       "id": "input",