From 71b803e0202628df6b74ba32a2e013a5596c9822 Mon Sep 17 00:00:00 2001
From: Local Dev <dev@localhost>
Date: Wed, 9 Sep 2026 02:33:45 +0200
Subject: [PATCH] =?UTF-8?q?fix(theseus/screenshot):=200.5.1=20=E2=80=94=20?=
 =?UTF-8?q?hide=20"Loading=20capture"=20for=20real=20+=20centre=20the=20to?=
 =?UTF-8?q?ol=20bar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two things the shipped 0.5.0 got wrong:

- `.empty { display: flex }` overrode the plain `[hidden]` attribute the
  init flow sets after the image draws, so the "Loading capture…" pill
  stayed visible on top of the finished capture. Global rule
  `[hidden] { display: none !important }` takes it out.

- Tool bar was left-aligned; older editor iterations grouped the drawing
  tools / swatches / widths / undo-redo in the centre of the bar, which
  read better in a narrow sidebar. Adds `.toolbar { justify-content: center }`;
  the topbar's back / max / sound / name / save / copy stay edge-anchored.

Version bump so the OTA update endpoint picks it up on the next tick.
---
 bundled-addons/screenshot/addon.json | 2 +-
 bundled-addons/screenshot/editor.css | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/bundled-addons/screenshot/addon.json b/bundled-addons/screenshot/addon.json
index 78fd890..c6aea6a 100644
--- a/bundled-addons/screenshot/addon.json
+++ b/bundled-addons/screenshot/addon.json
@@ -1,7 +1,7 @@
 {
   "id": "screenshot",
   "name": "Screenshot",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Capture the current tab — visible viewport, full page, or a rectangle you draw. Preview + annotate editor (arrow, rect, ellipse, pen, text, undo, copy, save) live inside the sidebar. Expand the sidebar to full window for a canvas-sized editor.",
   "author": "Silent Mode",
   "icon": "📸",
diff --git a/bundled-addons/screenshot/editor.css b/bundled-addons/screenshot/editor.css
index 6299e3c..75f420c 100644
--- a/bundled-addons/screenshot/editor.css
+++ b/bundled-addons/screenshot/editor.css
@@ -15,10 +15,18 @@ html, body { margin: 0; height: 100%; }
 body { background: var(--bg); color: var(--ink);
        font: 13px/1.5 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
        display: flex; flex-direction: column; overflow: hidden; }
+/* Author styles set `display: flex` on .empty/.stage — plain [hidden]
+   loses the cascade fight and the "Loading capture" pill stayed visible
+   over the drawn image. Force-hide takes it out for real. */
+[hidden] { display: none !important; }
 
 .topbar, .toolbar { display: flex; align-items: center; gap: 4px; padding: 6px 8px;
                     border-bottom: 1px solid var(--line); background: var(--panel);
                     user-select: none; flex-wrap: wrap; }
+/* Older versions grouped the drawing tools in the middle of the bar — keep
+   the drawing / swatch / width / undo cluster centred while the top-bar
+   (back / max / sound / name → save / copy) stays edge-anchored. */
+.toolbar { justify-content: center; }
 .topbar .name { color: var(--dim); font-size: 11.5px; overflow: hidden;
                 text-overflow: ellipsis; white-space: nowrap; max-width: 200px; margin: 0 4px; }
 .topbar .spacer, .toolbar .spacer { flex: 1; }