diff --git a/app/db.py b/app/db.py
index efba690..2425a7a 100644
--- a/app/db.py
+++ b/app/db.py
@@ -66,7 +66,8 @@ def _ensure_schema(conn: sqlite3.Connection) -> None:
       characters     TEXT,
       teams          TEXT,
       locations      TEXT,
-      comicvineissue TEXT
+      comicvineissue TEXT,
+      format         TEXT
     )
     """)
 
@@ -79,6 +80,7 @@ def _ensure_schema(conn: sqlite3.Connection) -> None:
     conn.execute("CREATE INDEX IF NOT EXISTS idx_meta_year      ON meta(year)")
     conn.execute("CREATE INDEX IF NOT EXISTS idx_meta_writer    ON meta(writer)")
     conn.execute("CREATE INDEX IF NOT EXISTS idx_meta_publisher ON meta(publisher)")
+    conn.execute("CREATE INDEX IF NOT EXISTS idx_meta_format    ON meta(format)") 
 
     # Try FTS5 — if it fails, we fall back to LIKE search
     try:
@@ -137,7 +139,7 @@ def upsert_meta(conn: sqlite3.Connection, rel: str, meta: Dict[str, Any]) -> Non
     fields = (
         "title","series","number","volume","year","month","day",
         "writer","publisher","summary","genre","tags","characters",
-        "teams","locations","comicvineissue"
+        "teams","locations","comicvineissue","format"
     )
     vals = [meta.get(k) for k in fields]
 
@@ -176,6 +178,7 @@ def upsert_meta(conn: sqlite3.Connection, rel: str, meta: Dict[str, Any]) -> Non
         add(meta.get("year"))
         add(meta.get("number"))
         add(meta.get("volume"))
+        add(meta.get("format"))
 
         conn.execute("DELETE FROM fts WHERE rel=?", (rel,))
         if parts:
@@ -330,6 +333,7 @@ FIELD_MAP: Dict[str, str] = {
     "locations": "m.locations",
     "filename": "i.name",
     "name": "i.name",
+    "format": "m.format",
 }
 
 # Treat these fields as numeric (cast when comparing/sorting)
@@ -469,7 +473,8 @@ def _order_by_for_sort(sort: str) -> str:
 
 _TEXT_FIELDS_FOR_FTS = {
     "title","series","publisher","writer","summary","genre",
-    "tags","characters","teams","locations","name","filename"
+    "tags","characters","teams","locations","name","filename",
+    "format"
 }
 
 def _extract_fts_terms_from_groups(groups: List[Dict[str, Any]]) -> List[str]:
@@ -616,6 +621,47 @@ def stats(conn: sqlite3.Connection) -> Dict[str, Any]:
         "SELECT MAX(mtime) FROM items"
     ).fetchone()[0]
 
+    # Formats breakdown (top 12 + "Other")
+    rows = conn.execute("""
+       SELECT LOWER(TRIM(IFNULL(m.format,''))) AS fmt, COUNT(*) AS c
+         FROM items i
+         LEFT JOIN meta m ON m.rel=i.rel
+        WHERE i.is_dir=0
+        GROUP BY fmt
+    """).fetchall()
+
+    # normalize common aliases
+    alias = {
+        "trade paperback": "tpb",
+        "tpb": "tpb",
+        "hardcover": "hc",
+        "hc": "hc",
+        "one-shot": "one-shot",
+        "oneshot": "one-shot",
+        "limited series": "limited series",
+        "ongoing series": "ongoing series",
+        "graphic novel": "graphic novel",
+        "web": "web",
+        "digital": "digital",
+    }
+    counts = {}
+    for r in rows:
+        key = (r["fmt"] or "").strip()
+        if not key:
+            key = "(unknown)"
+        key = alias.get(key, key)
+        counts[key] = counts.get(key, 0) + int(r["c"])
+
+    # top 12 + other
+    sorted_items = sorted(counts.items(), key=lambda kv: kv[1], reverse=True)
+    top = sorted_items[:12]
+    other_count = sum(v for _, v in sorted_items[12:])
+    formats = [{"format": k, "count": v} for k, v in top]
+    if other_count:
+        formats.append({"format": "other", "count": other_count})
+
+    out["formats_breakdown"] = formats
+
     # Publishers breakdown (top N)
     top_pubs = [
         {"publisher": row[0], "count": row[1]}
@@ -668,7 +714,7 @@ def stats(conn: sqlite3.Connection) -> Dict[str, Any]:
         ({"writer": name.title(), "count": c} for name, c in counts.items()),
         key=lambda d: d["count"],
         reverse=True,
-    )[:20]
+    )[:10]
 
     out["top_writers"] = top_writers
 
diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html
index 29317e5..ec409e6 100644
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -109,8 +109,8 @@
       </div>
       <div class="col-12 col-md-6 col-xl-3">
         <div class="card h-100"><div class="card-body">
-          <div class="metric"><i class="bi bi-filetype-zip"></i>
-            <div><div class="value" id="formats">—</div><div class="label">Formats</div></div>
+          <div class="metric"><i class="bi bi-tags"></i>
+            <div><div class="value" id="formats">—</div><div class="label">Formats (kinds)</div></div>
           </div>
         </div></div>
       </div>
@@ -136,7 +136,7 @@
         <div class="card h-100 chart-card">
           <div class="card-header fw-semibold">Formats breakdown</div>
           <div class="card-body"><canvas id="formatsChart"></canvas></div>
-          <div class="card-footer small footer-note">Counts by file extension (e.g., CBZ).</div>
+          <div class="card-footer small footer-note">Breakdown by <code>&lt;Format&gt;</code> in ComicInfo.xml (e.g., TPB, HC, Limited series).</div>
         </div>
       </div>
       <div class="col-12 col-lg-6">
@@ -160,7 +160,7 @@
   <script>
     const baseOptions = {
       responsive: true, maintainAspectRatio: false,
-      plugins: { legend: { position: 'bottom', labels:{usePointStyle:true, boxWidth:8} }, tooltip:{mode:'index', intersect:false} },
+      plugins: { legend: { position: 'bottom', labels:{usePointStyle:true, boxWidth:8} }, tooltip:{mode:'index', intersect:true} },
       interaction:{ mode:'nearest', axis:'x', intersect:false },
       scales:{ x:{ ticks:{ maxRotation:0, autoSkip:true } }, y:{ beginAtZero:true, ticks:{ precision:0 } } }
     };
@@ -171,7 +171,14 @@
     function mapPublishers(d){ const a=Array.isArray(d.top_publishers)?d.top_publishers:[]; return {labels:a.map(x=>x.publisher??'(Unknown)'),values:a.map(x=>x.count??x.c??0)}; }
     function mapTimeline(d){ const l=(d.timeline_by_year||[]).filter(x=>x.year!=null).sort((a,b)=>(+a.year)-(+b.year)); return {labels:l.map(x=>String(x.year)),values:l.map(x=>x.count??0)}; }
     function mapWriters(d){ const a=Array.isArray(d.top_writers)?d.top_writers:[]; return {labels:a.map(x=>x.writer??'(Unknown)'),values:a.map(x=>x.count??0)}; }
-    function mapFormats(d){ const fmt=d.formats&&typeof d.formats==='object'?d.formats:null; if(fmt&&Object.keys(fmt).length){return{labelText:Object.entries(fmt).map(([k,v])=>`${k.toUpperCase()}: ${v}`).join('  '),labels:Object.keys(fmt),values:Object.values(fmt)}} const tot=d.total_comics??0; return{labelText:`CBZ: ${tot}`,labels:tot?['CBZ']:[],values:tot?[tot]:[]}; }
+
+    // NEW: Formats from stats.formats_breakdown (array of {format, count})
+    function mapFormats(d){
+      const arr = Array.isArray(d.formats_breakdown) ? d.formats_breakdown : [];
+      const labels = arr.map(x => x.format || '(unknown)');
+      const values = arr.map(x => x.count || 0);
+      return { labels, values, kinds: arr.length };
+    }
 
     async function load(){
       const d = await jget("/stats.json");
@@ -181,8 +188,9 @@
       document.getElementById("uniqueSeries").textContent = d.unique_series ?? "0";
       document.getElementById("uniquePublishers").textContent = d.publishers ?? "0";
 
+      // Formats KPI + chart
       const fmt = mapFormats(d);
-      document.getElementById("formats").textContent = fmt.labelText || "—";
+      document.getElementById("formats").textContent = String(fmt.kinds || 0);
       const hasFormats = (fmt.values.reduce((a,b)=>a+b,0) > 0);
       document.getElementById("formatsCardCol").style.display = hasFormats ? "" : "none";
 
@@ -194,7 +202,11 @@
       upsertChart("timelineChart",{ type:"line", data:{labels:tl.labels, datasets:[{ label:"Issues per year", data:tl.values, fill:true, tension:0.25, pointRadius:2 }]}, options:{...baseOptions} });
 
       if (hasFormats){
-        upsertChart("formatsChart",{ type:"bar", data:{labels:fmt.labels, datasets:[{ label:"Files", data:fmt.values }]}, options:{...baseOptions} });
+        upsertChart("formatsChart",{
+          type:"doughnut",
+          data:{ labels: fmt.labels, datasets:[{ data: fmt.values }]},
+          options:{ ...baseOptions, cutout:"60%", scales:{} }
+        });
       } else {
         const ex = Chart.getChart("formatsChart"); if (ex) ex.destroy();
       }
@@ -245,7 +257,7 @@
       setTimeout(pollIndex, delay);
     }
 
-
+    // ----- Errors counter + download -----
     async function downloadErrors() {
       try {
         const resp = await fetch("/thumbs/errors/log", { credentials: "include" });
@@ -263,7 +275,6 @@
         alert("Download failed: " + (e?.message || e));
       }
     }
-
     document.getElementById("errLink").addEventListener("click", (ev) => {
       ev.preventDefault();
       downloadErrors();
@@ -274,7 +285,6 @@
       let delay=5000;
       try{
         const t = await jget("/thumbs/status");
-        // Progress UI
         const box = document.getElementById("thumbsProgress");
         if (t && t.running){
           box.classList.remove("d-none");
@@ -317,32 +327,15 @@
       bar.textContent = "Starting…";
     }
 
-    // ----- Errors counter -----
-    async function pollErrors(){
-      let delay=8000;
-      try{
-        const e = await jget("/thumbs/errors/count");
-        const n = e?.lines || 0;
-        const el = document.getElementById("errCount");
-        el.textContent = n;
-        el.parentElement.classList.toggle("link-danger", n>0);
-        delay = n>0 ? 5000 : 15000;
-      }catch{ delay=15000; }
-      setTimeout(pollErrors, delay);
-    }
-
     async function triggerThumbs() {
       const btn = document.getElementById("thumbsBtn");
       const html = btn.innerHTML;
       try {
         btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span> Starting…';
-        // Show progress bar instantly
-        showThumbsPending();
-        // Fire request
+        showThumbsPending();                    // show immediately
         await fetch("/admin/thumbs/precache", { method: "POST", credentials: "include" });
-        // Nudge the thumbs poll immediately
-        setTimeout(() => { /* your existing pollThumbs() */ }, 200);
+        setTimeout(pollThumbs, 200);            // kick the poll
       } catch (e) {
         alert("Failed to start thumbnails pre-cache: " + (e?.message || e));
       } finally {
@@ -351,32 +344,37 @@
     }
     document.getElementById("thumbsBtn").addEventListener("click", triggerThumbs);
 
-
     document.getElementById("reindexBtn").addEventListener("click", async () => {
       const btn = document.getElementById("reindexBtn");
       const original = btn.innerHTML;
       try {
         btn.disabled = true;
         btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span> Reindexing…';
-        // Show progress bar instantly
-        showIndexPending();
-        // Fire request
+        showIndexPending();                     // show immediately
         await fetch("/admin/reindex", { method: "POST", credentials: "include" });
-        // Kick a quick poll right away so it fills with real numbers
-        setTimeout(() => { /* your existing pollIndex() */ }, 200);
+        setTimeout(pollIndex, 200);             // kick the poll
       } catch (e) {
         alert("Reindex failed: " + (e?.message || e));
       } finally {
         setTimeout(() => { btn.disabled = false; btn.innerHTML = original; }, 600);
       }
     });
-    document.getElementById("thumbsBtn").addEventListener("click", triggerThumbs);
 
     // Initial load & polls
     load();
     pollIndex();
     pollThumbs();
-    pollErrors();
+    // Errors counter
+    (function pollErrors(){
+      let delay=8000;
+      jget("/thumbs/errors/count").then(e => {
+        const n = e?.lines || 0;
+        const el = document.getElementById("errCount");
+        el.textContent = n;
+        el.parentElement.classList.toggle("link-danger", n>0);
+        delay = n>0 ? 5000 : 15000;
+      }).catch(()=>{ delay=15000; }).finally(()=>setTimeout(pollErrors, delay));
+    })();
   </script>
 </body>
 </html>
diff --git a/app/templates/smartlists.html b/app/templates/smartlists.html
index fe51c5d..20a70b8 100644
--- a/app/templates/smartlists.html
+++ b/app/templates/smartlists.html
@@ -123,6 +123,7 @@
         <option>year</option><option>month</option><option>day</option>
         <option>languageiso</option><option>comicvineissue</option>
         <option>rel</option><option>ext</option><option>size</option><option>mtime</option>
+        <option>format</option>
       </select>
       <select class="form-select form-select-sm op">
         <option value="contains">contains</option>