feat: Phase 1 - Canvas with React Flow

- 8 node types (Model, Solver, DesignVar, Extractor, Objective, Constraint, Algorithm, Surrogate)
- Drag-drop from palette to canvas
- Node configuration panels
- Graph validation with error/warning display
- Intent JSON serialization
- Zustand state management

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

atomizer-dashboard/frontend/src/components/canvas/nodes/SurrogateNode.tsx

@@ -0,0 +1,17 @@
+import { memo } from 'react';
+import { NodeProps } from 'reactflow';
+import { BaseNode } from './BaseNode';
+import { SurrogateNodeData } from '../../../lib/canvas/schema';
+
+function SurrogateNodeComponent(props: NodeProps<SurrogateNodeData>) {
+  const { data } = props;
+  return (
+    <BaseNode {...props} icon={<span>🚀</span>} color="text-pink-600" outputs={0}>
+      <div>{data.enabled ? 'Enabled' : 'Disabled'}</div>
+      {data.enabled && data.modelType && (
+        <div className="text-xs text-gray-400">{data.modelType}</div>
+      )}
+    </BaseNode>
+  );
+}
+export const SurrogateNode = memo(SurrogateNodeComponent);