{
  "name": "auth-card-header",
  "kind": "block",
  "primary": "header",
  "instances": [
    {
      "page": "/apps/errors/app/404/404.contents.html",
      "source": "apps/errors/app/404/404.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>404 — Page not found</h1>\n            <text-ui>We couldn't find that page. It may have moved, been renamed, or never existed.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/errors/app/500/500.contents.html",
      "source": "apps/errors/app/500/500.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>500 — Something went wrong</h1>\n            <text-ui>Our servers couldn't process your request. The error has been logged automatically; we're already looking into it.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/errors/app/maintenance/maintenance.contents.html",
      "source": "apps/errors/app/maintenance/maintenance.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>We'll be right back</h1>\n            <text-ui\n              >AdiaUI is undergoing scheduled maintenance to roll out a database upgrade. Estimated time to recover: <strong>12:30 UTC</strong> — about 25\n              minutes from now.</text-ui\n            >\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
      "source": "apps/user-flow/app/auth/accept-invite/accept-invite.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>You've been invited</h1>\n            <text-ui><strong>Maya Patel</strong> invited you to join Acme as a <strong>Member</strong>.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/account-deleted/account-deleted.contents.html",
      "source": "apps/user-flow/app/auth/account-deleted/account-deleted.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Your account was deleted</h1>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/account-locked/account-locked.contents.html",
      "source": "apps/user-flow/app/auth/account-locked/account-locked.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Your account is locked</h1>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/email-change/verify/verify.contents.html",
      "source": "apps/user-flow/app/auth/email-change/verify/verify.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Confirm your new email</h1>\n            <text-ui\n              >You requested an email change from <strong>kim@acme.com</strong> to <strong>kim@newdomain.com</strong>. Once confirmed, all account emails —\n              invoices, security alerts, password resets — will go to <strong>kim@newdomain.com</strong>, and your sign-in email also changes\n              immediately.</text-ui\n            >\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/forbidden/forbidden.contents.html",
      "source": "apps/user-flow/app/auth/forbidden/forbidden.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>You don't have access</h1>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/forgot-password/forgot-password.contents.html",
      "source": "apps/user-flow/app/auth/forgot-password/forgot-password.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Forgot your password?</h1>\n            <text-ui>Enter your account email and we'll send a reset link.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/forgot-password/sent/sent.contents.html",
      "source": "apps/user-flow/app/auth/forgot-password/sent/sent.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Check your email</h1>\n            <text-ui>\n              We sent a reset link to <strong color=\"accent\">kim@acme.com</strong>. Click the link to set a new password — it expires in 30 minutes.\n            </text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/link-expired/link-expired.contents.html",
      "source": "apps/user-flow/app/auth/link-expired/link-expired.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>This link expired</h1>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/reset-password/reset-password.contents.html",
      "source": "apps/user-flow/app/auth/reset-password/reset-password.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Set a new password</h1>\n            <text-ui>Choose a strong password for <strong color=\"accent\">kim@acme.com</strong>.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/session-expired/session-expired.contents.html",
      "source": "apps/user-flow/app/auth/session-expired/session-expired.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Your session expired</h1>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-in/mfa/mfa.contents.html",
      "source": "apps/user-flow/app/auth/sign-in/mfa/mfa.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Two-factor verification</h1>\n            <text-ui>Enter the 6-digit code from your authenticator app.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-in/mfa/recovery/recovery.contents.html",
      "source": "apps/user-flow/app/auth/sign-in/mfa/recovery/recovery.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Use a backup code</h1>\n            <text-ui>Enter one of the recovery codes you saved when you set up two-factor.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-in/password/password.contents.html",
      "source": "apps/user-flow/app/auth/sign-in/password/password.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Enter your password</h1>\n            <text-ui>Signing in as <strong color=\"accent\">kim@acme.com</strong></text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-in/sign-in.contents.html",
      "source": "apps/user-flow/app/auth/sign-in/sign-in.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Sign in to AdiaUI</h1>\n            <text-ui>Continue with email or a connected account.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-out/sign-out.contents.html",
      "source": "apps/user-flow/app/auth/sign-out/sign-out.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>You've been signed out</h1>\n            <text-ui>All sessions on this device ended for <strong color=\"accent\">kim@acme.com</strong>.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-up/mfa-setup/mfa-setup.contents.html",
      "source": "apps/user-flow/app/auth/sign-up/mfa-setup/mfa-setup.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Set up two-factor</h1>\n            <text-ui>Scan the QR code with your authenticator app, then enter the 6-digit code below.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
      "source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Set up your profile</h1>\n            <text-ui>A few details to personalize your account.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-up/sign-up.contents.html",
      "source": "apps/user-flow/app/auth/sign-up/sign-up.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Sign up for AdiaUI</h1>\n            <text-ui>Create an account to start composing UIs.</text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
      "source": "apps/user-flow/app/auth/sign-up/sso-only/sso-only.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Your team uses Single Sign-On</h1>\n            <text-ui>\n              <strong color=\"accent\">kim@acme.com</strong> belongs to an organization that requires SSO. Password sign-up is disabled for your domain.\n            </text-ui>\n          </col-ui>\n        </header>"
    },
    {
      "page": "/apps/user-flow/app/auth/sign-up/verify/verify.contents.html",
      "source": "apps/user-flow/app/auth/sign-up/verify/verify.contents.html",
      "slots": [],
      "nested": [],
      "attrs": {},
      "html": "<header>\n          <col-ui align=\"center\" gap=\"1\">\n            <a href=\"/\" aria-label=\"AdiaUI home\">\n              <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"Adia Logo\" height=\"5rem\"></image-ui>\n            </a>\n            <h1>Verify your email</h1>\n            <text-ui> We sent a 6-digit code to <strong color=\"accent\">kim+samples@acme.com</strong>. Enter it below. </text-ui>\n          </col-ui>\n        </header>"
    }
  ],
  "captured_at": "2026-06-07T19:28:13.657Z",
  "metadata": {
    "domain": "auth",
    "description": "Auth card header — logo + page title centered at top of auth card.",
    "keywords": [
      "auth",
      "card",
      "header",
      "logo",
      "title",
      "brand",
      "centered"
    ]
  }
}
