Wworking on improving the tool

web/src/EditMode.tsx

@@ -210,6 +210,7 @@ export default function EditMode({ initial, onDone }: Props) {
         setIface(f => ({ ...f, id: json.id }));
       }
       setDirty(false);
+      window.dispatchEvent(new CustomEvent('uopi:refresh-interfaces'));
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -254,6 +255,9 @@ export default function EditMode({ initial, onDone }: Props) {
     onDone(iface);
   }
 
+  // Clipboard
+  const clipboard = useRef<Widget[]>([]);
+
   // ── Keyboard shortcuts ─────────────────────────────────────────────────────
 
   function handleKeyDown(e: KeyboardEvent) {
@@ -268,6 +272,33 @@ export default function EditMode({ initial, onDone }: Props) {
       setDirty(true);
       return;
     }
+
+    // Copy
+    if ((e.ctrlKey || e.metaKey) && e.key === 'c' && selectedIds.length > 0) {
+      e.preventDefault();
+      clipboard.current = iface.widgets
+        .filter(w => selectedIds.includes(w.id))
+        .map(w => ({ ...w }));
+      return;
+    }
+
+    // Paste
+    if ((e.ctrlKey || e.metaKey) && e.key === 'v' && clipboard.current.length > 0) {
+      e.preventDefault();
+      pushUndo();
+      const offset = 20;
+      const pasted = clipboard.current.map(w => ({
+        ...w,
+        id: genWidgetId(),
+        x: w.x + offset,
+        y: w.y + offset,
+      }));
+      setIface(f => ({ ...f, widgets: [...f.widgets, ...pasted] }));
+      setSelectedIds(pasted.map(w => w.id));
+      setDirty(true);
+      return;
+    }
+
     if ((e.ctrlKey || e.metaKey) && e.key === 'z' && !e.shiftKey) { e.preventDefault(); undo(); return; }
     if ((e.ctrlKey || e.metaKey) && (e.key === 'y' || (e.key === 'z' && e.shiftKey))) { e.preventDefault(); redo(); return; }
     if ((e.ctrlKey || e.metaKey) && e.key === 'a') {