From 3b8d48eaf55055637a17da55e078ff52a7c1acfa Mon Sep 17 00:00:00 2001
From: Karim <karim@gabrielevarano.ch>
Date: Tue, 21 Jul 2026 19:51:03 +0200
Subject: [PATCH] =?UTF-8?q?Zahnrad-Icons=20in=20Zeichnungsebenen/Ebenen=20?=
 =?UTF-8?q?=C3=B6ffnen=20jetzt=20die=20passenden=20Fenster?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bisher öffneten beide Panel-Kopfzeilen die allgemeinen Einstellungen statt
ihrer eigenen: Zeichnungsebenen jetzt den Zeichnungsebenen-Fenster-Manager,
Ebenen die Ebeneneinstellungen der aktiven Kategorie.
---
 src/App.tsx                       |  3 +++
 src/panels/DrawingLevelsPanel.tsx |  9 +++++----
 src/panels/LayersPanel.tsx        | 12 ++++++++----
 src/panels/host.ts                | 14 ++++++++++----
 4 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 4ab657c..97faa97 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3052,6 +3052,9 @@ export default function App() {
       onLayerContextMenu: (code, x, y) =>
         setMenu({ kind: "layer", code, x, y }),
       onOpenLayerSettings: (code, x, y) => openLayerSettings(code, x, y),
+      onOpenDrawingLevelsWindow: () => {
+        if (isTauriRuntime()) void openDrawingLevelsWindowNative();
+      },
       onOpenSettings: () => openSettings(),
       onPatchComponent: patchComponent,
       onAddComponent: addComponent,
diff --git a/src/panels/DrawingLevelsPanel.tsx b/src/panels/DrawingLevelsPanel.tsx
index 54c4832..ad20c35 100644
--- a/src/panels/DrawingLevelsPanel.tsx
+++ b/src/panels/DrawingLevelsPanel.tsx
@@ -157,15 +157,16 @@ export function DrawingLevelsPanel() {
 }
 
 /** Aktionen für die gemeinsame PanelFrame-Kopfzeile (statt eigener Titelzeile):
- *  Zahnrad → Einstellungen (Darstellungsfarben/Projekt-Felder). */
+ *  Zahnrad → Zeichnungsebenen-Manager als eigenes natives Fenster öffnen
+ *  (Duplikat desselben Inhalts, additiv zum Dock-Panel). */
 export function DrawingLevelsHeaderActions() {
   const host = usePanelHost();
   return (
     <button
       className="nav-settings"
-      aria-label={t("topbar.settings")}
-      title={t("topbar.settings")}
-      onClick={host.onOpenSettings}
+      aria-label={t("nav.drawingLevelsWindow")}
+      title={t("nav.drawingLevelsWindow")}
+      onClick={host.onOpenDrawingLevelsWindow}
     >
       <span className="material-symbols-outlined" aria-hidden="true">
         settings
diff --git a/src/panels/LayersPanel.tsx b/src/panels/LayersPanel.tsx
index cdfeca8..cec68c7 100644
--- a/src/panels/LayersPanel.tsx
+++ b/src/panels/LayersPanel.tsx
@@ -175,7 +175,9 @@ function CategoryRow({
 }
 
 /** Aktionen für die gemeinsame PanelFrame-Kopfzeile (statt eigener Titelzeile):
- *  „+ Kategorie" + Zahnrad → Einstellungen (wie im Zeichnungsebenen-Kopf).
+ *  „+ Kategorie" + Zahnrad → Ebeneneinstellungen der aktiven Ebene (wie das
+ *  Zahnrad je Zeile, hier für activeCategoryCode; unter Tauri natives Fenster,
+ *  sonst InlineEditor-Popover — siehe onOpenLayerSettings).
  *  Läuft im PanelHostContext, nutzt daher usePanelHost. */
 export function LayersHeaderActions() {
   const host = usePanelHost();
@@ -183,9 +185,11 @@ export function LayersHeaderActions() {
     <>
       <button
         className="nav-settings"
-        onClick={host.onOpenSettings}
-        aria-label={t("topbar.settings")}
-        title={t("topbar.settings")}
+        onClick={(e) =>
+          host.onOpenLayerSettings(host.activeCategoryCode, e.clientX, e.clientY)
+        }
+        aria-label={t("ctx.layerSettings")}
+        title={t("ctx.layerSettings")}
       >
         <span className="material-symbols-outlined" aria-hidden="true">
           settings
diff --git a/src/panels/host.ts b/src/panels/host.ts
index 12261f8..f112ef1 100644
--- a/src/panels/host.ts
+++ b/src/panels/host.ts
@@ -117,13 +117,19 @@ export interface PanelHostValue {
    * Löschen) und hält das offene Menü.
    */
   onLayerContextMenu: (code: string, clientX: number, clientY: number) => void;
-  /** Öffnet die Ebeneneinstellungen direkt (Zahnrad-Symbol je Zeile) — unter
-   * Tauri als natives Fenster, sonst derselbe InlineEditor-Popover wie über
-   * das Kontextmenü (siehe App.tsx `openLayerSettings`). */
+  /** Öffnet die Ebeneneinstellungen direkt (Zahnrad-Symbol je Zeile bzw.
+   * Panel-Kopfzeile, dort für die aktive Ebene) — unter Tauri als natives
+   * Fenster, sonst derselbe InlineEditor-Popover wie über das Kontextmenü
+   * (siehe App.tsx `openLayerSettings`). */
   onOpenLayerSettings: (code: string, clientX: number, clientY: number) => void;
+  /** Öffnet den Zeichnungsebenen-Manager als eigenes natives Fenster (Zahnrad
+   * in der Panel-Kopfzeile „Zeichnungsebenen") — Duplikat desselben Inhalts
+   * wie das Dock-Panel, additiv. No-op außerhalb von Tauri (kein eigenes
+   * Fenster-Konzept im Browser; das Dock-Panel zeigt dort bereits alles). */
+  onOpenDrawingLevelsWindow: () => void;
   /** Öffnet das Einstellungs-Fenster (Darstellungsfarben, Projekt-Felder) —
    * unter Tauri als natives Fenster, sonst als In-App-Dialog (App.openSettings).
-   * Als Zahnrad in den Panel-Kopfzeilen „Zeichnungsebenen"/„Ebenen". */
+   * Erreichbar über „Fenster"-Menü (AppMenuBar/native Menüleiste). */
   onOpenSettings: () => void;
 
   // Ressourcen-Handler (Bauteile / Schraffuren / Linienstile). Spiegelt