{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "ai-canvas",
  "title": "AI: Canvas",
  "description": "A React Flow board wrapper for agent-workflow canvases, with pan, zoom and background.",
  "dependencies": [
    "@xyflow/react@^12.11.1"
  ],
  "files": [
    {
      "path": "components/ai/canvas.tsx",
      "content": "import type { ReactNode } from \"react\"\nimport { Background, ReactFlow, type ReactFlowProps } from \"@xyflow/react\"\n\nimport \"@xyflow/react/dist/style.css\"\n\ntype CanvasProps = ReactFlowProps & {\n  children?: ReactNode\n}\n\nexport const Canvas = ({ children, ...props }: CanvasProps) => (\n  <ReactFlow\n    deleteKeyCode={[\"Backspace\", \"Delete\"]}\n    fitView\n    panOnDrag={false}\n    panOnScroll\n    selectionOnDrag={true}\n    zoomOnDoubleClick={false}\n    {...props}\n  >\n    <Background bgColor=\"var(--sidebar)\" />\n    {children}\n  </ReactFlow>\n)\n",
      "type": "registry:ui",
      "target": "components/ai/canvas.tsx"
    }
  ],
  "type": "registry:ui"
}