{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "ai-native",
  "homepage": "https://eanzhao-os.github.io/native-ai-ui",
  "items": [
    {
      "name": "loading-state",
      "type": "registry:component",
      "title": "Loading State",
      "description": "Pixel-grid loader for long-running work, with a shimmering label and a live elapsed timer.",
      "files": [
        {
          "path": "components/loading-state.tsx",
          "type": "registry:component",
          "target": "components/loading-state.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes pixel-on": {
          "0%,to": {
            "opacity": ".15"
          },
          "18%,42%": {
            "opacity": "1"
          },
          "62%": {
            "opacity": ".15"
          }
        },
        "@keyframes shimmer-text": {
          "0%": {
            "background-position": "150%"
          },
          "to": {
            "background-position": "-50%"
          }
        },
        "@layer components": {
          "@media (prefers-reduced-motion: reduce)": {
            ".pixel-grid > span": {
              "animation": "none !important"
            }
          }
        }
      }
    },
    {
      "name": "thinking",
      "type": "registry:component",
      "title": "Thinking",
      "description": "Expandable agent trace in four variants: steps, reasoning, web search, and coding.",
      "files": [
        {
          "path": "components/thinking.tsx",
          "type": "registry:component",
          "target": "components/thinking.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-in": {
          "0%": {
            "opacity": "0"
          },
          "to": {
            "opacity": "1"
          }
        },
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@keyframes shimmer-text": {
          "0%": {
            "background-position": "150%"
          },
          "to": {
            "background-position": "-50%"
          }
        },
        "@keyframes spin": {
          "to": {
            "transform": "rotate(1turn)"
          }
        },
        "@layer components": {
          ".animated-underline": {
            "display": "inline-block",
            "position": "relative"
          },
          ".animated-underline:after": {
            "content": "\"\"",
            "transform-origin": "0",
            "height": "1px",
            "transition": "transform .28s var(--ease-link)",
            "background": "currentColor",
            "position": "absolute",
            "bottom": "-1px",
            "left": "0",
            "right": "0",
            "transform": "scaleX(0)"
          },
          "a:focus-visible .animated-underline:after,a:hover .animated-underline:after": {
            "transform": "scaleX(1)"
          }
        }
      }
    },
    {
      "name": "streaming-text",
      "type": "registry:component",
      "title": "Streaming Text",
      "description": "Streamed response where words resolve out of blur, with inline citations and follow-up actions.",
      "files": [
        {
          "path": "components/streaming-text.tsx",
          "type": "registry:component",
          "target": "components/streaming-text.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-in": {
          "0%": {
            "opacity": "0"
          },
          "to": {
            "opacity": "1"
          }
        },
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        },
        "@keyframes stream-in": {
          "0%": {
            "opacity": "0",
            "filter": "blur(4px)"
          },
          "to": {
            "opacity": "1",
            "filter": "blur(0)"
          }
        },
        "@layer components": {
          ".animated-underline": {
            "display": "inline-block",
            "position": "relative"
          },
          ".animated-underline:after": {
            "content": "\"\"",
            "transform-origin": "0",
            "height": "1px",
            "transition": "transform .28s var(--ease-link)",
            "background": "currentColor",
            "position": "absolute",
            "bottom": "-1px",
            "left": "0",
            "right": "0",
            "transform": "scaleX(0)"
          },
          "a:focus-visible .animated-underline:after,a:hover .animated-underline:after": {
            "transform": "scaleX(1)"
          }
        }
      }
    },
    {
      "name": "approval-card",
      "type": "registry:component",
      "title": "Approval Card",
      "description": "Human-in-the-loop approval flow — one question at a time, with paged progress pills.",
      "files": [
        {
          "path": "components/approval-card.tsx",
          "type": "registry:component",
          "target": "components/approval-card.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        },
        "@layer components": {
          ".primitive-card-pad": {
            "padding": "12px"
          },
          ".primitive-icon-button": {
            "display": "inline-flex",
            "align-items": "center",
            "justify-content": "center",
            "width": "22px",
            "height": "22px",
            "border-radius": "6px"
          },
          ".primitive-card-footer": {
            "padding": "10px 12px"
          }
        }
      }
    },
    {
      "name": "tool-chips",
      "type": "registry:component",
      "title": "Tool Chips",
      "description": "An agent run as compact expandable rows of tool calls and file-diff chips.",
      "files": [
        {
          "path": "components/tool-chips.tsx",
          "type": "registry:component",
          "target": "components/tool-chips.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-in": {
          "0%": {
            "opacity": "0"
          },
          "to": {
            "opacity": "1"
          }
        },
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        }
      }
    },
    {
      "name": "task-rows",
      "type": "registry:component",
      "title": "Task Rows",
      "description": "Staggered task rows with progress rings, expanding detail steps, and failure/retry states.",
      "files": [
        {
          "path": "components/task-rows.tsx",
          "type": "registry:component",
          "target": "components/task-rows.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-in": {
          "0%": {
            "opacity": "0"
          },
          "to": {
            "opacity": "1"
          }
        },
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        },
        "@keyframes spin": {
          "to": {
            "transform": "rotate(1turn)"
          }
        }
      }
    },
    {
      "name": "chat",
      "type": "registry:component",
      "title": "Chat",
      "description": "Chat panel with tabs, threaded replies, and a composer that drives the reply sequence.",
      "files": [
        {
          "path": "components/chat.tsx",
          "type": "registry:component",
          "target": "components/chat.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        }
      }
    },
    {
      "name": "prompt-bar",
      "type": "registry:component",
      "title": "Prompt Bar",
      "description": "Prompt input with a full-spectrum shader sweep on submit.",
      "dependencies": [
        "glimm"
      ],
      "files": [
        {
          "path": "components/prompt-bar.tsx",
          "type": "registry:component",
          "target": "components/prompt-bar.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes eq-bounce": {
          "0%,to": {
            "transform": "scaleY(.35)"
          },
          "50%": {
            "transform": "scaleY(1)"
          }
        },
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        }
      }
    },
    {
      "name": "recommendation-card",
      "type": "registry:component",
      "title": "Recommendation Card",
      "description": "Recommendation with an alternatives drawer; picking one promotes it in place.",
      "files": [
        {
          "path": "components/recommendation-card.tsx",
          "type": "registry:component",
          "target": "components/recommendation-card.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-in": {
          "0%": {
            "opacity": "0"
          },
          "to": {
            "opacity": "1"
          }
        }
      }
    },
    {
      "name": "context-cards",
      "type": "registry:component",
      "title": "Context Cards",
      "description": "Retrieved context chunks that enter once and stay available for inspection.",
      "files": [
        {
          "path": "components/context-cards.tsx",
          "type": "registry:component",
          "target": "components/context-cards.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-in": {
          "0%": {
            "opacity": "0"
          },
          "to": {
            "opacity": "1"
          }
        },
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@layer components": {
          ".primitive-card-bar": {
            "padding": "8px 12px"
          }
        }
      }
    },
    {
      "name": "diff-table",
      "type": "registry:component",
      "title": "Diff Table",
      "description": "Proposed edit that plays once and rests on the completed diff.",
      "files": [
        {
          "path": "components/diff-table.tsx",
          "type": "registry:component",
          "target": "components/diff-table.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@layer components": {
          ".primitive-card-bar": {
            "padding": "8px 12px"
          },
          ".primitive-table-cell": {
            "padding": "6px 12px"
          }
        }
      }
    },
    {
      "name": "records-table",
      "type": "registry:component",
      "title": "Records Table",
      "description": "Compact CRM grid: sticky first column, tags, selection, sorting, and footer calculations.",
      "files": [
        {
          "path": "components/records-table.tsx",
          "type": "registry:component",
          "target": "components/records-table.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        },
        "@layer components": {
          ".records-shell": {
            "border": "1px solid var(--line)",
            "background": "var(--surface)",
            "border-radius": "10px",
            "width": "100%",
            "min-width": "0",
            "overflow": "hidden",
            "box-shadow": "var(--shadow-card)"
          },
          ".records-add-calculation,.records-company-header,.records-link,.records-strength": {
            "align-items": "center",
            "display": "inline-flex"
          },
          ".records-add-calculation:active": {
            "transform": "scale(.96)"
          },
          ".records-scroll": {
            "overscroll-behavior": "none",
            "scrollbar-color": "var(--line-strong) transparent",
            "scrollbar-gutter": "stable",
            "max-height": "438px",
            "overflow": "auto"
          },
          ".records-scroll:focus-visible": {
            "outline": "2px solid var(--accent)",
            "outline-offset": "-2px"
          },
          ".records-table": {
            "border-collapse": "separate",
            "border-spacing": "0",
            "width": "100%",
            "min-width": "990px",
            "color": "var(--ink)",
            "table-layout": "fixed",
            "font-size": "12px"
          },
          ".records-company-col": {
            "width": "270px"
          },
          ".records-category-col": {
            "width": "275px"
          },
          ".records-last-col": {
            "width": "190px"
          },
          ".records-strength-col": {
            "width": "210px"
          },
          ".records-link-col": {
            "width": "175px"
          },
          ".records-table td,.records-table th": {
            "text-align": "left",
            "vertical-align": "middle"
          },
          ".records-table tr>:last-child": {
            "border-right": "0"
          },
          ".records-table thead th": {
            "z-index": "5",
            "background": "var(--surface)",
            "height": "42px",
            "color": "var(--ink-2)",
            "font-size": "12px",
            "font-weight": "600",
            "position": "sticky",
            "top": "0"
          },
          ".records-header-cell": {
            "padding": "0"
          },
          ".records-header-cell.records-sticky-cell": {
            "z-index": "7"
          },
          ".records-company-header,.records-header-button": {
            "gap": "8px",
            "width": "100%",
            "height": "42px",
            "padding": "0 12px"
          },
          ".records-company-header": {
            "display": "flex"
          },
          ".records-header-button": {
            "color": "var(--ink-2)",
            "text-align": "left",
            "align-items": "center",
            "transition": "background-color .12s ease-out,color .12s ease-out",
            "display": "flex"
          },
          ".records-header-button:hover": {
            "background": "var(--hover)",
            "color": "var(--ink)"
          },
          ".records-header-icon": {
            "color": "var(--ink-3)",
            "flex-shrink": "0",
            "display": "inline-flex"
          },
          ".records-sort": {
            "opacity": "0",
            "transition": "opacity .12s ease-out,transform .16s var(--ease-out-strong)",
            "flex-shrink": "0",
            "margin-left": "auto",
            "display": "inline-flex"
          },
          ".records-header-button:hover .records-sort,.records-sort.is-visible": {
            "opacity": "1"
          },
          ".records-company-header>span:not(.records-checkbox-box)": {
            "white-space": "nowrap"
          },
          ".records-company-header:hover .records-add-field": {
            "opacity": "1"
          },
          ".records-checkbox": {
            "border-radius": "var(--radius-chip)",
            "flex": "0 0 24px",
            "justify-content": "center",
            "align-items": "center",
            "width": "24px",
            "height": "24px",
            "display": "inline-flex",
            "position": "relative"
          },
          ".records-checkbox input": {
            "opacity": "0",
            "width": "1px",
            "height": "1px",
            "position": "absolute"
          },
          ".records-checkbox-box": {
            "color": "#4d555e",
            "width": "18px",
            "height": "18px",
            "transition": "border-color .14s ease-out,background-color .14s ease-out,box-shadow .14s ease-out,transform .14s var(--ease-out-strong)",
            "background": "#fff",
            "border": "1px solid #c7cdd3",
            "border-radius": "6px",
            "justify-content": "center",
            "align-items": "center",
            "display": "inline-flex"
          },
          ".records-checkbox:hover .records-checkbox-box": {
            "background": "#f2f4f5",
            "border-color": "#aeb6bf"
          },
          ".records-checkbox:active .records-checkbox-box": {
            "transform": "scale(.96)"
          },
          ".records-checkbox input:focus-visible+.records-checkbox-box": {
            "outline": "2px solid var(--accent)",
            "outline-offset": "2px"
          },
          ".records-checkbox-box.is-active": {
            "border-color": "var(--accent)",
            "color": "#fff",
            "background": "var(--accent)",
            "box-shadow": "none"
          },
          ".records-checkbox-dash": {
            "background": "#4d555e",
            "border-radius": "99px",
            "width": "8px",
            "height": "1.5px"
          },
          ".dark .records-checkbox-box": {
            "color": "#e0e4e8",
            "background": "#343a41",
            "border-color": "#4f565f"
          },
          ".dark .records-checkbox:hover .records-checkbox-box": {
            "background": "#3f464e",
            "border-color": "#626a74"
          },
          ".dark .records-checkbox-box.is-active": {
            "border-color": "var(--accent)",
            "color": "#fff",
            "background": "var(--accent)"
          },
          ".dark .records-checkbox-dash": {
            "background": "#e0e4e8"
          },
          ".records-cell": {
            "white-space": "nowrap",
            "text-overflow": "ellipsis",
            "height": "42px",
            "padding": "0 12px",
            "overflow": "hidden"
          },
          ".records-sticky-cell": {
            "z-index": "2",
            "background": "var(--surface)",
            "position": "sticky",
            "left": "0",
            "box-shadow": "5px 0 8px -10px #0006"
          },
          ".records-company-cell": {
            "align-items": "center",
            "gap": "4px",
            "padding-left": "6px",
            "display": "flex",
            "overflow": "visible"
          },
          ".records-row>.records-cell": {
            "transition": "background-color .12s ease-out,color .12s ease-out"
          },
          ".records-row:hover>.records-cell": {
            "background": "var(--hover)"
          },
          ".records-row.is-selected>.records-cell": {
            "background": "var(--accent-tint)"
          },
          ".records-company-mark": {
            "width": "20px",
            "height": "20px",
            "color": "var(--ink-2)",
            "background": "var(--field)",
            "border": "0",
            "border-radius": "6px",
            "flex": "0 0 20px",
            "justify-content": "center",
            "align-items": "center",
            "font-size": "10px",
            "font-weight": "650",
            "display": "inline-flex"
          },
          ".records-company-name": {
            "min-width": "0",
            "color": "var(--ink)",
            "text-overflow": "ellipsis",
            "white-space": "nowrap",
            "font-size": "12.5px",
            "font-weight": "500",
            "overflow": "hidden"
          },
          ".records-company-name.has-link:focus-visible,.records-company-name.has-link:hover": {
            "color": "var(--accent-ink)",
            "text-underline-offset": "3px",
            "text-decoration": "underline"
          },
          ".records-tags": {
            "gap": "4px",
            "min-width": "0",
            "display": "flex"
          },
          ".records-tag,.records-tags": {
            "align-items": "center",
            "overflow": "hidden"
          },
          ".records-tag": {
            "cursor": "pointer",
            "border": "1px solid color-mix(in srgb, var(--tag-color) 38%, transparent)",
            "flex-shrink": "0",
            "max-width": "115px",
            "height": "23px",
            "display": "inline-flex",
            "color": "var(--tag-color)",
            "border-radius": "6px",
            "padding": "0 7px",
            "background": "color-mix(in srgb, var(--tag-color) 13%, transparent)",
            "text-overflow": "ellipsis",
            "white-space": "nowrap",
            "font-size": "11px",
            "font-weight": "500"
          },
          ".records-more-tag": {
            "border-color": "var(--line-strong)",
            "background": "var(--inset)"
          },
          ".records-tag-dot": {
            "border-radius": "50%",
            "flex": "0 0 5px",
            "width": "5px",
            "height": "5px",
            "margin-right": "5px"
          },
          ".records-more-tag,.records-muted": {
            "color": "var(--ink-3)"
          },
          ".records-strength": {
            "color": "var(--ink-2)",
            "gap": "8px"
          },
          ".records-strength-dot": {
            "border-radius": "50%",
            "flex": "0 0 8px",
            "width": "8px",
            "height": "8px",
            "display": "inline-block"
          },
          ".records-link": {
            "text-underline-offset": "3px",
            "transition": "color .12s ease-out,text-decoration-color .12s ease-out"
          },
          ".records-link:focus-visible,.records-link:hover": {
            "color": "var(--ink)",
            "text-decoration-color": "currentColor"
          },
          ".records-table tfoot td": {
            "z-index": "4",
            "background": "var(--inset)",
            "height": "38px",
            "color": "var(--ink-2)",
            "font-size": "11.5px",
            "position": "sticky",
            "bottom": "0"
          },
          ".records-table tfoot .records-sticky-cell": {
            "z-index": "6",
            "background": "var(--inset)"
          },
          ".records-calculation-label": {
            "color": "var(--ink-2)",
            "font-weight": "550"
          },
          ".records-calculation-number": {
            "color": "var(--ink)",
            "font-variant-numeric": "tabular-nums",
            "margin-right": "3px"
          },
          ".records-add-calculation": {
            "color": "var(--ink-3)",
            "transition": "color .12s ease-out,transform .14s var(--ease-out-strong)",
            "gap": "6px"
          },
          ".records-add-calculation:hover": {
            "color": "var(--ink)"
          },
          ".records-average": {
            "color": "var(--ink-2)",
            "align-items": "center",
            "gap": "7px",
            "display": "inline-flex"
          },
          ".records-calculation-row-secondary td": {
            "background": "var(--inset)",
            "position": "sticky",
            "bottom": "38px"
          },
          ".records-calculation-row-secondary .records-sticky-cell": {
            "background": "var(--inset)",
            "position": "sticky"
          },
          ".records-footer": {
            "min-height": "38px",
            "color": "var(--ink-3)",
            "justify-content": "space-between",
            "align-items": "center",
            "gap": "12px",
            "padding": "0 12px",
            "font-size": "11.5px",
            "display": "flex"
          },
          ".records-footer strong": {
            "color": "var(--ink-2)",
            "font-weight": "600"
          },
          ".records-shell:hover .records-footer-hint": {
            "opacity": "1"
          },
          ".records-row.is-selected>.records-cell .records-company-name,.records-row.is-selected>.records-cell .records-link": {
            "color": "var(--accent-ink)"
          }
        }
      }
    },
    {
      "name": "filter-table",
      "type": "registry:component",
      "title": "Filter Table",
      "description": "Task table with status chips that filter rows directly.",
      "files": [
        {
          "path": "components/filter-table.tsx",
          "type": "registry:component",
          "target": "components/filter-table.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "sidebar-nav",
      "type": "registry:component",
      "title": "Sidebar Nav",
      "description": "Workspace navigation with direct selection and search.",
      "files": [
        {
          "path": "components/sidebar-nav.tsx",
          "type": "registry:component",
          "target": "components/sidebar-nav.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        }
      }
    },
    {
      "name": "search",
      "type": "registry:component",
      "title": "Search",
      "description": "Command search with live filtering and a clear action.",
      "files": [
        {
          "path": "components/search.tsx",
          "type": "registry:component",
          "target": "components/search.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-in": {
          "0%": {
            "opacity": "0"
          },
          "to": {
            "opacity": "1"
          }
        }
      }
    },
    {
      "name": "insight-cards",
      "type": "registry:component",
      "title": "Insight Cards",
      "description": "Carousel of embedded mini-visualizations; autoplay yields as soon as a person interacts.",
      "dependencies": [
        "liveline"
      ],
      "files": [
        {
          "path": "components/insight-cards.tsx",
          "type": "registry:component",
          "target": "components/insight-cards.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@layer components": {
          ".insight-chart-stage": {
            "overflow": "hidden"
          },
          ".insight-chart-cursor": {
            "z-index": "4",
            "background": "var(--ink)",
            "opacity": ".26",
            "pointer-events": "none",
            "width": "1px",
            "position": "absolute",
            "top": "0",
            "bottom": "0"
          },
          ".insight-chart-tooltip-anchor": {
            "z-index": "5",
            "pointer-events": "none",
            "position": "absolute",
            "top": "8px",
            "transform": "translate(-50%)"
          },
          ".insight-chart-tooltip": {
            "border": "1px solid var(--line-strong)",
            "min-width": "154px",
            "color": "var(--tooltip-fg)",
            "background": "var(--tooltip-bg)",
            "box-shadow": "var(--shadow-overlay)",
            "border-radius": "10px",
            "padding": "9px 10px",
            "font-size": "12px"
          },
          ".insight-chart-tooltip-time": {
            "color": "var(--tooltip-muted)",
            "margin-bottom": "7px",
            "font-size": "11px",
            "display": "block"
          },
          ".insight-chart-tooltip-row": {
            "justify-content": "space-between",
            "align-items": "center",
            "gap": "16px",
            "line-height": "1.65",
            "display": "flex"
          },
          ".insight-chart-tooltip-label": {
            "color": "var(--tooltip-fg)",
            "align-items": "center",
            "gap": "7px",
            "display": "inline-flex"
          },
          ".insight-chart-tooltip-row strong": {
            "color": "var(--tooltip-muted)",
            "font-variant-numeric": "tabular-nums",
            "font-weight": "500"
          },
          ".insight-chart-tooltip-dot": {
            "border-radius": "50%",
            "flex": "0 0 8px",
            "width": "8px",
            "height": "8px"
          }
        }
      }
    },
    {
      "name": "code-block",
      "type": "registry:component",
      "title": "Code Block",
      "description": "Agent-written code that streams in line by line, with live copy.",
      "files": [
        {
          "path": "components/code-block.tsx",
          "type": "registry:component",
          "target": "components/code-block.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@layer components": {
          ".primitive-card-bar": {
            "padding": "8px 12px"
          }
        }
      }
    },
    {
      "name": "fine-tune-card",
      "type": "registry:component",
      "title": "Fine-tune Card",
      "description": "Compact inspector with scrubbable number fields — drag, arrow keys, or type.",
      "files": [
        {
          "path": "components/fine-tune-card.tsx",
          "type": "registry:component",
          "target": "components/fine-tune-card.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        },
        "@keyframes shimmer-text": {
          "0%": {
            "background-position": "150%"
          },
          "to": {
            "background-position": "-50%"
          }
        },
        "@layer components": {
          ".primitive-card-bar": {
            "padding": "8px 12px"
          },
          ".primitive-card-pad": {
            "padding": "12px"
          },
          ".primitive-card-footer": {
            "padding": "10px 12px"
          }
        }
      }
    },
    {
      "name": "selection-actions",
      "type": "registry:component",
      "title": "Selection Actions",
      "description": "Contextual AI action bar anchored beneath selected text.",
      "dependencies": [
        "iconoir-react"
      ],
      "files": [
        {
          "path": "components/selection-actions.tsx",
          "type": "registry:component",
          "target": "components/selection-actions.tsx"
        },
        {
          "path": "components/atoms/Shimmer.tsx",
          "type": "registry:component",
          "target": "components/atoms/Shimmer.tsx"
        },
        {
          "path": "components/atoms/StreamText.tsx",
          "type": "registry:component",
          "target": "components/atoms/StreamText.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes caret-blink": {
          "0%,to": {
            "opacity": "1"
          },
          "50%": {
            "opacity": "0"
          }
        },
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        },
        "@keyframes shimmer-text": {
          "0%": {
            "background-position": "150%"
          },
          "to": {
            "background-position": "-50%"
          }
        },
        "@keyframes spin": {
          "to": {
            "transform": "rotate(1turn)"
          }
        },
        "@keyframes stream-in": {
          "0%": {
            "opacity": "0",
            "filter": "blur(4px)"
          },
          "to": {
            "opacity": "1",
            "filter": "blur(0)"
          }
        },
        "@layer components": {
          ".stream-caret": {
            "background": "var(--ink)",
            "vertical-align": "text-bottom",
            "border-radius": "1px",
            "width": "2px",
            "height": "1.05em",
            "margin-left": "1.5px",
            "animation": "caret-blink 1s step-end infinite",
            "display": "inline-block",
            "translate": "0 -.5px"
          },
          ".stream-caret.is-streaming": {
            "animation": "none"
          }
        }
      }
    },
    {
      "name": "artifact-sandbox",
      "type": "registry:component",
      "title": "Artifact Sandbox",
      "description": "Live preview stage for generated artifacts with viewport switching.",
      "files": [
        {
          "path": "components/artifact-sandbox.tsx",
          "type": "registry:component",
          "target": "components/artifact-sandbox.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "audio-orb",
      "type": "registry:component",
      "title": "Audio Orb",
      "description": "Voice agent orb with state-driven gradients and a live waveform.",
      "files": [
        {
          "path": "components/audio-orb.tsx",
          "type": "registry:component",
          "target": "components/audio-orb.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "clarification-card",
      "type": "registry:component",
      "title": "Clarification Card",
      "description": "The agent pauses to ask a structured question before acting.",
      "files": [
        {
          "path": "components/clarification-card.tsx",
          "type": "registry:component",
          "target": "components/clarification-card.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "context-spillover",
      "type": "registry:component",
      "title": "Context Spillover",
      "description": "Compaction ratio gauge with disk-spilled tool results and hydrate actions.",
      "files": [
        {
          "path": "components/context-spillover.tsx",
          "type": "registry:component",
          "target": "components/context-spillover.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "context-window",
      "type": "registry:component",
      "title": "Context Window",
      "description": "Segmented token budget gauge with per-segment breakdown and pruning.",
      "files": [
        {
          "path": "components/context-window.tsx",
          "type": "registry:component",
          "target": "components/context-window.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "cordis-plugin-tree",
      "type": "registry:component",
      "title": "Cordis Plugin Tree",
      "description": "Cordis plugin & service topology with HMR revisions.",
      "files": [
        {
          "path": "components/cordis-plugin-tree.tsx",
          "type": "registry:component",
          "target": "components/cordis-plugin-tree.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "job-scheduler",
      "type": "registry:component",
      "title": "Job Scheduler",
      "description": "Durable cron job monitor with status and manual triggers.",
      "files": [
        {
          "path": "components/job-scheduler.tsx",
          "type": "registry:component",
          "target": "components/job-scheduler.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "layer-card",
      "type": "registry:component",
      "title": "Layered Resource Card",
      "description": "Stacked collapsible card for layered resources.",
      "files": [
        {
          "path": "components/layer-card.tsx",
          "type": "registry:component",
          "target": "components/layer-card.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "lsp-diagnostics",
      "type": "registry:component",
      "title": "LSP Diagnostics",
      "description": "Roslyn LSP diagnostics with severity filter and auto-fix.",
      "files": [
        {
          "path": "components/lsp-diagnostics.tsx",
          "type": "registry:component",
          "target": "components/lsp-diagnostics.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "memory-inspector",
      "type": "registry:component",
      "title": "Memory Inspector",
      "description": "Long-term agent memory browser with confidence and pinning.",
      "files": [
        {
          "path": "components/memory-inspector.tsx",
          "type": "registry:component",
          "target": "components/memory-inspector.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "model-arena",
      "type": "registry:component",
      "title": "Model Arena",
      "description": "Side-by-side blind A/B model evaluation with voting.",
      "files": [
        {
          "path": "components/model-arena.tsx",
          "type": "registry:component",
          "target": "components/model-arena.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "permission-preset-card",
      "type": "registry:component",
      "title": "Permission Presets",
      "description": "Authorization presets with a replayable exactly-once audit trail.",
      "files": [
        {
          "path": "components/permission-preset-card.tsx",
          "type": "registry:component",
          "target": "components/permission-preset-card.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "sandbox-manager",
      "type": "registry:component",
      "title": "Sandbox Manager",
      "description": "E2B container sandbox with CPU/memory meters and process list.",
      "files": [
        {
          "path": "components/sandbox-manager.tsx",
          "type": "registry:component",
          "target": "components/sandbox-manager.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "sensitive-input",
      "type": "registry:component",
      "title": "Sensitive Input",
      "description": "Credential field with masking, reveal, and copy-once.",
      "files": [
        {
          "path": "components/sensitive-input.tsx",
          "type": "registry:component",
          "target": "components/sensitive-input.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "subagent-tree",
      "type": "registry:component",
      "title": "Subagent Tree",
      "description": "Subagent delegation tree with per-worker live execution traces.",
      "files": [
        {
          "path": "components/subagent-tree.tsx",
          "type": "registry:component",
          "target": "components/subagent-tree.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "turn-lifecycle",
      "type": "registry:component",
      "title": "Turn Lifecycle",
      "description": "turn/step bracket event timeline from the Harness agent loop.",
      "files": [
        {
          "path": "components/turn-lifecycle.tsx",
          "type": "registry:component",
          "target": "components/turn-lifecycle.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        }
      }
    },
    {
      "name": "agent-teams",
      "type": "registry:component",
      "title": "Agent Teams",
      "description": "Durable team roster and shared task DAG with CAS revisions.",
      "files": [
        {
          "path": "components/agent-teams.tsx",
          "type": "registry:component",
          "target": "components/agent-teams.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        }
      }
    },
    {
      "name": "hook-pipeline",
      "type": "registry:component",
      "title": "Hook Pipeline",
      "description": "ToolPre hook chain with most-restrictive decision merging.",
      "files": [
        {
          "path": "components/hook-pipeline.tsx",
          "type": "registry:component",
          "target": "components/hook-pipeline.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        }
      }
    },
    {
      "name": "session-telemetry",
      "type": "registry:component",
      "title": "Session Telemetry",
      "description": "Live session stats projection: turn outcomes, counters, tokens.",
      "files": [
        {
          "path": "components/session-telemetry.tsx",
          "type": "registry:component",
          "target": "components/session-telemetry.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "workflow-run",
      "type": "registry:component",
      "title": "Workflow Run",
      "description": "Workflow fan-out over items with concurrency slot lanes.",
      "files": [
        {
          "path": "components/workflow-run.tsx",
          "type": "registry:component",
          "target": "components/workflow-run.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {}
    },
    {
      "name": "mcp-servers",
      "type": "registry:component",
      "title": "MCP Servers",
      "description": "Model Context Protocol server panel with tool inventory and retry.",
      "files": [
        {
          "path": "components/mcp-servers.tsx",
          "type": "registry:component",
          "target": "components/mcp-servers.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        }
      }
    },
    {
      "name": "agent-inbox",
      "type": "registry:component",
      "title": "Agent Inbox",
      "description": "Dual-queue agent inbox demonstrating Followup/Steer/Inject delivery semantics.",
      "files": [
        {
          "path": "components/agent-inbox.tsx",
          "type": "registry:component",
          "target": "components/agent-inbox.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        }
      }
    },
    {
      "name": "attachment-queue",
      "type": "registry:component",
      "title": "Attachment Queue",
      "description": "File ingestion queue with upload, parse, index, ready, retry, and remove states.",
      "files": [
        {
          "path": "components/attachment-queue.tsx",
          "type": "registry:component",
          "target": "components/attachment-queue.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      }
    },
    {
      "name": "message-branches",
      "type": "registry:component",
      "title": "Message Branches",
      "description": "Navigate regenerated answer branches and continue from the selected response.",
      "files": [
        {
          "path": "components/message-branches.tsx",
          "type": "registry:component",
          "target": "components/message-branches.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      }
    },
    {
      "name": "checkpoint-timeline",
      "type": "registry:component",
      "title": "Checkpoint Timeline",
      "description": "Inspect agent checkpoints and confirm restoration of a prior execution state.",
      "files": [
        {
          "path": "components/checkpoint-timeline.tsx",
          "type": "registry:component",
          "target": "components/checkpoint-timeline.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      }
    },
    {
      "name": "session-list",
      "type": "registry:component",
      "title": "Session List",
      "description": "Agent session roster with live pulse dots, activity badges, and a gliding hover highlight.",
      "files": [
        {
          "path": "components/session-list.tsx",
          "type": "registry:component",
          "target": "components/session-list.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        }
      }
    },
    {
      "name": "authorization-surface",
      "type": "registry:component",
      "title": "Authorization Surface",
      "description": "Provider credential directory with write-only secrets, one prompt surface per flow, and settled configured state.",
      "files": [
        {
          "path": "components/authorization-surface.tsx",
          "type": "registry:component",
          "target": "components/authorization-surface.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@keyframes pop-in": {
          "0%": {
            "opacity": "0",
            "transform": "scale(.95)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        },
        "@keyframes spin": {
          "to": {
            "transform": "rotate(1turn)"
          }
        }
      }
    },
    {
      "name": "settings-editor",
      "type": "registry:component",
      "title": "Settings Editor",
      "description": "Revisioned JSON namespace editor with compare-and-swap saves and explicit conflict refetch.",
      "files": [
        {
          "path": "components/settings-editor.tsx",
          "type": "registry:component",
          "target": "components/settings-editor.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      },
      "css": {
        "@keyframes fade-up": {
          "0%": {
            "opacity": "0",
            "transform": "translateY(8px)"
          },
          "to": {
            "opacity": "1",
            "transform": "translateY(0)"
          }
        },
        "@keyframes spin": {
          "to": {
            "transform": "rotate(1turn)"
          }
        }
      }
    },
    {
      "name": "feedback-actions",
      "type": "registry:component",
      "title": "Feedback Actions",
      "description": "Per-message copy and exclusive, reversible thumbs rating with announced state changes.",
      "files": [
        {
          "path": "components/feedback-actions.tsx",
          "type": "registry:component",
          "target": "components/feedback-actions.tsx"
        },
        {
          "path": "lib/lang-context.tsx",
          "type": "registry:component",
          "target": "lib/lang-context.tsx"
        }
      ],
      "cssVars": {
        "theme": {
          "color-page": "var(--page)",
          "color-canvas": "var(--canvas)",
          "color-surface": "var(--surface)",
          "color-inset": "var(--inset)",
          "color-hover": "var(--hover)",
          "color-hover-2": "var(--hover-2)",
          "color-ink": "var(--ink)",
          "color-ink-2": "var(--ink-2)",
          "color-ink-3": "var(--ink-3)",
          "color-line": "var(--line)",
          "color-line-strong": "var(--line-strong)",
          "color-field": "var(--field)",
          "color-stripe": "var(--stripe)",
          "color-stripe-bg": "var(--stripe-bg)",
          "color-accent": "var(--accent)",
          "color-accent-ink": "var(--accent-ink)",
          "color-accent-tint": "var(--accent-tint)",
          "color-green": "var(--green)",
          "color-green-tint": "var(--green-tint)",
          "color-orange": "var(--orange)",
          "color-orange-tint": "var(--orange-tint)",
          "color-red": "var(--red)",
          "color-red-tint": "var(--red-tint)",
          "color-tooltip-bg": "var(--tooltip-bg)",
          "color-tooltip-fg": "var(--tooltip-fg)",
          "color-tooltip-muted": "var(--tooltip-muted)",
          "color-tooltip-border": "var(--tooltip-border)",
          "shadow-hairline": "var(--shadow-hairline)",
          "shadow-btn": "var(--shadow-btn)",
          "shadow-card": "var(--shadow-card)",
          "shadow-raised": "var(--shadow-raised)",
          "shadow-overlay": "var(--shadow-overlay)",
          "shadow-inset-field": "var(--shadow-inset-field)",
          "radius-chip": "6px",
          "radius-control": "8px",
          "radius-card": "10px",
          "ease-out-strong": "cubic-bezier(0.23, 1, 0.32, 1)",
          "ease-link": "cubic-bezier(0.16, 1, 0.3, 1)"
        },
        "light": {
          "page": "#fafafb",
          "canvas": "#f1f2f3",
          "surface": "#ffffff",
          "inset": "#f7f8f9",
          "hover": "#f4f5f6",
          "hover-2": "#e7e9eb",
          "ink": "#1f2124",
          "ink-2": "#62656b",
          "ink-3": "#9a9da3",
          "line": "#ecedef",
          "line-strong": "#e0e2e5",
          "field": "#f2f2f3",
          "stripe": "#49494913",
          "stripe-bg": "#f5f5f5",
          "accent": "#0285ff",
          "accent-ink": "#0170dd",
          "accent-tint": "#e9f3ff",
          "green": "#189a4d",
          "green-tint": "#e8f5ed",
          "orange": "#ef720c",
          "orange-tint": "#fdf1e5",
          "red": "#e3474c",
          "red-tint": "#fcecec",
          "tooltip-bg": "#25272b",
          "tooltip-fg": "#f6f7f8",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#3a3c40",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #1018280d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #1018280a, 0 2px 6px #10182808",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #0000000b",
          "shadow-overlay": "0 0 0 1px var(--line), 0 8px 28px #0001",
          "shadow-inset-field": "inset 0 1px 2px #0000001f"
        },
        "dark": {
          "page": "#17181a",
          "canvas": "#1c1d1f",
          "surface": "#232427",
          "inset": "#1f2022",
          "hover": "#2a2b2e",
          "hover-2": "#313236",
          "ink": "#f2f3f4",
          "ink-2": "#a5a8ad",
          "ink-3": "#6c6f75",
          "line": "#2e3033",
          "line-strong": "#3a3c40",
          "field": "#2b2c2f",
          "stripe": "#ffffff0e",
          "stripe-bg": "#1b1c1e",
          "accent": "#3d9aff",
          "accent-ink": "#7ec0ff",
          "accent-tint": "#3d9aff29",
          "green": "#3dbb72",
          "green-tint": "#3dbb7224",
          "orange": "#f68f3c",
          "orange-tint": "#f68f3c24",
          "red": "#ee5c61",
          "red-tint": "#ee5c6124",
          "tooltip-bg": "#111214",
          "tooltip-fg": "#f2f3f4",
          "tooltip-muted": "#a5a8ad",
          "tooltip-border": "#2e3033",
          "shadow-hairline": "0 0 0 1px var(--line)",
          "shadow-btn": "0 0 0 1px var(--line-strong), 0 1px 2px #0000004d",
          "shadow-card": "0 0 0 1px var(--line), 0 1px 2px #0003, 0 2px 6px #0003",
          "shadow-raised": "0 0 0 1px var(--line), 0 2px 10px #00000038",
          "shadow-overlay": "0 0 0 1px var(--line-strong), 0 8px 28px #00000057",
          "shadow-inset-field": "inset 0 1px 2px #0006"
        }
      }
    }
  ]
}