Expose portable scene bindings and an explicit React Flow peer adapter

src/components/canvas/canvas-renderers.tsx

@@ -2,7 +2,7 @@
 import type { NodeProps } from '@xyflow/react';
 import type { CanvasNode } from '@/lib/canvas-elements';
 import { builtinRendererDefinitions } from '@/lib/canvas-bindings/renderers';
-import { createReactRenderers, type ReactRendererDefinition } from '@/lib/canvas-bindings/react-renderers';
+import { createReactRenderers, type ReactRendererDefinition } from '@/lib/canvas-bindings/react-flow';
 import { MaterialNode } from './material-node';
 import { PlainTextNode } from './plain-text-node';
 import { PlainImageNode } from './plain-image-node';

src/components/canvas/headless-graph-canvas.tsx

@@ -4,8 +4,8 @@ import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore
 import { Background, BackgroundVariant, ConnectionMode, ReactFlow, ReactFlowProvider, useReactFlow, type Connection,type Viewport } from "@xyflow/react";
 import { Copy, Download, Frame, Hand, ImagePlus, Maximize, Minus, Ratio, MousePointer2, Plus, Redo2, Sparkles, StickyNote, Type, Undo2 } from "lucide-react";
 import type { Board } from "@/lib/workspace";
-import type { ReactRenderers } from "@/lib/canvas-bindings/react-renderers";
-import { CanvasRendererCommandsContext, type CanvasRendererCommands } from "@/lib/canvas-bindings/renderer-context";
+import type { ReactRenderers } from "@/lib/canvas-bindings/react-flow";
+import { CanvasRendererCommandsContext, type CanvasRendererCommands } from "@/lib/canvas-bindings/react-flow";
 import { defaultCanvasRenderers } from "./canvas-renderers";
 import type { Data, ElementRecord, Geometry, Id, Json, Result } from "@/lib/canvas-core/types";
 import { equal } from "@/lib/canvas-core/values";

src/components/canvas/loading-graph-canvas.tsx

@@ -4,10 +4,10 @@ import {useEffect,useMemo,useRef} from 'react';
 import {Background,BackgroundVariant,ReactFlow,useReactFlow,type Viewport,type NodeTypes} from '@xyflow/react';
 import type {Registry} from '@/lib/canvas-core/types';
 import type {ModelPreview} from '@/lib/canvas-runtime/model-preview';
-import type {ReactRenderers} from '@/lib/canvas-bindings/react-renderers';
+import type {ReactRenderers} from '@/lib/canvas-bindings/react-flow';
 import {createLoadingRendererCatalog} from '@/lib/canvas-bindings/renderers';
 import {projectCanvas} from '@/lib/canvas-bindings/projection';
-import {CanvasRendererCommandsContext,type CanvasRendererCommands} from '@/lib/canvas-bindings/renderer-context';
+import {CanvasRendererCommandsContext,type CanvasRendererCommands} from '@/lib/canvas-bindings/react-flow';
 import {UnsupportedNode,UnsupportedEdge} from './unsupported-elements';
 import styles from './canvas.module.css';
 

src/components/canvas/unsupported-elements.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { BaseEdge, Handle, Position, getBezierPath, type EdgeProps, type NodeProps } from "@xyflow/react";
-import type { ProjectionNode } from "@/lib/canvas-bindings/projection";
+import type {ReactFlowProjectionNode as ProjectionNode} from "@/lib/canvas-bindings/react-flow";
 import type { CanvasEdgeModel } from "@/lib/canvas-v2";
 import styles from "./canvas.module.css";
 const positions={top:Position.Top,right:Position.Right,bottom:Position.Bottom,left:Position.Left};

src/components/workspace/canvas-runtime-host.tsx

@@ -2,7 +2,7 @@
 
 import { createContext, useContext, useEffect, useRef, useState, type ReactNode } from "react";
 import { defaultCanvasRenderers } from "@/components/canvas/canvas-renderers";
-import { createReactRenderers, type CanvasRuntimeExtension } from "@/lib/canvas-bindings/react-renderers";
+import { createReactRenderers, type CanvasRuntimeExtension } from "@/lib/canvas-bindings/react-flow";
 import { notify } from "@/lib/notifications";
 import { errorText } from "@/lib/api";
 import { createRegistry, builtinComponents } from "@/lib/canvas-core/index";