{
  "stdout": "{\"handled\":true,\"file\":\"App.jsx\",\"carbonize\":true,\"todo\":\"REQUIRED before next poll: carbonize cleanup in App.jsx. See reference/live.md \\\"Required after accept\\\".\"}\n",
  "stderr": "",
  "exit": 0,
  "signal": null,
  "files": {
    ".impeccable/live/config.json": "{\n  \"files\": [\"index.html\"],\n  \"insertBefore\": \"</body>\",\n  \"commentSyntax\": \"html\"\n}\n",
    "src/.impeccable/live/accept-receipts/ab12cd34.json": "{\n  \"id\": \"ab12cd34\",\n  \"operation\": \"accept\",\n  \"variantId\": \"2\",\n  \"result\": {\n    \"handled\": true,\n    \"file\": \"App.jsx\",\n    \"carbonize\": true,\n    \"todo\": \"REQUIRED before next poll: carbonize cleanup in App.jsx. See reference/live.md \\\"Required after accept\\\".\"\n  },\n  \"completedAt\": \"<ISO>\"\n}\n",
    "src/App.jsx": "export default function App() {\n  return (\n    <main className=\"page\">\n      <div data-impeccable-carbonize=\"ab12cd34\" style={{ display: \"contents\" }}>\n        {/* impeccable-carbonize-start ab12cd34 */}\n        <style data-impeccable-css=\"ab12cd34\">{`\n        @scope ([data-impeccable-variant=\"1\"]) {\n        :scope > h1 {\n        font-weight: 300;\n        color: oklch(var(--p-lightness, 0.5) 0.25 25);\n        }\n        }\n        @scope ([data-impeccable-variant=\"2\"]) {\n        :scope > h1 { font-weight: 900; }\n        :scope[data-p-face=\"serif\"] > h1 { font-family: ui-serif, serif; }\n        :scope[data-p-face=\"mono\"]  > h1 { font-family: ui-monospace, monospace; }\n        }\n        @scope ([data-impeccable-variant=\"3\"]) {\n        :scope > h1 { font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }\n        :scope[data-p-italic] > h1 { font-style: italic; }\n        }\n        `}</style>\n        {/* impeccable-carbonize-end ab12cd34 */}\n        <div data-impeccable-variant=\"2\" style={{ display: 'contents' }}>\n          <h1 className=\"hero-title\">Vite Fixture</h1>\n        </div>\n      </div>\n      <p className=\"hero-hook\">Minimal React tree for oracle live-mode goldens.</p>\n      <section id=\"features\" className=\"feature-grid\">\n        <article className=\"feature-card\">One</article>\n        <article className=\"feature-card\">Two</article>\n      </section>\n      <ul className=\"item-list\">\n        {items.map((item) => (\n          <li key={item.id} className=\"item-row\">{item.title}</li>\n        ))}\n      </ul>\n    </main>\n  );\n}\n\nconst items = [\n  { id: 1, title: 'First' },\n  { id: 2, title: 'Second' },\n];\n",
    "src/main.jsx": "import { createRoot } from 'react-dom/client';\nimport App from './App.jsx';\n\ncreateRoot(document.getElementById('root')).render(<App />);\n",
    "src/Panel.tsx": "type PanelProps = { title: string; children?: React.ReactNode };\n\nexport function Panel({ title, children }: PanelProps) {\n  return (\n    <section className=\"panel\">\n      <header className=\"panel-header\">\n        <h2 className=\"panel-title\">{title}</h2>\n      </header>\n      <div className=\"panel-body\">{children}</div>\n    </section>\n  );\n}\n"
  }
}