From ab0bb4ef6f015db98f2e2a6e01dff260625c8224 Mon Sep 17 00:00:00 2001
From: Jokin <jgamboa@teknes.es>
Date: Sun, 16 Aug 2026 04:18:56 +0200
Subject: [PATCH] Pane command rows go flat, like the Connections button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The file panels' action verbs (Send/Edit/Rename/new folder/new file/
permissions/Delete) and the panel picker were wearing the full Aero slab,
which is the dialog push-button treatment — wrong for what is really an
Explorer command bar. Marked the session strip w7-toolbar so they get the
flat-with-hover-glow treatment the Connections button already had from the
tab-bar row.

The path bar gets it too. Its up/refresh controls sit directly under the
action row, so leaving them as slabs beside newly-flat neighbours would have
read as arbitrary rather than deliberate. w7-toolbar only targets button, so
the path <input> keeps its 7.css textbox border.

Verified on a live single-instance capture: both rows flat, the path input
unchanged. architecture.md's "three header rows" was now wrong and says
"every command row" instead.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 docs/architecture.md                  |  7 +++++--
 ui/src/app/file-panel/file-panel.html | 14 ++++++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/docs/architecture.md b/docs/architecture.md
index 5aa8775..59999e7 100644
--- a/docs/architecture.md
+++ b/docs/architecture.md
@@ -306,8 +306,11 @@ still scales and 7.css's `pt` shorthand stops resetting weight/line-height.
 
 **Markup hooks**: `role="progressbar"` (+aria) on the transfer bars,
 `has-scrollbar` on scroll containers (7.css only styles `::-webkit-scrollbar`
-under that class), `w7-toolbar` on the three header rows (their buttons go
-flat — Explorer's command bar was flat, unlike dialog push buttons), `w7-flat`
+under that class), `w7-toolbar` on every command row — the three window header
+rows plus each file panel's session strip and path bar (their buttons go flat
+with a hover glow — Explorer's command bar was flat, unlike dialog push
+buttons; it only targets `button`, so the path `<input>` keeps its 7.css
+textbox treatment), `w7-flat`
 as the per-button escape hatch for the same treatment outside a toolbar (the
 status-bar transfers summary is a text toggle, not a push button), `w7-btn`
 on the 10 dialog action buttons. The flat treatment is split across two
diff --git a/ui/src/app/file-panel/file-panel.html b/ui/src/app/file-panel/file-panel.html
index 89cae83..2c7bef8 100644
--- a/ui/src/app/file-panel/file-panel.html
+++ b/ui/src/app/file-panel/file-panel.html
@@ -1,5 +1,9 @@
-<!-- session strip -->
-<div class="relative flex items-center gap-1.5 border-b border-border px-2 py-1">
+<!-- session strip.
+     w7-toolbar: these are Explorer command-bar verbs, not dialog push buttons,
+     so under the win7 skin they go flat with a hover glow instead of wearing
+     the full Aero slab — the same treatment the Connections button gets from
+     the tab-bar row. -->
+<div class="w7-toolbar relative flex items-center gap-1.5 border-b border-border px-2 py-1">
   <button
     (click)="toggleMenu()"
     class="flex min-w-0 items-center gap-1.5 rounded-md px-2 py-1 text-(length:--path-font) font-medium hover:bg-accent"
@@ -157,8 +161,10 @@
   }
 </div>
 
-<!-- path bar -->
-<div class="flex items-center gap-1 border-b border-border px-2 py-1.5">
+<!-- path bar. Also w7-toolbar: the up/refresh controls sit next to the action
+     row, so leaving them as Aero slabs would read as arbitrary. The class only
+     targets buttons — the path <input> keeps its 7.css textbox treatment. -->
+<div class="w7-toolbar flex items-center gap-1 border-b border-border px-2 py-1.5">
   <button
     (click)="panel().up()"
     [disabled]="blocked()"