v1.4.14 — multi-colour ADP picker, version filter, search reset on switch

Add Product — Mono/Dual/Tri/Rainbow colour mode selector in the preset
bottom-sheet. Selecting a mode auto-sets id_aspect2 (Bicolor 252 /
Tricolor 24 / Rainbow 145 / "-" 0); changing aspect2 in Advanced mode
syncs back to the selector. Colour circle reflects the mode: solid /
hard split / conic sectors / smooth linear-gradient (Rainbow mirrors
the inventory display). Slot indicator squares let the user pick each
colour without closing the sheet.

Version filter: the Type quick-filter now shows protocol versions
(TigerTag / TigerTag+ / TigerTag Cloud) via a new `protocol` field
in normalizeRow derived from id_tigertag / CLOUD_ doc-id prefix.

UX: search bar + all quick-filters cleared on account switch and
when entering or leaving a friend's inventory view.

Author: TigerTag-Project

DEVLOG.md

@@ -0,0 +1,74 @@
+# Tiger Studio Manager — Dev Log
+
+Journal de travail par session. Plus granulaire que ROADMAP.md, moins public que README.md.
+Mis à jour en fin de chaque session Claude.
+
+---
+
+## 2026-05-08 — v1.4.14
+
+### Demandes
+- ADP : sélecteur Mono / Dual / Tri / Rainbow dans la bottom-sheet couleur
+- Lien bidirectionnel mode couleur ↔ `id_aspect2` (252 Bicolor / 24 Tricolor / 145 Rainbow / 0 "-")
+- Rainbow affiche le même dégradé lisse que dans l'inventaire (`linear-gradient`)
+- Filtre "Type" dans la barre de recherche → rebrancher sur la version/protocole (TigerTag, TigerTag+, TigerTag Cloud)
+- Effacer la search bar + filtres au changement de compte ou de vue ami
+
+### Fichiers modifiés
+| Fichier | Nature de la modification |
+|---------|--------------------------|
+| `renderer/inventory.js` | `_adpColorMode` + `_adpSlotCount()` + `_adpSetColorMode()` (remplace `_adpSetColorCount`), `_adpModeForAspect2()`, `_ADP_MODE_TO_ASPECT2`, listener aspect2 bidirectionnel, `_adpUpdateCircle()` Rainbow linear-gradient, `normalizeRow` champ `protocol`, `populateOneQuickFilter` → `filterAllVersions` + `pickValue: r.protocol`, filtre appliqué sur `r.protocol` (×2), `_clearSearchFilters()`, appels dans `switchToFriendView` / `switchBackToOwnView` / `switchAccountUI` |
+| `renderer/inventory.html` | Sélecteur `data-mode` (Mono/Dual/Tri/Rainbow), slot row, `#typeFilter` → `filterAllVersions` |
+| `renderer/css/60-modals.css` | `.adp-color-count-row`, `.adp-color-count-btn`, `.adp-color-slots-row`, `.adp-color-slot-btn` |
+| `renderer/locales/*.json` | `colorCountMono/Dual/Tri/Rainbow`, `filterAllVersions` (9 locales) |
+| `package.json` | version `1.4.13` → `1.4.14` |
+| `README.md` | Section changelog v1.4.14 |
+| `DEVLOG.md` | Ce fichier |
+
+### Notes techniques
+- `_adpColorMode` = "mono" | "dual" | "tri" | "rainbow" — dérivé en slot count via `_adpSlotCount()`
+- Rainbow : `linear-gradient(90deg, c1, c2, c3)` — identique à `colorBg()` dans l'inventaire
+- Dual : `linear-gradient(90deg, c1 50%, c2 50%)` (hard cut, pas de dégradé)
+- Tri : `conic-gradient` 120° × 3 secteurs
+- Boucle infinie évitée par `{ skipAspect2: true }` sur le listener aspect2
+- `protocol` dans `normalizeRow` : Cloud → "TigerTag Cloud", sinon `versionName(id_tigertag)`
+- `_clearSearchFilters()` remet aussi les `<select>` DOM à "" et retire `.is-active`
+
+---
+
+## 2026-05-07 — v1.4.13
+
+### Demandes
+- Custom product image (`url_img` + `url_img_user: true`) — DIY et Cloud uniquement
+- Toolbox : bouton "Clear TD" (hold-to-confirm 1 200 ms) sur la ligne Scan TD
+- Bouton TD1S dans le header du Add Product panel
+- Stat tile "TigerTag Cloud" (violet) dans la barre KPI
+- Titre de fenêtre en dark mode natif (`nativeTheme.themeSource = 'dark'`)
+- Suppression de l'ombre OS de la fenêtre (`hasShadow: false`)
+- Icône de mise à jour (orange spinning = téléchargement, vert brillant = prêt) à droite du nuage
+- Fix : ombre des panels off-screen qui saignait dans le viewport
+- Redesign barre URL image en pill unifiée (trigger à gauche, input au centre, ✓ à droite)
+- Fix : barre blanche WebKit sur le focus de l'input URL
+
+### Fichiers modifiés
+| Fichier | Nature de la modification |
+|---------|--------------------------|
+| `renderer/inventory.js` | `customImgBar` pill (trigger + input + ok), `onUpdateStatus` + click handler icône update, toolbox Clear TD split-button, bouton TD1S dans ADP header |
+| `renderer/inventory.html` | `#updateStatusIcon` ajouté dans `.top-status-icons` (dernier enfant) |
+| `renderer/css/70-detail-misc.css` | `.custom-img-bar` pill CSS complet (collapsed → `.open` via `max-width` transition) ; `-webkit-appearance: none` sur l'input pour supprimer le focus ring blanc |
+| `renderer/css/60-modals.css` | `.update-health-icon` + `.update-health.downloading` + `.update-health.ready` + `@keyframes updateSpin` |
+| `renderer/css/50-snapmaker.css` | `.sfe-sheet` : `box-shadow` uniquement sur `.open` |
+| `renderer/css/30-racks.css` | `.rp-side` : `box-shadow` uniquement sur `.is-open` |
+| `renderer/css/00-base.css` | `.detail-panel` : `box-shadow` uniquement sur `.open` |
+| `main.js` | `nativeTheme.themeSource = 'dark'` ; `hasShadow: false` dans BrowserWindow |
+| `package.json` | version `1.4.12` → `1.4.13` |
+| `README.md` | Section changelog v1.4.13 ajoutée |
+| `ROADMAP.md` | ✅ Done mis à jour : custom image, Clear TD, Cloud tile, TD1S ADP, dark chrome, update icon, shadow fix |
+
+### Notes techniques
+- Le pill bar utilise `max-width` (pas `width`) pour animer depuis `auto` → transition fluide
+- `box-shadow` sur panels cachés : toujours appliquer uniquement sur l'état `.open` / `.is-open` pour éviter le bleed hors viewport
+- GitHub Actions se déclenche sur les tags `v*` uniquement — penser à `git tag vX.Y.Z && git push origin vX.Y.Z`
+- `hasShadow: false` supprime l'ombre OS, pas les `box-shadow` CSS — deux mécanismes indépendants
+
+---

README.md

@@ -52,6 +52,20 @@
 
 ## Changelog
 
+### v1.4.14 — 2026-05-08
+
+#### Add Product — multi-colour picker (Mono / Dual / Tri / Rainbow)
+- New **Mono / Dual / Tri / Rainbow** selector at the top of the colour picker bottom-sheet. In Dual / Tri / Rainbow modes the sheet stays open and shows coloured slot indicator squares — tap a square to switch the active slot, then pick its colour from the preset grid.
+- The colour circle in the panel updates in real time: solid (Mono), hard half-split (Dual), conic-gradient sectors (Tri), smooth linear-gradient (Rainbow).
+- Selecting a mode auto-sets `id_aspect2` to the matching aspect (Bicolor 252 / Tricolor 24 / Rainbow 145 / "-" 0). The link is bidirectional — changing the aspect2 dropdown in Advanced mode also flips the mode selector.
+- `color_r2/g2/b2` and `color_r3/g3/b3` are now written from the actual slot colours picked by the user (no longer hardcoded placeholders).
+
+#### Version / protocol filter
+- The **Type** quick-filter in the inventory toolbar now filters by **protocol version** (TigerTag / TigerTag+ / TigerTag Cloud / TigerTag Init / …) instead of filament product type. A new `protocol` field is derived from `id_tigertag` for chip-based spools and from the `CLOUD_*` doc-id prefix for Cloud spools.
+
+#### Search & filter reset on instance switch
+- The search bar and all quick-filters (Brand / Material / Version) are now automatically cleared when switching between accounts or entering / leaving a friend's inventory view.
+
 ### v1.4.13 — 2026-05-07
 
 #### Custom product image for DIY & Cloud spools

ROADMAP.md

@@ -25,6 +25,9 @@ Grouped by domain. Versions in parentheses are the release that landed the featu
 - ✅ **Image cache** for spool photos — local persistence, color-fallback if remote dies
 - ✅ **Add Product side panel** — full TigerTag creator iso to the mobile app: Brand / Material picker bottom-sheets with favourites pinned and persisted, mobile-style HSV colour picker (preset grid + custom 2D SV rectangle + rainbow hue slider), advanced mode revealing Type / Diameter / Aspect 1+2 / temps / TD / weight unit, live RFID Data preview (debug only), 28-byte UTF-8 cap on the colour-name field, integer-only fields with live clamp (v1.4.11 + v1.4.12)
 - ✅ **TigerTag Cloud — 100 % digital filaments** — Add Product writes a doc with id `CLOUD_<10-digit>` and the new "TigerTag Cloud" tier badge (purple) when there's no physical chip yet. Promoted in place to a real 7-byte hex UID via the existing `uidMigrationMap` rename pipeline the moment the user programs a chip — every field, twin pointer, rack assignment and friend ACL follows the doc through the rename. Atomic, idempotent. Mobile companion ships the same label in the inventory bottom-sheet header AND the search index (v1.4.12)
+- ✅ **Custom product image** (`url_img` + `url_img_user: true`) — DIY and TigerTag Cloud spools can carry a product image from any external URL. Edit trigger in the colour square (or toolbox when an image is already set); also available in the Add Product advanced section. Broken URLs fall back to the colour placeholder; `isPlus` stays false so the spool keeps its DIY/Cloud identity. TigerTag+ images (from catalogue) are read-only. (v1.4.13)
+- ✅ **Toolbox — Clear TD split-button** — hold-to-confirm trash button (1 200 ms) on the "Scan TD" toolbox row, visible only when `r.td != null`. Deletes the `TD` field via `FieldValue.delete()`. Row hidden entirely when no TD is set. (v1.4.13)
+- ✅ **TigerTag Cloud stat tile** — purple tile in the inventory header always showing the count of `CLOUD_` spools; DIY count now correctly excludes Cloud entries. (v1.4.13)
 
 ### Multi-account & auth
 - ✅ Firebase auth with **per-account `firebase.app(uid)` instances** (independent sessions) (v1.4+)
@@ -72,6 +75,7 @@ Grouped by domain. Versions in parentheses are the release that landed the featu
 - ✅ **ACR122U NFC reader** (USB) via `nfc-pcsc` — `main.js` ↔ renderer IPC bridge
 - ✅ **TD1S sensor** integration — TD + color reading, auto-detect on USB plug, log panel
 - ✅ **TigerScale heartbeat** — `users/{uid}/scales/{mac}` with 90s online threshold, scale panel render
+- ✅ **TD1S button in Add Product panel** — icon in the ADP header: disconnected → opens connect modal; connected → glows green and auto-fills colour HEX + TD value fields on scan. State syncs on every `onStatus` event and `openAddProductPanel()` call. (v1.4.13)
 
 ### Distribution & i18n
 - ✅ **9 locales** — en · fr · de · es · it · zh · pt (Brasil) · pt-pt · pl
@@ -81,12 +85,15 @@ Grouped by domain. Versions in parentheses are the release that landed the featu
 - ✅ **Windows code signing** via Microsoft Trusted Signing (Azure)
 - ✅ **Cross-platform builds** — macOS (x64 + arm64), Windows (NSIS), Linux (AppImage)
 - ✅ **Diagnostic report** — last 50 errors + env in a copyable Markdown blob
+- ✅ **Dark window chrome** — `nativeTheme.themeSource = 'dark'` forces the native macOS/Windows title bar to dark mode (dark background, white text). `hasShadow: false` removes the OS-level drop shadow along the window edges. (v1.4.13)
+- ✅ **Update status icon** — icon to the right of the cloud health indicator: orange spinning refresh while downloading, green glowing dot when ready to install. Tooltip via the existing `.health[data-tooltip]` system. Click when ready → `installUpdate()`. (v1.4.13)
 
 ### Dev tooling
 - ✅ **`npm run i18n:add`** — one command updates all 9 locales (v1.4.9)
 - ✅ **`npm run i18n:check`** + **pre-commit hook** (.githooks/) — blocks commits on locale drift (v1.4.9)
 - ✅ **CSS modularization** — split 8047-line `inventory.css` into 8 themed files under `renderer/css/` (v1.4.9)
 - ✅ **`renderer/CODEMAP.md`** — feature → line range index for the 12k-line `inventory.js` (post-v1.4.9)
+- ✅ **Panel shadow bleed fix** — `detail-panel`, `sfe-sheet` (Snapmaker filament edit) and `rp-side` (rack side panel) were leaking `box-shadow` into the viewport when translated off-screen. Shadow now applied only on `.open` / `.is-open`; transitions include `box-shadow .25s`. (v1.4.13)
 
 ---
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tigertag-inventory",
-  "version": "1.4.13",
+  "version": "1.4.14",
   "description": "Tiger Studio Manager — desktop app",
   "main": "main.js",
   "engines": {

renderer/css/60-modals.css

@@ -1916,6 +1916,56 @@
             drop-shadow(0 0 1px rgba(0,0,0,.6));
   }
 
+  /* ── Mono / Dual / Tri colour-count selector ────────────────────── */
+  .adp-color-count-row {
+    display: flex;
+    gap: 6px;
+    margin-bottom: 12px;
+  }
+  .adp-color-count-btn {
+    flex: 1;
+    padding: 6px 0;
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    background: var(--surface-2);
+    color: var(--muted);
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: .03em;
+    cursor: pointer;
+    transition: background .15s, color .15s, border-color .15s;
+  }
+  .adp-color-count-btn.is-active {
+    background: var(--primary);
+    border-color: var(--primary);
+    color: #fff;
+  }
+  .adp-color-count-btn:not(.is-active):hover {
+    background: var(--surface-3);
+    color: var(--fg);
+  }
+
+  /* ── Slot indicator row (Dual / Tri) ───────────────────────────── */
+  .adp-color-slots-row {
+    display: flex;
+    gap: 8px;
+    justify-content: center;
+    margin-bottom: 12px;
+  }
+  .adp-color-slot-btn {
+    width: 36px;
+    height: 36px;
+    border-radius: 8px;
+    border: 2px solid transparent;
+    cursor: pointer;
+    transition: border-color .15s, transform .1s;
+  }
+  .adp-color-slot-btn.is-active {
+    border-color: var(--primary);
+    transform: scale(1.1);
+    box-shadow: 0 0 0 2px var(--primary-20, rgba(255,120,0,.25));
+  }
+
   /* Add-product sheet backdrops — limited to the panel area (right
      slice), NOT the full screen. The "outside the panel" region keeps
      the panel-overlay's normal dim, and a click there cascades both

renderer/inventory.html

@@ -167,8 +167,8 @@
           <select id="materialFilter" class="inv-brand-filter" title="Filter by material">
             <option value="" data-i18n="filterAllMaterials">All materials</option>
           </select>
-          <select id="typeFilter" class="inv-brand-filter" title="Filter by type">
-            <option value="" data-i18n="filterAllTypes">All types</option>
+          <select id="typeFilter" class="inv-brand-filter" data-i18n-title="filterAllVersions" title="All versions">
+            <option value="" data-i18n="filterAllVersions">All versions</option>
           </select>
         </div>
       </div>
@@ -1759,6 +1759,15 @@
 <div class="sfe-backdrop" id="adpColorBackdrop"></div>
 <aside class="sfe-sheet sfe-sheet--color adp-color-sheet" id="adpColorSheet" aria-hidden="true">
   <div class="sfe-body sfe-body--picker">
+    <!-- Mono / Dual / Tri / Rainbow selector -->
+    <div class="adp-color-count-row" id="adpColorCountRow">
+      <button class="adp-color-count-btn is-active" data-mode="mono"    type="button" data-i18n="colorCountMono">Mono</button>
+      <button class="adp-color-count-btn"            data-mode="dual"    type="button" data-i18n="colorCountDual">Dual</button>
+      <button class="adp-color-count-btn"            data-mode="tri"     type="button" data-i18n="colorCountTri">Tri</button>
+      <button class="adp-color-count-btn"            data-mode="rainbow" type="button" data-i18n="colorCountRainbow">Rainbow</button>
+    </div>
+    <!-- Slot indicators — hidden in Mono mode, rendered by JS in Dual/Tri -->
+    <div class="adp-color-slots-row hidden" id="adpColorSlotsRow"></div>
     <div class="sfe-color-grid" id="adpColorGrid"></div>
   </div>
 </aside>