fix(diagnostic): Verstecken im Kontext-Streifen (Main-Tab) statt nur Settings

Das Auge/Toggle war faelschlich nur in der vertikalen Projektliste unter
Einstellungen — Stefan managed Projekte aber ueber die Ordner-Bubbles im
Kontext-Streifen auf dem Main-Tab, und der filterte hidden gar nicht
(verstecktes Projekt blieb sichtbar, kein Auge).

renderContextStrip: versteckte Projekte standardmaessig raus, 🙈/👁-Auge pro
Bubble (eigenes onclick + stopPropagation, wechselt nicht den Kontext),
"versteckte anzeigen (N)"-Toggle-Chip am Ende; setStripProjectHidden patcht
+ raeumt Focus wenn noetig. project_changed refresht jetzt Streifen UND Liste.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

CHANGELOG.md

@@ -10,7 +10,7 @@ Alle Änderungen am Projekt. Format: [Keep a Changelog](https://keepachangelog.c
 
 ---
 
-## [Unreleased] — 2026-07-11
+## [0.2.0.6] — 2026-07-11
 
 ### Hinzugefügt
 

android/android/app/build.gradle

@@ -79,8 +79,8 @@ android {
         applicationId "com.ariacockpit"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 20006
-        versionName "0.2.0.6"
+        versionCode 20007
+        versionName "0.2.0.7"
         // Fallback fuer Libraries mit Product Flavors
         missingDimensionStrategy 'react-native-camera', 'general'
     }

android/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aria-cockpit",
-  "version": "0.2.0.6",
+  "version": "0.2.0.7",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

android/src/components/ProjectsBrowser.tsx

@@ -112,6 +112,17 @@ export const ProjectsBrowser: React.FC<Props> = ({ visible = true, onClose, onAc
     return () => unsub();
   }, [visible, load]);
 
+  // Live-Sync: ein anderer Client (Diagnostic / andere App) hat ein Projekt
+  // geaendert (verstecken/anlegen/beenden/…) → project_changed ueber RVS →
+  // Liste neu laden, ohne dass Stefan manuell refreshen muss.
+  useEffect(() => {
+    if (!visible) return;
+    const unsub = rvs.onMessage((msg: any) => {
+      if (msg?.type === 'project_changed') load();
+    });
+    return () => unsub();
+  }, [visible, load]);
+
   const switchTo = useCallback((id: string) => {
     // Multi-Threading: Focus-Wechsel ist reine App-lokale UI-Entscheidung.
     // Brain wird nicht mehr benachrichtigt (kein globaler active_project mehr).
@@ -161,11 +172,18 @@ export const ProjectsBrowser: React.FC<Props> = ({ visible = true, onClose, onAc
       ]);
   }, [load]);
 
+  // Nach einer Projekt-Mutation die anderen Clients (Diagnostic, weitere
+  // App-Instanzen) live aktualisieren — via RVS project_changed. RVS echot
+  // NICHT an den Sender zurueck, darum laden wir lokal zusaetzlich selbst.
+  const broadcastProjectsChanged = useCallback(() => {
+    try { rvs.send('project_changed' as any, { reason: 'app' }); } catch {}
+  }, []);
+
   const toggleHidden = useCallback((p: Project) => {
     brainApi.setProjectHidden(p.id, !p.hidden)
-      .then(() => load())
+      .then(() => { broadcastProjectsChanged(); load(); })
       .catch(e => Alert.alert('Fehler', String(e?.message || e)));
-  }, [load]);
+  }, [load, broadcastProjectsChanged]);
 
   const archiveProject = useCallback((p: Project) => {
     Alert.alert(`"${p.name}" archivieren?`,

diagnostic/index.html

@@ -1424,6 +1424,7 @@
     let focusedContextId = localStorage.getItem('diag_focused_context_id') || '';
     let diagQueueStatus = {};
     let diagProjectsCache = [];
+    let diagShowHiddenStrip = false;   // versteckte Projekte im Streifen zeigen?
 
     function updateChatVisibilityByFocus() {
       for (const box of [chatBox, document.getElementById('chat-box-fs')]) {
@@ -1464,20 +1465,79 @@
         if (s.queue_size > 0) return { color: '#FFD60A', label: `Queue: ${s.queue_size}` };
         return { color: '#34C759', label: 'idle' };
       };
+      // Projekt-Chip MIT Auge (verstecken/sichtbar). Auge hat eigenes onclick
+      // + stopPropagation, damit der Klick nicht den Kontext wechselt.
+      const projChip = (p, isFocus, dotColor, subline) => {
+        const hidden = !!p.hidden;
+        const bg = isFocus ? 'rgba(52,199,89,0.15)' : '#1E1E2E';
+        const border = isFocus ? '#34C759' : '#2A2A3E';
+        const eye = hidden ? '👁' : '🙈';
+        const eyeTitle = hidden ? 'Wieder dauerhaft sichtbar machen' : 'Verstecken (aus dem Streifen ausblenden)';
+        return `<div style="flex:0 0 auto;padding:6px 10px;background:${bg};border:1px solid ${border};border-radius:6px;display:flex;align-items:center;gap:6px;min-width:120px;${hidden ? 'opacity:0.5;' : ''}">
+          <div onclick="switchDiagFocus('${p.id}')" style="cursor:pointer;display:flex;align-items:center;gap:6px;min-width:0;">
+            <div style="width:8px;height:8px;border-radius:4px;background:${dotColor};"></div>
+            <div style="display:flex;flex-direction:column;min-width:0;">
+              <div style="color:${isFocus?'#34C759':'#E0E0F0'};font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;">📁 ${escapeHtml(p.name)}${hidden ? ' <span style="color:#B392F0;font-size:9px;font-weight:700;">versteckt</span>' : ''}</div>
+              <div style="color:#8888AA;font-size:10px;">${subline}</div>
+            </div>
+          </div>
+          <span onclick="event.stopPropagation();setStripProjectHidden('${p.id}',${!hidden})" title="${eyeTitle}" style="cursor:pointer;font-size:14px;padding:2px 4px;user-select:none;">${eye}</span>
+        </div>`;
+      };
       const cards = [];
       // Hauptchat
       const mainDot = dotFor('__main__');
       cards.push(chip('', '💬 Hauptchat', focusedContextId === '', mainDot.color, mainDot.label || 'idle'));
-      // Projekte — nur active/ended, sortiert nach letzter Aktivitaet
+      // Projekte — nur active/ended, sortiert nach letzter Aktivitaet.
+      // Versteckte standardmaessig raus; per Toggle-Chip einblendbar.
+      let hiddenCount = 0;
       for (const p of diagProjectsCache) {
         if (p.status === 'archived') continue;
+        if (p.hidden) {
+          hiddenCount++;
+          if (!diagShowHiddenStrip) continue;
+        }
         const d = dotFor(p.id);
         const sub = d.label || `${p.turn_count} Turns`;
-        cards.push(chip(p.id, `📁 ${p.name}`, focusedContextId === p.id, d.color, sub));
+        cards.push(projChip(p, focusedContextId === p.id, d.color, sub));
+      }
+      // Toggle-Chip am Ende (nur wenn es versteckte gibt oder gerade gezeigt werden)
+      if (hiddenCount > 0 || diagShowHiddenStrip) {
+        const tLabel = diagShowHiddenStrip
+          ? `🙈 versteckte ausblenden (${hiddenCount})`
+          : `👁 versteckte anzeigen (${hiddenCount})`;
+        cards.push(`<div onclick="toggleDiagHiddenStrip()" title="Versteckte Projekte ein-/ausblenden" style="cursor:pointer;flex:0 0 auto;padding:6px 10px;background:#0D0D18;border:1px dashed #3A3A50;border-radius:6px;display:flex;align-items:center;color:#B392F0;font-size:11px;font-weight:600;white-space:nowrap;">${tLabel}</div>`);
       }
       strip.innerHTML = cards.join('');
     }
 
+    function toggleDiagHiddenStrip() {
+      diagShowHiddenStrip = !diagShowHiddenStrip;
+      renderContextStrip();
+    }
+
+    async function setStripProjectHidden(id, hidden) {
+      try {
+        const r = await fetch(`/api/brain/projects/${encodeURIComponent(id)}`, {
+          method: 'PATCH',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ hidden: !!hidden }),
+        });
+        if (!r.ok) throw new Error('HTTP ' + r.status);
+        // Wenn wir das gerade fokussierte Projekt verstecken (und Versteckte nicht
+        // eingeblendet sind), zurueck auf Hauptchat — sonst haengt der Focus an
+        // einem unsichtbaren Chip.
+        if (hidden && id === focusedContextId && !diagShowHiddenStrip) {
+          switchDiagFocus('');
+        }
+        // Lokal sofort aktualisieren (der /api/brain-Proxy broadcastet zusaetzlich
+        // project_changed an App + andere Tabs).
+        await refreshDiagProjectsCache();
+      } catch (e) {
+        alert('Verstecken/Anzeigen fehlgeschlagen: ' + e.message);
+      }
+    }
+
     async function refreshDiagQueueStatus() {
       try {
         const r = await fetch('/api/brain/projects/queue-status');
@@ -1775,8 +1835,10 @@
         }
 
         if (msg.type === 'project_changed') {
-          // ARIA hat in einem Tool-Call ein Projekt erstellt/betreten/verlassen/beendet.
-          // Liste neu laden falls sichtbar.
+          // Projekt geaendert (ARIA-Tool, App/Diagnostic-Verstecken, …) →
+          // BEIDE Projekt-UIs live aktualisieren: den Kontext-Streifen (Main)
+          // und die vertikale Liste (Einstellungen).
+          refreshDiagProjectsCache();
           loadProjects();
           return;
         }

diagnostic/server.js

@@ -898,6 +898,11 @@ function connectRVS(forcePlain) {
         // Mode-Broadcast von der Bridge → an Browser-Clients weiterreichen
         log("info", "rvs", `Mode-Broadcast: ${msg.payload?.mode} (${msg.payload?.name})`);
         broadcast({ type: "mode", payload: msg.payload });
+      } else if (msg.type === "project_changed") {
+        // Ein Projekt wurde geaendert (ARIA-Tool, App-Verstecken, …) → an die
+        // Browser-Tabs weiterreichen, damit die Projektliste live neu laedt
+        // (bisher wurde das NICHT geforwardet → Diagnostic aktualisierte nie).
+        broadcast({ type: "project_changed", payload: msg.payload || {} });
       } else if (msg.type === "agent_activity") {
         // Bridge meldet "ARIA denkt/schreibt/tool" oder "idle" — an Browser
         // weiterreichen, damit der Thinking-Indikator im Chat erscheint.
@@ -1597,7 +1602,16 @@ const htmlPath = path.join(__dirname, "index.html");
 
 const server = http.createServer((req, res) => {
   if (req.url === "/" || req.url === "/index.html") {
-    res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
+    // no-store: das Dashboard ist eine Single-HTML-App die bei jedem Deploy
+    // neue Inline-JS/CSS bekommt. Ohne Cache-Header servierte der Browser die
+    // alte Version trotz Reload (neue Features tauchten erst nach Hard-Reload
+    // auf) — genau das Symptom „ich seh den Button nicht".
+    res.writeHead(200, {
+      "Content-Type": "text/html; charset=utf-8",
+      "Cache-Control": "no-store, no-cache, must-revalidate",
+      "Pragma": "no-cache",
+      "Expires": "0",
+    });
     res.end(fs.readFileSync(htmlPath, "utf-8"));
   } else if (req.url === "/api/state") {
     res.writeHead(200, { "Content-Type": "application/json" });
@@ -2168,6 +2182,13 @@ const server = http.createServer((req, res) => {
     // mehr als eine Minute.
     const isUpload = /\/attachments(\/upload)?$/.test(targetPath);
     const timeout = isUpload ? 120000 : 60000;
+    // Projekt-Mutationen (create/switch/end/archive/patch inkl. hidden) sollen
+    // alle Clients live aktualisieren. Wir broadcasten nach Erfolg ein
+    // project_changed an RVS — App + andere Diagnostic-Tabs laden dann neu,
+    // ohne Seiten-Refresh (spiegelt das bestehende ARIA-project_changed-Event).
+    const isProjectMutation =
+      /^\/projects\b/.test(targetPath) &&
+      (req.method === "POST" || req.method === "PATCH" || req.method === "DELETE");
     const proxyReq = http.request({
       host: "aria-brain",
       port: 8080,
@@ -2178,6 +2199,17 @@ const server = http.createServer((req, res) => {
     }, (proxyRes) => {
       res.writeHead(proxyRes.statusCode, proxyRes.headers);
       proxyRes.pipe(res);
+      if (isProjectMutation && proxyRes.statusCode >= 200 && proxyRes.statusCode < 300) {
+        try {
+          // An App + Bridge (RVS echot NICHT an den Sender) …
+          sendToRVS_raw({ type: "project_changed",
+                          payload: { reason: "diagnostic" },
+                          timestamp: Date.now() });
+          // … und an die eigenen Browser-Tabs (die haengen am Diag-Server, nicht
+          // direkt am RVS, kriegen den RVS-Broadcast also nicht).
+          broadcast({ type: "project_changed", payload: { reason: "diagnostic" } });
+        } catch (_) {}
+      }
     });
     proxyReq.on("error", (err) => {
       res.writeHead(503, { "Content-Type": "application/json" });