{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "og-workspace",
  "title": "OG Workspace",
  "description": "OG generator UI shell. Wire CONTENT.endpoint (Host API).",
  "registryDependencies": [
    "@atroui/og-live-preview"
  ],
  "files": [
    {
      "path": "registry/default/blocks/og-workspace.tsx",
      "content": "\"use client\"\n\nimport { OgLivePreview, type OgStyleKey } from \"./og-live-preview\"\n\n/**\n * Lightweight OG workspace shell. Wire CONTENT.endpoint in your host app\n * for real image generation (Host API).\n */\nconst CONTENT = {\n  endpoint: \"/api/generate\",\n  title: \"Ship the product this week\",\n  subtitle: \"Fixed scope. Fixed price.\",\n  styleKey: \"paperQuote\" as OgStyleKey,\n}\n\nexport function OgWorkspace() {\n  return (\n    <div className=\"space-y-4 rounded-2xl border border-border-subtle bg-card/40 p-4 sm:p-6\">\n      <div>\n        <p className=\"ms-stamp\">OG workspace</p>\n        <p className=\"mt-2 text-sm text-muted-foreground\">\n          Preview is CSS-only. Point{\" \"}\n          <code className=\"font-mono text-[12px] text-foreground\">\n            CONTENT.endpoint\n          </code>{\" \"}\n          at your generator API to export PNGs.\n        </p>\n      </div>\n      <div className=\"relative aspect-[1200/630] overflow-hidden rounded-xl border border-border-subtle\">\n        <OgLivePreview\n          title={CONTENT.title}\n          subtitle={CONTENT.subtitle}\n          styleKey={CONTENT.styleKey}\n        />\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/og-workspace.tsx"
    }
  ],
  "type": "registry:block"
}