add redirect from root to /velxio/editor in nginx configuration

deploy/nginx.conf

@@ -75,6 +75,10 @@ server {
     gzip_types text/plain text/css text/xml text/javascript application/javascript application/json application/xml application/rss+xml;
 
     # Frontend SPA routing — must be last so specific locations above take precedence
+    location = / {
+        return 301 /velxio/editor;
+    }
+
     location / {
         try_files $uri $uri/ /index.html;
     }

frontend/src/components/simulator/ComponentPropertyDialog.tsx

@@ -18,6 +18,7 @@ interface ComponentPropertyDialogProps {
   onClose: () => void;
   onRotate: (componentId: string) => void;
   onDelete: (componentId: string) => void;
+  lockComponents?: boolean;
 }
 
 export const ComponentPropertyDialog: React.FC<ComponentPropertyDialogProps> = ({
@@ -29,6 +30,7 @@ export const ComponentPropertyDialog: React.FC<ComponentPropertyDialogProps> = (
   onClose,
   onRotate,
   onDelete,
+  lockComponents = false,
 }) => {
   const dialogRef = useRef<HTMLDivElement>(null);
   const [dialogPosition, setDialogPosition] = useState({ x: 0, y: 0 });
@@ -151,6 +153,7 @@ export const ComponentPropertyDialog: React.FC<ComponentPropertyDialogProps> = (
         >
           Rotate
         </button>
+        {!lockComponents && (
           <button
             className="property-action-button delete-button"
             onClick={() => {
@@ -162,6 +165,7 @@ export const ComponentPropertyDialog: React.FC<ComponentPropertyDialogProps> = (
           >
             Delete
           </button>
+        )}
       </div>
     </div>
   );

frontend/src/components/simulator/SimulatorCanvas.tsx

@@ -59,6 +59,7 @@ export const SimulatorCanvas = () => {
     updateComponent,
     serialMonitorOpen,
     toggleSerialMonitor,
+    lockComponents,
   } = useSimulatorStore();
 
   // Active board (for WiFi/BLE status display)
@@ -992,6 +993,8 @@ export const SimulatorCanvas = () => {
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
       if (e.key === 'Delete' || e.key === 'Backspace') {
+        if (lockComponents) return; // Prevent deletion if locked
+
         if (selectedComponentId) {
           removeComponent(selectedComponentId);
           setSelectedComponentId(null);
@@ -1004,7 +1007,7 @@ export const SimulatorCanvas = () => {
 
     window.addEventListener('keydown', handleKeyDown);
     return () => window.removeEventListener('keydown', handleKeyDown);
-  }, [selectedComponentId, removeComponent, activeBoardId, boards.length]);
+  }, [selectedComponentId, removeComponent, activeBoardId, boards.length, lockComponents]);
 
   // Handle component selection from modal
   const handleSelectComponent = (metadata: ComponentMetadata) => {
@@ -1607,6 +1610,7 @@ export const SimulatorCanvas = () => {
             </span>
 
             {/* Add Component */}
+            {!lockComponents && (
               <button
                 className="add-component-btn"
                 onClick={() => setShowComponentPicker(true)}
@@ -1619,6 +1623,7 @@ export const SimulatorCanvas = () => {
                 </svg>
                 Add
               </button>
+            )}
 
           </div>
         </div>
@@ -1831,6 +1836,7 @@ export const SimulatorCanvas = () => {
               removeComponent(id);
               setShowPropertyDialog(false);
             }}
+            lockComponents={lockComponents}
           />
         );
       })()}
@@ -1884,6 +1890,7 @@ export const SimulatorCanvas = () => {
               <div style={{ padding: '6px 14px', color: '#888', fontSize: 11, borderBottom: '1px solid #3c3c3c', marginBottom: 2 }}>
                 {label}
               </div>
+              {!lockComponents && (
                 <button
                   style={{
                     display: 'flex', alignItems: 'center', gap: 8,
@@ -1907,6 +1914,7 @@ export const SimulatorCanvas = () => {
                   Remove board
                   {connectedWires > 0 && <span style={{ color: '#888', fontSize: 11 }}>({connectedWires} wire{connectedWires > 1 ? 's' : ''})</span>}
                 </button>
+              )}
             </div>
           </>
         );

frontend/src/pages/EditorPage.tsx

@@ -61,9 +61,18 @@ export const EditorPage: React.FC = () => {
     return {
       enabled: params.get('embed') === 'true',
       hideEditor: params.get('hideEditor') === 'true',
+      lockComponents: params.get('lockComponents') === 'true',
     };
   });
   const [embedHideComponentPicker, setEmbedHideComponentPicker] = useState(false);
+  const setLockComponents = useSimulatorStore((s) => s.setLockComponents);
+
+  // Initial URL params sync
+  useEffect(() => {
+    if (embedMode.lockComponents) {
+      setLockComponents(true);
+    }
+  }, [embedMode.lockComponents, setLockComponents]);
 
   // Listen for embed mode commands from parent
   useEffect(() => {
@@ -71,6 +80,7 @@ export const EditorPage: React.FC = () => {
     const handler = (e: Event) => {
       const detail = (e as CustomEvent).detail || {};
       if (detail.hideComponentPicker) setEmbedHideComponentPicker(true);
+      if (detail.lockComponents !== undefined) setLockComponents(detail.lockComponents);
     };
     window.addEventListener('velxio-embed-mode', handler);
     // Notify parent that Velxio is ready

frontend/src/store/useSimulatorStore.ts

@@ -222,6 +222,10 @@ interface SimulatorState {
   esp32CrashBoardId: string | null;
   dismissEsp32Crash: () => void;
 
+  // ── Lock components ─────────────────────────────────────────────────────
+  lockComponents: boolean;
+  setLockComponents: (locked: boolean) => void;
+
   // ── Components ──────────────────────────────────────────────────────────
   components: Component[];
   addComponent: (component: Component) => void;
@@ -786,6 +790,9 @@ export const useSimulatorStore = create<SimulatorState>((set, get) => {
     esp32CrashBoardId: null,
     dismissEsp32Crash: () => set({ esp32CrashBoardId: null }),
 
+    lockComponents: false,
+    setLockComponents: (locked: boolean) => set({ lockComponents: locked }),
+
     setBoardType: (type: BoardType) => {
       const { activeBoardId, running, stopSimulation } = get();
       if (running) stopSimulation();