openclacky 1.4.1 → 1.5.0

data/lib/clacky/web/app.css

@@ -152,6 +152,163 @@
   --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.48), 0 4px 8px rgba(0, 0, 0, 0.32);
 }
 
+/* ── Dim theme (mid-dark, softer than pure dark) ─────────────────────────
+   Design stance: desaturated dark grey, less eye strain than near-black.
+   Accent is the same run-time variable — not touched here.             */
+[data-theme="dim"] {
+  --color-bg-primary:   #21262d;   /* sidebar / shell — deep slate */
+  --color-bg-secondary: #2b3038;   /* main content — slightly lighter */
+  --color-bg-tertiary:  #2b3038;
+  --color-bg-hover:     #333b44;
+  --color-bg-input:     #2b3038;
+  --color-bg-card:      #2b3038;
+  --color-bg-overlay:   rgba(0, 0, 0, 0.52);
+
+  --color-border-primary:   #363d47;
+  --color-border-secondary: #2e353f;
+  --color-border-strong:    #4a5260;
+
+  --color-text-primary:   #cdd9e5;
+  --color-text-secondary: #8b98a8;
+  --color-text-tertiary:  #5d6875;
+  --color-text-muted:     #4a535e;
+  --color-text-inverse:   #ffffff;
+  --live:                 #3ed47e;
+
+  --color-accent-primary: #818cf8;
+  --color-accent-hover:   #6366f1;
+  --color-accent-soft:    color-mix(in srgb, var(--color-accent-primary) 14%, transparent);
+
+  --color-success: #34d399;
+  --color-success-bg: #0d2a22;
+  --color-success-border: #1a4033;
+
+  --color-error: #f87171;
+  --color-error-bg: #2d1818;
+  --color-error-border: #4d2020;
+
+  --color-warning: #fbbf24;
+  --color-warning-bg: #2d1f00;
+  --color-warning-border: #4d3200;
+
+  --color-info: #38bdf8;
+  --color-secondary: #34d399;
+  --color-accent-alt: #fbbf24;
+
+  --color-button-primary: var(--color-accent-primary);
+  --color-button-primary-hover: var(--color-accent-hover);
+  --color-button-primary-text: #ffffff;
+
+  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.28);
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.30), 0 1px 2px rgba(0, 0, 0, 0.22);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 2px 4px rgba(0, 0, 0, 0.20);
+  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.44), 0 4px 8px rgba(0, 0, 0, 0.28);
+}
+
+/* ── Warm theme (warm off-white, sepia feel) ─────────────────────────────
+   Design stance: warm paper tones, easier on eyes than cold white.     */
+[data-theme="warm"] {
+  --color-bg-primary:   #f5f0e8;   /* warm parchment */
+  --color-bg-secondary: #fdf8f0;   /* warmer white */
+  --color-bg-tertiary:  #fdf8f0;
+  --color-bg-hover:     #ece5d8;
+  --color-bg-input:     #fdf8f0;
+  --color-bg-card:      #fdf8f0;
+  --color-bg-overlay:   rgba(30, 20, 10, 0.40);
+
+  --color-border-primary:   #e0d6c4;
+  --color-border-secondary: #ede6d6;
+  --color-border-strong:    #c8bba8;
+
+  --color-text-primary:   #2c2416;
+  --color-text-secondary: #5c4e38;
+  --color-text-tertiary:  #8a7a62;
+  --color-text-muted:     #a89880;
+  --color-text-inverse:   #ffffff;
+  --live:                 #2e9e5b;
+
+  --color-accent-primary: #4f46e5;
+  --color-accent-hover:   #4338ca;
+  --color-accent-soft:    color-mix(in srgb, var(--color-accent-primary) 10%, transparent);
+
+  --color-success: #10b981;
+  --color-success-bg: #f0fdf4;
+  --color-success-border: #bbf7d0;
+
+  --color-error: #ef4444;
+  --color-error-bg: #fef2f2;
+  --color-error-border: #fecaca;
+
+  --color-warning: #f59e0b;
+  --color-warning-bg: #fffbeb;
+  --color-warning-border: #fcd34d;
+
+  --color-info: #0ea5e9;
+  --color-secondary: #10b981;
+  --color-accent-alt: #f59e0b;
+
+  --color-button-primary: var(--color-accent-primary);
+  --color-button-primary-hover: var(--color-accent-hover);
+  --color-button-primary-text: #ffffff;
+
+  --shadow-xs: 0 1px 2px rgba(30, 20, 10, 0.05);
+  --shadow-sm: 0 1px 3px rgba(30, 20, 10, 0.07), 0 1px 2px rgba(30, 20, 10, 0.05);
+  --shadow-md: 0 4px 12px rgba(30, 20, 10, 0.09), 0 2px 4px rgba(30, 20, 10, 0.05);
+  --shadow-lg: 0 12px 28px rgba(30, 20, 10, 0.13), 0 4px 8px rgba(30, 20, 10, 0.07);
+}
+
+/* ── Blue-dark theme (VS Code / Apifox style blue-grey dark) ────────────
+   Design stance: blue-tinted dark surfaces, familiar dev-tool aesthetic. */
+[data-theme="bluedark"] {
+  --color-bg-primary:   #1e2228;   /* sidebar / shell — blue-grey dark */
+  --color-bg-secondary: #252b33;   /* main content — slightly lighter */
+  --color-bg-tertiary:  #252b33;
+  --color-bg-hover:     #2e3540;
+  --color-bg-input:     #252b33;
+  --color-bg-card:      #252b33;
+  --color-bg-overlay:   rgba(0, 0, 0, 0.60);
+
+  --color-border-primary:   #30373f;
+  --color-border-secondary: #282f38;
+  --color-border-strong:    #44515f;
+
+  --color-text-primary:   #d4dbe6;
+  --color-text-secondary: #8b97a8;
+  --color-text-tertiary:  #5a6678;
+  --color-text-muted:     #44505e;
+  --color-text-inverse:   #ffffff;
+  --live:                 #3ed47e;
+
+  --color-accent-primary: #818cf8;
+  --color-accent-hover:   #6366f1;
+  --color-accent-soft:    color-mix(in srgb, var(--color-accent-primary) 14%, transparent);
+
+  --color-success: #34d399;
+  --color-success-bg: #0d2a22;
+  --color-success-border: #1a4033;
+
+  --color-error: #f87171;
+  --color-error-bg: #2d1818;
+  --color-error-border: #4d2020;
+
+  --color-warning: #fbbf24;
+  --color-warning-bg: #2d1f00;
+  --color-warning-border: #4d3200;
+
+  --color-info: #38bdf8;
+  --color-secondary: #34d399;
+  --color-accent-alt: #fbbf24;
+
+  --color-button-primary: var(--color-accent-primary);
+  --color-button-primary-hover: var(--color-accent-hover);
+  --color-button-primary-text: #ffffff;
+
+  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.40);
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.42), 0 1px 2px rgba(0, 0, 0, 0.32);
+  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.48), 0 2px 4px rgba(0, 0, 0, 0.30);
+  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.60), 0 4px 8px rgba(0, 0, 0, 0.40);
+}
+
 /* ── Font Size Presets ────────────────────────────────────────────────────
    Controlled via html[data-font-size]: small / medium / large.
    Mechanism: change root font-size, which 1rem inherits from. Every CSS
@@ -240,6 +397,33 @@ html { font-size: 16px; }
   background-size: 200% 100%;
   animation: skel-shimmer 1.8s infinite linear;
 }
+[data-theme="dim"] .skel {
+  background: linear-gradient(90deg,
+    #2e343c 25%,
+    #3c444e 50%,
+    #2e343c 75%
+  );
+  background-size: 200% 100%;
+  animation: skel-shimmer 1.8s infinite linear;
+}
+[data-theme="warm"] .skel {
+  background: linear-gradient(90deg,
+    #ece5d8 25%,
+    #ddd5c5 50%,
+    #ece5d8 75%
+  );
+  background-size: 200% 100%;
+  animation: skel-shimmer 1.8s infinite linear;
+}
+[data-theme="bluedark"] .skel {
+  background: linear-gradient(90deg,
+    #272e38 25%,
+    #333d4a 50%,
+    #272e38 75%
+  );
+  background-size: 200% 100%;
+  animation: skel-shimmer 1.8s infinite linear;
+}
 /* Generic size helpers */
 .skel-icon     { width: 2rem;   height: 2rem;    border-radius: 50%; flex-shrink: 0; }
 .skel-title    { height: 1.25rem;  width: 6rem;  }
@@ -266,8 +450,10 @@ body {
   display: flex;
   overflow: hidden;
   transition: background-color 0.3s ease, color 0.3s ease;
+  padding: 0 8px 8px;
+  box-sizing: border-box;
 }
-#app { display: flex; flex-direction: column; width: 100%; height: 100vh; height: 100dvh; }
+#app { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; }
 
 /* ── Offline Banner ───────────────────────────────────────────────────── */
 #offline-banner {
@@ -291,6 +477,8 @@ body {
   display: flex;
   flex: 1;
   overflow: hidden;
+  border: 1px solid var(--color-border-primary);
+  border-radius: 8px;
 }
 
 /* ── Top Header ───────────────────────────────────────────────────────── */
@@ -298,7 +486,6 @@ body {
   height: 3rem;
   min-height: 3rem;
   background: var(--color-bg-primary);
-  border-bottom: 1px solid var(--color-border-primary);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -754,7 +941,7 @@ body {
   transition: background 0.12s, color 0.12s;
 }
 .btn-split-menu-item:hover {
-  background: var(--color-bg-tertiary);
+  background: var(--color-bg-hover);
   color: var(--color-text-primary);
 }
 
@@ -2452,7 +2639,7 @@ body {
   flex-shrink: 0;
   margin-bottom: -9px;
   display: flex;
-  padding-inline: 12px;
+  padding-inline: 24px;
 }
 .session-composer > * {
   justify-content: flex-start !important;
@@ -2543,7 +2730,7 @@ body {
    Designed to be quiet and low-contrast so it guides without distracting. */
 .chat-empty-hint {
   margin: auto;                /* vertical + horizontal centering inside flex column */
-  max-width: 26.25rem;
+  max-width: 30rem;
   padding: 1.5rem 1rem;
   display: flex;
   flex-direction: column;
@@ -2552,47 +2739,43 @@ body {
   color: var(--color-text-secondary);
   user-select: none;
   pointer-events: none;        /* purely decorative — don't block clicks/scroll */
-  opacity: 0.85;
 }
 .chat-empty-hint .chat-empty-icon {
-  color: var(--color-text-tertiary);
-  margin-bottom: 0.875rem;
-  opacity: 0.55;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 4rem;
+  height: 4rem;
+  margin-bottom: 1.125rem;
+  border-radius: 50%;
+  color: var(--color-accent-primary);
+  background: color-mix(in srgb, var(--color-accent-primary) 10%, transparent);
 }
 .chat-empty-hint .chat-empty-title {
   color: var(--color-text-primary);
-  font-size: 0.9375rem;
-  font-weight: 600;
-  margin-bottom: 0.25rem;
+  font-size: 1.25rem;
+  font-weight: 500;
+  line-height: 1.3;
+  margin-bottom: 0.5rem;
 }
 .chat-empty-hint .chat-empty-subtitle {
-  color: var(--color-text-secondary);
-  font-size: 0.8125rem;
-  margin-bottom: 1.125rem;
-  opacity: 0.85;
+  color: var(--color-text-tertiary);
+  font-size: 0.875rem;
+  line-height: 1.5;
 }
 .chat-empty-hint .chat-empty-tips {
   list-style: none;
   padding: 0;
-  margin: 0;
+  margin: 1.5rem 0 0;
   display: flex;
   flex-direction: column;
-  gap: 0.375rem;
-  font-size: 0.75rem;
+  gap: 0.5rem;
+  font-size: 0.8125rem;
   color: var(--color-text-tertiary);
 }
 .chat-empty-hint .chat-empty-tips li {
-  position: relative;
-  padding-left: 0.875rem;
   line-height: 1.5;
 }
-.chat-empty-hint .chat-empty-tips li::before {
-  content: "·";
-  position: absolute;
-  left: 0.25rem;
-  top: -1px;
-  opacity: 0.6;
-}
 
 /* New message notification banner */
 .new-message-banner {
@@ -3311,7 +3494,7 @@ body {
   max-height: 18rem;
   overflow-y: auto;
 }
-.tool-item-status { margin-left: auto; font-size: 0.6875rem; flex-shrink: 0; }
+.tool-item-status { font-size: 0.6875rem; flex-shrink: 0; }
 .tool-item-status.ok     { color: var(--color-success); }
 .tool-item-status.err    { color: var(--color-error); }
 .tool-item-status.running { color: var(--live); animation: pulse 1.6s ease-in-out infinite; }
@@ -3558,7 +3741,7 @@ body {
   opacity: 0.45;
 }
 [data-theme="dark"] #sib-id {
-  opacity: 0.6;
+  opacity: 1;
 }
 [data-theme="dark"] #sib-dir {
   opacity: 0.85;
@@ -3570,7 +3753,7 @@ body {
 }
 
 #sib-id {
-  opacity: 0.45;       /* tier 3 — glanceable */
+  opacity: 1;
   font-size: 0.625rem;
   letter-spacing: 0.03em;
   flex-shrink: 0;
@@ -3585,7 +3768,6 @@ body {
 }
 .sib-id-clickable {
   cursor: pointer;
-  padding: 1px 0.25rem;
   border-radius: 3px;
   transition: all 0.15s ease;
 }
@@ -11774,6 +11956,113 @@ body.setup-mode[data-theme="dark"] {
 .swatch-sunrise-orange { background: #F59E0B; }
 .swatch-rose-violet    { background: #8B5CF6; }
 .swatch-coral-red      { background: #EF4444; }
+.swatch-sky-blue       { background: #38BDF8; }
+.swatch-hot-pink       { background: #EC4899; }
+.swatch-warm-brown     { background: #92745A; }
+.swatch-slate-gray     { background: #6B7280; }
+
+/* ── Background Theme Cards ─────────────────────────────────────────── */
+.settings-bg-theme-cards {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  padding: 0.25rem 0;
+}
+
+.settings-bg-theme-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.375rem;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  padding: 0;
+  flex-shrink: 0;
+}
+
+/* The thumbnail preview box */
+.settings-bg-theme-card .bg-card-preview {
+  width: 4.5rem;
+  height: 3rem;
+  border-radius: 0.5rem;
+  border: 2px solid var(--color-border-primary);
+  position: relative;
+  overflow: hidden;
+  transition: border-color 0.15s, transform 0.15s;
+  display: flex;
+  flex-direction: row;
+}
+
+.settings-bg-theme-card:hover .bg-card-preview {
+  border-color: var(--color-border-strong);
+  transform: translateY(-1px);
+}
+
+.settings-bg-theme-card.active .bg-card-preview {
+  border-color: var(--color-accent-primary);
+  box-shadow: 0 0 0 2px var(--color-accent-soft);
+}
+
+/* Active checkmark badge */
+.settings-bg-theme-card.active .bg-card-preview::after {
+  content: "✓";
+  position: absolute;
+  top: 0.2rem;
+  right: 0.3rem;
+  font-size: 0.625rem;
+  font-weight: 700;
+  color: white;
+  background: var(--color-accent-primary);
+  border-radius: 50%;
+  width: 0.875rem;
+  height: 0.875rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+}
+
+/* Sidebar strip (left 35%) */
+.settings-bg-theme-card .bg-card-sidebar {
+  width: 35%;
+  height: 100%;
+  border-radius: 0;
+}
+
+/* Main area (right 65%) */
+.settings-bg-theme-card .bg-card-main {
+  width: 65%;
+  height: 100%;
+}
+
+/* Per-theme colors */
+.bg-theme-light    .bg-card-sidebar { background: #f5f5f3; }
+.bg-theme-light    .bg-card-main    { background: #ffffff; }
+
+.bg-theme-dark     .bg-card-sidebar { background: #101114; }
+.bg-theme-dark     .bg-card-main    { background: #16181d; }
+
+.bg-theme-dim      .bg-card-sidebar { background: #21262d; }
+.bg-theme-dim      .bg-card-main    { background: #2b3038; }
+
+.bg-theme-warm     .bg-card-sidebar { background: #f5f0e8; }
+.bg-theme-warm     .bg-card-main    { background: #fdf8f0; }
+
+.bg-theme-black    .bg-card-sidebar { background: #1e2228; }
+.bg-theme-black    .bg-card-main    { background: #252b33; }
+
+/* Label under card */
+.settings-bg-theme-card .bg-card-label {
+  font-size: 0.6875rem;
+  color: var(--color-text-secondary);
+  white-space: nowrap;
+}
+
+.settings-bg-theme-card.active .bg-card-label {
+  color: var(--color-accent-primary);
+  font-weight: 600;
+}
 
 /* ── Sessions List ───────────────────────────────────────────────────── */
 .billing-sessions-row {

data/lib/clacky/web/app.js

@@ -436,7 +436,34 @@ const Modal = (() => {
     });
   }
 
-  /** Show a text input prompt dialog. Returns a Promise<string|null>. */
+  /**
+   * Like confirm(), but shows an extra opt-in checkbox (unchecked by default).
+   * Resolves { ok, checked } so the caller can act on both the decision and
+   * the checkbox state.
+   */
+  function confirmWithCheckbox(message, checkboxLabel) {
+    return new Promise(resolve => {
+      const overlay = $("modal-overlay");
+      $("modal-message").textContent   = message;
+      $("modal-skip-text").textContent = checkboxLabel;
+      $("modal-skip-cb").checked       = false;
+      $("modal-skip-label").style.display = "flex";
+      if (overlay.parentNode !== document.body || overlay.nextSibling) {
+        document.body.appendChild(overlay);
+      }
+      overlay.style.display = "flex";
+
+      const cleanup = (ok) => {
+        overlay.style.display = "none";
+        $("modal-skip-label").style.display = "none";
+        $("modal-yes").onclick = null;
+        $("modal-no").onclick  = null;
+        resolve({ ok, checked: ok && $("modal-skip-cb").checked });
+      };
+      $("modal-yes").onclick = () => cleanup(true);
+      $("modal-no").onclick  = () => cleanup(false);
+    });
+  }
   function prompt(message, defaultValue = "") {
     return new Promise(resolve => {
       const overlay = $("prompt-modal-overlay");
@@ -530,7 +557,7 @@ const Modal = (() => {
     });
   }
 
-  return { confirm, confirmOnce, prompt, rename };
+  return { confirm, confirmOnce, confirmWithCheckbox, prompt, rename };
 })();
 
 Clacky.Modal = Modal;
@@ -714,10 +741,6 @@ window.mobileCloseSidebar = _mobileCloseSidebar;
 
 // ── Theme / session-scoped message panel bindings ──────────────────────────
 
-// Theme toggle in header
-if ($("theme-toggle-header")) {
-  $("theme-toggle-header").addEventListener("click", () => Theme.toggle());
-}
 // btn-delete-session, #messages scroll-to-top (load history), and btn-interrupt
 // moved to sessions.js (_initMessageHistory in Sessions.init()).
 

data/lib/clacky/web/components/onboard.js

@@ -162,16 +162,20 @@ const Onboard = (() => {
     dropdown.appendChild(placeholder);
 
     _providers.forEach(p => {
+      // Prefer i18n key (localised); fall back to shipped English `name`.
+      const translated  = p.name_key ? I18n.t(p.name_key) : null;
+      const displayName = (translated && translated !== p.name_key) ? translated : p.name;
+
       const opt = document.createElement("div");
       opt.className     = "custom-select-option";
       opt.dataset.value = p.id;
-      opt.dataset.label = p.name;
+      opt.dataset.label = displayName;
       if (p.id === "openclacky") {
         const nameSpan = document.createElement("span");
-        nameSpan.textContent = p.name;
+        nameSpan.textContent = displayName;
         opt.innerHTML = nameSpan.outerHTML + ` <span class="provider-badge-recommended">${I18n.t("provider.recommended")}</span>`;
       } else {
-        opt.textContent = p.name;
+        opt.textContent = displayName;
       }
       dropdown.appendChild(opt);
     });

data/lib/clacky/web/features/extensions/store.js

@@ -24,6 +24,7 @@ const ExtensionsStore = (() => {
   let _query           = "";        // current search text
   let _sort            = "downloads";  // "newest" | "updated" | "downloads"
   let _filterInstalled = false;     // when true, show only installed extensions
+  let _filterBrand     = false;     // when true, show only brand-private extensions
   let _loading    = false;
   let _error      = null;      // soft warning when the store is unreachable
   let _detail     = null;      // currently opened extension detail, or null
@@ -53,6 +54,7 @@ const ExtensionsStore = (() => {
     get query()      { return _query; },
     get sort()       { return _sort; },
     get filterInstalled() { return _filterInstalled; },
+    get filterBrand()     { return _filterBrand; },
     get loading()    { return _loading; },
     get error()      { return _error; },
     get detail()        { return _detail; },
@@ -67,6 +69,7 @@ const ExtensionsStore = (() => {
     /** Fetch the catalog from the server for the current query + sort. */
     async load() {
       if (_filterInstalled) return;
+      if (_filterBrand) return Extensions.loadBrandExtensions();
       _loading = true;
       _error   = null;
       _emit("extensions:loading");
@@ -97,18 +100,22 @@ const ExtensionsStore = (() => {
     setQuery(query) {
       _query = (query || "").trim();
       if (_filterInstalled) return Extensions.setFilterInstalled(true);
+      if (_filterBrand) return Extensions.loadBrandExtensions();
       return Extensions.load();
     },
 
     /** Set the sort order and reload. */
     setSort(sort) {
       _sort = sort || "downloads";
+      if (_filterBrand) return Extensions.loadBrandExtensions();
+      if (_filterInstalled) return Extensions.setFilterInstalled(true);
       return Extensions.load();
     },
 
     /** Toggle the "installed only" filter — fetches from local store when enabled. */
     async setFilterInstalled(onlyInstalled) {
       _filterInstalled = !!onlyInstalled;
+      _filterBrand     = false;
       if (_filterInstalled) {
         _loading = true;
         _emit("extensions:loading");
@@ -132,6 +139,40 @@ const ExtensionsStore = (() => {
       }
     },
 
+    /** Toggle the "brand only" filter — fetches brand-private extensions. */
+    async setFilterBrand(onlyBrand) {
+      _filterBrand     = !!onlyBrand;
+      _filterInstalled = false;
+      if (_filterBrand) {
+        return Extensions.loadBrandExtensions();
+      } else {
+        return Extensions.load();
+      }
+    },
+
+    /** Fetch brand-private extensions from /api/store/extensions/brand. */
+    async loadBrandExtensions() {
+      _loading = true;
+      _error   = null;
+      _emit("extensions:loading");
+      try {
+        const res  = await fetch("/api/store/extensions/brand");
+        const data = await res.json();
+        _extensions = data.extensions || [];
+        _error      = data.warning || null;
+        _loading    = false;
+        _emit("extensions:changed", { extensions: _extensions, warning: _error });
+      } catch (e) {
+        console.error("[Extensions] loadBrandExtensions failed", e);
+        _extensions = [];
+        _error      = I18n.t("extensions.loadFailed");
+        _loading    = false;
+        _emit("extensions:error", { network: true });
+      } finally {
+        _loading = false;
+      }
+    },
+
     /** Open the detail view for one extension (fetches contributes + versions). */
     async loadDetail(id) {
       if (!id) return;
@@ -159,6 +200,17 @@ const ExtensionsStore = (() => {
       }
     },
 
+    /** Fetch /api/brand/status and return { branded: bool }. */
+    async fetchBrandStatus() {
+      try {
+        const res  = await fetch("/api/brand/status");
+        const data = await res.json();
+        return data;
+      } catch (_e) {
+        return { branded: false };
+      }
+    },
+
     /** Close the detail view. */
     closeDetail() {
       _detail        = null;
@@ -218,13 +270,13 @@ const ExtensionsStore = (() => {
     },
 
     /** Remove an installed extension, then return to the list. */
-    async uninstall(id) {
+    async uninstall(id, purgeData = false) {
       if (!id) return;
       try {
         const res = await fetch("/api/store/extension", {
           method:  "DELETE",
           headers: { "Content-Type": "application/json" },
-          body:    JSON.stringify({ id }),
+          body:    JSON.stringify({ id, purge_data: purgeData }),
         });
         const data = await res.json();
         if (!res.ok || !data.ok) throw new Error(data.error || "uninstall failed");