From 0f3ade9a1a7455726442994900eeffbac0625f15 Mon Sep 17 00:00:00 2001
From: Stener1 <stener@brando.no>
Date: Tue, 13 Oct 2026 07:32:27 +0000
Subject: [PATCH 1/2] fix(app): a box with no browsers says so outside the list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Settings › Boxes put "No browsers running on <box>" as a <p> inside the
Browsers <ul>, which axe flags as a serious list violation (a11y
settings-boxes in berth-dark, whenever the box's processes load before
the scan).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LQ7gUBM8j8uAh3PWTFSYQa
---
 app/src/components/box-processes.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/components/box-processes.tsx b/app/src/components/box-processes.tsx
index a95d2c7e..f648fabd 100644
--- a/app/src/components/box-processes.tsx
+++ b/app/src/components/box-processes.tsx
@@ -142,8 +142,7 @@ function ProcessesBody({ box, data, error, reload }: { box: string; data?: BoxPr
   const sessions = (data.sessions ?? []).slice(0, 5);
   return (
     <>
-      <Section title="Browsers">
-        {data.browsers.length === 0 && <p className="px-4 py-3 text-muted-foreground text-xs">No browsers running on {box}.</p>}
+      <Section title="Browsers" empty={data.browsers.length === 0 ? `No browsers running on ${box}.` : undefined}>
         {data.browsers.map((b) => (
           <BrowserRow key={b.id} box={box} b={b} onStopped={reload} />
         ))}
@@ -162,11 +161,12 @@ function ProcessesBody({ box, data, error, reload }: { box: string; data?: BoxPr
   );
 }
 
-function Section({ title, children }: { title: string; children: React.ReactNode }) {
+// empty says so in place of the list, which may hold only its rows.
+function Section({ title, empty, children }: { title: string; empty?: string; children: React.ReactNode }) {
   return (
     <div>
       <div className="sticky top-0 z-1 border-b bg-popover px-4 py-1 font-medium text-[11px] text-muted-foreground">{title}</div>
-      <ul className="divide-y">{children}</ul>
+      {empty ? <p className="px-4 py-3 text-muted-foreground text-xs">{empty}</p> : <ul className="divide-y">{children}</ul>}
     </div>
   );
 }

From 69532fa637e086e6167df9bc47a461f60acf8cb4 Mon Sep 17 00:00:00 2001
From: Stener1 <stener@brando.no>
Date: Tue, 13 Oct 2026 08:02:30 +0000
Subject: [PATCH 2/2] docs: changelog for the boxes list fix

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LQ7gUBM8j8uAh3PWTFSYQa
---
 docs/changelog.mdx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/docs/changelog.mdx b/docs/changelog.mdx
index 9f4a7d2d..9118acf3 100644
--- a/docs/changelog.mdx
+++ b/docs/changelog.mdx
@@ -9,6 +9,13 @@ upgrades with `berth upgrade BOX`, or by running the
 [install command](/getting-started/add-a-box#with-the-install-command)
 again.
 
+## Unreleased
+
+- **Settings › Boxes reads correctly to a screen reader.** A box with no
+  browsers running put its "No browsers running" note inside the browsers
+  list, so assistive tech announced an empty list with a stray line in it.
+  The note now stands on its own.
+
 ## v0.3.16
 
 - **Typing `/` in a chat lists your skills.** A bare `/` used to stop after