feat: layer-tree selection sync + group folders in tree + ribbonbar readability

2026-07-02 00:47:28 +02:00
parent 2eead4c1aa
commit 9f749e8ebd
8 changed files with 247 additions and 12 deletions
@@ -1088,6 +1088,12 @@ const CADEditor: React.FC<CADEditorProps> = ({ projectId, token, onNavigateBack

  // Layer handlers
  const handleSelectLayer = useCallback((id: string) => setActiveLayerId(id), []);
+
+  const handleSelectElement = useCallback((id: string) => {
+    setSelectedElementIds([id]);
+    const el = elements.find(e => e.id === id);
+    setSelectedElement(el ?? null);
+  }, [elements]);
  const handleAddLayer = useCallback(() => {
    setLayers((prev) => {
      const newId = `layer-${Date.now()}`;
@@ -1521,6 +1527,7 @@ const CADEditor: React.FC<CADEditorProps> = ({ projectId, token, onNavigateBack
          blocks={blocks}
          onBlockDrop={handleBlockDrop}
          onSelectionChange={handleSelectionChange}
+          externalSelectionIds={selectedElementIds}
          selectedTemplate={selectedTemplate}
          bgConfig={bgConfig}
          remoteCursors={collab.cursors}
@@ -1563,6 +1570,9 @@ const CADEditor: React.FC<CADEditorProps> = ({ projectId, token, onNavigateBack
          onReorder={handleReorderLayer}
          onAddSubLayer={handleAddSubLayer}
          onUpdateElement={handleUpdateElement}
+          selectedElementIds={selectedElementIds}
+          groups={groups}
+          onSelectElement={handleSelectElement}
          token={token}
        />
      </div>