Add per-request AI logging, DB batch queue, WS entity updates, and UI polish

- log_thread.py: thread-safe ContextVar bridge so executor threads can log
  individual LLM calls and archive searches back to the event loop
- ai_log.py: init_thread_logging(), notify_entity_update(); WS now pushes
  entity_update messages when book data changes after any plugin or batch run
- batch.py: replace batch_pending.json with batch_queue SQLite table;
  run_batch_consumer() reads queue dynamically so new books can be added
  while batch is running; add_to_queue() deduplicates
- migrate.py: fix _migrate_v1 (clear-on-startup bug); add _migrate_v2 for
  batch_queue table
- _client.py / archive.py / identification.py: wrap each LLM API call and
  archive search with log_thread start/finish entries
- api.py: POST /api/batch returns {already_running, added}; notify_entity_update
  after identify pipeline
- models.default.yaml: strengthen ai_identify confidence-scoring instructions;
  warn against placeholder data
- detail-render.js: book log entries show clickable ID + spine thumbnail;
  book spine/title images open full-screen popup
- events.js: batch-start handles already_running+added; open-img-popup action
- init.js: entity_update WS handler; image popup close listeners
- overlays.css / index.html: full-screen image popup overlay
- eslint.config.js: add new globals; fix no-redeclare/no-unused-vars for
  multi-file global architecture; all lint errors resolved

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

static/css/layout.css

@@ -1,29 +1,37 @@
 /*
  * layout.css
- * Top-level layout: sticky header bar, two-column desktop layout
- * (300px sidebar + flex main panel), mobile single-column default,
+ * Top-level layout: global header spanning full width, two-column desktop
+ * layout (300px sidebar + flex main panel), mobile single-column default,
  * and the contenteditable header span used for inline entity renaming.
  *
  * Breakpoint: ≥768px = desktop two-column; <768px = mobile accordion.
  */
 
-/* ── Header ── */
+/* ── Page wrapper (header + content area) ── */
+.page-wrap{display:flex;flex-direction:column;min-height:100vh}
+
+/* ── Global header ── */
 .hdr{background:#1e3a5f;color:white;padding:10px 14px;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:100;box-shadow:0 2px 6px rgba(0,0,0,.3);flex-shrink:0}
-.hdr h1{flex:1;font-size:.96rem;font-weight:600}
+.hdr h1{font-size:.96rem;font-weight:600}
 .hbtn{background:none;border:none;color:white;min-width:34px;min-height:34px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
 .hbtn:active{background:rgba(255,255,255,.2)}
 
+/* ── AI active indicator (in global header) ── */
+.ai-indicator{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:rgba(255,255,255,.9);padding:2px 8px;border-radius:10px;background:rgba(255,255,255,.12)}
+.ai-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;animation:pulse 1.2s ease-in-out infinite}
+@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
+
 /* ── Mobile layout (default) ── */
-.layout{display:flex;flex-direction:column;min-height:100vh}
+.layout{display:flex;flex-direction:column;flex:1}
 .sidebar{flex:1}
 .main-panel{display:none}
 
 /* ── Desktop layout ── */
 @media(min-width:768px){
   body{overflow:hidden}
-  .layout{flex-direction:row;height:100vh;overflow:hidden}
+  .page-wrap{height:100vh;overflow:hidden}
+  .layout{flex-direction:row;flex:1;overflow:hidden}
   .sidebar{width:300px;display:flex;flex-direction:column;border-right:1px solid #cbd5e1;overflow:hidden;flex-shrink:0}
-  .sidebar .hdr{padding:9px 12px}
   .sidebar-body{flex:1;overflow-y:auto;padding:8px 10px 16px}
   .main-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#e8eef5}
   .main-hdr{background:#1e3a5f;color:white;padding:9px 14px;display:flex;align-items:center;gap:8px;flex-shrink:0}
@@ -31,6 +39,12 @@
   .main-body{flex:1;overflow:auto;padding:14px}
 }
 
+/* ── Root detail panel ── */
+.det-root{max-width:640px}
+.ai-log-entry{border-bottom:1px solid #f1f5f9;padding:0 2px}
+.ai-log-entry:last-child{border-bottom:none}
+.ai-log-entry summary::-webkit-details-marker{display:none}
+
 /* ── Detail header editable name ── */
 .hdr-edit{display:block;outline:none;cursor:text;border-radius:3px;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .hdr-edit:focus{background:rgba(255,255,255,.15);white-space:normal;overflow:visible}

static/css/overlays.css

@@ -29,3 +29,10 @@
 .pq-skip-btn{background:rgba(255,255,255,.1);color:#cbd5e1;border:none;border-radius:8px;padding:12px 18px;font-size:.85rem;cursor:pointer;min-width:70px}
 .pq-skip-btn:active{background:rgba(255,255,255,.2)}
 .pq-processing{position:absolute;inset:0;background:rgba(15,23,42,.88);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:.9rem}
+
+/* ── Image popup ── */
+.img-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:500;align-items:center;justify-content:center}
+.img-popup.open{display:flex}
+.img-popup-inner{position:relative;max-width:90vw;max-height:90vh}
+.img-popup-inner img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;display:block}
+.img-popup-close{position:absolute;top:-14px;right:-14px;background:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:18px;line-height:28px;text-align:center;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.3)}