fix(studio): Kopfzeile und Fall-Auswahl an die klassische Ansicht angeglichen

Portierung aus dem Lokal-Fork (AegisSight-Monitor-Local, Commit 9613610). Vier Angleichungen an das klassische Dashboard. 1. "Klassische Ansicht" ist jetzt derselbe Knopf wie "Studio-Ansicht" im Dashboard, mit Symbol, an erster Stelle im rechten Kopfzeilen-Block. 2. Oben rechts fehlten Barrierefreiheit, Konto-Menü und Abmelden. Der A11yManager liegt jetzt in js/a11y.js und wird von beiden Oberflächen eingebunden, denn das Studio lädt app.js nicht. Konto-Menü (Organisation, Lizenz, Credits, Über KI-Inhalte) und Abmelden nachgezogen, der Theme-Schalter ist derselbe Schiebeschalter wie im Dashboard. 3. Die Fall-Liste hat jetzt die Umschaltung "Alle" / "Eigene" in der Knopf-Optik der klassischen Seitenleiste, der Reiter-Zähler zieht mit. 4. Der Hinweis "Wähle links einen Fall aus" endet vor der Bausteine-Spalte statt am Fensterrand, im gestapelten Layout nimmt er die volle Breite. Das info@-Gating des Studios bleibt unverändert bestehen. Versionsmarker der angefassten Dateien auf 20260725a angehoben. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-25 11:39:25 +00:00
Commit 26b2c08138
--- a/src/static/studio.html
+++ b/src/static/studio.html
@@ -13,7 +13,7 @@
    <link rel="stylesheet" href="/static/vendor/MarkerCluster.css">
    <link rel="stylesheet" href="/static/vendor/MarkerCluster.Default.css">
    <link rel="stylesheet" href="/static/css/style.css?v=20260501h">
-    <link rel="stylesheet" href="/static/css/studio.css?v=20260714b">
+    <link rel="stylesheet" href="/static/css/studio.css?v=20260725a">
 </head>
 <body>
    <div class="studio">
@@ -37,11 +37,53 @@
                <span class="studio-status-timer" id="live-status-timer"></span>
            </div>

+            <!-- Gleicher Aufbau wie im klassischen Dashboard: Ansichtswechsel, Barrierefreiheit
+                 (wird von a11y.js hier eingehaengt), Theme, Konto, Abmelden. -->
            <div class="studio-top-right">
-                <button class="studio-theme-toggle" onclick="Studio.toggleTheme()" title="Hell/Dunkel" aria-label="Theme wechseln">
-                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M6.3 17.7l-1.4 1.4M19.1 4.9l-1.4 1.4"/></svg>
-                </button>
-                <a href="/dashboard">Klassische Ansicht</a>
+                <a href="/dashboard" class="btn btn-secondary btn-small" id="classic-view-link" title="Zur klassischen Ansicht wechseln" style="text-decoration:none;display:inline-flex;align-items:center;gap:6px;">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/></svg>
+                    <span>Klassische Ansicht</span>
+                </a>
+                <div class="theme-switch" id="theme-toggle" onclick="Studio.toggleTheme()" role="switch" aria-checked="true" aria-label="Dark Mode" title="Theme wechseln">
+                    <span class="theme-switch-icon theme-switch-sun">☀︎</span>
+                    <div class="theme-switch-track">
+                        <div class="theme-switch-knob"></div>
+                    </div>
+                    <span class="theme-switch-icon theme-switch-moon">☽</span>
+                </div>
+                <div class="header-user-info">
+                    <button class="header-user-btn" id="header-user-btn" aria-expanded="false" aria-haspopup="true">
+                        <span class="header-user" id="header-user"></span>
+                        <span class="header-user-chevron" aria-hidden="true">&#9662;</span>
+                    </button>
+                    <div class="header-user-dropdown" id="header-user-dropdown" role="menu">
+                        <div class="header-dropdown-row">
+                            <span class="header-dropdown-label">Organisation</span>
+                            <span class="header-dropdown-value" id="header-org-name">-</span>
+                        </div>
+                        <div class="header-dropdown-row">
+                            <span class="header-dropdown-label">Lizenz</span>
+                            <span class="header-dropdown-value" id="header-license-info">-</span>
+                        </div>
+                        <div id="credits-section" class="credits-section" style="display: none;">
+                            <div class="credits-divider"></div>
+                            <div class="credits-label">Credits</div>
+                            <div class="credits-bar-container">
+                                <div id="credits-bar" class="credits-bar"></div>
+                            </div>
+                            <div class="credits-info">
+                                <span><span id="credits-remaining">0</span> von <span id="credits-total">0</span></span>
+                                <span class="credits-percent" id="credits-percent"></span>
+                            </div>
+                        </div>
+                        <div class="credits-divider"></div>
+                        <button class="header-dropdown-action" type="button" onclick="AIDisclaimer && AIDisclaimer.show()">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
+                            <span>Über KI-Inhalte</span>
+                        </button>
+                    </div>
+                </div>
+                <button class="btn btn-secondary btn-small" id="logout-btn" type="button" onclick="Studio.logout()">Abmelden</button>
            </div>
        </header>

@@ -62,6 +104,11 @@

                <!-- Reiter: Fälle -->
                <div class="left-pane" id="pane-cases" hidden>
+                    <!-- Gleicher Umfang wie die Seitenleiste im klassischen Dashboard -->
+                    <div class="sidebar-filter case-scope">
+                        <button class="sidebar-filter-btn active" data-scope="all" onclick="Studio.setCaseScope('all')" aria-pressed="true">Alle</button>
+                        <button class="sidebar-filter-btn" data-scope="mine" onclick="Studio.setCaseScope('mine')" aria-pressed="false">Eigene</button>
+                    </div>
                    <div class="src-search">
                        <span class="src-search-icon"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span>
                        <input type="search" id="case-search-input" placeholder="Fälle durchsuchen …" aria-label="Fälle durchsuchen" oninput="Studio.filterCases(this.value)">
@@ -517,6 +564,8 @@
    <script src="/static/js/api.js?v=20260714a"></script>
    <script src="/static/js/ws.js?v=20260316b"></script>
    <script src="/static/js/components.js?v=20260514e"></script>
-    <script src="/static/js/studio.js?v=20260714b"></script>
+    <script src="/static/js/a11y.js?v=20260725a"></script>
+    <script src="/static/js/ai-disclaimer.js?v=20260725a"></script>
+    <script src="/static/js/studio.js?v=20260725a"></script>
 </body>
 </html>