{
  "name": "auth-oauth-interstitial",
  "kind": "block",
  "primary": "card-ui",
  "page": "/apps/user-flow/app/auth/oauth/callback/callback.contents.html",
  "slots": [],
  "nested": [
    "auth-card-content",
    "auth-oauth-fallback-actions"
  ],
  "attrs": {
    "raw": ""
  },
  "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",
  "metadata": {
    "domain": "auth",
    "description": "OAuth interstitial card — redirecting to identity provider loading state.",
    "keywords": [
      "auth",
      "oauth",
      "loading",
      "redirect",
      "identity",
      "provider",
      "sso"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "spinner",
      "component": "Icon",
      "name": "spinner"
    },
    {
      "id": "text",
      "component": "Text",
      "variant": "display",
      "textContent": "Completing sign in…"
    },
    {
      "id": "text-2",
      "component": "Text",
      "textContent": "Securing your session with the provider."
    },
    {
      "id": "column-2",
      "component": "Column",
      "align": "center",
      "gap": "1",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "align": "center",
      "gap": "3",
      "children": [
        "spinner",
        "column-2"
      ]
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "column"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "variant": "body",
      "slot": "content",
      "textContent": "Taking longer than usual? Your provider may be experiencing delays — try again in a moment."
    },
    {
      "id": "alert",
      "component": "Alert",
      "icon": "clock",
      "variant": "info",
      "children": [
        "text-3"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "icon": "arrows-clockwise",
      "text": "Try again",
      "variant": "primary"
    },
    {
      "id": "button-2",
      "component": "Button",
      "icon": "arrow-left",
      "text": "Back to sign in"
    },
    {
      "id": "column-5",
      "component": "Column",
      "gap": "2",
      "children": [
        "button",
        "button-2"
      ]
    },
    {
      "id": "column-4",
      "component": "Column",
      "gap": "2",
      "children": [
        "column-5"
      ]
    },
    {
      "id": "column-3",
      "component": "Column",
      "gap": "6",
      "children": [
        "alert",
        "column-4"
      ]
    },
    {
      "id": "section-2",
      "component": "Section",
      "children": [
        "column-3"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column-6"
      ]
    },
    {
      "id": "column-6",
      "component": "Column",
      "children": [
        "section-2"
      ]
    },
    {
      "id": "root",
      "component": "Card",
      "raw": true,
      "children": [
        "header",
        "section"
      ]
    }
  ]
}