refactor(browse): drop status-bar footer, route messages to toasts

The persistent #statusBar strip held whatever last-action message
was written ("Loaded N items", "Created folder X", error text, …)
and stuck around indefinitely, overlapping content while adding
little value. Deleted the strip; existing statusInfo/statusError
call sites now thunk through window.zddc.toast (the shared toast
helper every tool already bundles).

  - Same function signatures: events.statusInfo /
    events.statusError keep working without touching the 70+ call
    sites across app.js, download.js, events.js, etc.
  - plan-review.js had its own private statusInfo/statusError pair
    (duplicated the DOM write); updated to route through
    zddc.toast as well.
  - statusClear becomes a no-op — toasts fade on their own (5s
    info, 8s error via cap-toast) and the toast helper's
    single-toast policy guarantees only the latest is visible.

Removed: #statusBar div from template.html, .status-bar / .is-error
/ .is-info / --error / --info rules from base.css and tree.css.
Zero remaining `statusBar` or `status-bar` references in the built
browse.html. Full Playwright suite green (243/0/4).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

browse/css/base.css

@@ -26,21 +26,6 @@ body {
 
 /* .hidden lives in shared/base.css; no per-tool override needed. */
 
-/* Status bar — shows transient errors/info */
-.status-bar {
-    padding: 0.4rem 1rem;
-    background: var(--bg-secondary);
-    border-top: 1px solid var(--border);
-    font-size: 0.85rem;
-    color: var(--text-muted);
-    min-height: 1.6rem;
-    line-height: 1.6rem;
-    flex-shrink: 0;
-}
-
-.status-bar--error { color: #b00020; }
-.status-bar--info  { color: var(--primary); }
-
 /* Read-only banner for the YAML editor — surfaced by preview-yaml.js
    when the listing's `writable` bit was false. CodeMirror's readOnly
    mode has no built-in visual signal beyond the disabled caret, so a

browse/css/tree.css

@@ -575,21 +575,6 @@ body {
     color: var(--text-muted);
 }
 
-/* ── Status bar ──────────────────────────────────────────────────────────── */
-
-.status-bar {
-    padding: 0.4rem 1rem;
-    background: var(--bg-secondary);
-    border-top: 1px solid var(--border);
-    font-size: 0.8rem;
-    color: var(--text-muted);
-    min-height: 1.6rem;
-    flex-shrink: 0;
-}
-
-.status-bar.is-error { color: var(--danger); }
-.status-bar.is-info  { color: var(--text); }
-
 /* ── Markdown plugin (right-pane internals when a .md is selected) ──────── */
 /* CSS-Grid shell mirroring mdedit's layout: sidebar on the LEFT
    (front matter top + TOC bottom), content on the RIGHT (informational

browse/js/events.js

@@ -10,18 +10,21 @@
     // call time, not at IIFE-eval time.
     function previewMod() { return window.app.modules.preview; }
 
+    // Notifications route through the shared toast helper (shared/
+    // toast.js) — there's no persistent footer strip in browse. Same
+    // signatures as before so the 70+ existing call sites work
+    // unchanged; statusClear is a no-op (toasts fade on their own and
+    // single-toast policy guarantees only the latest is visible).
     function status(msg, kind) {
-        var el = document.getElementById('statusBar');
+        if (!msg) return;
-        if (!el) return;
+        if (!window.zddc || typeof window.zddc.toast !== 'function') return;
-        el.textContent = msg || '';
+        var level = kind === 'error' ? 'error' : 'info';
-        el.classList.remove('status-bar--error', 'status-bar--info');
+        window.zddc.toast(msg, level);
-        if (kind === 'error') el.classList.add('status-bar--error');
-        if (kind === 'info')  el.classList.add('status-bar--info');
     }
 
     function statusError(msg) { status(msg, 'error'); }
     function statusInfo(msg)  { status(msg, 'info'); }
-    function statusClear()    { status('', null); }
+    function statusClear()    { /* no-op — toasts fade on their own */ }
 
     async function pickLocalDir() {
         if (typeof window.showDirectoryPicker !== 'function') {

browse/js/plan-review.js

@@ -32,19 +32,17 @@
     var REVIEW_OFFSET_DAYS = 7;
     var RESPONSE_OFFSET_DAYS = 14;
 
+    // Notifications go through the shared toast helper — there's no
+    // persistent footer strip in browse anymore.
     function statusInfo(msg) {
-        var el = document.getElementById('statusBar');
+        if (msg && window.zddc && typeof window.zddc.toast === 'function') {
-        if (!el) return;
+            window.zddc.toast(msg, 'info');
-        el.textContent = msg || '';
+        }
-        el.classList.remove('status-bar--error');
-        el.classList.add('status-bar--info');
     }
     function statusError(msg) {
-        var el = document.getElementById('statusBar');
+        if (msg && window.zddc && typeof window.zddc.toast === 'function') {
-        if (!el) return;
+            window.zddc.toast(msg, 'error');
-        el.textContent = msg || '';
+        }
-        el.classList.remove('status-bar--info');
-        el.classList.add('status-bar--error');
     }
 
     // Compute today + N days as a YYYY-MM-DD string.

browse/template.html

@@ -98,8 +98,6 @@
         </div>
     </main>
 
-    <div id="statusBar" class="status-bar"></div>
-
     <!-- Help Panel -->
     <aside id="help-panel" class="help-panel" hidden aria-labelledby="help-panel-title">
         <div class="help-panel__header">