import { useState, useMemo } from “react”; // ════════════════════════════════════════════════════════════════════ // DATA // ════════════════════════════════════════════════════════════════════ const MODULES = [ { id:“shortcuts”, icon:“⌨️”, label:“Shortcuts”, color:”#f59e0b” }, { id:“data”, icon:“🗄️”, label:“Data Management”, color:”#3b82f6” }, { id:“partdb”, icon:“📦”, label:“Parts Database”, color:”#8b5cf6” }, { id:“symbols”, icon:“🔣”, label:“Symbol Library”, color:”#06b6d4” }, { id:“macros”, icon:“⚡”, label:“Macros & Placeholders”, color:”#f97316” }, { id:“templates”, icon:“📄”, label:“Templates & Forms”,color:”#10b981” }, { id:“reports”, icon:“📊”, label:“Reports”, color:”#e11d48” }, { id:“propanel”, icon:“🖥️”, label:“Pro Panel 3D”, color:”#7c3aed” }, { id:“automation”, icon:“🤖”, label:“Automation Scripts”,color:”#0ea5e9” }, { id:“folders”, icon:“📁”, label:“Folder Standards”, color:”#d97706” },...