From e1fb58052506b0a4357a4893387e9a849cf9918c Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 07:31:15 +0200
Subject: [PATCH 01/52] v2.3: DOM-freies quicksave-core mit
 uid/ensureInbox/normalizeBookmark

---
 newtab.html              |  1 +
 src/js/quicksave-core.js | 57 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+)
 create mode 100644 src/js/quicksave-core.js

diff --git a/newtab.html b/newtab.html
index 781ee9c..dcec5af 100644
--- a/newtab.html
+++ b/newtab.html
@@ -492,6 +492,7 @@
   <!-- Storage muss zuerst -->
   <script src="src/js/storage.js"></script>
   <!-- State & Hilfsfunktionen -->
+  <script src="src/js/quicksave-core.js"></script>
   <script src="src/js/state.js"></script>
   <!-- i18n (nach state.js, vor allen Modulen die t() nutzen könnten) -->
   <script src="src/js/i18n.js"></script>
diff --git a/src/js/quicksave-core.js b/src/js/quicksave-core.js
new file mode 100644
index 0000000..00706a1
--- /dev/null
+++ b/src/js/quicksave-core.js
@@ -0,0 +1,57 @@
+/* =============================================
+   HELLION NEWTAB — quicksave-core.js
+   DOM-freie geteilte Helfer fuer Seite UND Background-Worker.
+   Laeuft als <script> (newtab.html) und via importScripts (Service-Worker/Event-Page).
+   KEIN window/document/Store-Zugriff. Alle Exporte auf globalThis.
+   ============================================= */
+(function (root) {
+  'use strict';
+
+  // Feste, nicht-zufaellige ID des Inbox-Boards (Quick-Save-Ziel).
+  // Bewusst KEIN uid(): die Inbox muss von Seite und Worker deterministisch
+  // wiedererkennbar sein, sonst entstehen Duplikate (QS-08).
+  const INBOX_ID = 'inbox';
+
+  // Kollisionsarme Kurz-ID. Identisch zur frueheren state.js-Variante,
+  // damit bestehende Aufrufer (boards.js, data.js, app.js, bookmark-import.js) unveraendert weiterlaufen.
+  function uid() {
+    return Math.random().toString(36).slice(2, 10) + Date.now().toString(36);
+  }
+
+  // Sichert, dass im uebergebenen boards-Array genau EIN Inbox-Board existiert,
+  // und gibt dieses Inbox-Board-Objekt zurueck. Idempotent: findet ein Board mit
+  // id === INBOX_ID, sonst legt es eins mit fester id vorne an (unshift) und mutiert
+  // das uebergebene Array dabei IN-PLACE. Der Worker schreibt anschliessend dasselbe
+  // (mutierte) boards-Array via storage zurueck; der Rueckgabewert ist das Board,
+  // damit Aufrufer direkt inbox.bookmarks.push(...) machen koennen (QS-08).
+  function ensureInbox(boardsArr) {
+    const list = Array.isArray(boardsArr) ? boardsArr : [];
+    let inbox = list.find(b => b && b.id === INBOX_ID);
+    if (!inbox) {
+      inbox = { id: INBOX_ID, title: 'Inbox', bookmarks: [], blurred: false };
+      list.unshift(inbox);
+    }
+    return inbox;
+  }
+
+  // Normalisiert eine Bookmark in die kanonische Form { id, title, url, desc }.
+  // title-Fallback auf url, desc auf ''. Begrenzt Laengen wie data.js (200/500),
+  // damit Quick-Save-Eintraege das gleiche Schema wie Import/Manuell haben.
+  function normalizeBookmark(raw) {
+    const url = (raw && typeof raw.url === 'string') ? raw.url : '';
+    const title = (raw && typeof raw.title === 'string' && raw.title.trim())
+      ? raw.title.trim()
+      : url;
+    return {
+      id: (raw && raw.id) ? raw.id : uid(),
+      title: String(title).slice(0, 200),
+      url: url,
+      desc: String((raw && raw.desc) || '').slice(0, 500)
+    };
+  }
+
+  root.INBOX_ID = INBOX_ID;
+  root.uid = uid;
+  root.ensureInbox = ensureInbox;
+  root.normalizeBookmark = normalizeBookmark;
+})(typeof globalThis !== 'undefined' ? globalThis : self);

From ecb44facb555717cca80c41a705a8e4dbdd8cd49 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 08:03:18 +0200
Subject: [PATCH 02/52] v2.3: uid-Single-Source in quicksave-core, state.js
 delegiert

---
 src/js/state.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/js/state.js b/src/js/state.js
index 4ca28c1..e9de06e 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -21,9 +21,8 @@ let settings = {
   language:      'auto'
 };
 
-function uid() {
-  return Math.random().toString(36).slice(2, 10) + Date.now().toString(36);
-}
+// uid() lebt jetzt in quicksave-core.js (globalThis.uid), damit Seite und
+// Background-Worker dieselbe ID-Erzeugung teilen. Hier bewusst KEINE eigene Deklaration.
 
 function escHtml(str) {
   return String(str)

From 2daccf4ecc7b4dfcb8b0d218c9d41ba0694222f6 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 08:35:27 +0200
Subject: [PATCH 03/52] v2.3: trash als eigener Store-Key + saveTrash, in init
 geladen

---
 src/js/app.js   | 2 ++
 src/js/state.js | 8 ++++++++
 2 files changed, 10 insertions(+)

diff --git a/src/js/app.js b/src/js/app.js
index d023466..d27521c 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -6,8 +6,10 @@
 async function init() {
   const savedBoards   = await Store.get('boards');
   const savedSettings = await Store.get('settings');
+  const savedTrash    = await Store.get('trash');
 
   boards = savedBoards ?? getDefaultBoards();
+  trash  = Array.isArray(savedTrash) ? savedTrash : [];
   if (savedSettings) Object.assign(settings, savedSettings);
 
   I18n.init();
diff --git a/src/js/state.js b/src/js/state.js
index e9de06e..936bd05 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -5,6 +5,10 @@
 
 let boards = [];
 
+// Papierkorb als EIGENER Store-Key (nicht im boards-Payload), isoliert das Quota-Risiko (CR-04/TRASH-02).
+// Eintrag-Schema: { item, type: 'bookmark'|'board', deletedAt, originBoardId }
+let trash = [];
+
 let settings = {
   compact:       false,
   shortenTitles: false,
@@ -51,6 +55,10 @@ async function saveBoards() {
   await Store.set('boards', boards);
 }
 
+async function saveTrash() {
+  await Store.set('trash', trash);
+}
+
 async function saveSettings() {
   await Store.set('settings', settings);
 }

From c96922d1bb4ebaf3bd880a47b5a973e6a1485a49 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:03:31 +0200
Subject: [PATCH 04/52] v2.3: page-seitiger ensureInboxBoard-Wrapper auf
 quicksave-core

---
 src/js/state.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/js/state.js b/src/js/state.js
index 936bd05..4c8d1b7 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -59,6 +59,19 @@ async function saveTrash() {
   await Store.set('trash', trash);
 }
 
+// Page-seitiger Wrapper um das DOM-freie ensureInbox() aus quicksave-core.js.
+// ensureInbox() mutiert das globale boards-Array in-place; wir persistieren nur,
+// wenn die Inbox neu angelegt wurde, und geben das Inbox-Board-Objekt zurueck
+// (fuer Quick-Save-/Restore-Pfade).
+async function ensureInboxBoard() {
+  const before = boards.length;
+  const inbox = ensureInbox(boards);   // global aus quicksave-core.js; mutiert boards in-place
+  if (boards.length !== before) {
+    await saveBoards();
+  }
+  return inbox;
+}
+
 async function saveSettings() {
   await Store.set('settings', settings);
 }

From 6a27d9b3071ed8304f391b18228626067d6c79a5 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:12:49 +0200
Subject: [PATCH 05/52] i18n: Keys fuer Command-Palette (DE+EN)

---
 src/js/i18n.js | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/js/i18n.js b/src/js/i18n.js
index 15b2bc0..45583ff 100644
--- a/src/js/i18n.js
+++ b/src/js/i18n.js
@@ -426,7 +426,17 @@ const STRINGS = {
     'toolbar.calculator':      'Taschenrechner',
     'toolbar.timer':           'Timer',
     'toolbar.imageref':        'Bild-Referenz',
-    'toolbar.notebook':        'Alle Notes'
+    'toolbar.notebook':        'Alle Notes',
+
+    // Command-Palette
+    'palette.placeholder':     'Bookmarks & Boards durchsuchen…',
+    'palette.aria_label':      'Bookmark-Suche',
+    'palette.list_label':      'Suchergebnisse',
+    'palette.no_results':      'Keine Treffer',
+    'palette.hint':            'Strg+K zum Öffnen · ↑↓ zum Navigieren · Enter öffnet · Esc schließt',
+    'palette.count':           '{count} Treffer',
+    'palette.count_one':       '1 Treffer',
+    'palette.board_prefix':    'Board:'
   },
 
   en: {
@@ -851,7 +861,17 @@ const STRINGS = {
     'toolbar.calculator':      'Calculator',
     'toolbar.timer':           'Timer',
     'toolbar.imageref':        'Image reference',
-    'toolbar.notebook':        'All notes'
+    'toolbar.notebook':        'All notes',
+
+    // Command palette
+    'palette.placeholder':     'Search bookmarks & boards…',
+    'palette.aria_label':      'Bookmark search',
+    'palette.list_label':      'Search results',
+    'palette.no_results':      'No results',
+    'palette.hint':            'Ctrl+K to open · ↑↓ to navigate · Enter opens · Esc closes',
+    'palette.count':           '{count} results',
+    'palette.count_one':       '1 result',
+    'palette.board_prefix':    'Board:'
   }
 };
 

From 42860bb95d412f67d7d008d72d30424c9e7d8f65 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:15:21 +0200
Subject: [PATCH 06/52] feat: Command-Palette-Modul (Strg+K, read-only
 Bookmark-Suche)

---
 src/js/palette.js | 216 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 216 insertions(+)
 create mode 100644 src/js/palette.js

diff --git a/src/js/palette.js b/src/js/palette.js
new file mode 100644
index 0000000..76a05bb
--- /dev/null
+++ b/src/js/palette.js
@@ -0,0 +1,216 @@
+/* =============================================
+   HELLION NEWTAB — palette.js
+   Command-Palette (Strg+K): read-only Suche ueber Boards/Bookmarks
+   ============================================= */
+
+// Reine init-Funktion ohne Top-Level-Seiteneffekt (Hausmuster wie initSearch).
+// Wird aus app.js init() nach initSearch() aufgerufen.
+function initPalette() {
+  let overlay = null;       // aktives Overlay-Element oder null (= geschlossen)
+  let prevFocus = null;     // Fokus-Rueckgabeziel
+  let keyHandler = null;    // dokument-weiter Handler im offenen Zustand
+  let results = [];         // aktuelle Trefferliste [{ title, url, boardName }]
+  let activeIndex = -1;     // aktiver Listeneintrag fuer aria-activedescendant
+
+  // ---- Open-Guard: kein Strg+K wenn ein anderes Overlay offen ist ----
+  // Deckt Settings (.panel-overlay), Theme/Add-Board/Add-Bookmark/Rename
+  // (.modal-overlay) sowie HellionDialog UND Onboarding (.dialog-overlay) ab.
+  function isBlocked() {
+    return !!document.querySelector(
+      '.panel-overlay.active, .modal-overlay.active, .dialog-overlay.active'
+    );
+  }
+
+  // ---- Trefferquelle: flach ueber alle Boards/Bookmarks ----
+  // Read-only auf dem globalen boards-Array. Match auf Titel, URL, Board-Name.
+  function search(query) {
+    const q = query.trim().toLowerCase();
+    if (!q) return [];
+    const out = [];
+    for (const board of boards) {
+      const boardName = board.title || '';
+      const boardMatch = boardName.toLowerCase().includes(q);
+      for (const bm of (board.bookmarks || [])) {
+        const title = bm.title || '';
+        const url = bm.url || '';
+        if (
+          title.toLowerCase().includes(q) ||
+          url.toLowerCase().includes(q) ||
+          boardMatch
+        ) {
+          out.push({ title, url, boardName });
+        }
+      }
+    }
+    return out;
+  }
+
+  // ---- Treffer oeffnen (wie boards.js:270) ----
+  function openResult(item) {
+    if (!item || !item.url) return;
+    window.open(item.url, settings.newTab ? '_blank' : '_self', 'noopener,noreferrer');
+    close();
+  }
+
+  // ---- Listbox neu rendern ----
+  function renderList(listEl, liveEl) {
+    listEl.textContent = '';
+    activeIndex = results.length ? 0 : -1;
+
+    if (results.length === 0) {
+      const empty = document.createElement('li');
+      empty.className = 'palette-empty';
+      empty.id = 'palette-opt-empty';
+      empty.setAttribute('role', 'option');
+      empty.setAttribute('aria-disabled', 'true');
+      empty.textContent = t('palette.no_results');
+      listEl.appendChild(empty);
+      liveEl.textContent = t('palette.no_results');
+      return;
+    }
+
+    results.forEach((item, i) => {
+      const li = document.createElement('li');
+      li.className = 'palette-option';
+      li.id = 'palette-opt-' + i;
+      li.setAttribute('role', 'option');
+      li.setAttribute('aria-selected', i === 0 ? 'true' : 'false');
+
+      const titleSpan = document.createElement('span');
+      titleSpan.className = 'palette-option-title';
+      titleSpan.textContent = item.title;
+
+      const metaSpan = document.createElement('span');
+      metaSpan.className = 'palette-option-meta';
+      metaSpan.textContent = t('palette.board_prefix') + ' ' + item.boardName;
+
+      li.append(titleSpan, metaSpan);
+      // Pointer-Auswahl: Klick oeffnet, Hover markiert
+      li.addEventListener('click', () => openResult(item));
+      li.addEventListener('mousemove', () => setActive(listEl, i));
+      listEl.appendChild(li);
+    });
+
+    const count = results.length;
+    liveEl.textContent = count === 1 ? t('palette.count_one') : t('palette.count', { count });
+  }
+
+  // ---- aktiven Eintrag setzen (aria-activedescendant + aria-selected) ----
+  function setActive(listEl, idx) {
+    const options = listEl.querySelectorAll('.palette-option');
+    if (options.length === 0) return;
+    activeIndex = Math.max(0, Math.min(idx, options.length - 1));
+    options.forEach((opt, i) => {
+      opt.setAttribute('aria-selected', i === activeIndex ? 'true' : 'false');
+    });
+    const input = overlay.querySelector('.palette-input');
+    input.setAttribute('aria-activedescendant', options[activeIndex].id);
+    options[activeIndex].scrollIntoView({ block: 'nearest' });
+  }
+
+  // ---- schliessen: dialog.js-Cleanup-Muster (remove Listener -> Transition -> Fokus) ----
+  function close() {
+    if (!overlay) return;
+    document.removeEventListener('keydown', keyHandler);
+    const el = overlay;
+    overlay = null;
+    keyHandler = null;
+    withViewTransition(() => {
+      el.classList.remove('active');
+      el.remove();
+    });
+    if (prevFocus && typeof prevFocus.focus === 'function') prevFocus.focus();
+    prevFocus = null;
+  }
+
+  // ---- oeffnen: Overlay nach dialog.js-Muster aufbauen ----
+  function open() {
+    if (overlay) return;
+    prevFocus = document.activeElement;
+
+    overlay = document.createElement('div');
+    overlay.className = 'dialog-overlay palette-overlay';
+
+    const box = document.createElement('div');
+    box.className = 'palette-box';
+    box.setAttribute('role', 'combobox');
+    box.setAttribute('aria-haspopup', 'listbox');
+    box.setAttribute('aria-expanded', 'true');
+
+    const input = document.createElement('input');
+    input.className = 'palette-input';
+    input.type = 'text';
+    input.setAttribute('role', 'searchbox');
+    input.setAttribute('aria-label', t('palette.aria_label'));
+    input.setAttribute('aria-autocomplete', 'list');
+    input.setAttribute('aria-controls', 'palette-listbox');
+    input.placeholder = t('palette.placeholder');
+    input.autocomplete = 'off';
+    input.spellcheck = false;
+
+    const list = document.createElement('ul');
+    list.className = 'palette-list';
+    list.id = 'palette-listbox';
+    list.setAttribute('role', 'listbox');
+    list.setAttribute('aria-label', t('palette.list_label'));
+
+    const live = document.createElement('div');
+    live.className = 'palette-live';
+    live.setAttribute('aria-live', 'polite');
+
+    const hint = document.createElement('div');
+    hint.className = 'palette-hint';
+    hint.textContent = t('palette.hint');
+
+    box.append(input, list, live, hint);
+    overlay.appendChild(box);
+
+    // Klick auf den Overlay-Hintergrund schliesst (wie dialog.js:107)
+    overlay.addEventListener('click', e => {
+      if (e.target === overlay) close();
+    });
+
+    // Live-Filter
+    input.addEventListener('input', () => {
+      results = search(input.value);
+      renderList(list, live);
+      input.setAttribute('aria-activedescendant', activeIndex >= 0 ? 'palette-opt-' + activeIndex : '');
+    });
+
+    // Tastatursteuerung: Pfeile/Enter/Escape + Fokus-Falle (nur input fokussierbar)
+    keyHandler = function (e) {
+      if (e.key === 'Escape') { e.preventDefault(); close(); return; }
+      if (e.key === 'Enter') {
+        e.preventDefault();
+        if (activeIndex >= 0 && results[activeIndex]) openResult(results[activeIndex]);
+        return;
+      }
+      if (e.key === 'ArrowDown') { e.preventDefault(); setActive(list, activeIndex + 1); return; }
+      if (e.key === 'ArrowUp')   { e.preventDefault(); setActive(list, activeIndex - 1); return; }
+      if (e.key === 'Tab') {
+        // Fokus-Falle ueber den Container: das Eingabefeld ist das einzige
+        // fokussierbare Element, also Tab/Shift+Tab immer dorthin zurueck.
+        e.preventDefault();
+        input.focus();
+      }
+    };
+    document.addEventListener('keydown', keyHandler);
+
+    document.body.appendChild(overlay);
+    // View-Transition uebernimmt das Fade; Fokus ins Eingabefeld
+    withViewTransition(() => {
+      overlay.classList.add('active');
+      input.focus();
+    });
+  }
+
+  // ---- globaler Ausloeser Strg+K (Meta+K auf Mac) mit Open-Guard ----
+  document.addEventListener('keydown', e => {
+    if ((e.ctrlKey || e.metaKey) && (e.key === 'k' || e.key === 'K')) {
+      if (overlay) { e.preventDefault(); close(); return; }
+      if (isBlocked()) return;
+      e.preventDefault();
+      open();
+    }
+  });
+}

From e7a064783fbdf2a9b02b3e1d7305ae384797521b Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:19:43 +0200
Subject: [PATCH 07/52] build: palette.js zwischen search.js und widgets.js
 laden

---
 newtab.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/newtab.html b/newtab.html
index dcec5af..7403f8e 100644
--- a/newtab.html
+++ b/newtab.html
@@ -505,6 +505,7 @@
   <script src="src/js/boards.js"></script>
   <script src="src/js/settings.js"></script>
   <script src="src/js/search.js"></script>
+  <script src="src/js/palette.js"></script>
   <script src="src/js/widgets.js"></script>
   <script src="src/js/notes.js"></script>
   <script src="src/js/calculator.js"></script>

From 3872f4cf12f574655a21517e14e519c1dd56027b Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:20:04 +0200
Subject: [PATCH 08/52] feat: initPalette() im App-Init nach initSearch()
 verdrahten

---
 src/js/app.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/js/app.js b/src/js/app.js
index d27521c..efbec4c 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -19,6 +19,7 @@ async function init() {
   bindGlobalEvents();
   bindSettingsEvents();
   initSearch();
+  initPalette();
   await migrateSticky();
   await Notes.init();
   await Calculator.init();

From 7b16db96b9ed9b93e1af670ab869a9c522771656 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:20:51 +0200
Subject: [PATCH 09/52] style: Command-Palette-Overlay in @layer components

---
 src/css/main.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 72 insertions(+)

diff --git a/src/css/main.css b/src/css/main.css
index 2a6cae0..8de3176 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -2354,6 +2354,78 @@ body.show-desc .bm-desc { display: block; }
 .settings-section.open .section-content {
   max-height: 800px;
 }
+  /* ---- COMMAND-PALETTE (Strg+K) ---- */
+  /* .palette-overlay erbt .dialog-overlay (Position/Backdrop/Fade/z-index:400). */
+  .palette-overlay {
+    align-items: flex-start;
+  }
+  .palette-box {
+    margin-top: 12vh;
+    width: 560px; max-width: 92vw;
+    background: rgba(10,9,20,0.98);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    backdrop-filter: blur(28px);
+    box-shadow: 0 20px 60px rgba(0,0,0,0.7);
+    transform: translateY(8px) scale(0.98);
+    transition: transform 0.2s;
+    overflow: hidden;
+  }
+  .dialog-overlay.active .palette-box { transform: translateY(0) scale(1); }
+  .palette-input {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 16px 18px;
+    background: transparent;
+    border: none;
+    border-bottom: 1px solid var(--border);
+    color: var(--text-primary);
+    font-family: var(--font-body);
+    font-size: 15px;
+    outline: none;
+  }
+  .palette-input::placeholder { color: var(--text-muted); }
+  .palette-list {
+    list-style: none;
+    margin: 0; padding: 6px;
+    max-height: 46vh;
+    overflow-y: auto;
+  }
+  .palette-option {
+    display: flex; flex-direction: column; gap: 2px;
+    padding: 9px 12px;
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+  }
+  .palette-option[aria-selected="true"] {
+    background: var(--accent-dim);
+  }
+  .palette-option-title {
+    color: var(--text-primary);
+    font-size: 13px; font-weight: 500;
+  }
+  .palette-option-meta {
+    color: var(--text-muted);
+    font-size: 10px; letter-spacing: 0.3px;
+  }
+  .palette-empty {
+    list-style: none;
+    padding: 16px 12px;
+    color: var(--text-muted);
+    font-size: 13px; text-align: center;
+  }
+  .palette-live {
+    position: absolute;
+    width: 1px; height: 1px;
+    overflow: hidden; clip: rect(0 0 0 0);
+    white-space: nowrap;
+  }
+  .palette-hint {
+    padding: 8px 14px;
+    border-top: 1px solid var(--border);
+    color: var(--text-muted);
+    font-size: 10px; letter-spacing: 0.3px;
+  }
 }
 
 /* ============================================

From b5b0ac34714521188606da39468294d7715b12f3 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:25:05 +0200
Subject: [PATCH 10/52] v2.3: Onboarding-Slide fuer die Strg+K-Palette
 (Entdeckbarkeit, BS-08)

---
 src/js/i18n.js       | 4 ++++
 src/js/onboarding.js | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/src/js/i18n.js b/src/js/i18n.js
index 45583ff..96eddb1 100644
--- a/src/js/i18n.js
+++ b/src/js/i18n.js
@@ -60,6 +60,8 @@ const STRINGS = {
     'onboarding.tradecenter_desc': 'Trade Center für Star Citizen',
     'onboarding.s7.title':     'Bereit!',
     'onboarding.s7.text':      'Erstelle dein erstes Board mit „+ Board" oder importiere deine Browser-Lesezeichen über den Import-Button im Header. Viel Spaß!',
+    'onboarding.palette.title': 'Blitzschnell finden mit Strg+K',
+    'onboarding.palette.text':  'Drück jederzeit Strg+K, um die Befehls-Palette zu öffnen und alle Lesezeichen und Boards sofort zu durchsuchen. Mit ↑↓ navigieren, Enter öffnet, Esc schließt.',
 
     // Notes
     'notes.limit_message':     'Maximale Anzahl erreicht! Du kannst maximal {max} Notes gleichzeitig haben. Lösche eine bestehende Note um eine neue zu erstellen.',
@@ -495,6 +497,8 @@ const STRINGS = {
     'onboarding.tradecenter_desc': 'Trade Center for Star Citizen',
     'onboarding.s7.title':     'Ready!',
     'onboarding.s7.text':      'Create your first board with "+ Board" or import your browser bookmarks via the Import button in the header. Have fun!',
+    'onboarding.palette.title': 'Find anything with Ctrl+K',
+    'onboarding.palette.text':  'Press Ctrl+K anytime to open the command palette and instantly search all your bookmarks and boards. Navigate with ↑↓, Enter opens, Esc closes.',
 
     // Notes
     'notes.limit_message':     'Maximum reached! You can have at most {max} notes at the same time. Delete an existing note to create a new one.',
diff --git a/src/js/onboarding.js b/src/js/onboarding.js
index c51342c..22e4c5a 100644
--- a/src/js/onboarding.js
+++ b/src/js/onboarding.js
@@ -39,6 +39,11 @@ const Onboarding = {
       textKey: 'onboarding.s6.text',
       interactive: 'gaming-board'
     },
+    {
+      hero: '\uD83D\uDD0D',
+      titleKey: 'onboarding.palette.title',
+      textKey: 'onboarding.palette.text'
+    },
     {
       hero: '\uD83D\uDE80',
       titleKey: 'onboarding.s7.title',

From 091195cdefc5575038933d0a767241e1ec1730bc Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:26:22 +0200
Subject: [PATCH 11/52] v2.3: persistenter Header-Trigger fuer die
 Strg+K-Palette (Entdeckbarkeit, BS-08)

---
 newtab.html       |  4 ++++
 src/js/i18n.js    |  8 ++++++--
 src/js/palette.js | 10 ++++++++++
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/newtab.html b/newtab.html
index 7403f8e..f7d13e4 100644
--- a/newtab.html
+++ b/newtab.html
@@ -39,6 +39,10 @@
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2a10 10 0 100 20 4 4 0 01-1-7.9 1 1 0 011-.1h1a2 2 0 002-2V7a5 5 0 00-3-4.5"/><circle cx="7" cy="10" r="1.5"/><circle cx="13" cy="6" r="1.5"/><circle cx="17" cy="10" r="1.5"/><circle cx="9" cy="17" r="1.5"/></svg>
         <span data-i18n="header.theme">Darstellung</span>
       </button>
+      <button class="btn-icon" id="btnPalette" title="Lesezeichen durchsuchen (Strg+K)" data-i18n-title="palette.discover">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
+        <span data-i18n="palette.discover_label">Suchen</span>
+      </button>
       <button class="btn-icon" id="btnSettings" title="Einstellungen" data-i18n-title="header.settings_title">
         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/></svg>
         <span data-i18n="header.settings">Settings</span>
diff --git a/src/js/i18n.js b/src/js/i18n.js
index 96eddb1..415e6ed 100644
--- a/src/js/i18n.js
+++ b/src/js/i18n.js
@@ -438,7 +438,9 @@ const STRINGS = {
     'palette.hint':            'Strg+K zum Öffnen · ↑↓ zum Navigieren · Enter öffnet · Esc schließt',
     'palette.count':           '{count} Treffer',
     'palette.count_one':       '1 Treffer',
-    'palette.board_prefix':    'Board:'
+    'palette.board_prefix':    'Board:',
+    'palette.discover':        'Lesezeichen & Boards durchsuchen (Strg+K)',
+    'palette.discover_label':  'Suchen'
   },
 
   en: {
@@ -875,7 +877,9 @@ const STRINGS = {
     'palette.hint':            'Ctrl+K to open · ↑↓ to navigate · Enter opens · Esc closes',
     'palette.count':           '{count} results',
     'palette.count_one':       '1 result',
-    'palette.board_prefix':    'Board:'
+    'palette.board_prefix':    'Board:',
+    'palette.discover':        'Search bookmarks & boards (Ctrl+K)',
+    'palette.discover_label':  'Search'
   }
 };
 
diff --git a/src/js/palette.js b/src/js/palette.js
index 76a05bb..995914e 100644
--- a/src/js/palette.js
+++ b/src/js/palette.js
@@ -213,4 +213,14 @@ function initPalette() {
       open();
     }
   });
+
+  // Persistenter Header-Trigger (BS-08): Klick toggelt die Palette wie Strg+K.
+  const paletteBtn = document.getElementById('btnPalette');
+  if (paletteBtn) {
+    paletteBtn.addEventListener('click', () => {
+      if (overlay) { close(); return; }
+      if (isBlocked()) return;
+      open();
+    });
+  }
 }

From 6eaa3457d0c1233cb8c1e54844350da0f4016a6a Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:33:47 +0200
Subject: [PATCH 12/52] v2.3 Papierkorb: Trash-Konstanten und Auto-Cleanup beim
 Laden

---
 src/js/app.js   | 8 ++++++++
 src/js/state.js | 7 +++++++
 2 files changed, 15 insertions(+)

diff --git a/src/js/app.js b/src/js/app.js
index efbec4c..655f0ee 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -10,6 +10,14 @@ async function init() {
 
   boards = savedBoards ?? getDefaultBoards();
   trash  = Array.isArray(savedTrash) ? savedTrash : [];
+
+  // Auto-Cleanup: Eintraege aelter als 30 Tage verwerfen (TRASH-02). Muss VOR
+  // renderBoards() laufen, damit der Papierkorb-Stand konsistent ist. Schreibt nur
+  // zurueck, wenn wirklich etwas entfernt wurde (kein unnoetiger Storage-Write).
+  const cutoff = Date.now() - TRASH_RETENTION_MS;
+  const beforeCount = trash.length;
+  trash = trash.filter(entry => typeof entry.deletedAt === 'number' && entry.deletedAt >= cutoff);
+  if (trash.length !== beforeCount) await saveTrash();
   if (savedSettings) Object.assign(settings, savedSettings);
 
   I18n.init();
diff --git a/src/js/state.js b/src/js/state.js
index 4c8d1b7..55c4240 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -9,6 +9,13 @@ let boards = [];
 // Eintrag-Schema: { item, type: 'bookmark'|'board', deletedAt, originBoardId }
 let trash = [];
 
+// Papierkorb: Auto-Cleanup-Fenster und harte Obergrenze (Quota-Schutz, TRASH-04).
+// 30 Tage in Millisekunden; ueber dieser Zeit wird ein Eintrag beim Laden auto-geloescht.
+const TRASH_RETENTION_MS = 30 * 24 * 60 * 60 * 1000;
+// Max. Anzahl trash-Eintraege. Bei Ueberlauf werden die aeltesten zuerst verworfen,
+// damit der Papierkorb nicht das 10-MB-Storage-Limit sprengt (kein blindes Wachstum).
+const TRASH_MAX_ENTRIES = 100;
+
 let settings = {
   compact:       false,
   shortenTitles: false,

From fcaea646043e247c27baf41d59e0f3ecd8153bd0 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:42:00 +0200
Subject: [PATCH 13/52] =?UTF-8?q?fix(palette):=20Review-Befunde=20?=
 =?UTF-8?q?=E2=80=94=20Close-Crash-Guard,=20Self-Block-Race,=20ARIA-Combob?=
 =?UTF-8?q?ox,=20URL-Protokoll-Guard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/palette.js | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/js/palette.js b/src/js/palette.js
index 995914e..54002cb 100644
--- a/src/js/palette.js
+++ b/src/js/palette.js
@@ -16,8 +16,11 @@ function initPalette() {
   // Deckt Settings (.panel-overlay), Theme/Add-Board/Add-Bookmark/Rename
   // (.modal-overlay) sowie HellionDialog UND Onboarding (.dialog-overlay) ab.
   function isBlocked() {
+    // .palette-overlay ausklammern: das eigene (beim Schliessen noch deferred .active
+    // tragende) Overlay darf den Reopen-Guard nicht selbst blockieren (Self-Block-Race
+    // beim Toggle-Spam, da close() .active erst in withViewTransition entfernt).
     return !!document.querySelector(
-      '.panel-overlay.active, .modal-overlay.active, .dialog-overlay.active'
+      '.panel-overlay.active, .modal-overlay.active, .dialog-overlay.active:not(.palette-overlay)'
     );
   }
 
@@ -48,6 +51,11 @@ function initPalette() {
   // ---- Treffer oeffnen (wie boards.js:270) ----
   function openResult(item) {
     if (!item || !item.url) return;
+    // Sicherheit: nur sichere Protokolle oeffnen. Verhindert javascript:/data:-URLs aus
+    // importierten Bookmarks (XSS im Extension-Origin, besonders bei _self). http/https/ftp only.
+    let safe = false;
+    try { safe = ['http:', 'https:', 'ftp:'].includes(new URL(item.url).protocol); } catch (e) { /* ungueltige URL */ }
+    if (!safe) { close(); return; }
     window.open(item.url, settings.newTab ? '_blank' : '_self', 'noopener,noreferrer');
     close();
   }
@@ -58,11 +66,11 @@ function initPalette() {
     activeIndex = results.length ? 0 : -1;
 
     if (results.length === 0) {
+      // Kein role="option": der Leerzustand ist keine auswaehlbare Option, sondern eine
+      // Statuszeile. Die Ansage uebernimmt die aria-live-Region (liveEl) unten.
       const empty = document.createElement('li');
       empty.className = 'palette-empty';
-      empty.id = 'palette-opt-empty';
-      empty.setAttribute('role', 'option');
-      empty.setAttribute('aria-disabled', 'true');
+      empty.setAttribute('role', 'presentation');
       empty.textContent = t('palette.no_results');
       listEl.appendChild(empty);
       liveEl.textContent = t('palette.no_results');
@@ -97,6 +105,10 @@ function initPalette() {
 
   // ---- aktiven Eintrag setzen (aria-activedescendant + aria-selected) ----
   function setActive(listEl, idx) {
+    // Guard: close() nullt overlay synchron, das DOM-Removal laeuft aber deferred in
+    // withViewTransition. In diesem Frame-Fenster kann ein mousemove auf einem noch
+    // lebenden Treffer-<li> setActive() ausloesen -> ohne diesen Guard Null-Deref auf overlay.
+    if (!overlay) return;
     const options = listEl.querySelectorAll('.palette-option');
     if (options.length === 0) return;
     activeIndex = Math.max(0, Math.min(idx, options.length - 1));
@@ -133,14 +145,16 @@ function initPalette() {
 
     const box = document.createElement('div');
     box.className = 'palette-box';
-    box.setAttribute('role', 'combobox');
-    box.setAttribute('aria-haspopup', 'listbox');
-    box.setAttribute('aria-expanded', 'true');
+    box.setAttribute('role', 'none');
 
+    // ARIA-1.2-Combobox: role=combobox gehoert auf das fokussierbare Textfeld selbst,
+    // nicht auf die Huelle. aria-expanded/haspopup/controls/activedescendant ebenfalls hier.
     const input = document.createElement('input');
     input.className = 'palette-input';
     input.type = 'text';
-    input.setAttribute('role', 'searchbox');
+    input.setAttribute('role', 'combobox');
+    input.setAttribute('aria-expanded', 'true');
+    input.setAttribute('aria-haspopup', 'listbox');
     input.setAttribute('aria-label', t('palette.aria_label'));
     input.setAttribute('aria-autocomplete', 'list');
     input.setAttribute('aria-controls', 'palette-listbox');

From 36d917b4209f6a6703265d8a4b4bd0f199b9e254 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:44:43 +0200
Subject: [PATCH 14/52] v2.3 Papierkorb: pushToTrash() mit Klon und harter
 Obergrenze

---
 src/js/state.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/js/state.js b/src/js/state.js
index 55c4240..b1c46ce 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -66,6 +66,28 @@ async function saveTrash() {
   await Store.set('trash', trash);
 }
 
+/**
+ * Legt einen Eintrag in den Papierkorb. Klont das Objekt (structuredClone),
+ * damit der trash-Eintrag nicht per Referenz an boards[] haengt und nach dem
+ * Restore-Loop konsistent bleibt. Setzt deletedAt. Erzwingt die harte Obergrenze
+ * TRASH_MAX_ENTRIES (Quota-Schutz, TRASH-04): bei Ueberlauf fallen die aeltesten
+ * Eintraege heraus. Speichern uebernimmt der Aufrufer (saveTrash()).
+ * @param {{ item: Object, type: 'bookmark'|'board', originBoardId: (string|null) }} entry
+ */
+function pushToTrash({ item, type, originBoardId }) {
+  trash.push({
+    item: structuredClone(item),
+    type,
+    originBoardId: originBoardId ?? null,
+    deletedAt: Date.now()
+  });
+  // Aelteste zuerst kappen, falls die Obergrenze ueberschritten ist.
+  if (trash.length > TRASH_MAX_ENTRIES) {
+    trash.sort((a, b) => a.deletedAt - b.deletedAt);
+    trash = trash.slice(trash.length - TRASH_MAX_ENTRIES);
+  }
+}
+
 // Page-seitiger Wrapper um das DOM-freie ensureInbox() aus quicksave-core.js.
 // ensureInbox() mutiert das globale boards-Array in-place; wir persistieren nur,
 // wenn die Inbox neu angelegt wurde, und geben das Inbox-Board-Objekt zurueck

From 9abfefc0e002bf0ca8050ac534c80f622497621a Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:47:40 +0200
Subject: [PATCH 15/52] v2.3 Papierkorb: Bookmark-Loeschen in den Papierkorb
 umleiten

---
 src/js/boards.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/js/boards.js b/src/js/boards.js
index e244daa..ede9d92 100644
--- a/src/js/boards.js
+++ b/src/js/boards.js
@@ -254,12 +254,21 @@ function bindBoardListEvents(list, board) {
     const bmItem = e.target.closest('.bm-item');
     if (!bmItem) return;
 
-    // Delete-Button geklickt
+    // Delete-Button geklickt: kein Confirm (wie bisher), aber nicht mehr hart loeschen —
+    // das Bookmark wandert in den Papierkorb (30 Tage, TRASH-01). Erst per find() greifen,
+    // dann mit Herkunft (originBoardId), type und Zeitstempel ins trash[] pushen.
     if (e.target.closest('.bm-delete')) {
       e.stopPropagation();
       const bmId = bmItem.dataset.bmId;
-      board.bookmarks = board.bookmarks.filter(b => b.id !== bmId);
-      await saveBoards();
+      const removed = board.bookmarks.find(b => b.id === bmId);
+      if (removed) {
+        // Datensicherheit: ZUERST den Trash-Klon persistieren, DANN die Loeschung committen.
+        // Falls saveTrash() (Quota) rejectet, ist das Original noch in boards[] -> kein Verlust.
+        pushToTrash({ item: removed, type: 'bookmark', originBoardId: board.id });
+        await saveTrash();
+        board.bookmarks = board.bookmarks.filter(b => b.id !== bmId);
+        await saveBoards();
+      }
       renderBoards();
       return;
     }

From 061c3708bc1f5f1cdc830af160ade6120210743c Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:48:06 +0200
Subject: [PATCH 16/52] v2.3 Papierkorb: Board-Loeschen in den Papierkorb
 umleiten (Confirm bleibt)

---
 src/js/boards.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/js/boards.js b/src/js/boards.js
index ede9d92..bb8f947 100644
--- a/src/js/boards.js
+++ b/src/js/boards.js
@@ -151,6 +151,12 @@ function createBoardEl(board) {
       { type: 'danger', title: t('boards.delete_confirm.title'), confirmText: t('boards.delete') }
     );
     if (ok) {
+      // Ganzes board-Objekt (inkl. bookmarks UND blurred-Flag, CR-01) in den Papierkorb.
+      // type:'board', kein originBoardId (Board hat keine Herkunft, Restore legt es direkt in boards[]).
+      // Datensicherheit: ZUERST Trash sichern (saveTrash), DANN Loeschung committen (saveBoards) —
+      // bei Quota-Reject bleibt das Board in boards[], kein Datenverlust.
+      pushToTrash({ item: board, type: 'board', originBoardId: null });
+      await saveTrash();
       boards = boards.filter(b => b.id !== board.id);
       await saveBoards();
       renderBoards();

From 62c1ecab8d988eec7bb952ddea6894a4057745e3 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:48:41 +0200
Subject: [PATCH 17/52] v2.3 Papierkorb: Inbox-Board ist nicht loeschbar (kein
 Delete-Button)

---
 src/js/boards.js | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/js/boards.js b/src/js/boards.js
index bb8f947..78b8f5e 100644
--- a/src/js/boards.js
+++ b/src/js/boards.js
@@ -106,12 +106,19 @@ function createBoardEl(board) {
   btnRename.title = t('boards.rename');
   btnRename.textContent = '\u270E';
 
-  const btnDelete = document.createElement('button');
-  btnDelete.className = 'board-action-btn btn-delete-board';
-  btnDelete.title = t('boards.delete');
-  btnDelete.textContent = '\u2715';
+  // Das feste Inbox-Board (Quick-Save-Ziel) darf nicht geloescht werden \u2014 kein Delete-Button.
+  const btnDelete = board.id === 'inbox' ? null : document.createElement('button');
+  if (btnDelete) {
+    btnDelete.className = 'board-action-btn btn-delete-board';
+    btnDelete.title = t('boards.delete');
+    btnDelete.textContent = '\u2715';
+  }
 
-  actions.append(btnBlur, btnRename, btnDelete);
+  if (btnDelete) {
+    actions.append(btnBlur, btnRename, btnDelete);
+  } else {
+    actions.append(btnBlur, btnRename);
+  }
   header.append(dragHandle, titleSpanHeader, actions);
 
   // Blur-Overlay
@@ -144,7 +151,7 @@ function createBoardEl(board) {
     });
   });
 
-  btnDelete.addEventListener('click', async e => {
+  if (btnDelete) btnDelete.addEventListener('click', async e => {
     e.stopPropagation();
     const ok = await HellionDialog.confirm(
       t('boards.delete_confirm', { title: board.title }),

From 4031b429ada4800935f4463e6fbeb646bc9b06fa Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:51:57 +0200
Subject: [PATCH 18/52] v2.3 Papierkorb: i18n-Keys DE und EN

---
 src/js/i18n.js | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/src/js/i18n.js b/src/js/i18n.js
index 415e6ed..cd79bda 100644
--- a/src/js/i18n.js
+++ b/src/js/i18n.js
@@ -30,6 +30,26 @@ const STRINGS = {
     'boards.add_link':         ' Link hinzufügen',
     'boards.remove_bookmark':  'Entfernen',
 
+    // Papierkorb (Trash)
+    'trash.section':           'PAPIERKORB',
+    'trash.empty':             'Der Papierkorb ist leer.',
+    'trash.deleted_at':        'Gelöscht am {date}',
+    'trash.type.bookmark':     'Lesezeichen',
+    'trash.type.board':        'Board',
+    'trash.from_board':        'aus „{board}"',
+    'trash.from_board_unknown': 'Ursprungs-Board gelöscht',
+    'trash.restore':           'Wiederherstellen',
+    'trash.restore_title':     'Wiederherstellen',
+    'trash.delete_forever':    'Endgültig löschen',
+    'trash.delete_forever_title': 'Endgültig löschen',
+    'trash.empty_btn':         'Papierkorb leeren',
+    'trash.empty_confirm':     'Alle {count} Einträge endgültig löschen? Das kann nicht rückgängig gemacht werden.',
+    'trash.empty_confirm.title': 'Papierkorb leeren',
+    'trash.delete_forever_confirm': 'Diesen Eintrag endgültig löschen? Das kann nicht rückgängig gemacht werden.',
+    'trash.delete_forever_confirm.title': 'Endgültig löschen',
+    'trash.restored_to_inbox': 'Lesezeichen in die Inbox wiederhergestellt (Ursprungs-Board existiert nicht mehr).',
+    'trash.restored_to_inbox.title': 'Wiederhergestellt',
+
     // Onboarding
     'onboarding.skip':         'Überspringen',
     'onboarding.back':         'Zurück',
@@ -469,6 +489,26 @@ const STRINGS = {
     'boards.add_link':         ' Add link',
     'boards.remove_bookmark':  'Remove',
 
+    // Trash
+    'trash.section':           'TRASH',
+    'trash.empty':             'The trash is empty.',
+    'trash.deleted_at':        'Deleted on {date}',
+    'trash.type.bookmark':     'Bookmark',
+    'trash.type.board':        'Board',
+    'trash.from_board':        'from "{board}"',
+    'trash.from_board_unknown': 'Origin board deleted',
+    'trash.restore':           'Restore',
+    'trash.restore_title':     'Restore',
+    'trash.delete_forever':    'Delete forever',
+    'trash.delete_forever_title': 'Delete forever',
+    'trash.empty_btn':         'Empty trash',
+    'trash.empty_confirm':     'Permanently delete all {count} entries? This cannot be undone.',
+    'trash.empty_confirm.title': 'Empty trash',
+    'trash.delete_forever_confirm': 'Permanently delete this entry? This cannot be undone.',
+    'trash.delete_forever_confirm.title': 'Delete forever',
+    'trash.restored_to_inbox': 'Bookmark restored to the inbox (origin board no longer exists).',
+    'trash.restored_to_inbox.title': 'Restored',
+
     // Onboarding
     'onboarding.skip':         'Skip',
     'onboarding.back':         'Back',

From 127aba12eb5ad2bfee14be5347605876e12359ec Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:55:01 +0200
Subject: [PATCH 19/52] v2.3 Papierkorb: Settings-Section zwischen Daten und
 Danger Zone

---
 newtab.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/newtab.html b/newtab.html
index f7d13e4..5a4cbdb 100644
--- a/newtab.html
+++ b/newtab.html
@@ -204,6 +204,20 @@
         </div>
       </section>
 
+      <!-- PAPIERKORB / TRASH -->
+      <section class="settings-section" data-section="trash">
+        <button class="settings-section-title" type="button">
+          <span class="section-chevron">▸</span>
+          <span data-i18n="trash.section">PAPIERKORB</span>
+        </button>
+        <div class="section-content">
+          <div class="trash-list" id="trashList"></div>
+          <div class="setting-row trash-actions" id="trashActionsRow">
+            <button class="btn-danger" id="btnEmptyTrash" data-i18n="trash.empty_btn">Papierkorb leeren</button>
+          </div>
+        </div>
+      </section>
+
       <!-- DANGER ZONE -->
       <section class="settings-section" data-section="danger">
         <button class="settings-section-title danger" type="button">

From da5d8faafa218262dd7a8030ae03b0a6361afc89 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:55:01 +0200
Subject: [PATCH 20/52] v2.3 Papierkorb: CSS fuer die Papierkorb-Liste
 (components-Layer)

---
 src/css/main.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/css/main.css b/src/css/main.css
index 8de3176..d8624c6 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -693,6 +693,34 @@ body.show-desc .bm-desc { display: block; }
   border-radius: 4px; color: var(--text-muted); white-space: nowrap;
 }
 
+/* ---- PAPIERKORB (Trash, v2.3) ---- */
+.trash-list { padding: 4px 0; }
+.trash-empty {
+  padding: 12px 18px; font-size: 12px; color: var(--text-muted);
+}
+.trash-item {
+  display: flex; align-items: center; justify-content: space-between;
+  gap: 10px; padding: 8px 18px;
+  border-bottom: 1px solid rgba(255,255,255,0.03);
+}
+.trash-item:last-child { border-bottom: none; }
+.trash-item-info { flex: 1; min-width: 0; }
+.trash-item-title {
+  display: block; font-size: 13px; color: var(--text-primary);
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.trash-item-meta {
+  display: block; font-size: 11px; color: var(--text-muted); margin-top: 2px;
+}
+.trash-item-badge {
+  font-size: 10px; padding: 2px 6px; border-radius: 4px;
+  background: rgba(255,255,255,0.06); border: 1px solid var(--border);
+  color: var(--text-muted); white-space: nowrap; margin-right: 6px;
+}
+.trash-item-actions { display: flex; gap: 6px; flex-shrink: 0; }
+.trash-actions { justify-content: flex-end; }
+.trash-actions.hidden { display: none; }
+
 /* THEME PICKER */
 .theme-grid {
   display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;

From 22203d25a7f3e25524b5af88e38e227a5071cb6c Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 09:59:44 +0200
Subject: [PATCH 21/52] v2.3 Papierkorb: renderTrash, Wiederherstellen,
 endgueltig loeschen, leeren

---
 src/js/settings.js | 162 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 162 insertions(+)

diff --git a/src/js/settings.js b/src/js/settings.js
index c8cc8dc..86c60ac 100644
--- a/src/js/settings.js
+++ b/src/js/settings.js
@@ -49,6 +49,7 @@ function openSettings()  {
     document.getElementById('settingsOverlay').classList.add('active');
   });
   panel.setAttribute('aria-hidden', 'false');
+  renderTrash();
   _settingsTrap = _makeTrap(panel, closeSettings);
   document.addEventListener('keydown', _settingsTrap);
   const first = _focusable(panel)[0];
@@ -141,6 +142,161 @@ function initAccordion() {
   });
 }
 
+// ---- PAPIERKORB ----
+/**
+ * Formatiert einen deletedAt-Timestamp lokalisiert (folgt der aktiven UI-Sprache).
+ * @param {number} ts - Millisekunden-Timestamp
+ * @returns {string}
+ */
+function formatTrashDate(ts) {
+  const locale = I18n.currentLang === 'de' ? 'de-DE' : 'en-US';
+  return new Date(ts).toLocaleDateString(locale, { year: 'numeric', month: '2-digit', day: '2-digit' });
+}
+
+/**
+ * Rendert den Papierkorb in die Settings-Section. Wird bei jedem openSettings()
+ * sowie nach jeder Trash-Mutation aufgerufen. Baut DOM ohne innerHTML (XSS-frei,
+ * Titel kommen aus User-/Importdaten).
+ */
+function renderTrash() {
+  const listEl = document.getElementById('trashList');
+  const actionsRow = document.getElementById('trashActionsRow');
+  if (!listEl) return;
+  listEl.replaceChildren();
+
+  if (trash.length === 0) {
+    const empty = document.createElement('div');
+    empty.className = 'trash-empty';
+    empty.textContent = t('trash.empty');
+    listEl.appendChild(empty);
+    if (actionsRow) actionsRow.classList.add('hidden');
+    return;
+  }
+  if (actionsRow) actionsRow.classList.remove('hidden');
+
+  // Neueste zuerst.
+  const sorted = [...trash].sort((a, b) => b.deletedAt - a.deletedAt);
+  sorted.forEach(entry => listEl.appendChild(createTrashItemEl(entry)));
+}
+
+/**
+ * Baut eine einzelne Papierkorb-Zeile.
+ * @param {Object} entry - trash-Eintrag { item, type, originBoardId, deletedAt }
+ * @returns {HTMLElement}
+ */
+function createTrashItemEl(entry) {
+  const row = document.createElement('div');
+  row.className = 'trash-item';
+
+  const info = document.createElement('div');
+  info.className = 'trash-item-info';
+
+  const titleLine = document.createElement('span');
+  titleLine.className = 'trash-item-title';
+  const badge = document.createElement('span');
+  badge.className = 'trash-item-badge';
+  badge.textContent = entry.type === 'board' ? t('trash.type.board') : t('trash.type.bookmark');
+  const titleText = document.createTextNode(entry.item && entry.item.title ? entry.item.title : '');
+  titleLine.append(badge, titleText);
+
+  const meta = document.createElement('span');
+  meta.className = 'trash-item-meta';
+  let metaText = t('trash.deleted_at', { date: formatTrashDate(entry.deletedAt) });
+  if (entry.type === 'bookmark') {
+    const origin = entry.originBoardId ? boards.find(b => b.id === entry.originBoardId) : null;
+    metaText += origin
+      ? ' · ' + t('trash.from_board', { board: origin.title })
+      : ' · ' + t('trash.from_board_unknown');
+  }
+  meta.textContent = metaText;
+
+  info.append(titleLine, meta);
+
+  const actions = document.createElement('div');
+  actions.className = 'trash-item-actions';
+
+  const btnRestore = document.createElement('button');
+  btnRestore.className = 'btn-small';
+  btnRestore.textContent = t('trash.restore');
+  btnRestore.title = t('trash.restore_title');
+  btnRestore.addEventListener('click', () => restoreTrashEntry(entry));
+
+  const btnForever = document.createElement('button');
+  btnForever.className = 'btn-danger';
+  btnForever.textContent = t('trash.delete_forever');
+  btnForever.title = t('trash.delete_forever_title');
+  btnForever.addEventListener('click', () => deleteTrashEntryForever(entry));
+
+  actions.append(btnRestore, btnForever);
+  row.append(info, actions);
+  return row;
+}
+
+/**
+ * Stellt einen Papierkorb-Eintrag wieder her.
+ * Bookmark -> in originBoardId (falls noch vorhanden), sonst in die Inbox (ensureInboxBoard).
+ * Board    -> zurueck in boards[].
+ * @param {Object} entry
+ */
+async function restoreTrashEntry(entry) {
+  if (entry.type === 'board') {
+    // Ganzes Board zurueck (inkl. blurred). Falls die id schon existiert (Edge-Case),
+    // neue uid vergeben, damit nichts ueberschrieben wird.
+    const restored = structuredClone(entry.item);
+    if (boards.some(b => b.id === restored.id)) restored.id = uid();
+    boards.push(restored);
+    await saveBoards();
+  } else {
+    const restored = structuredClone(entry.item);
+    let target = entry.originBoardId ? boards.find(b => b.id === entry.originBoardId) : null;
+    let toInbox = false;
+    if (!target) {
+      // Ursprungs-Board weg -> in die Inbox (Page-Wrapper ensureInboxBoard aus Phase 1).
+      target = await ensureInboxBoard();
+      toInbox = true;
+    }
+    target.bookmarks.push(restored);
+    await saveBoards();
+    if (toInbox) {
+      await HellionDialog.alert(t('trash.restored_to_inbox'), { type: 'info', title: t('trash.restored_to_inbox.title') });
+    }
+  }
+  trash = trash.filter(e => e !== entry);
+  await saveTrash();
+  renderTrash();
+  renderBoards();
+}
+
+/**
+ * Loescht einen einzelnen Papierkorb-Eintrag endgueltig (mit Confirm).
+ * @param {Object} entry
+ */
+async function deleteTrashEntryForever(entry) {
+  const ok = await HellionDialog.confirm(
+    t('trash.delete_forever_confirm'),
+    { type: 'danger', title: t('trash.delete_forever_confirm.title'), confirmText: t('trash.delete_forever') }
+  );
+  if (!ok) return;
+  trash = trash.filter(e => e !== entry);
+  await saveTrash();
+  renderTrash();
+}
+
+/**
+ * Leert den gesamten Papierkorb (mit Confirm).
+ */
+async function emptyTrash() {
+  if (trash.length === 0) return;
+  const ok = await HellionDialog.confirm(
+    t('trash.empty_confirm', { count: trash.length }),
+    { type: 'danger', title: t('trash.empty_confirm.title'), confirmText: t('trash.empty_btn') }
+  );
+  if (!ok) return;
+  trash = [];
+  await saveTrash();
+  renderTrash();
+}
+
 // ---- APPLY SETTINGS ----
 function applySettings() {
   const body = document.body;
@@ -336,6 +492,10 @@ function bindSettingsEvents() {
     Onboarding.start();
   });
 
+  // Papierkorb leeren
+  const btnEmptyTrash = document.getElementById('btnEmptyTrash');
+  if (btnEmptyTrash) btnEmptyTrash.addEventListener('click', emptyTrash);
+
   // Reset All
   document.getElementById('btnResetAll').addEventListener('click', async () => {
     const ok = await HellionDialog.confirm(
@@ -344,11 +504,13 @@ function bindSettingsEvents() {
     );
     if (!ok) return;
     boards   = [];
+    trash    = [];
     settings = { compact: false, shortenTitles: false, newTab: true, showDesc: false,
                  hideExtra: false, visibleCount: 10, bgUrl: '', theme: 'nebula',
                  showSearch: true, searchEngine: 'google', toolbarPos: 'right',
                  imageRefEnabled: false, language: 'auto' };
     await saveBoards();
+    await saveTrash();
     await saveSettings();
     setLanguage('auto');
     applySettings();

From ba5f5c4978284960547f30e7e0028cd01516a293 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:02:31 +0200
Subject: [PATCH 22/52] v2.3 Papierkorb: Export/Import um trash erweitern
 (defensiv validiert)

---
 src/js/data.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/js/data.js b/src/js/data.js
index 1ffa85f..815d99d 100644
--- a/src/js/data.js
+++ b/src/js/data.js
@@ -32,6 +32,7 @@ function initDataButtons() {
       exported: new Date().toISOString(),
       boards,
       settings,
+      trash,
       notes: widgetData && Array.isArray(widgetData.notes) ? widgetData.notes : [],
       calculator: widgetData && widgetData.calculator ? widgetData.calculator.history || [] : [],
       timerPresets: widgetData && widgetData.timer ? widgetData.timer.presets || [] : []
@@ -78,6 +79,36 @@ function initDataButtons() {
       await saveBoards();
       renderBoards();
 
+      // Papierkorb importieren (falls vorhanden) — defensiv validiert.
+      if (Array.isArray(data.trash) && data.trash.length > 0) {
+        const validTrash = data.trash
+          .filter(e => e && e.item && ['bookmark', 'board'].includes(e.type) && typeof e.deletedAt === 'number')
+          .map(e => ({
+            type: e.type,
+            originBoardId: typeof e.originBoardId === 'string' ? e.originBoardId : null,
+            deletedAt: e.deletedAt,
+            item: e.type === 'board'
+              ? {
+                  id: e.item.id || uid(),
+                  title: String(e.item.title || '').slice(0, 100),
+                  blurred: !!e.item.blurred,
+                  bookmarks: Array.isArray(e.item.bookmarks)
+                    ? e.item.bookmarks
+                        .filter(bm => bm && typeof bm.title === 'string' && isSafeUrl(bm.url))
+                        .map(bm => ({ id: bm.id || uid(), title: String(bm.title).slice(0, 200), url: bm.url, desc: String(bm.desc || '').slice(0, 500) }))
+                    : []
+                }
+              : (isSafeUrl(e.item.url)
+                  ? { id: e.item.id || uid(), title: String(e.item.title || '').slice(0, 200), url: e.item.url, desc: String(e.item.desc || '').slice(0, 500) }
+                  : null)
+          }))
+          .filter(e => e.item !== null);
+        if (validTrash.length > 0) {
+          trash = [...trash, ...validTrash].slice(-TRASH_MAX_ENTRIES);
+          await saveTrash();
+        }
+      }
+
       // Notes importieren (falls vorhanden)
       let notesImported = 0;
       const existingWidgets = await Store.get('widgetStates') || {};

From 9800e6c949c362a8960e01857cb3a97b921b5842 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:11:43 +0200
Subject: [PATCH 23/52] fix(trash): Papierkorb-Eintrag als vertikale Karte,
 kompaktere Aktions-Buttons (UX im 380px-Panel)

---
 src/css/main.css | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index d8624c6..64ee73b 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -698,26 +698,35 @@ body.show-desc .bm-desc { display: block; }
 .trash-empty {
   padding: 12px 18px; font-size: 12px; color: var(--text-muted);
 }
+/* Vertikale Karte pro Eintrag: Info ueber volle Breite, Aktionen rechtsbuendig darunter.
+   Verhindert das Zusammenquetschen im schmalen 380px-Settings-Panel. */
 .trash-item {
-  display: flex; align-items: center; justify-content: space-between;
-  gap: 10px; padding: 8px 18px;
-  border-bottom: 1px solid rgba(255,255,255,0.03);
+  display: flex; flex-direction: column; gap: 8px;
+  padding: 10px 18px;
+  border-bottom: 1px solid rgba(255,255,255,0.04);
 }
 .trash-item:last-child { border-bottom: none; }
-.trash-item-info { flex: 1; min-width: 0; }
+.trash-item-info { min-width: 0; }
 .trash-item-title {
   display: block; font-size: 13px; color: var(--text-primary);
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 .trash-item-meta {
-  display: block; font-size: 11px; color: var(--text-muted); margin-top: 2px;
+  display: block; font-size: 11px; color: var(--text-muted); margin-top: 3px;
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 .trash-item-badge {
-  font-size: 10px; padding: 2px 6px; border-radius: 4px;
+  display: inline-block; vertical-align: middle;
+  font-size: 9px; padding: 2px 6px; border-radius: 4px;
   background: rgba(255,255,255,0.06); border: 1px solid var(--border);
   color: var(--text-muted); white-space: nowrap; margin-right: 6px;
+  text-transform: uppercase; letter-spacing: 0.5px;
+}
+.trash-item-actions { display: flex; gap: 6px; justify-content: flex-end; }
+/* Per-Eintrag-Buttons kompakt: das volle Uppercase-btn-danger ist pro Eintrag zu wuchtig. */
+.trash-item-actions .btn-danger {
+  padding: 5px 10px; font-size: 11px; letter-spacing: 0.5px;
 }
-.trash-item-actions { display: flex; gap: 6px; flex-shrink: 0; }
 .trash-actions { justify-content: flex-end; }
 .trash-actions.hidden { display: none; }
 

From 83df92697906a045128f5f543b8e6bbce93c6b4b Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:18:10 +0200
Subject: [PATCH 24/52] =?UTF-8?q?fix(trash):=20Daten-Review-Befunde=20?=
 =?UTF-8?q?=E2=80=94=20Import-Cap=20nach=20deletedAt=20sortiert=20(Verlust?=
 =?UTF-8?q?-Schutz),=20Restore-Doppelklick-Guard,=20Delete-Rollback=20bei?=
 =?UTF-8?q?=20Save-Fehler,=20NaN/Null-Haertung?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/app.js      |  2 +-
 src/js/boards.js   | 31 +++++++++++++++++++++++--------
 src/js/data.js     | 10 ++++++++--
 src/js/settings.js |  6 +++++-
 src/js/state.js    |  6 ++++--
 5 files changed, 41 insertions(+), 14 deletions(-)

diff --git a/src/js/app.js b/src/js/app.js
index 655f0ee..4145981 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -16,7 +16,7 @@ async function init() {
   // zurueck, wenn wirklich etwas entfernt wurde (kein unnoetiger Storage-Write).
   const cutoff = Date.now() - TRASH_RETENTION_MS;
   const beforeCount = trash.length;
-  trash = trash.filter(entry => typeof entry.deletedAt === 'number' && entry.deletedAt >= cutoff);
+  trash = trash.filter(entry => entry && typeof entry.deletedAt === 'number' && Number.isFinite(entry.deletedAt) && entry.deletedAt >= cutoff);
   if (trash.length !== beforeCount) await saveTrash();
   if (savedSettings) Object.assign(settings, savedSettings);
 
diff --git a/src/js/boards.js b/src/js/boards.js
index 78b8f5e..797fa66 100644
--- a/src/js/boards.js
+++ b/src/js/boards.js
@@ -162,10 +162,18 @@ function createBoardEl(board) {
       // type:'board', kein originBoardId (Board hat keine Herkunft, Restore legt es direkt in boards[]).
       // Datensicherheit: ZUERST Trash sichern (saveTrash), DANN Loeschung committen (saveBoards) —
       // bei Quota-Reject bleibt das Board in boards[], kein Datenverlust.
-      pushToTrash({ item: board, type: 'board', originBoardId: null });
-      await saveTrash();
-      boards = boards.filter(b => b.id !== board.id);
-      await saveBoards();
+      const trashEntry = pushToTrash({ item: board, type: 'board', originBoardId: null });
+      try {
+        await saveTrash();
+        boards = boards.filter(b => b.id !== board.id);
+        await saveBoards();
+      } catch (err) {
+        // Save fehlgeschlagen (z.B. Quota genau zwischen den Writes): auf den Vor-Loesch-Stand
+        // zurueckrollen, damit In-Memory und Storage konsistent bleiben (kein Reload-Duplikat).
+        trash = trash.filter(t => t !== trashEntry);
+        if (!boards.some(b => b.id === board.id)) boards.push(board);
+        console.error('Board-Loeschen fehlgeschlagen, zurueckgerollt:', err && err.message);
+      }
       renderBoards();
     }
   });
@@ -277,10 +285,17 @@ function bindBoardListEvents(list, board) {
       if (removed) {
         // Datensicherheit: ZUERST den Trash-Klon persistieren, DANN die Loeschung committen.
         // Falls saveTrash() (Quota) rejectet, ist das Original noch in boards[] -> kein Verlust.
-        pushToTrash({ item: removed, type: 'bookmark', originBoardId: board.id });
-        await saveTrash();
-        board.bookmarks = board.bookmarks.filter(b => b.id !== bmId);
-        await saveBoards();
+        const trashEntry = pushToTrash({ item: removed, type: 'bookmark', originBoardId: board.id });
+        try {
+          await saveTrash();
+          board.bookmarks = board.bookmarks.filter(b => b.id !== bmId);
+          await saveBoards();
+        } catch (err) {
+          // Save fehlgeschlagen: auf den Vor-Loesch-Stand zurueckrollen (kein Reload-Duplikat).
+          trash = trash.filter(t => t !== trashEntry);
+          if (!board.bookmarks.some(b => b.id === bmId)) board.bookmarks.push(removed);
+          console.error('Bookmark-Loeschen fehlgeschlagen, zurueckgerollt:', err && err.message);
+        }
       }
       renderBoards();
       return;
diff --git a/src/js/data.js b/src/js/data.js
index 815d99d..7dd0250 100644
--- a/src/js/data.js
+++ b/src/js/data.js
@@ -82,7 +82,7 @@ function initDataButtons() {
       // Papierkorb importieren (falls vorhanden) — defensiv validiert.
       if (Array.isArray(data.trash) && data.trash.length > 0) {
         const validTrash = data.trash
-          .filter(e => e && e.item && ['bookmark', 'board'].includes(e.type) && typeof e.deletedAt === 'number')
+          .filter(e => e && e.item && ['bookmark', 'board'].includes(e.type) && typeof e.deletedAt === 'number' && Number.isFinite(e.deletedAt))
           .map(e => ({
             type: e.type,
             originBoardId: typeof e.originBoardId === 'string' ? e.originBoardId : null,
@@ -96,6 +96,7 @@ function initDataButtons() {
                     ? e.item.bookmarks
                         .filter(bm => bm && typeof bm.title === 'string' && isSafeUrl(bm.url))
                         .map(bm => ({ id: bm.id || uid(), title: String(bm.title).slice(0, 200), url: bm.url, desc: String(bm.desc || '').slice(0, 500) }))
+                        .slice(0, 500)
                     : []
                 }
               : (isSafeUrl(e.item.url)
@@ -104,7 +105,12 @@ function initDataButtons() {
           }))
           .filter(e => e.item !== null);
         if (validTrash.length > 0) {
-          trash = [...trash, ...validTrash].slice(-TRASH_MAX_ENTRIES);
+          // Nach deletedAt aufsteigend sortieren, DANN die neuesten TRASH_MAX_ENTRIES behalten.
+          // Positionsbasiertes slice(-N) wuerde sonst frische lokale Eintraege verdraengen
+          // statt der aeltesten — Datenverlust, da ein Trash-Eintrag die einzige Kopie ist.
+          const combined = [...trash, ...validTrash];
+          combined.sort((a, b) => a.deletedAt - b.deletedAt);
+          trash = combined.slice(-TRASH_MAX_ENTRIES);
           await saveTrash();
         }
       }
diff --git a/src/js/settings.js b/src/js/settings.js
index 86c60ac..ec94088 100644
--- a/src/js/settings.js
+++ b/src/js/settings.js
@@ -219,7 +219,7 @@ function createTrashItemEl(entry) {
   btnRestore.className = 'btn-small';
   btnRestore.textContent = t('trash.restore');
   btnRestore.title = t('trash.restore_title');
-  btnRestore.addEventListener('click', () => restoreTrashEntry(entry));
+  btnRestore.addEventListener('click', () => { btnRestore.disabled = true; restoreTrashEntry(entry); });
 
   const btnForever = document.createElement('button');
   btnForever.className = 'btn-danger';
@@ -239,6 +239,10 @@ function createTrashItemEl(entry) {
  * @param {Object} entry
  */
 async function restoreTrashEntry(entry) {
+  // Re-Entry-Guard: ein zweiter Klick (z.B. waehrend der Inbox-Alert offen ist) wuerde sonst
+  // das Item ein zweites Mal einfuegen (Duplikat). Nach der ersten Ausfuehrung ist entry
+  // nicht mehr in trash[]; btnRestore wird zusaetzlich beim ersten Klick disabled.
+  if (!trash.includes(entry)) return;
   if (entry.type === 'board') {
     // Ganzes Board zurueck (inkl. blurred). Falls die id schon existiert (Edge-Case),
     // neue uid vergeben, damit nichts ueberschrieben wird.
diff --git a/src/js/state.js b/src/js/state.js
index b1c46ce..cd4a168 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -75,17 +75,19 @@ async function saveTrash() {
  * @param {{ item: Object, type: 'bookmark'|'board', originBoardId: (string|null) }} entry
  */
 function pushToTrash({ item, type, originBoardId }) {
-  trash.push({
+  const entry = {
     item: structuredClone(item),
     type,
     originBoardId: originBoardId ?? null,
     deletedAt: Date.now()
-  });
+  };
+  trash.push(entry);
   // Aelteste zuerst kappen, falls die Obergrenze ueberschritten ist.
   if (trash.length > TRASH_MAX_ENTRIES) {
     trash.sort((a, b) => a.deletedAt - b.deletedAt);
     trash = trash.slice(trash.length - TRASH_MAX_ENTRIES);
   }
+  return entry;  // fuer Rollback im Delete-Handler bei Save-Fehler (W-b/Quota)
 }
 
 // Page-seitiger Wrapper um das DOM-freie ensureInbox() aus quicksave-core.js.

From a9928706adb818b9d25b221c83fc8dae3e2575ec Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:20:19 +0200
Subject: [PATCH 25/52] i18n: Quick-Save command-description +
 Badge/Confirm-Keys in _locales DE/EN

---
 _locales/de/messages.json | 6 +++++-
 _locales/en/messages.json | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/_locales/de/messages.json b/_locales/de/messages.json
index 9488c5d..5039da3 100644
--- a/_locales/de/messages.json
+++ b/_locales/de/messages.json
@@ -1,4 +1,8 @@
 {
   "extName": { "message": "Hellion NewTab" },
-  "extDesc": { "message": "Persönliches Bookmark-Dashboard mit Boards, Widgets und 11 Themes. Komplett lokal, keine Cloud, kein Tracking." }
+  "extDesc": { "message": "Persönliches Bookmark-Dashboard mit Boards, Widgets und 11 Themes. Komplett lokal, keine Cloud, kein Tracking." },
+  "cmdQuickSave": { "message": "Aktuellen Tab in die Inbox speichern" },
+  "quickSaveBadge": { "message": "OK" },
+  "quickSaveSaved": { "message": "Gespeichert" },
+  "quickSaveNoTab": { "message": "Kein Tab" }
 }
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 05b192a..fc44753 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -1,4 +1,8 @@
 {
   "extName": { "message": "Hellion NewTab" },
-  "extDesc": { "message": "Personal bookmark dashboard with boards, widgets, and 11 themes. Local-only, no cloud, no tracking." }
+  "extDesc": { "message": "Personal bookmark dashboard with boards, widgets, and 11 themes. Local-only, no cloud, no tracking." },
+  "cmdQuickSave": { "message": "Save current tab to Inbox" },
+  "quickSaveBadge": { "message": "OK" },
+  "quickSaveSaved": { "message": "Saved" },
+  "quickSaveNoTab": { "message": "No tab" }
 }

From 9a682d49a983a49915d4027fc5ebba3136c49220 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:22:00 +0200
Subject: [PATCH 26/52] manifest(chrome): quick-save command (Strg+Shift+S),
 activeTab, service_worker, action-Badge

---
 manifest.json | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/manifest.json b/manifest.json
index 94a4d25..1f641b4 100644
--- a/manifest.json
+++ b/manifest.json
@@ -9,9 +9,25 @@
   "chrome_url_overrides": {
     "newtab": "newtab.html"
   },
+  "background": {
+    "service_worker": "src/js/background.js"
+  },
+  "action": {
+    "default_title": "Hellion Dashboard"
+  },
+  "commands": {
+    "quick-save": {
+      "suggested_key": {
+        "default": "Ctrl+Shift+S",
+        "mac": "Command+Shift+S"
+      },
+      "description": "__MSG_cmdQuickSave__"
+    }
+  },
   "permissions": [
     "storage",
-    "bookmarks"
+    "bookmarks",
+    "activeTab"
   ],
 "web_accessible_resources": [
     {

From 79459beb98110e560c172478a167b5e84cad3b23 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:22:15 +0200
Subject: [PATCH 27/52] manifest(firefox): quick-save command, activeTab,
 Event-Page background.scripts, action-Badge

---
 manifest.firefox.json | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/manifest.firefox.json b/manifest.firefox.json
index 7bff759..9405c7e 100644
--- a/manifest.firefox.json
+++ b/manifest.firefox.json
@@ -11,9 +11,28 @@
     "newtab": "newtab.html"
   },
 
+  "background": {
+    "scripts": ["src/js/background.js"]
+  },
+
+  "action": {
+    "default_title": "Hellion Dashboard"
+  },
+
+  "commands": {
+    "quick-save": {
+      "suggested_key": {
+        "default": "Ctrl+Shift+S",
+        "mac": "Command+Shift+S"
+      },
+      "description": "__MSG_cmdQuickSave__"
+    }
+  },
+
   "permissions": [
     "storage",
-    "bookmarks"
+    "bookmarks",
+    "activeTab"
   ],
 
   "browser_specific_settings": {

From c8ff4dd9d2bc587c4e7127f132876f3640c11535 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:22:26 +0200
Subject: [PATCH 28/52] manifest(opera): quick-save command additiv,
 tabs/action/Redirect-Worker unveraendert

---
 manifest.opera.json | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/manifest.opera.json b/manifest.opera.json
index 1c22625..2ac6641 100644
--- a/manifest.opera.json
+++ b/manifest.opera.json
@@ -40,6 +40,16 @@
     "default_title": "Hellion Dashboard"
   },
 
+  "commands": {
+    "quick-save": {
+      "suggested_key": {
+        "default": "Ctrl+Shift+S",
+        "mac": "Command+Shift+S"
+      },
+      "description": "__MSG_cmdQuickSave__"
+    }
+  },
+
   "content_security_policy": {
     "extension_pages": "script-src 'self'; object-src 'self'"
   },

From 17506011c13d2ec7abfef455346a581fc3edfee8 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:24:06 +0200
Subject: [PATCH 29/52] feat(quick-save): background.js fuer Chrome-Worker +
 Firefox-Event-Page, read-modify-write in Inbox, Badge-Bestaetigung

---
 src/js/background.js | 71 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 src/js/background.js

diff --git a/src/js/background.js b/src/js/background.js
new file mode 100644
index 0000000..aab1540
--- /dev/null
+++ b/src/js/background.js
@@ -0,0 +1,71 @@
+/* =============================================
+   HELLION NEWTAB — background.js
+   Quick-Save Background fuer Chrome (Service-Worker)
+   UND Firefox (Event-Page). Kein DOM/window. Listener
+   synchron auf Top-Level. Geteilte Logik via importScripts.
+   ============================================= */
+
+// Geteiltes DOM-freies Helfer-Modul aus Phase 1: ensureInbox(boards), uid(),
+// normalizeBookmark(...). importScripts ist im Service-Worker UND in der
+// Firefox-Event-Page verfuegbar.
+importScripts('quicksave-core.js');
+
+// chrome.storage.local-Lese-/Schreib-Helfer als Promises (kein Store-Modul im Worker,
+// das ist DOM/Seiten-gebunden). Identisches Verhalten: get -> Wert oder null.
+function bgGet(key) {
+  return new Promise(resolve => {
+    chrome.storage.local.get([key], r => resolve(r[key] ?? null));
+  });
+}
+
+function bgSet(key, value) {
+  return new Promise((resolve, reject) => {
+    chrome.storage.local.set({ [key]: value }, () => {
+      if (chrome.runtime.lastError) {
+        reject(new Error(chrome.runtime.lastError.message));
+        return;
+      }
+      resolve();
+    });
+  });
+}
+
+// Kurze Badge-Bestaetigung, dann automatisch wieder leeren.
+function flashBadge(text) {
+  chrome.action.setBadgeText({ text });
+  // Hintergrundfarbe optional, ohne extra Permission moeglich.
+  if (chrome.action.setBadgeBackgroundColor) {
+    chrome.action.setBadgeBackgroundColor({ color: '#1f9d55' });
+  }
+  setTimeout(() => chrome.action.setBadgeText({ text: '' }), 2000);
+}
+
+// Quick-Save: aktiven Tab lesen, in die Inbox haengen (read-modify-write).
+async function quickSaveActiveTab() {
+  const tabs = await chrome.tabs.query({ active: true, currentWindow: true });
+  const tab = tabs && tabs[0];
+  if (!tab || !tab.url) {
+    flashBadge(chrome.i18n.getMessage('quickSaveNoTab'));
+    return;
+  }
+
+  // read-modify-write: aktuellen Stand frisch aus Storage holen, NICHT blind setzen.
+  const boards = (await bgGet('boards')) ?? [];
+  const inbox = ensureInbox(boards);
+  inbox.bookmarks.push(normalizeBookmark({ title: tab.title || tab.url, url: tab.url }));
+
+  try {
+    await bgSet('boards', boards);
+    flashBadge(chrome.i18n.getMessage('quickSaveBadge'));
+  } catch (e) {
+    // Quota o.ae.: Badge zeigt nichts Gruenes, Fehler in die Worker-Konsole.
+    console.error('Quick-Save fehlgeschlagen:', e.message);
+  }
+}
+
+// Listener SYNCHRON auf Top-Level registrieren (Event-Page/Worker-Anforderung).
+chrome.commands.onCommand.addListener(command => {
+  if (command === 'quick-save') {
+    quickSaveActiveTab();
+  }
+});

From 7d390792ea5c91ecb004a5a4f4be2741da23735b Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:26:29 +0200
Subject: [PATCH 30/52] feat(quick-save): Opera-Worker additiv um onCommand +
 importScripts ergaenzt, Redirect unberuehrt (CRLF)

---
 src/js/opera/background.js | 42 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/src/js/opera/background.js b/src/js/opera/background.js
index 221b65b..2e24644 100644
--- a/src/js/opera/background.js
+++ b/src/js/opera/background.js
@@ -31,4 +31,44 @@ chrome.tabs.onActivated.addListener((activeInfo) => {
     chrome.tabs.get(activeInfo.tabId, (tab) => {
         if (tab) forceRedirect(tab.id, tab.url);
     });
-});
\ No newline at end of file
+});
+
+// ---- QUICK SAVE (v2.3, additiv — Redirect oben unberuehrt) ----
+// Geteiltes Helfer-Modul: ensureInbox(boards), uid(), normalizeBookmark(...).
+// Pfad ist relativ zu DIESER Datei (src/js/opera/), daher ../quicksave-core.js.
+importScripts('../quicksave-core.js');
+
+function quickSaveActiveTab() {
+    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
+        const tab = tabs && tabs[0];
+        if (!tab || !tab.url) {
+            chrome.action.setBadgeText({ text: chrome.i18n.getMessage('quickSaveNoTab') });
+            setTimeout(() => chrome.action.setBadgeText({ text: '' }), 2000);
+            return;
+        }
+        // read-modify-write: aktuellen boards-Stand frisch holen, anhaengen, zurueckschreiben.
+        chrome.storage.local.get(['boards'], (r) => {
+            const boards = r.boards ?? [];
+            const inbox = ensureInbox(boards);
+            inbox.bookmarks.push(normalizeBookmark({ title: tab.title || tab.url, url: tab.url }));
+            chrome.storage.local.set({ boards }, () => {
+                if (chrome.runtime.lastError) {
+                    console.error('Quick-Save fehlgeschlagen:', chrome.runtime.lastError.message);
+                    return;
+                }
+                chrome.action.setBadgeText({ text: chrome.i18n.getMessage('quickSaveBadge') });
+                if (chrome.action.setBadgeBackgroundColor) {
+                    chrome.action.setBadgeBackgroundColor({ color: '#1f9d55' });
+                }
+                setTimeout(() => chrome.action.setBadgeText({ text: '' }), 2000);
+            });
+        });
+    });
+}
+
+// onCommand SYNCHRON auf Top-Level (additiv neben den Redirect-Listenern).
+chrome.commands.onCommand.addListener((command) => {
+    if (command === 'quick-save') {
+        quickSaveActiveTab();
+    }
+});

From 9383726198d33c3e2c19228605f18c48af31f017 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:28:29 +0200
Subject: [PATCH 31/52] feat(quick-save): Live-Sync via
 chrome.storage.onChanged in app.js (boards neu laden + renderBoards)

---
 src/js/app.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/js/app.js b/src/js/app.js
index 4145981..0f66a56 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -26,6 +26,7 @@ async function init() {
   startClock();
   bindGlobalEvents();
   bindSettingsEvents();
+  bindStorageSync();
   initSearch();
   initPalette();
   await migrateSticky();
@@ -231,4 +232,24 @@ function bindGlobalEvents() {
   });
 }
 
+// ---- LIVE-SYNC (Quick-Save aus dem Background) ----
+// Ein Quick-Save schreibt boards im Background. Ein offener Tab muss das sehen,
+// sonst ueberschreibt er den Eintrag beim naechsten eigenen Save (QS-03).
+function bindStorageSync() {
+  if (typeof chrome === 'undefined' || !chrome.storage || !chrome.storage.onChanged) return;
+  chrome.storage.onChanged.addListener((changes, area) => {
+    if (area !== 'local' || !changes.boards) return;
+    const next = changes.boards.newValue;
+    if (!Array.isArray(next)) return;
+    // Guard (W-c): nicht mitten in einer offenen Interaktion das boards-Array ersetzen und
+    // neu rendern. Ein offener Dialog (Delete/Edit) haelt evtl. eine board-Referenz per Closure;
+    // ein laufender Board-Drag (Phase 5) wuerde durch renderBoards() (replaceChildren) abgerissen.
+    // In dem Fall den Sync verwerfen — der naechste eigene Save/Render zieht den Stand nach.
+    if (document.querySelector('.dialog-overlay.active') ||
+        document.body.classList.contains('board-dragging')) return;
+    boards = next;
+    renderBoards();
+  });
+}
+
 document.addEventListener('DOMContentLoaded', init);

From f473697fb24c925fb02fe915fef8abcfb4382d9f Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:30:08 +0200
Subject: [PATCH 32/52] fix(backup): Papierkorb (trash) auch im
 Backup-Reminder-Export, konsistent zum Settings-Export

---
 src/js/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/js/app.js b/src/js/app.js
index 0f66a56..ca578e2 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -117,7 +117,7 @@ async function checkBackupReminder() {
     const notesData = (widgetData && Array.isArray(widgetData.notes)) ? widgetData.notes : [];
     const calcHistory = (widgetData && widgetData.calculator) ? widgetData.calculator.history || [] : [];
     const timerPresets = (widgetData && widgetData.timer) ? widgetData.timer.presets || [] : [];
-    const data = { version: '2.2.0', exported: new Date().toISOString(), boards, settings, notes: notesData, calculator: calcHistory, timerPresets };
+    const data = { version: '2.2.0', exported: new Date().toISOString(), boards, settings, trash, notes: notesData, calculator: calcHistory, timerPresets };
     const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
     const url  = URL.createObjectURL(blob);
     const a    = document.createElement('a');

From a37f34eeac2a985aac91800b36ed1f16a96ad72a Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 10:47:17 +0200
Subject: [PATCH 33/52] fix(manifest): Quick-Save auf Alt+Shift+S (Strg+Shift+S
 Brave-Konflikt, Strg+Alt verboten); Firefox laedt quicksave-core via
 scripts-Array

---
 manifest.firefox.json | 6 +++---
 manifest.json         | 4 ++--
 manifest.opera.json   | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/manifest.firefox.json b/manifest.firefox.json
index 9405c7e..c035701 100644
--- a/manifest.firefox.json
+++ b/manifest.firefox.json
@@ -12,7 +12,7 @@
   },
 
   "background": {
-    "scripts": ["src/js/background.js"]
+    "scripts": ["src/js/quicksave-core.js", "src/js/background.js"]
   },
 
   "action": {
@@ -22,8 +22,8 @@
   "commands": {
     "quick-save": {
       "suggested_key": {
-        "default": "Ctrl+Shift+S",
-        "mac": "Command+Shift+S"
+        "default": "Alt+Shift+S",
+        "mac": "Alt+Shift+S"
       },
       "description": "__MSG_cmdQuickSave__"
     }
diff --git a/manifest.json b/manifest.json
index 1f641b4..44ea2ef 100644
--- a/manifest.json
+++ b/manifest.json
@@ -18,8 +18,8 @@
   "commands": {
     "quick-save": {
       "suggested_key": {
-        "default": "Ctrl+Shift+S",
-        "mac": "Command+Shift+S"
+        "default": "Alt+Shift+S",
+        "mac": "Alt+Shift+S"
       },
       "description": "__MSG_cmdQuickSave__"
     }
diff --git a/manifest.opera.json b/manifest.opera.json
index 2ac6641..1b4dd10 100644
--- a/manifest.opera.json
+++ b/manifest.opera.json
@@ -43,8 +43,8 @@
   "commands": {
     "quick-save": {
       "suggested_key": {
-        "default": "Ctrl+Shift+S",
-        "mac": "Command+Shift+S"
+        "default": "Alt+Shift+S",
+        "mac": "Alt+Shift+S"
       },
       "description": "__MSG_cmdQuickSave__"
     }

From 5feadcc90c599de0b797bf27257a3c07ded25a49 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:14:31 +0200
Subject: [PATCH 34/52] fix(quick-save): Firefox-importScripts-Guard
 (Event-Page), Sync-Guard auf reale Overlay/Drag-Klassen,
 Worker-Serialisierung + interne-URL-Filter + kurzer Fehler-Badge

---
 src/js/app.js        | 12 ++++++------
 src/js/background.js | 32 +++++++++++++++++++++-----------
 2 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/js/app.js b/src/js/app.js
index ca578e2..c9a7f8f 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -241,12 +241,12 @@ function bindStorageSync() {
     if (area !== 'local' || !changes.boards) return;
     const next = changes.boards.newValue;
     if (!Array.isArray(next)) return;
-    // Guard (W-c): nicht mitten in einer offenen Interaktion das boards-Array ersetzen und
-    // neu rendern. Ein offener Dialog (Delete/Edit) haelt evtl. eine board-Referenz per Closure;
-    // ein laufender Board-Drag (Phase 5) wuerde durch renderBoards() (replaceChildren) abgerissen.
-    // In dem Fall den Sync verwerfen — der naechste eigene Save/Render zieht den Stand nach.
-    if (document.querySelector('.dialog-overlay.active') ||
-        document.body.classList.contains('board-dragging')) return;
+    // Guard (W-c, nach Phase-4-Review auf REALE Klassen korrigiert): nicht mitten in einer offenen
+    // Interaktion das boards-Array ersetzen und neu rendern, sonst verwaist eine per-Closure gehaltene
+    // board-Referenz oder ein laufender Drag/Render wird abgerissen. Abgedeckt: Settings (.panel-overlay),
+    // Modals Add-Board/Add-Bookmark/Rename (.modal-overlay), HellionDialog/Onboarding (.dialog-overlay),
+    // Board-Drag (.board.dragging), Bookmark-Drag (.bm-item.dragging-source).
+    if (document.querySelector('.panel-overlay.active, .modal-overlay.active, .dialog-overlay.active, .board.dragging, .bm-item.dragging-source')) return;
     boards = next;
     renderBoards();
   });
diff --git a/src/js/background.js b/src/js/background.js
index aab1540..8ac2673 100644
--- a/src/js/background.js
+++ b/src/js/background.js
@@ -5,10 +5,13 @@
    synchron auf Top-Level. Geteilte Logik via importScripts.
    ============================================= */
 
-// Geteiltes DOM-freies Helfer-Modul aus Phase 1: ensureInbox(boards), uid(),
-// normalizeBookmark(...). importScripts ist im Service-Worker UND in der
-// Firefox-Event-Page verfuegbar.
-importScripts('quicksave-core.js');
+// Geteiltes DOM-freies Helfer-Modul aus Phase 1: ensureInbox(boards), uid(), normalizeBookmark(...).
+// Chrome-Service-Worker laedt es via importScripts. Firefox-Event-Page hat KEIN importScripts —
+// dort kommt das Modul ueber background.scripts (manifest.firefox.json) in den Scope, ensureInbox
+// ist dann schon definiert. Der Guard verhindert den ReferenceError in der Event-Page.
+if (typeof importScripts === 'function' && typeof ensureInbox === 'undefined') {
+  importScripts('quicksave-core.js');
+}
 
 // chrome.storage.local-Lese-/Schreib-Helfer als Promises (kein Store-Modul im Worker,
 // das ist DOM/Seiten-gebunden). Identisches Verhalten: get -> Wert oder null.
@@ -30,22 +33,26 @@ function bgSet(key, value) {
   });
 }
 
-// Kurze Badge-Bestaetigung, dann automatisch wieder leeren.
-function flashBadge(text) {
+// Kurze Badge-Bestaetigung, dann automatisch wieder leeren. color optional (Default gruen).
+function flashBadge(text, color) {
   chrome.action.setBadgeText({ text });
   // Hintergrundfarbe optional, ohne extra Permission moeglich.
   if (chrome.action.setBadgeBackgroundColor) {
-    chrome.action.setBadgeBackgroundColor({ color: '#1f9d55' });
+    chrome.action.setBadgeBackgroundColor({ color: color || '#1f9d55' });
   }
   setTimeout(() => chrome.action.setBadgeText({ text: '' }), 2000);
 }
 
+// Interne/nicht speicherbare Seiten (Browser-UI, Extension-Seiten) — kein sinnvolles Bookmark.
+const UNSAVEABLE_URL = /^(chrome|chrome-extension|about|edge|opera|moz-extension|brave|vivaldi|view-source|devtools):/i;
+
 // Quick-Save: aktiven Tab lesen, in die Inbox haengen (read-modify-write).
 async function quickSaveActiveTab() {
   const tabs = await chrome.tabs.query({ active: true, currentWindow: true });
   const tab = tabs && tabs[0];
-  if (!tab || !tab.url) {
-    flashBadge(chrome.i18n.getMessage('quickSaveNoTab'));
+  if (!tab || !tab.url || UNSAVEABLE_URL.test(tab.url)) {
+    // Kein speicherbarer Tab: kurzer roter Marker (langer Text wird im Badge abgeschnitten).
+    flashBadge('×', '#c0392b');
     return;
   }
 
@@ -63,9 +70,12 @@ async function quickSaveActiveTab() {
   }
 }
 
-// Listener SYNCHRON auf Top-Level registrieren (Event-Page/Worker-Anforderung).
+// Quick-Saves serialisieren: zwei schnelle Tastendruecke (Key-Repeat) wuerden sonst parallel
+// read-modify-write machen und sich gegenseitig ueberschreiben (lost update). Promise-Kette
+// sorgt fuer sequentielle Ausfuehrung. Listener bleibt SYNCHRON auf Top-Level registriert.
+let quickSaveChain = Promise.resolve();
 chrome.commands.onCommand.addListener(command => {
   if (command === 'quick-save') {
-    quickSaveActiveTab();
+    quickSaveChain = quickSaveChain.then(() => quickSaveActiveTab()).catch(e => console.error('Quick-Save:', e && e.message));
   }
 });

From 48977818489ded9c8983758ed9bddb0a236a5577 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:17:46 +0200
Subject: [PATCH 35/52] =?UTF-8?q?fix(quick-save):=20Opera-Worker=20?=
 =?UTF-8?q?=E2=80=94=20interne-URL-Filter,=20kurzer=20Fehler-Badge,=20Re-E?=
 =?UTF-8?q?ntry-Schutz=20gegen=20Lost-Update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/opera/background.js | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/js/opera/background.js b/src/js/opera/background.js
index 2e24644..8498d56 100644
--- a/src/js/opera/background.js
+++ b/src/js/opera/background.js
@@ -38,12 +38,26 @@ chrome.tabs.onActivated.addListener((activeInfo) => {
 // Pfad ist relativ zu DIESER Datei (src/js/opera/), daher ../quicksave-core.js.
 importScripts('../quicksave-core.js');
 
+// Interne/nicht speicherbare Seiten (Browser-UI, Extension-Seiten) — kein sinnvolles Bookmark.
+const UNSAVEABLE_URL = /^(chrome|chrome-extension|about|edge|opera|moz-extension|brave|vivaldi|view-source|devtools):/i;
+
+// Re-Entry-Schutz: ein zweiter Quick-Save waehrend der erste laeuft wuerde read-modify-write
+// rennen (lost update). Bei aktivem Save den zweiten Druck verwerfen.
+let qsBusy = false;
+
 function quickSaveActiveTab() {
+    if (qsBusy) return;
+    qsBusy = true;
     chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
         const tab = tabs && tabs[0];
-        if (!tab || !tab.url) {
-            chrome.action.setBadgeText({ text: chrome.i18n.getMessage('quickSaveNoTab') });
+        if (!tab || !tab.url || UNSAVEABLE_URL.test(tab.url)) {
+            // Kein speicherbarer Tab: kurzer roter Marker (langer Text wird im Badge abgeschnitten).
+            chrome.action.setBadgeText({ text: '×' });
+            if (chrome.action.setBadgeBackgroundColor) {
+                chrome.action.setBadgeBackgroundColor({ color: '#c0392b' });
+            }
             setTimeout(() => chrome.action.setBadgeText({ text: '' }), 2000);
+            qsBusy = false;
             return;
         }
         // read-modify-write: aktuellen boards-Stand frisch holen, anhaengen, zurueckschreiben.
@@ -54,6 +68,7 @@ function quickSaveActiveTab() {
             chrome.storage.local.set({ boards }, () => {
                 if (chrome.runtime.lastError) {
                     console.error('Quick-Save fehlgeschlagen:', chrome.runtime.lastError.message);
+                    qsBusy = false;
                     return;
                 }
                 chrome.action.setBadgeText({ text: chrome.i18n.getMessage('quickSaveBadge') });
@@ -61,6 +76,7 @@ function quickSaveActiveTab() {
                     chrome.action.setBadgeBackgroundColor({ color: '#1f9d55' });
                 }
                 setTimeout(() => chrome.action.setBadgeText({ text: '' }), 2000);
+                qsBusy = false;
             });
         });
     });

From 43403bc75575bbfb9a09acfc7da181766ec44305 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:27:31 +0200
Subject: [PATCH 36/52] =?UTF-8?q?fix(quick-save):=20Pending-Queue-Redesign?=
 =?UTF-8?q?=20(Blocker=202b)=20=E2=80=94=20Worker=20schreibt=20eigenen=20'?=
 =?UTF-8?q?quicksave=5Fpending'-Key=20statt=20boards,=20Seite=20drained=20?=
 =?UTF-8?q?in=20die=20Inbox;=20getrennte=20Schreib-Domaenen,=20kein=20boar?=
 =?UTF-8?q?ds-Clobber?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/app.js              | 48 +++++++++++++++++++++++++++++---------
 src/js/background.js       | 15 ++++++------
 src/js/opera/background.js | 12 +++++-----
 3 files changed, 51 insertions(+), 24 deletions(-)

diff --git a/src/js/app.js b/src/js/app.js
index c9a7f8f..0a7b4b5 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -27,6 +27,7 @@ async function init() {
   bindGlobalEvents();
   bindSettingsEvents();
   bindStorageSync();
+  await drainQuickSavePending();   // beim Start angesammelte Quick-Saves (kein Tab war offen) einlesen
   initSearch();
   initPalette();
   await migrateSticky();
@@ -235,20 +236,45 @@ function bindGlobalEvents() {
 // ---- LIVE-SYNC (Quick-Save aus dem Background) ----
 // Ein Quick-Save schreibt boards im Background. Ein offener Tab muss das sehen,
 // sonst ueberschreibt er den Eintrag beim naechsten eigenen Save (QS-03).
+// Drained die Quick-Save-Queue in die Inbox. Die SEITE ist die einzige Schreiberin von 'boards';
+// der Background-Worker haengt nur an 'quicksave_pending' an. Dadurch koennen sich Worker und Seite
+// nicht im boards-Array gegenseitig ueberschreiben (Datensicherheit, Phase-4-Review-Blocker 2b).
+let _drainBusy = false;
+async function drainQuickSavePending() {
+  if (_drainBusy) return;            // Re-Entry-Schutz (init + onChanged koennten ueberlappen)
+  _drainBusy = true;
+  try {
+    const pending = await Store.get('quicksave_pending');
+    if (!Array.isArray(pending) || pending.length === 0) return;
+    const drained = pending.slice();
+    const drainedIds = new Set(drained.map(e => e && e.id).filter(Boolean));
+    const inbox = await ensureInboxBoard();   // legt die Inbox an, falls noetig; gibt das Board zurueck
+    for (const e of drained) {
+      if (e && typeof e.url === 'string' && e.url) {
+        inbox.bookmarks.push(normalizeBookmark({ title: e.title, url: e.url }));
+      }
+    }
+    await saveBoards();
+    // NUR die verarbeiteten Eintraege entfernen — ein gleichzeitiger Worker-Append bleibt erhalten.
+    const still = await Store.get('quicksave_pending');
+    const remaining = Array.isArray(still) ? still.filter(e => e && !drainedIds.has(e.id)) : [];
+    await Store.set('quicksave_pending', remaining);
+    // Render nur, wenn gerade KEIN Drag laeuft (renderBoards->replaceChildren wuerde ihn abreissen).
+    if (!document.querySelector('.board.dragging, .bm-item.dragging-source')) renderBoards();
+  } catch (e) {
+    console.error('Quick-Save-Drain fehlgeschlagen:', e && e.message);
+  } finally {
+    _drainBusy = false;
+  }
+}
+
+// Live-Sync (QS-03): ein offener NewTab drained die Queue, sobald der Worker etwas anhaengt.
 function bindStorageSync() {
   if (typeof chrome === 'undefined' || !chrome.storage || !chrome.storage.onChanged) return;
   chrome.storage.onChanged.addListener((changes, area) => {
-    if (area !== 'local' || !changes.boards) return;
-    const next = changes.boards.newValue;
-    if (!Array.isArray(next)) return;
-    // Guard (W-c, nach Phase-4-Review auf REALE Klassen korrigiert): nicht mitten in einer offenen
-    // Interaktion das boards-Array ersetzen und neu rendern, sonst verwaist eine per-Closure gehaltene
-    // board-Referenz oder ein laufender Drag/Render wird abgerissen. Abgedeckt: Settings (.panel-overlay),
-    // Modals Add-Board/Add-Bookmark/Rename (.modal-overlay), HellionDialog/Onboarding (.dialog-overlay),
-    // Board-Drag (.board.dragging), Bookmark-Drag (.bm-item.dragging-source).
-    if (document.querySelector('.panel-overlay.active, .modal-overlay.active, .dialog-overlay.active, .board.dragging, .bm-item.dragging-source')) return;
-    boards = next;
-    renderBoards();
+    // Nur auf die Quick-Save-Queue reagieren — 'boards' schreibt ausschliesslich diese Seite.
+    if (area !== 'local' || !changes.quicksave_pending) return;
+    drainQuickSavePending();
   });
 }
 
diff --git a/src/js/background.js b/src/js/background.js
index 8ac2673..d66236a 100644
--- a/src/js/background.js
+++ b/src/js/background.js
@@ -46,7 +46,10 @@ function flashBadge(text, color) {
 // Interne/nicht speicherbare Seiten (Browser-UI, Extension-Seiten) — kein sinnvolles Bookmark.
 const UNSAVEABLE_URL = /^(chrome|chrome-extension|about|edge|opera|moz-extension|brave|vivaldi|view-source|devtools):/i;
 
-// Quick-Save: aktiven Tab lesen, in die Inbox haengen (read-modify-write).
+// Quick-Save: aktiven Tab in die Pending-Queue haengen — NICHT boards schreiben.
+// Datensicherheit (Phase-4-Review 2b): boards schreibt ausschliesslich die NewTab-Seite. Der Worker
+// haengt nur an 'quicksave_pending' an; die Seite drained die Queue in die Inbox. So koennen Worker
+// und Seite sich nicht im boards-Array gegenseitig ueberschreiben (kein Lost-Update bestehender Daten).
 async function quickSaveActiveTab() {
   const tabs = await chrome.tabs.query({ active: true, currentWindow: true });
   const tab = tabs && tabs[0];
@@ -56,13 +59,11 @@ async function quickSaveActiveTab() {
     return;
   }
 
-  // read-modify-write: aktuellen Stand frisch aus Storage holen, NICHT blind setzen.
-  const boards = (await bgGet('boards')) ?? [];
-  const inbox = ensureInbox(boards);
-  inbox.bookmarks.push(normalizeBookmark({ title: tab.title || tab.url, url: tab.url }));
-
   try {
-    await bgSet('boards', boards);
+    // read-modify-write nur auf der EIGENEN Queue (bgGet/bgSet sind via quickSaveChain serialisiert).
+    const pending = (await bgGet('quicksave_pending')) ?? [];
+    pending.push({ id: uid(), title: tab.title || tab.url, url: tab.url });
+    await bgSet('quicksave_pending', pending);
     flashBadge(chrome.i18n.getMessage('quickSaveBadge'));
   } catch (e) {
     // Quota o.ae.: Badge zeigt nichts Gruenes, Fehler in die Worker-Konsole.
diff --git a/src/js/opera/background.js b/src/js/opera/background.js
index 8498d56..bcae82e 100644
--- a/src/js/opera/background.js
+++ b/src/js/opera/background.js
@@ -60,12 +60,12 @@ function quickSaveActiveTab() {
             qsBusy = false;
             return;
         }
-        // read-modify-write: aktuellen boards-Stand frisch holen, anhaengen, zurueckschreiben.
-        chrome.storage.local.get(['boards'], (r) => {
-            const boards = r.boards ?? [];
-            const inbox = ensureInbox(boards);
-            inbox.bookmarks.push(normalizeBookmark({ title: tab.title || tab.url, url: tab.url }));
-            chrome.storage.local.set({ boards }, () => {
+        // Datensicher: NICHT boards schreiben — nur an die Pending-Queue anhaengen (die Seite
+        // drained sie in die Inbox). So kann der Worker das boards-Array nicht clobbern (Review 2b).
+        chrome.storage.local.get(['quicksave_pending'], (r) => {
+            const pending = Array.isArray(r.quicksave_pending) ? r.quicksave_pending : [];
+            pending.push({ id: uid(), title: tab.title || tab.url, url: tab.url });
+            chrome.storage.local.set({ quicksave_pending: pending }, () => {
                 if (chrome.runtime.lastError) {
                     console.error('Quick-Save fehlgeschlagen:', chrome.runtime.lastError.message);
                     qsBusy = false;

From 767c7c80aac321348bc14fec6c8116e04a950b35 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:29:47 +0200
Subject: [PATCH 37/52] fix(quick-save): Drain-Trailing-Re-Run gegen verworfene
 onChanged waehrend laufendem Drain (Latenz, kein Verlust)

---
 src/js/app.js | 46 +++++++++++++++++++++++++---------------------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/js/app.js b/src/js/app.js
index 0a7b4b5..510547f 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -233,39 +233,43 @@ function bindGlobalEvents() {
   });
 }
 
-// ---- LIVE-SYNC (Quick-Save aus dem Background) ----
-// Ein Quick-Save schreibt boards im Background. Ein offener Tab muss das sehen,
-// sonst ueberschreibt er den Eintrag beim naechsten eigenen Save (QS-03).
-// Drained die Quick-Save-Queue in die Inbox. Die SEITE ist die einzige Schreiberin von 'boards';
-// der Background-Worker haengt nur an 'quicksave_pending' an. Dadurch koennen sich Worker und Seite
-// nicht im boards-Array gegenseitig ueberschreiben (Datensicherheit, Phase-4-Review-Blocker 2b).
+// ---- QUICK-SAVE PENDING-QUEUE ----
+// Der Background-Worker haengt Quick-Saves an den eigenen Store-Key 'quicksave_pending' an (er
+// schreibt NIE boards). Diese Seite ist die einzige boards-Schreiberin und drained die Queue in die
+// Inbox. Getrennte Schreib-Domaenen -> Worker und Seite koennen sich nicht im boards-Array
+// gegenseitig ueberschreiben (Datensicherheit, Phase-4-Review-Blocker 2b).
 let _drainBusy = false;
+let _drainQueued = false;   // ein waehrend eines laufenden Drains angefragter Drain wird nachgeholt
 async function drainQuickSavePending() {
-  if (_drainBusy) return;            // Re-Entry-Schutz (init + onChanged koennten ueberlappen)
+  if (_drainBusy) { _drainQueued = true; return; }
   _drainBusy = true;
   try {
     const pending = await Store.get('quicksave_pending');
-    if (!Array.isArray(pending) || pending.length === 0) return;
-    const drained = pending.slice();
-    const drainedIds = new Set(drained.map(e => e && e.id).filter(Boolean));
-    const inbox = await ensureInboxBoard();   // legt die Inbox an, falls noetig; gibt das Board zurueck
-    for (const e of drained) {
-      if (e && typeof e.url === 'string' && e.url) {
-        inbox.bookmarks.push(normalizeBookmark({ title: e.title, url: e.url }));
+    if (Array.isArray(pending) && pending.length > 0) {
+      const drained = pending.slice();
+      const drainedIds = new Set(drained.map(e => e && e.id).filter(Boolean));
+      const inbox = await ensureInboxBoard();   // legt die Inbox an, falls noetig; gibt das Board zurueck
+      for (const e of drained) {
+        if (e && typeof e.url === 'string' && e.url) {
+          inbox.bookmarks.push(normalizeBookmark({ title: e.title, url: e.url }));
+        }
       }
+      await saveBoards();
+      // NUR die verarbeiteten Eintraege entfernen — ein gleichzeitiger Worker-Append bleibt erhalten.
+      const still = await Store.get('quicksave_pending');
+      const remaining = Array.isArray(still) ? still.filter(e => e && !drainedIds.has(e.id)) : [];
+      await Store.set('quicksave_pending', remaining);
+      // Render nur, wenn gerade KEIN Drag laeuft (renderBoards->replaceChildren wuerde ihn abreissen).
+      if (!document.querySelector('.board.dragging, .bm-item.dragging-source')) renderBoards();
     }
-    await saveBoards();
-    // NUR die verarbeiteten Eintraege entfernen — ein gleichzeitiger Worker-Append bleibt erhalten.
-    const still = await Store.get('quicksave_pending');
-    const remaining = Array.isArray(still) ? still.filter(e => e && !drainedIds.has(e.id)) : [];
-    await Store.set('quicksave_pending', remaining);
-    // Render nur, wenn gerade KEIN Drag laeuft (renderBoards->replaceChildren wuerde ihn abreissen).
-    if (!document.querySelector('.board.dragging, .bm-item.dragging-source')) renderBoards();
   } catch (e) {
     console.error('Quick-Save-Drain fehlgeschlagen:', e && e.message);
   } finally {
     _drainBusy = false;
   }
+  // Kam waehrend des Drains ein weiterer Quick-Save an (onChanged wurde durch _drainBusy verworfen),
+  // jetzt nachholen. Der Eintrag war sicher in der Queue, nur noch nicht eingelesen.
+  if (_drainQueued) { _drainQueued = false; drainQuickSavePending(); }
 }
 
 // Live-Sync (QS-03): ein offener NewTab drained die Queue, sobald der Worker etwas anhaengt.

From 456be8ba26ed3bb8f6e32181264745239c56bff7 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:52:44 +0200
Subject: [PATCH 38/52] Freies Layout: .boards-wrapper auf absolute Kinder
 vorbereiten (layout-Layer)

---
 src/css/main.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/css/main.css b/src/css/main.css
index 64ee73b..cd491f2 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -513,11 +513,16 @@ html, body {
 /* BOARDS */
 .boards-wrapper {
   position: relative; z-index: 10;
+  /* Free-Layout: Boards liegen absolut (siehe @layer components .board).
+     Der Flex-Modus bleibt als Fallback fuer den Mobil-Reset erhalten
+     (dort wird .board wieder position:static, dann greift flex-wrap). */
   display: flex; flex-wrap: wrap;
   align-content: flex-start;
-  justify-content: center;
+  justify-content: flex-start;
   gap: 14px;
   padding: 110px 40px 40px;
+  /* Absolute Kinder beanspruchen keinen Platz -> Wrapper braucht eine
+     explizite Mindesthoehe, sonst kollabiert er auf die Padding-Hoehe. */
   min-height: 100vh;
 }
 }

From dcc015abd22318302e41099a5310e1d33afb7c28 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:53:09 +0200
Subject: [PATCH 39/52] Freies Layout: .board absolut via --board-x/--board-y
 (components-Layer, kein Inline-Style)

---
 src/css/main.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/css/main.css b/src/css/main.css
index cd491f2..dd370f5 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -529,6 +529,13 @@ html, body {
 
 @layer components {
 .board {
+  /* Freies Layout: Position kommt aus --board-x/--board-y (von drag.js gesetzt),
+     NICHT inline, damit der ungeschichtete Mobil-@media-Block sie ueberschreiben
+     kann (Inline-Style wuerde gegen das Stylesheet gewinnen). Default 0/0 fuer
+     den Fall, dass die Migration noch nicht gelaufen ist. */
+  position: absolute;
+  left: var(--board-x, 0px);
+  top: var(--board-y, 0px);
   width: var(--board-width);
   background: var(--bg-board);
   border: 1px solid var(--border);

From 390a9b2f947c8334a5b63db8dd16aec8f7b25cb3 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:55:05 +0200
Subject: [PATCH 40/52] Freies Layout: board.pos-Migration aus Auto-Raster,
 Position als --board-x/y beim Render

---
 src/js/boards.js | 35 ++++++++++++++++++++++++++++++++++-
 src/js/state.js  |  3 ++-
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/js/boards.js b/src/js/boards.js
index 797fa66..453cb7b 100644
--- a/src/js/boards.js
+++ b/src/js/boards.js
@@ -46,6 +46,27 @@ function createPlusSvg() {
   ]);
 }
 
+// ---- POS-MIGRATION ----
+// Boards ohne pos (Altbestand vor v2.3) aus einem Auto-Raster befuellen,
+// damit sie sich nicht alle auf (0,0) stapeln. Raster orientiert sich am
+// Wrapper-Padding (110px oben / 40px links) und der Board-Breite.
+function ensureBoardPositions() {
+  const COL_W = 240 + 14;   // --board-width (Desktop) + gap
+  const ROW_H = 220;        // grober Board-Hoehen-Schaetzwert fuers Auto-Raster
+  const startX = 40, startY = 110;
+  const cols = Math.max(1, Math.floor((window.innerWidth - startX * 2 + 14) / COL_W));
+
+  let migrated = false;
+  boards.forEach((board, i) => {
+    if (board.pos && typeof board.pos.x === 'number' && typeof board.pos.y === 'number') return;
+    const col = i % cols;
+    const row = Math.floor(i / cols);
+    board.pos = { x: startX + col * COL_W, y: startY + row * ROW_H };
+    migrated = true;
+  });
+  return migrated;
+}
+
 // ---- RENDER ----
 function renderBoards() {
   const wrapper = document.getElementById('boardsWrapper');
@@ -70,8 +91,20 @@ function renderBoards() {
     return;
   }
 
-  boards.forEach(board => wrapper.appendChild(createBoardEl(board)));
+  // Altbestand ohne pos migrieren (Auto-Raster), danach einmalig speichern.
+  const migrated = ensureBoardPositions();
+
+  boards.forEach(board => {
+    const el = createBoardEl(board);
+    // Position als Custom-Property setzen (nicht inline left/top), damit der
+    // Mobil-@media-Reset sie ueberschreiben kann.
+    el.style.setProperty('--board-x', board.pos.x + 'px');
+    el.style.setProperty('--board-y', board.pos.y + 'px');
+    wrapper.appendChild(el);
+  });
   initBoardDragDrop();
+
+  if (migrated) saveBoards();
 }
 
 function createBoardEl(board) {
diff --git a/src/js/state.js b/src/js/state.js
index cd4a168..3fcaf0f 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -53,7 +53,8 @@ function getDefaultBoards() {
         { id: uid(), title: 'MDN Web Docs',  url: 'https://developer.mozilla.org',   desc: '' },
         { id: uid(), title: 'Next.js Docs',  url: 'https://nextjs.org/docs',         desc: '' },
       ],
-      blurred: false
+      blurred: false,
+      pos: { x: 40, y: 110 }
     }
   ];
 }

From 8401535900535acae0aca8448a2a2248f445e3bb Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:58:08 +0200
Subject: [PATCH 41/52] Freies Layout: Board-Drag als Free-Move neu
 (widgets.js-Vorbild), .board.dragging auf z-index umgewidmet, Reorder-CSS
 (placeholder/ghost) raus

---
 src/css/main.css |  15 +------
 src/js/drag.js   | 112 +++++++++++++++++------------------------------
 2 files changed, 41 insertions(+), 86 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index dd370f5..d31ead4 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -893,14 +893,8 @@ body.show-desc .bm-desc { display: block; }
 .modal-body { padding: 14px 16px; }
 .modal-footer { padding: 10px 16px 14px; display: flex; justify-content: flex-end; }
 
-.board.dragging { opacity: 0.35; }
-
-.board-placeholder {
-  border: 2px dashed var(--border-accent);
-  border-radius: var(--radius);
-  background: var(--accent-dim);
-  flex-shrink: 0;
-}
+/* Free-Move: das gezogene Board nach vorne heben (frueher Reorder-Opacity). */
+.board.dragging { z-index: 50; cursor: grabbing; }
 }
 
 
@@ -2484,11 +2478,6 @@ body.show-desc .bm-desc { display: block; }
 .hidden { display: none; }
 .accent-text { color: var(--accent); }
 .dim { opacity: 0.4; }
-.drag-ghost {
-  position: fixed; opacity: 0.75; pointer-events: none; z-index: 9999;
-  transform: rotate(1.5deg) scale(1.02);
-  box-shadow: 0 12px 40px rgba(0,0,0,0.6);
-}
 .bm-item.drag-over { background: rgba(255,160,50,0.07); }
 .bm-item.dragging-source { opacity: 0.4; }
 .about-info-label-block { display: block; margin-bottom: 6px; }
diff --git a/src/js/drag.js b/src/js/drag.js
index c7864a4..bd853c0 100644
--- a/src/js/drag.js
+++ b/src/js/drag.js
@@ -5,95 +5,61 @@
    Bookmarks: Reihenfolge innerhalb eines Boards
    ============================================= */
 
-// ---- BOARD DRAG (Pointer Events) ----
+// ---- BOARD FREE-MOVE (Pointer Events) ----
+// Neugebaut fuer v2.3 (frueher Reorder mit Ghost/Placeholder). Vorbild:
+// widgets.js _initDrag — setPointerCapture, offX/offY, onMove mit Clamping
+// gegen window.innerWidth/Height, onUp schreibt board.pos + saveBoards().
+// Gebunden am .board-drag-handle, NICHT am ganzen .board, damit Bookmark-Drag,
+// Klick-Delegation und Action-Buttons frei bleiben.
 function initBoardDragDrop() {
   const wrapper = document.getElementById('boardsWrapper');
-  let dragging  = null;
-  let placeholder = null;
-
-  function getInsertTarget(clientX, clientY) {
-    const boardEls = Array.from(wrapper.querySelectorAll('.board:not(.dragging)'));
-    for (const b of boardEls) {
-      const r = b.getBoundingClientRect();
-      if (clientX >= r.left && clientX <= r.right && clientY >= r.top && clientY <= r.bottom) {
-        return { el: b, before: clientX < r.left + r.width / 2 };
-      }
-    }
-    return null;
-  }
 
   wrapper.querySelectorAll('.board').forEach(boardEl => {
     const handle = boardEl.querySelector('.board-drag-handle');
     if (!handle) return;
 
-    handle.style.cursor = 'grab';
-
-    handle.addEventListener('pointerdown', e => {
+    handle.addEventListener('pointerdown', function onDown(e) {
+      // Auf Mobil ist .board position:static (Stapel) -> kein Free-Move.
+      if (getComputedStyle(boardEl).position !== 'absolute') return;
       e.preventDefault();
       handle.setPointerCapture(e.pointerId);
-      handle.style.cursor = 'grabbing';
-
-      const rect = boardEl.getBoundingClientRect();
-
-      // Ghost
-      const ghost = boardEl.cloneNode(true);
-      ghost.className += ' drag-ghost';
-      ghost.style.left = rect.left + 'px';
-      ghost.style.top = rect.top + 'px';
-      ghost.style.width = rect.width + 'px';
-      ghost.style.height = rect.height + 'px';
-      document.body.appendChild(ghost);
-
-      // Placeholder
-      placeholder = document.createElement('div');
-      placeholder.className = 'board-placeholder';
-      placeholder.style.cssText = `width:${rect.width}px; height:${rect.height}px;`;
-      boardEl.parentNode.insertBefore(placeholder, boardEl);
+      // .board.dragging hebt das Board per CSS nach vorne (z-index) UND ist das Signal fuer den
+      // Live-Sync-Guard in app.js (bindStorageSync verwirft ein onChanged-Re-Render, das diesen
+      // Drag sonst abreissen wuerde). Der Guard prueft genau diese Klasse (Phase-4-Review 2a).
       boardEl.classList.add('dragging');
 
-      dragging = { el: boardEl, ghost,
-        offsetX: e.clientX - rect.left,
-        offsetY: e.clientY - rect.top
-      };
-    });
+      const rect = boardEl.getBoundingClientRect();
+      const offX = e.clientX - rect.left;
+      const offY = e.clientY - rect.top;
 
-    handle.addEventListener('pointermove', e => {
-      if (!dragging || dragging.el !== boardEl) return;
-      e.preventDefault();
-      dragging.ghost.style.left = (e.clientX - dragging.offsetX) + 'px';
-      dragging.ghost.style.top  = (e.clientY - dragging.offsetY) + 'px';
-
-      const target = getInsertTarget(e.clientX, e.clientY);
-      if (target && target.el !== boardEl) {
-        target.before
-          ? target.el.parentNode.insertBefore(placeholder, target.el)
-          : target.el.parentNode.insertBefore(placeholder, target.el.nextSibling);
+      function onMove(ev) {
+        const maxX = window.innerWidth - boardEl.offsetWidth;
+        const maxY = window.innerHeight - boardEl.offsetHeight;
+        const x = Math.max(0, Math.min(maxX, ev.clientX - offX));
+        const y = Math.max(48, Math.min(maxY, ev.clientY - offY)); // 48px = Header-Hoehe
+        boardEl.style.setProperty('--board-x', x + 'px');
+        boardEl.style.setProperty('--board-y', y + 'px');
       }
-    });
 
-    handle.addEventListener('pointerup', async () => {
-      if (!dragging || dragging.el !== boardEl) return;
-      handle.style.cursor = 'grab';
-      placeholder.parentNode.insertBefore(boardEl, placeholder);
-      placeholder.remove(); placeholder = null;
-      boardEl.classList.remove('dragging');
-      dragging.ghost.remove();
-      dragging = null;
+      async function onUp() {
+        handle.releasePointerCapture(e.pointerId);
+        handle.removeEventListener('pointermove', onMove);
+        handle.removeEventListener('pointerup', onUp);
+        boardEl.classList.remove('dragging'); // z-index zurueck + Live-Sync-Guard freigeben
 
-      // Neue Reihenfolge aus DOM ablesen
-      const newOrder = Array.from(wrapper.querySelectorAll('.board'))
-        .map(el => el.dataset.boardId).filter(Boolean);
-      boards.sort((a, b) => newOrder.indexOf(a.id) - newOrder.indexOf(b.id));
-      await saveBoards();
-    });
+        const id = boardEl.dataset.boardId;
+        const board = boards.find(b => b.id === id);
+        if (board) {
+          board.pos = {
+            x: parseFloat(boardEl.style.getPropertyValue('--board-x')),
+            y: parseFloat(boardEl.style.getPropertyValue('--board-y'))
+          };
+          await saveBoards();
+        }
+      }
 
-    handle.addEventListener('pointercancel', () => {
-      if (!dragging) return;
-      dragging.ghost.remove();
-      if (placeholder) { placeholder.remove(); placeholder = null; }
-      boardEl.classList.remove('dragging');
-      dragging = null;
-      handle.style.cursor = 'grab';
+      handle.addEventListener('pointermove', onMove);
+      handle.addEventListener('pointerup', onUp);
     });
   });
 }

From 1d9e9dab81253d9e63459720b1eb8c224562cbe8 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 14:59:10 +0200
Subject: [PATCH 42/52] Freies Layout: Mobil-Reset (<=768/480px) auf
 gestapeltes Layout, ungeschichtet

---
 src/css/main.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index d31ead4..be8420f 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -2523,7 +2523,13 @@ body.show-desc .bm-desc { display: block; }
   }
   .btn-icon { padding: 6px 8px; gap: 0; }
 
-  .boards-wrapper { padding: 100px 16px 24px; gap: 10px; }
+  .boards-wrapper { padding: 100px 16px 24px; gap: 10px; justify-content: center; }
+  /* Free-Layout-Reset: ab Tablet wieder gestapeltes Flex-Layout. Ungeschichtet ->
+     gewinnt ueber @layer components (.board position:absolute). pos/--board-x/y werden ignoriert. */
+  .board {
+    position: static;
+    left: auto; top: auto;
+  }
 
   .settings-panel { width: 320px; }
   .theme-grid { grid-template-columns: 1fr 1fr; }
@@ -2554,7 +2560,11 @@ body.show-desc .bm-desc { display: block; }
     align-items: stretch;
   }
 
-  .board { width: 100%; }
+  .board {
+    width: 100%;
+    position: static;
+    left: auto; top: auto;
+  }
 
   .settings-panel { width: 100%; }
   .theme-grid { grid-template-columns: 1fr 1fr; gap: 6px; }

From 70f3f705b4e5799a5af5afb5cd031f2a527247f1 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 15:16:51 +0200
Subject: [PATCH 43/52] =?UTF-8?q?fix(layout):=20Phase-5-Review=20=E2=80=94?=
 =?UTF-8?q?=20off-screen-Clamp,=20Drag-Cleanup,=20Blur-Position,=20Import-?=
 =?UTF-8?q?pos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Render + neuer debounced Resize-Handler clampen --board-x/y gegen den
  aktuellen Viewport: ein auf breiterem Fenster platziertes Board rendert
  nie mehr off-screen (und damit per Drag unerreichbar). board.pos bleibt
  unveraendert, bei spaeterer Verbreiterung wird die Originalposition erreicht.
- drag.js: cleanup() + pointercancel-Listener. Die Klasse .board.dragging
  klebte bei Touch-Interrupt/Browser-Geste sonst dauerhaft und legte den
  app.js-Sync-Guard (Quick-Save-Render) still.
- main.css: '.board.blurred { position: relative }' entfernt — lag im
  utilities-Layer und schlug das absolute Free-Layout (geblurrtes Board fiel
  aus seiner Position + war nicht mehr drag-bar).
- data.js: board.pos wird beim JSON-Import durchgereicht (safePos-Validierung
  via Number.isFinite), sonst Verlust des frei gesetzten Layouts beim Restore.
---
 src/css/main.css |  7 ++++---
 src/js/app.js    | 17 +++++++++++++++++
 src/js/boards.js | 12 ++++++++----
 src/js/data.js   | 45 ++++++++++++++++++++++++++++++++-------------
 src/js/drag.js   | 18 +++++++++++++++---
 5 files changed, 76 insertions(+), 23 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index be8420f..2ca17b5 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -910,9 +910,10 @@ body.show-desc .bm-desc { display: block; }
 .board.blurred .board-title {
   filter: blur(5px);
 }
-.board.blurred {
-  position: relative;
-}
+/* HINWEIS: KEIN `.board.blurred { position: relative }` — .board ist im Free-Layout bereits
+   position:absolute (= positionierter Containing-Block fuers Overlay). Ein relative hier liegt
+   im @layer utilities und wuerde das absolute schlagen -> geblurrtes Board faellt aus seiner
+   freien Position + waere nicht mehr drag-bar (Phase-5-Review). */
 .board-blur-overlay {
   display: none;
   position: absolute; inset: 0; z-index: 5;
diff --git a/src/js/app.js b/src/js/app.js
index 510547f..d2533ca 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -27,6 +27,7 @@ async function init() {
   bindGlobalEvents();
   bindSettingsEvents();
   bindStorageSync();
+  bindBoardResizeReclamp();        // Boards bei Fenster-Verkleinerung wieder in den sichtbaren Bereich holen
   await drainQuickSavePending();   // beim Start angesammelte Quick-Saves (kein Tab war offen) einlesen
   initSearch();
   initPalette();
@@ -282,4 +283,20 @@ function bindStorageSync() {
   });
 }
 
+// Freies Layout (LAYOUT-04): Boards stehen absolut positioniert. Schrumpft das Fenster, koennen
+// sie ganz aus dem sichtbaren Bereich rutschen. renderBoards() klemmt die --board-x/--board-y jedes
+// Boards beim Aufbau gegen die aktuelle Viewport — ein simpler Re-Render holt sie also zurueck.
+// Debounce (150ms), damit kontinuierliches Resizen nicht hunderte Renders ausloest. Waehrend eines
+// aktiven Drags NICHT neu rendern: renderBoards->replaceChildren wuerde den laufenden Drag abreissen.
+function bindBoardResizeReclamp() {
+  let resizeTimer = null;
+  window.addEventListener('resize', () => {
+    clearTimeout(resizeTimer);
+    resizeTimer = setTimeout(() => {
+      if (document.querySelector('.board.dragging, .bm-item.dragging-source')) return;
+      renderBoards();
+    }, 150);
+  });
+}
+
 document.addEventListener('DOMContentLoaded', init);
diff --git a/src/js/boards.js b/src/js/boards.js
index 453cb7b..2f2219f 100644
--- a/src/js/boards.js
+++ b/src/js/boards.js
@@ -96,11 +96,15 @@ function renderBoards() {
 
   boards.forEach(board => {
     const el = createBoardEl(board);
-    // Position als Custom-Property setzen (nicht inline left/top), damit der
-    // Mobil-@media-Reset sie ueberschreiben kann.
-    el.style.setProperty('--board-x', board.pos.x + 'px');
-    el.style.setProperty('--board-y', board.pos.y + 'px');
     wrapper.appendChild(el);
+    // Position als Custom-Property setzen (nicht inline left/top), damit der Mobil-@media-Reset
+    // sie ueberschreiben kann. Gegen den AKTUELLEN Viewport clampen, damit ein auf breiterem
+    // Fenster platziertes Board nie off-screen (und damit per Drag unerreichbar) rendert.
+    // board.pos bleibt unveraendert -> bei spaeterer Verbreiterung wird die Originalposition wieder erreicht.
+    const cx = Math.max(0, Math.min(window.innerWidth - el.offsetWidth, board.pos.x));
+    const cy = Math.max(48, Math.min(window.innerHeight - el.offsetHeight, board.pos.y));
+    el.style.setProperty('--board-x', cx + 'px');
+    el.style.setProperty('--board-y', cy + 'px');
   });
   initBoardDragDrop();
 
diff --git a/src/js/data.js b/src/js/data.js
index 7dd0250..85d3abe 100644
--- a/src/js/data.js
+++ b/src/js/data.js
@@ -24,6 +24,17 @@ function initDataButtons() {
     }
   }
 
+  /**
+   * Validiert eine freie Layout-Position (LAYOUT-04). Liefert { x, y } nur bei
+   * endlichen Zahlen, sonst null — dann gridded ensureBoardPositions das Board neu.
+   * Ohne das wuerde ein Import jede vom Nutzer gesetzte Board-Position verwerfen.
+   * @param {*} pos
+   * @returns {{x:number,y:number}|null}
+   */
+  function safePos(pos) {
+    return pos && Number.isFinite(pos.x) && Number.isFinite(pos.y) ? { x: pos.x, y: pos.y } : null;
+  }
+
   // Export (inkl. Notes)
   btnExport.addEventListener('click', async () => {
     const widgetData = await Store.get('widgetStates');
@@ -56,19 +67,25 @@ function initDataButtons() {
       if (!Array.isArray(data.boards)) throw new Error(t('data.invalid_format'));
       const validBoards = data.boards
         .filter(b => b && typeof b.title === 'string' && Array.isArray(b.bookmarks))
-        .map(b => ({
-          id: b.id || uid(),
-          title: String(b.title).slice(0, 100),
-          blurred: !!b.blurred,
-          bookmarks: b.bookmarks
-            .filter(bm => bm && typeof bm.title === 'string' && isSafeUrl(bm.url))
-            .map(bm => ({
-              id: bm.id || uid(),
-              title: String(bm.title).slice(0, 200),
-              url: bm.url,
-              desc: String(bm.desc || '').slice(0, 500)
-            }))
-        }));
+        .map(b => {
+          const board = {
+            id: b.id || uid(),
+            title: String(b.title).slice(0, 100),
+            blurred: !!b.blurred,
+            bookmarks: b.bookmarks
+              .filter(bm => bm && typeof bm.title === 'string' && isSafeUrl(bm.url))
+              .map(bm => ({
+                id: bm.id || uid(),
+                title: String(bm.title).slice(0, 200),
+                url: bm.url,
+                desc: String(bm.desc || '').slice(0, 500)
+              }))
+          };
+          // Freies Layout (LAYOUT-04): valide Position uebernehmen, sonst gridded ensureBoardPositions neu.
+          const pos = safePos(b.pos);
+          if (pos) board.pos = pos;
+          return board;
+        });
       if (validBoards.length === 0) throw new Error(t('data.no_boards'));
       const ok = await HellionDialog.confirm(
         t('data.import_confirm', { count: validBoards.length }),
@@ -92,6 +109,8 @@ function initDataButtons() {
                   id: e.item.id || uid(),
                   title: String(e.item.title || '').slice(0, 100),
                   blurred: !!e.item.blurred,
+                  // Position erhalten, damit ein wiederhergestelltes Board an seinem Platz landet.
+                  ...(safePos(e.item.pos) ? { pos: safePos(e.item.pos) } : {}),
                   bookmarks: Array.isArray(e.item.bookmarks)
                     ? e.item.bookmarks
                         .filter(bm => bm && typeof bm.title === 'string' && isSafeUrl(bm.url))
diff --git a/src/js/drag.js b/src/js/drag.js
index bd853c0..2158668 100644
--- a/src/js/drag.js
+++ b/src/js/drag.js
@@ -41,12 +41,19 @@ function initBoardDragDrop() {
         boardEl.style.setProperty('--board-y', y + 'px');
       }
 
-      async function onUp() {
-        handle.releasePointerCapture(e.pointerId);
+      // Gemeinsames Aufraeumen: Pointer-Capture freigeben, ALLE Listener entfernen,
+      // .board.dragging entfernen. MUSS auch im Cancel-Pfad laufen — sonst klebt die Klasse
+      // und der app.js-Sync-Guard unterdrueckt dauerhaft Quick-Save-Renders (Phase-5-Review).
+      function cleanup() {
+        try { handle.releasePointerCapture(e.pointerId); } catch (_) { /* schon freigegeben */ }
         handle.removeEventListener('pointermove', onMove);
         handle.removeEventListener('pointerup', onUp);
-        boardEl.classList.remove('dragging'); // z-index zurueck + Live-Sync-Guard freigeben
+        handle.removeEventListener('pointercancel', onCancel);
+        boardEl.classList.remove('dragging');
+      }
 
+      async function onUp() {
+        cleanup();
         const id = boardEl.dataset.boardId;
         const board = boards.find(b => b.id === id);
         if (board) {
@@ -58,8 +65,13 @@ function initBoardDragDrop() {
         }
       }
 
+      // pointercancel feuert STATT pointerup bei Touch-Interrupt, Browser-Geste oder wenn das
+      // captured Element aus dem DOM faellt -> nur aufraeumen (cleanup), pos NICHT ueberschreiben.
+      function onCancel() { cleanup(); }
+
       handle.addEventListener('pointermove', onMove);
       handle.addEventListener('pointerup', onUp);
+      handle.addEventListener('pointercancel', onCancel);
     });
   });
 }

From 5b18bed9b5e1ae44382a96a8884b90dccc1ea26b Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 15:20:07 +0200
Subject: [PATCH 44/52] chore: bump version to 2.3.0 across all bump targets

---
 manifest.firefox.json | 2 +-
 manifest.json         | 2 +-
 manifest.opera.json   | 2 +-
 newtab.html           | 2 +-
 src/js/app.js         | 2 +-
 src/js/data.js        | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/manifest.firefox.json b/manifest.firefox.json
index c035701..fab6932 100644
--- a/manifest.firefox.json
+++ b/manifest.firefox.json
@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "__MSG_extName__",
   "default_locale": "en",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "__MSG_extDesc__",
   "author": "Hellion Online Media - Florian Wathling",
   "homepage_url": "https://hellion-media.de",
diff --git a/manifest.json b/manifest.json
index 44ea2ef..cc5ed6f 100644
--- a/manifest.json
+++ b/manifest.json
@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "__MSG_extName__",
   "default_locale": "en",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "__MSG_extDesc__",
   "author": "Hellion Online Media - Florian Wathling",
   "homepage_url": "https://hellion-media.de",
diff --git a/manifest.opera.json b/manifest.opera.json
index 1b4dd10..942930d 100644
--- a/manifest.opera.json
+++ b/manifest.opera.json
@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "__MSG_extName__",
   "default_locale": "en",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "__MSG_extDesc__",
   "author": "Hellion Online Media - Florian Wathling",
   "homepage_url": "https://hellion-media.de",
diff --git a/newtab.html b/newtab.html
index 5a4cbdb..0826aab 100644
--- a/newtab.html
+++ b/newtab.html
@@ -241,7 +241,7 @@
     <div class="panel-footer">
       <div class="about-block">
         <div class="about-logo" data-i18n="about.title">⬡ HELLION NEWTAB</div>
-        <div class="about-version">Version 2.2.0 · by Hellion Online Media</div>
+        <div class="about-version">Version 2.3.0 · by Hellion Online Media</div>
 
         <div class="about-links">
           <a href="https://hellion-media.de/impressum" target="_blank" class="about-link">
diff --git a/src/js/app.js b/src/js/app.js
index d2533ca..32967a4 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -119,7 +119,7 @@ async function checkBackupReminder() {
     const notesData = (widgetData && Array.isArray(widgetData.notes)) ? widgetData.notes : [];
     const calcHistory = (widgetData && widgetData.calculator) ? widgetData.calculator.history || [] : [];
     const timerPresets = (widgetData && widgetData.timer) ? widgetData.timer.presets || [] : [];
-    const data = { version: '2.2.0', exported: new Date().toISOString(), boards, settings, trash, notes: notesData, calculator: calcHistory, timerPresets };
+    const data = { version: '2.3.0', exported: new Date().toISOString(), boards, settings, trash, notes: notesData, calculator: calcHistory, timerPresets };
     const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });
     const url  = URL.createObjectURL(blob);
     const a    = document.createElement('a');
diff --git a/src/js/data.js b/src/js/data.js
index 85d3abe..8953bfc 100644
--- a/src/js/data.js
+++ b/src/js/data.js
@@ -39,7 +39,7 @@ function initDataButtons() {
   btnExport.addEventListener('click', async () => {
     const widgetData = await Store.get('widgetStates');
     const data = {
-      version: '2.2.0',
+      version: '2.3.0',
       exported: new Date().toISOString(),
       boards,
       settings,

From 84976f5a1004a398a183bd0f9d1241983894416a Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 15:21:46 +0200
Subject: [PATCH 45/52] ci: assert background/action + activeTab/commands in
 Chrome and Firefox manifests

---
 .gitea/workflows/quality.yml | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/.gitea/workflows/quality.yml b/.gitea/workflows/quality.yml
index 5feda5d..1bf2516 100644
--- a/.gitea/workflows/quality.yml
+++ b/.gitea/workflows/quality.yml
@@ -45,6 +45,11 @@ jobs:
           assert m.get('name'), 'Chrome: Name fehlt'
           assert m.get('version'), 'Chrome: Version fehlt'
           assert 'storage' in m.get('permissions', []), 'Chrome: Storage Permission fehlt'
+          assert 'activeTab' in m.get('permissions', []), 'Chrome: activeTab Permission fehlt (Quick Save v2.3)'
+          assert 'background' in m, 'Chrome: background-Key fehlt (Service Worker v2.3)'
+          assert 'service_worker' in m.get('background', {}), 'Chrome: background.service_worker fehlt'
+          assert isinstance(m.get('commands'), dict) and 'quick-save' in m['commands'], 'Chrome: commands.quick-save fehlt (Quick Save v2.3)'
+          assert 'action' in m, 'Chrome: action-Key fehlt (Badge-Bestätigung v2.3)'
           print('manifest.json (V3) OK — Version:', m['version'])
 
           with open('manifest.firefox.json') as f:
@@ -52,6 +57,11 @@ jobs:
           assert mf.get('manifest_version') == 3, 'Firefox: Manifest V3 erwartet'
           assert mf['version'] == m['version'], 'Firefox: Version stimmt nicht mit Chrome überein!'
           assert 'browser_specific_settings' in mf, 'Firefox: browser_specific_settings fehlt'
+          assert 'activeTab' in mf.get('permissions', []), 'Firefox: activeTab Permission fehlt (Quick Save v2.3)'
+          assert 'background' in mf, 'Firefox: background-Key fehlt (Event-Page v2.3)'
+          assert 'scripts' in mf.get('background', {}), 'Firefox: background.scripts fehlt (Event-Page, kein service_worker)'
+          assert isinstance(mf.get('commands'), dict) and 'quick-save' in mf['commands'], 'Firefox: commands.quick-save fehlt (Quick Save v2.3)'
+          assert 'action' in mf, 'Firefox: action-Key fehlt (Badge-Bestätigung v2.3)'
           print('manifest.firefox.json (V3) OK — Version:', mf['version'])
 
           with open('manifest.opera.json') as f:

From b3288b47eb161acf507c6c6b0e721791c5d56bd8 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 15:22:37 +0200
Subject: [PATCH 46/52] docs: add 2.3.0 changelog entry

---
 CHANGELOG.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a3fdf2b..df61030 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,20 @@ All notable changes per version. Format based on [Keep a Changelog](https://keep
 
 ---
 
+## [2.3.0] — 2026-06-14
+
+### Added
+- **Command Palette (Ctrl+K)** — Overlay that live-filters bookmarks (title and URL) and board names from the keyboard. Arrow-key navigation, Enter opens the match, Escape closes. Read-only navigation, separate from the web search bar. Combobox/listbox ARIA pattern with focus trap and focus return. New DE/EN i18n strings.
+- **Trash** — Deleted bookmarks and boards move to a 30-day trash instead of vanishing. Restore or permanently remove them from a new Settings section; entries older than 30 days are cleaned up automatically. Stored under its own storage key with a hard size cap so it cannot exhaust the storage quota.
+- **Quick Save** — A global keyboard shortcut (default Alt+Shift+S, configurable in the browser shortcut settings) saves the current tab into a fixed Inbox board from any page. Backed by a background worker (service worker on Chrome/Opera, event page on Firefox) that appends to a dedicated pending queue, which the dashboard drains into the Inbox — separate write domains, so a save can never clobber the boards. A badge confirms the save, and open dashboard tabs sync the new bookmark live via a storage-change listener.
+- **Free layout (bonus)** — Boards can be dragged to free positions via a drag handle, persisted per board. Positions are clamped back into view when the window shrinks, and the layout falls back to a stacked column on small screens.
+
+### Changed
+- The bookmark- and board-delete paths no longer remove entries immediately; deletions now route through the trash.
+- Chrome and Firefox manifests gain a background worker, an `action` entry and the `activeTab` / `commands` permissions to support Quick Save. Opera keeps its existing `tabs` permission and redirect worker.
+
+---
+
 ## [2.2.0] — 2026-06-13
 
 ### Added

From 1d17f4d11fd9d2f967eaf9eaf6e718d1d1f9f09e Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 19:51:15 +0200
Subject: [PATCH 47/52] fix(layout): Board-Handle-Klick ohne Bewegung
 ueberschreibt board.pos nicht mehr

Ein reiner Klick/Tap auf den Drag-Handle (ohne echtes Verschieben) hat in onUp den
gegen die Viewport geclampten --board-x/y-Wert zurueckgelesen und als board.pos
persistiert. Bei einem off-screen geclampten Board (nach Fenster-Verkleinerung oder
Import von breiterem Screen) zerstoerte das die wahre Position. Jetzt zaehlt erst eine
Bewegung > 3px als Drag; ohne Bewegung bleibt board.pos unangetastet.
---
 src/js/drag.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/js/drag.js b/src/js/drag.js
index 2158668..bc6cb3f 100644
--- a/src/js/drag.js
+++ b/src/js/drag.js
@@ -31,8 +31,16 @@ function initBoardDragDrop() {
       const rect = boardEl.getBoundingClientRect();
       const offX = e.clientX - rect.left;
       const offY = e.clientY - rect.top;
+      const startCX = e.clientX, startCY = e.clientY;
+      // Erst eine echte Bewegung (> 3px) zaehlt als Drag. Ein reiner Klick/Tap auf den Handle darf
+      // board.pos NICHT ueberschreiben: renderBoards() schreibt in --board-x/y den gegen die Viewport
+      // GECLAMPTEN Wert, board.pos bleibt absichtlich der wahre (evtl. off-screen) Wert. onUp liest
+      // --board-x/y zurueck — bei einem No-Move-Klick waere das der Clamp und wuerde die wahre
+      // Position zerstoeren (Phase-5-Review, HIGH/data-loss).
+      let moved = false;
 
       function onMove(ev) {
+        if (Math.abs(ev.clientX - startCX) > 3 || Math.abs(ev.clientY - startCY) > 3) moved = true;
         const maxX = window.innerWidth - boardEl.offsetWidth;
         const maxY = window.innerHeight - boardEl.offsetHeight;
         const x = Math.max(0, Math.min(maxX, ev.clientX - offX));
@@ -54,6 +62,8 @@ function initBoardDragDrop() {
 
       async function onUp() {
         cleanup();
+        // Nur bei echtem Verschieben persistieren — sonst board.pos unangetastet lassen.
+        if (!moved) return;
         const id = boardEl.dataset.boardId;
         const board = boards.find(b => b.id === id);
         if (board) {

From 17eac6468375c65328af7afe6df428e85acffcf0 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 19:51:32 +0200
Subject: [PATCH 48/52] fix(layout): geblurrtes Board wieder verschiebbar
 (Drag-Handle ueber Blur-Overlay)

Das .board-blur-overlay (position:absolute; inset:0; z-index:5) lag im geblurrten
Zustand ueber dem Drag-Handle und schluckte den pointerdown, sodass ein geblurrtes
Board nicht mehr per Handle verschoben werden konnte (stattdessen enthuellte der Klick
es). Der Handle bekommt jetzt position:relative + z-index:6 und liegt damit ueber dem
Overlay; Drag funktioniert, Klick auf den Rest des Boards enthuellt weiterhin.
---
 src/css/main.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/css/main.css b/src/css/main.css
index 2ca17b5..3c508e2 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -568,6 +568,11 @@ html, body {
   flex-shrink: 0;
   transition: color 0.15s;
   touch-action: none;
+  /* Ueber dem Blur-Overlay (.board-blur-overlay, z-index:5) liegen, sonst schluckt das
+     Overlay den pointerdown und ein geblurrtes Board ist nicht verschiebbar. Der Rest des
+     Boards bleibt unter dem Overlay -> Klick dort enthuellt weiterhin (Phase-5-Review). */
+  position: relative;
+  z-index: 6;
 }
 .board-drag-handle:hover { color: var(--accent); }
 .board-drag-handle:active { cursor: grabbing; }

From 530196ddf729199fa74c018bd009418fa58020e1 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 19:52:16 +0200
Subject: [PATCH 49/52] fix(trash): Import-Cap verdraengt keine lokalen
 Sole-Copies mehr
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Beim Trash-Import sortierte combined.sort+slice(-N) rein nach deletedAt: brachte ein
Backup neuere Eintraege mit, fielen aeltere LOKALE Eintraege aus dem Cap — und die sind
die einzige Kopie der geloeschten Daten (Datenverlust). Jetzt haben lokale Eintraege
Vorrang (alle behalten, sind bereits auf TRASH_MAX_ENTRIES gekappt), Importe fuellen nur
den Rest mit den neuesten auf.
---
 src/js/data.js | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/js/data.js b/src/js/data.js
index 8953bfc..9e5d82a 100644
--- a/src/js/data.js
+++ b/src/js/data.js
@@ -124,12 +124,18 @@ function initDataButtons() {
           }))
           .filter(e => e.item !== null);
         if (validTrash.length > 0) {
-          // Nach deletedAt aufsteigend sortieren, DANN die neuesten TRASH_MAX_ENTRIES behalten.
-          // Positionsbasiertes slice(-N) wuerde sonst frische lokale Eintraege verdraengen
-          // statt der aeltesten — Datenverlust, da ein Trash-Eintrag die einzige Kopie ist.
-          const combined = [...trash, ...validTrash];
-          combined.sort((a, b) => a.deletedAt - b.deletedAt);
-          trash = combined.slice(-TRASH_MAX_ENTRIES);
+          // Lokale Eintraege sind die EINZIGE Kopie ihrer geloeschten Daten -> Vorrang. Importierte
+          // stammen aus einem Backup, das der Nutzer noch besitzt -> nachrangig. Daher: erst ALLE
+          // lokalen behalten (pushToTrash kappt sie bereits auf TRASH_MAX_ENTRIES), dann mit den
+          // NEUESTEN importierten bis zur Obergrenze auffuellen. Ein frischer Import verdraengt so
+          // keine aelteren lokalen Sole-Copies mehr (frueheres sort+slice(-N) konnte das, data-loss).
+          const room = Math.max(0, TRASH_MAX_ENTRIES - trash.length);
+          const keptImports = validTrash
+            .slice()
+            .sort((a, b) => b.deletedAt - a.deletedAt) // neueste Importe zuerst
+            .slice(0, room);
+          // Am Ende nach deletedAt aufsteigend fuer eine stabile Anzeige-Reihenfolge.
+          trash = [...trash, ...keptImports].sort((a, b) => a.deletedAt - b.deletedAt);
           await saveTrash();
         }
       }

From 327bcd3385df779f4a9ba0841e26811e247c6164 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 19:53:38 +0200
Subject: [PATCH 50/52] fix(quick-save): Drain idempotent (srcId-Dedup) +
 isSafeUrl-Gate

Zwei Befunde aus der Integrations-Review:
- Race: der Page-Drain und der Worker machen je ein read-modify-write auf
  'quicksave_pending' ohne kontextuebergreifende Atomizitaet. Ein Worker-Append im
  await-Fenster des Drains konnte einen bereits gedrainten Eintrag in der Queue belassen,
  den ein Folge-Drain erneut in die Inbox schrieb (Duplikat). Jede eingespielte Bookmark
  traegt jetzt die Pending-id als srcId; ein erneut auftauchender Eintrag wird uebersprungen
  statt doppelt eingefuegt. boards-Write bleibt vor der Queue-Bereinigung -> kein Verlust.
- Validierung: der Drain hat e.url ohne isSafeUrl gepusht, anders als jeder andere
  Bookmark-Schreibpfad. isSafeUrl (jetzt im DOM-freien quicksave-core, http/https/ftp)
  filtert unsichere/leere Protokolle vor dem Schreiben ins Board.
---
 src/js/app.js            | 15 ++++++++++++---
 src/js/quicksave-core.js | 12 ++++++++++++
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/js/app.js b/src/js/app.js
index 32967a4..3dc6c5c 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -250,10 +250,19 @@ async function drainQuickSavePending() {
       const drained = pending.slice();
       const drainedIds = new Set(drained.map(e => e && e.id).filter(Boolean));
       const inbox = await ensureInboxBoard();   // legt die Inbox an, falls noetig; gibt das Board zurueck
+      // Idempotenz gegen den Worker/Drain-Race auf 'quicksave_pending': jede eingespielte Inbox-
+      // Bookmark traegt die Pending-id ihres Ursprungs als srcId. Taucht ein bereits gedrainter
+      // Eintrag durch einen gleichzeitigen Worker-Append erneut in der Queue auf, wird er hier
+      // uebersprungen statt doppelt eingefuegt — kein Duplikat, und kein Verlust (boards-Write
+      // bleibt vor der Queue-Bereinigung, daher keine umgekehrte Verlustgefahr).
+      const seenSrc = new Set(inbox.bookmarks.map(b => b && b.srcId).filter(Boolean));
       for (const e of drained) {
-        if (e && typeof e.url === 'string' && e.url) {
-          inbox.bookmarks.push(normalizeBookmark({ title: e.title, url: e.url }));
-        }
+        if (!e || !e.id || seenSrc.has(e.id)) continue;                          // schon eingespielt
+        if (typeof e.url !== 'string' || !e.url || !isSafeUrl(e.url)) continue;  // leeres/unsicheres Protokoll verwerfen
+        const bm = normalizeBookmark({ title: e.title, url: e.url });
+        bm.srcId = e.id;                                                         // Herkunft fuer kuenftige Dedup
+        inbox.bookmarks.push(bm);
+        seenSrc.add(e.id);
       }
       await saveBoards();
       // NUR die verarbeiteten Eintraege entfernen — ein gleichzeitiger Worker-Append bleibt erhalten.
diff --git a/src/js/quicksave-core.js b/src/js/quicksave-core.js
index 00706a1..296e505 100644
--- a/src/js/quicksave-core.js
+++ b/src/js/quicksave-core.js
@@ -34,6 +34,17 @@
     return inbox;
   }
 
+  // Sicheres URL-Protokoll (http/https/ftp). Inhaltlich identisch zur data.js-Variante, aber
+  // DOM-frei und auf globalThis, damit der Quick-Save-Drain (app.js) dieselbe Validierung nutzt
+  // wie jeder andere Bookmark-Schreibpfad. URL ist in Worker UND Seite verfuegbar.
+  function isSafeUrl(url) {
+    try {
+      return ['http:', 'https:', 'ftp:'].includes(new URL(url).protocol);
+    } catch (_) {
+      return false;
+    }
+  }
+
   // Normalisiert eine Bookmark in die kanonische Form { id, title, url, desc }.
   // title-Fallback auf url, desc auf ''. Begrenzt Laengen wie data.js (200/500),
   // damit Quick-Save-Eintraege das gleiche Schema wie Import/Manuell haben.
@@ -52,6 +63,7 @@
 
   root.INBOX_ID = INBOX_ID;
   root.uid = uid;
+  root.isSafeUrl = isSafeUrl;
   root.ensureInbox = ensureInbox;
   root.normalizeBookmark = normalizeBookmark;
 })(typeof globalThis !== 'undefined' ? globalThis : self);

From 520a0620493e8e8dbe90a407e862ac86ee068b04 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 19:55:18 +0200
Subject: [PATCH 51/52] fix(quick-save): mid-drag gedrainter Quick-Save wird
 nach Drag-Ende gerendert
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Drain laesst renderBoards() aus, solange ein Board- oder Bookmark-Drag laeuft
(replaceChildren wuerde den Drag abreissen) — holte den Render danach aber nie nach,
sodass der gespeicherte Eintrag bis zu einem unabhaengigen Fremd-Render unsichtbar blieb.
Der ausgelassene Render wird jetzt gemerkt (_renderDeferredByDrag) und drag.js ruft am
Ende jedes Drags (onUp/onCancel/Bookmark-dragend) flushQuickSaveRenderIfDeferred nach.
Idempotent: ohne ausstehenden Render kein Extra-Render bei normalen Drags.
---
 src/js/app.js  | 19 ++++++++++++++++++-
 src/js/drag.js | 28 ++++++++++++++++++----------
 2 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/src/js/app.js b/src/js/app.js
index 3dc6c5c..2fc90ff 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -241,6 +241,7 @@ function bindGlobalEvents() {
 // gegenseitig ueberschreiben (Datensicherheit, Phase-4-Review-Blocker 2b).
 let _drainBusy = false;
 let _drainQueued = false;   // ein waehrend eines laufenden Drains angefragter Drain wird nachgeholt
+let _renderDeferredByDrag = false; // Drain hat den Render wegen eines laufenden Drags ausgelassen -> nach Drag-Ende nachholen
 async function drainQuickSavePending() {
   if (_drainBusy) { _drainQueued = true; return; }
   _drainBusy = true;
@@ -270,7 +271,14 @@ async function drainQuickSavePending() {
       const remaining = Array.isArray(still) ? still.filter(e => e && !drainedIds.has(e.id)) : [];
       await Store.set('quicksave_pending', remaining);
       // Render nur, wenn gerade KEIN Drag laeuft (renderBoards->replaceChildren wuerde ihn abreissen).
-      if (!document.querySelector('.board.dragging, .bm-item.dragging-source')) renderBoards();
+      // Laeuft einer, den Render-Wunsch merken und nach Drag-Ende nachholen (drag.js ruft
+      // flushQuickSaveRenderIfDeferred), sonst bliebe der frisch gedrainte Quick-Save bis zu einem
+      // unabhaengigen Fremd-Render unsichtbar (Phase-6-Review).
+      if (document.querySelector('.board.dragging, .bm-item.dragging-source')) {
+        _renderDeferredByDrag = true;
+      } else {
+        renderBoards();
+      }
     }
   } catch (e) {
     console.error('Quick-Save-Drain fehlgeschlagen:', e && e.message);
@@ -282,6 +290,15 @@ async function drainQuickSavePending() {
   if (_drainQueued) { _drainQueued = false; drainQuickSavePending(); }
 }
 
+// Wird von drag.js nach jedem Drag-Ende aufgerufen: einen waehrend des Drags ausgelassenen
+// Quick-Save-Render nachholen. Idempotent — tut nichts, wenn kein Render aussteht.
+function flushQuickSaveRenderIfDeferred() {
+  if (_renderDeferredByDrag) {
+    _renderDeferredByDrag = false;
+    renderBoards();
+  }
+}
+
 // Live-Sync (QS-03): ein offener NewTab drained die Queue, sobald der Worker etwas anhaengt.
 function bindStorageSync() {
   if (typeof chrome === 'undefined' || !chrome.storage || !chrome.storage.onChanged) return;
diff --git a/src/js/drag.js b/src/js/drag.js
index bc6cb3f..b826406 100644
--- a/src/js/drag.js
+++ b/src/js/drag.js
@@ -63,21 +63,27 @@ function initBoardDragDrop() {
       async function onUp() {
         cleanup();
         // Nur bei echtem Verschieben persistieren — sonst board.pos unangetastet lassen.
-        if (!moved) return;
-        const id = boardEl.dataset.boardId;
-        const board = boards.find(b => b.id === id);
-        if (board) {
-          board.pos = {
-            x: parseFloat(boardEl.style.getPropertyValue('--board-x')),
-            y: parseFloat(boardEl.style.getPropertyValue('--board-y'))
-          };
-          await saveBoards();
+        if (moved) {
+          const id = boardEl.dataset.boardId;
+          const board = boards.find(b => b.id === id);
+          if (board) {
+            board.pos = {
+              x: parseFloat(boardEl.style.getPropertyValue('--board-x')),
+              y: parseFloat(boardEl.style.getPropertyValue('--board-y'))
+            };
+            await saveBoards();
+          }
         }
+        // Einen waehrend des Drags ausgelassenen Quick-Save-Render nachholen (app.js).
+        if (typeof flushQuickSaveRenderIfDeferred === 'function') flushQuickSaveRenderIfDeferred();
       }
 
       // pointercancel feuert STATT pointerup bei Touch-Interrupt, Browser-Geste oder wenn das
       // captured Element aus dem DOM faellt -> nur aufraeumen (cleanup), pos NICHT ueberschreiben.
-      function onCancel() { cleanup(); }
+      function onCancel() {
+        cleanup();
+        if (typeof flushQuickSaveRenderIfDeferred === 'function') flushQuickSaveRenderIfDeferred();
+      }
 
       handle.addEventListener('pointermove', onMove);
       handle.addEventListener('pointerup', onUp);
@@ -101,6 +107,8 @@ function initBookmarkDragDrop(listEl, board) {
   listEl.addEventListener('dragend', e => {
     const item = e.target.closest('.bm-item');
     if (item) item.classList.remove('dragging-source');
+    // Blieb ein Quick-Save-Render waehrend des Bookmark-Drags aus (Drop ausgeblieben), jetzt nachholen.
+    if (typeof flushQuickSaveRenderIfDeferred === 'function') flushQuickSaveRenderIfDeferred();
   });
 
   listEl.addEventListener('dragover', e => {

From d041c66dfb687fd908ce7779c9802830a74684a1 Mon Sep 17 00:00:00 2001
From: Jon Kazama <kontakt@hellion-media.de>
Date: Sun, 14 Jun 2026 20:18:00 +0200
Subject: [PATCH 52/52] feat(layout): Board-Position per Lock-Button fixieren

Neuer Pin-Button (custom SVG, kein Emoji) im Board-Header sperrt die Position eines
Boards. Bei gesperrtem Board (.board.locked):
- der Drag-Handle wird per CSS ausgeblendet (Flos Wunsch: Handle weg statt nur inaktiv),
- ein zweiter Guard in drag.js onDown verweigert zusaetzlich jeden Drag.
Schuetzt vor versehentlichem Verschieben (ergaenzt den 3px-Bewegungs-Schwellwert). locked
wird wie blurred persistiert, im Export/Import durchgereicht und mit ins Trash-Board geklont.
i18n DE/EN ergaenzt.
---
 CHANGELOG.md     |  2 +-
 src/css/main.css |  4 ++++
 src/js/boards.js | 28 +++++++++++++++++++++++++---
 src/js/data.js   |  2 ++
 src/js/drag.js   |  3 +++
 src/js/i18n.js   |  4 ++++
 src/js/state.js  |  1 +
 7 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index df61030..c21355d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,7 +12,7 @@ All notable changes per version. Format based on [Keep a Changelog](https://keep
 - **Command Palette (Ctrl+K)** — Overlay that live-filters bookmarks (title and URL) and board names from the keyboard. Arrow-key navigation, Enter opens the match, Escape closes. Read-only navigation, separate from the web search bar. Combobox/listbox ARIA pattern with focus trap and focus return. New DE/EN i18n strings.
 - **Trash** — Deleted bookmarks and boards move to a 30-day trash instead of vanishing. Restore or permanently remove them from a new Settings section; entries older than 30 days are cleaned up automatically. Stored under its own storage key with a hard size cap so it cannot exhaust the storage quota.
 - **Quick Save** — A global keyboard shortcut (default Alt+Shift+S, configurable in the browser shortcut settings) saves the current tab into a fixed Inbox board from any page. Backed by a background worker (service worker on Chrome/Opera, event page on Firefox) that appends to a dedicated pending queue, which the dashboard drains into the Inbox — separate write domains, so a save can never clobber the boards. A badge confirms the save, and open dashboard tabs sync the new bookmark live via a storage-change listener.
-- **Free layout (bonus)** — Boards can be dragged to free positions via a drag handle, persisted per board. Positions are clamped back into view when the window shrinks, and the layout falls back to a stacked column on small screens.
+- **Free layout (bonus)** — Boards can be dragged to free positions via a drag handle, persisted per board. Positions are clamped back into view when the window shrinks, and the layout falls back to a stacked column on small screens. Each board can be pinned with a lock button: a locked board cannot be moved (its drag handle is hidden), preventing accidental repositioning. A drag only counts past a small movement threshold, so a mere click on the handle never shifts a board.
 
 ### Changed
 - The bookmark- and board-delete paths no longer remove entries immediately; deletions now route through the trash.
diff --git a/src/css/main.css b/src/css/main.css
index 3c508e2..ccb0bab 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -576,6 +576,10 @@ html, body {
 }
 .board-drag-handle:hover { color: var(--accent); }
 .board-drag-handle:active { cursor: grabbing; }
+/* Gesperrtes Board (Position fixiert): Drag-Handle ausblenden (kein Verschieben mehr),
+   Lock-Button aktiv einfaerben. Hoehere Spezifitaet als .board-drag-handle -> display:none gewinnt. */
+.board.locked .board-drag-handle { display: none; }
+.board.locked .btn-lock-board { color: var(--accent); }
 
 .board-title {
   font-family: var(--font-display);
diff --git a/src/js/boards.js b/src/js/boards.js
index 2f2219f..e771f9e 100644
--- a/src/js/boards.js
+++ b/src/js/boards.js
@@ -46,6 +46,13 @@ function createPlusSvg() {
   ]);
 }
 
+/** Erzeugt das Pin-/Reisszwecke-Icon SVG (Position fixieren) — bewusst KEIN Emoji (custom SVG). */
+function createPinSvg() {
+  return svgEl('svg', { width: '11', height: '12', viewBox: '0 0 24 24', fill: 'currentColor' }, [
+    svgEl('path', { d: 'M16 9V4l1 0c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1l1 0v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1 1-1v-7H19v-2c-1.66 0-3-1.34-3-3z' }),
+  ]);
+}
+
 // ---- POS-MIGRATION ----
 // Boards ohne pos (Altbestand vor v2.3) aus einem Auto-Raster befuellen,
 // damit sie sich nicht alle auf (0,0) stapeln. Raster orientiert sich am
@@ -113,7 +120,7 @@ function renderBoards() {
 
 function createBoardEl(board) {
   const div = document.createElement('div');
-  div.className = 'board' + (board.blurred ? ' blurred' : '');
+  div.className = 'board' + (board.blurred ? ' blurred' : '') + (board.locked ? ' locked' : '');
   div.dataset.boardId = board.id;
 
   // Header
@@ -133,6 +140,11 @@ function createBoardEl(board) {
   const actions = document.createElement('div');
   actions.className = 'board-actions';
 
+  const btnLock = document.createElement('button');
+  btnLock.className = 'board-action-btn btn-lock-board';
+  btnLock.title = board.locked ? t('boards.unlock') : t('boards.lock');
+  btnLock.appendChild(createPinSvg());
+
   const btnBlur = document.createElement('button');
   btnBlur.className = 'board-action-btn btn-blur-board';
   btnBlur.title = board.blurred ? t('boards.unblur') : t('boards.blur');
@@ -152,9 +164,9 @@ function createBoardEl(board) {
   }
 
   if (btnDelete) {
-    actions.append(btnBlur, btnRename, btnDelete);
+    actions.append(btnLock, btnBlur, btnRename, btnDelete);
   } else {
-    actions.append(btnBlur, btnRename);
+    actions.append(btnLock, btnBlur, btnRename);
   }
   header.append(dragHandle, titleSpanHeader, actions);
 
@@ -163,6 +175,16 @@ function createBoardEl(board) {
   blurOverlay.className = 'board-blur-overlay';
   div.appendChild(blurOverlay);
 
+  btnLock.addEventListener('click', async e => {
+    e.stopPropagation();
+    // Position fixieren: blendet via .board.locked den Drag-Handle aus (CSS) und der onDown-Guard
+    // in drag.js verweigert zusaetzlich den Drag. Reiner Klassen-Toggle, kein Re-Render noetig.
+    board.locked = !board.locked;
+    div.classList.toggle('locked', board.locked);
+    btnLock.title = board.locked ? t('boards.unlock') : t('boards.lock');
+    await saveBoards();
+  });
+
   btnBlur.addEventListener('click', async e => {
     e.stopPropagation();
     board.blurred = !board.blurred;
diff --git a/src/js/data.js b/src/js/data.js
index 9e5d82a..d9ebe14 100644
--- a/src/js/data.js
+++ b/src/js/data.js
@@ -72,6 +72,7 @@ function initDataButtons() {
             id: b.id || uid(),
             title: String(b.title).slice(0, 100),
             blurred: !!b.blurred,
+            locked: !!b.locked,
             bookmarks: b.bookmarks
               .filter(bm => bm && typeof bm.title === 'string' && isSafeUrl(bm.url))
               .map(bm => ({
@@ -109,6 +110,7 @@ function initDataButtons() {
                   id: e.item.id || uid(),
                   title: String(e.item.title || '').slice(0, 100),
                   blurred: !!e.item.blurred,
+                  locked: !!e.item.locked,
                   // Position erhalten, damit ein wiederhergestelltes Board an seinem Platz landet.
                   ...(safePos(e.item.pos) ? { pos: safePos(e.item.pos) } : {}),
                   bookmarks: Array.isArray(e.item.bookmarks)
diff --git a/src/js/drag.js b/src/js/drag.js
index b826406..14695b1 100644
--- a/src/js/drag.js
+++ b/src/js/drag.js
@@ -21,6 +21,9 @@ function initBoardDragDrop() {
     handle.addEventListener('pointerdown', function onDown(e) {
       // Auf Mobil ist .board position:static (Stapel) -> kein Free-Move.
       if (getComputedStyle(boardEl).position !== 'absolute') return;
+      // Gesperrtes Board (Position fixiert, LAYOUT-LOCK) nicht verschieben. Der Drag-Handle ist
+      // bei .locked schon per CSS ausgeblendet; dieser Guard ist die zweite Sicherung.
+      if (boardEl.classList.contains('locked')) return;
       e.preventDefault();
       handle.setPointerCapture(e.pointerId);
       // .board.dragging hebt das Board per CSS nach vorne (z-index) UND ist das Signal fuer den
diff --git a/src/js/i18n.js b/src/js/i18n.js
index cd79bda..f1c3c74 100644
--- a/src/js/i18n.js
+++ b/src/js/i18n.js
@@ -21,6 +21,8 @@ const STRINGS = {
     'boards.drag_title':       'Board verschieben',
     'boards.blur':             'Blur (privat)',
     'boards.unblur':           'Unblur',
+    'boards.lock':             'Position sperren',
+    'boards.unlock':           'Position entsperren',
     'boards.rename':           'Umbenennen',
     'boards.delete':           'Löschen',
     'boards.delete_confirm':   'Board „{title}" wirklich löschen?',
@@ -480,6 +482,8 @@ const STRINGS = {
     'boards.drag_title':       'Move board',
     'boards.blur':             'Blur (private)',
     'boards.unblur':           'Unblur',
+    'boards.lock':             'Lock position',
+    'boards.unlock':           'Unlock position',
     'boards.rename':           'Rename',
     'boards.delete':           'Delete',
     'boards.delete_confirm':   'Really delete board "{title}"?',
diff --git a/src/js/state.js b/src/js/state.js
index 3fcaf0f..6148fd2 100644
--- a/src/js/state.js
+++ b/src/js/state.js
@@ -54,6 +54,7 @@ function getDefaultBoards() {
         { id: uid(), title: 'Next.js Docs',  url: 'https://nextjs.org/docs',         desc: '' },
       ],
       blurred: false,
+      locked: false,
       pos: { x: 40, y: 110 }
     }
   ];