From 12a6dffcb9e916e5e7d3733c8f96d7f5e60799bb Mon Sep 17 00:00:00 2001
From: Perplexity Bot <perplexity@netmapper.local>
Date: Tue, 4 Aug 2026 20:10:57 +0000
Subject: [PATCH] Remove WIP blocks from UI, move roadmap to Gitea and add
 ROADMAP.md

---
 ROADMAP.md           | 33 +++++++++++++++++++++++++++++++++
 frontend/src/App.tsx | 22 +++++++++++-----------
 2 files changed, 44 insertions(+), 11 deletions(-)
 create mode 100644 ROADMAP.md

diff --git a/ROADMAP.md b/ROADMAP.md
new file mode 100644
index 0000000..855afa1
--- /dev/null
+++ b/ROADMAP.md
@@ -0,0 +1,33 @@
+# NetMapper Roadmap
+
+La roadmap e il backlog di sviluppo sono centralizzati su Gitea:
+
+- Issues: https://git.lelekaos.com/admin/NetMapper2026/issues
+- Board: https://git.lelekaos.com/admin/NetMapper2026/projects/1
+- Milestone: https://git.lelekaos.com/admin/NetMapper2026/milestones
+
+## Milestone principali
+
+### MVP Inventory
+
+- Seed scan subnet e discovery base.
+- Tree fisico/logico e contesto nodo.
+- Navigazione tra parent, children e relazioni.
+
+### Security foundation
+
+- Autenticazione e sessioni.
+- Ruoli base e autorizzazione per risorse sensibili.
+- Audit accessi e logout sicuro.
+
+### Topology multilivello
+
+- Vista fisica dispositivi.
+- Vista logica host / VM / container / app.
+- Layer networking e dipendenze.
+
+### Remote access hardening
+
+- MFA per admin e azioni critiche.
+- Terminale remoto protetto (stile Termix).
+- Audit comandi e approvazione esplicita.
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 345c60e..29705ea 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -10,7 +10,7 @@ const tabs: { key: TabKey; label: string; description: string }[] = [
   { key: 'discovery', label: 'Discovery', description: 'Pipeline e job di raccolta dati.' },
   { key: 'topology', label: 'Topology', description: 'Vista futura della mappa multilivello.' },
   { key: 'options', label: 'Options', description: 'Utenti, impostazioni, servizi di sistema e sicurezza.' },
-  { key: 'wip', label: 'WIP', description: 'Blocchi provvisori, note e parti in corso.' },
+  { key: 'wip', label: 'WIP', description: 'Roadmap e link a Gitea per lo sviluppo.' },
 ];
 
 function ShellCard({ title, children, tone = 'default' }: { title: string; children: React.ReactNode; tone?: 'default' | 'accent' | 'warning' }) {
@@ -163,18 +163,18 @@ function OptionsTab() {
 function WipTab() {
   return (
     <div className="shell-grid two-columns">
-      <ShellCard title="WIP visibili" tone="warning">
+      <ShellCard title="Roadmap" tone="accent">
         <ul className="shell-list">
-          <li>Placeholder per pannelli legacy reintegrati.</li>
-          <li>Spazio riservato ai blocchi non ancora consolidati.</li>
-          <li>Promemoria tecnico per le parti temporanee.</li>
+          <li>La roadmap è centralizzata su Gitea: issues, milestone e board.</li>
+          <li>I WIP visibili sono rimossi dal frontend per evitare rumore.</li>
+          <li>Le card di Overview riportano solo milestone attive, non backlog.</li>
         </ul>
       </ShellCard>
-      <ShellCard title="Note operative">
+      <ShellCard title="Gitea link">
         <ul className="shell-list">
-          <li>Le nuove funzioni sensibili passano da Options.</li>
-          <li>Inventory resta il book of truth, ma protetto da auth futura.</li>
-          <li>Persistenza dello stato UI da migliorare nei prossimi step.</li>
+          <li>Issues aperte, board e roadmap del progetto NetMapper.</li>
+          <li>Link placeholder: <code>https://git.lelekaos.com/admin/NetMapper2026/issues</code></li>
+          <li>Da integrare in futuro con widget o embed della board.</li>
         </ul>
       </ShellCard>
     </div>
@@ -204,7 +204,7 @@ function App() {
               onClick={() => setActiveTab(tab.key)}
             >
               <span>{tab.label}</span>
-              <small>{tab.description}</small>
+              <small>{tab.label === 'WIP' ? 'Roadmap e link a Gitea per lo sviluppo.' : tab.description}</small>
             </button>
           ))}
         </nav>
@@ -220,7 +220,7 @@ function App() {
         <header className="app-header">
           <div>
             <h2>{currentTab.label}</h2>
-            <p>{currentTab.description}</p>
+            <p>{currentTab.label === 'WIP' ? 'Roadmap e link a Gitea per lo sviluppo.' : currentTab.description}</p>
           </div>
           <div className="app-header-actions">
             <span className="shell-pill">Book of truth</span>