From def35fceff168a9ec570566a492cbe42f6711b75 Mon Sep 17 00:00:00 2001
From: Joseph Le <joseph.le@apactech.io>
Date: Fri, 13 Mar 2026 18:18:20 +1100
Subject: [PATCH] update UI batch

---
 products.db       |  Bin 40960 -> 118784 bytes
 products_old.db   |  Bin 24576 -> 0 bytes
 public/index.html | 1421 ++++++++++++++++++++++++---------------------
 server.js         |  223 ++++---
 4 files changed, 925 insertions(+), 719 deletions(-)
 delete mode 100644 products_old.db

diff --git a/products.db b/products.db
index 81cce0a35e72a9d0212f1ddaa79d6a01f4c04168..4d3e6c41992c0a460ad52c464e0a8a424287a1c6 100644
GIT binary patch
literal 118784
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%0ARHJJ=oRRw9j@)KEz)LbjaotrYlF02T1PFY
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

delta 1356
zcmah{O=#0#82*wkX_B_dYxiTRWp>~}ac+M3X_{2VnC)OYc-p+K{xERDaBRbQaz%z0
zr#J(i=h!Zyr-BF@s4x)+in5)=gNpO8i7*lL;K46RgKbu^kdHTSpZ9t4Jl|Vh5Xw*4
z+v!9CArz%g@Dt{b>6rxTnpl+K7m{Kf2oms8c_QD7PsiJ1k7MJpj*7bPVYKowdWw+_
z^FlI{VP@N$T>Pr@Jf3t6<wo>cniG=ABs1IUT$d-@cEwQMFd_?!2wuZtB|+}O#iN)*
zx_+{EsL)?hbGnhs+PY!dhOQCK>?B&JO4^B?Cu%-x5SBwd`cU8CP{|)~F+@{|MhMZY
z&;-eAmTQWIbp-41iR!I_^Po$yYE*C=?qUAP$ja~@VOT@325(`DGCTt3RZqMhODs+@
zqf;YelOp^;lH`^$#u>j?8XLXBQ|Y*L?(Ee03nP;<eG%mi1S@bERAon5R!T}r-l(YU
zE3#A+BZ%o%b?iKwYjw)QO&Q&`LvCFEMPV;4?ApUcd>mWlYjM8yNiEeNX)Jb;uLm>|
zbmJ>>A>2XT4hy=t0*)Yw8mQH4cJ-`$*3PTB0$cZg6Q!y1=flhbQx7{5Qmew;FnMLk
z50fa{$`ZYpJBk#z@?ylMraC8v4+OToTx#v8rly@HdM{laQzJPeYZwMGLaBQpP;>6>
zcxeW-o;$jhp8Fbil<PmN4ZH@VhyF%px|=J)CW7Da6TZV&_yQl`9c=nrT%O@lSmZIo
zV8K1vh<Ebd>Fi!=R(RO*XLn)8+uT){Ur0K1@HqBioCn4nmKYXeN%9p_2tLCLxDPjB
z90tLJ6jfxvS(r<4G$%1AgrJB71s@b#P++$Z=@gsB-IBW;Y5L;p3?SHsWjF&Ha0>=t
z6{e|<3N!n$%7m_kE{oW(Z3zw91|g9KZA!v7Y+GDyn{Ib?6$q~FSKE|@ZN;jz=L@Yr
DY)>$3

diff --git a/products_old.db b/products_old.db
deleted file mode 100644
index 940f404a04300a9a955d8f3bbd321efcb9ee4279..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 24576
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
WcBFgA1nqrgYy)>v^7L_1xBmiiH{3b^

diff --git a/public/index.html b/public/index.html
index 5e851cb..2e04465 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,820 +4,935 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Batch Management</title>
+  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
   <style>
-    * {
-      margin: 0;
-      padding: 0;
-      box-sizing: border-box;
+    :root {
+      --bg: #f4f3f0;
+      --surface: #ffffff;
+      --border: #e2e0db;
+      --border-strong: #c8c5be;
+      --text-primary: #1a1917;
+      --text-secondary: #6b6860;
+      --text-muted: #9b9890;
+      --accent: #2563eb;
+      --accent-light: #eff6ff;
+      --green: #16a34a;
+      --green-light: #f0fdf4;
+      --amber: #d97706;
+      --amber-light: #fffbeb;
+      --red: #dc2626;
+      --red-light: #fef2f2;
+      --red-row: #fff5f5;
+      --selected: #eff6ff;
+      --selected-border: #bfdbfe;
+      --mono: 'IBM Plex Mono', monospace;
+      --sans: 'DM Sans', sans-serif;
     }
 
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
     body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-      background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+      font-family: var(--sans);
+      background: var(--bg);
       min-height: 100vh;
-      padding: 20px;
+      padding: 24px 20px;
+      color: var(--text-primary);
     }
 
-    .container {
-      max-width: 1600px;
+    .wrap {
+      max-width: 1400px;
       margin: 0 auto;
-      background: white;
-      border-radius: 16px;
-      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
-      overflow: hidden;
     }
 
-    .header {
-      background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
-      color: white;
-      padding: 30px;
-      text-align: center;
-    }
-
-    .header h1 {
-      font-size: 28px;
-      font-weight: 600;
-      margin-bottom: 10px;
-    }
-
-    .controls {
-      padding: 25px 30px;
-      background: #f8f9fa;
+    /* Header */
+    .top-bar {
       display: flex;
-      gap: 15px;
-      flex-wrap: wrap;
       align-items: center;
-      border-bottom: 1px solid #e9ecef;
+      justify-content: space-between;
+      margin-bottom: 16px;
+      gap: 12px;
     }
 
-    .search-box {
-      flex: 1;
-      min-width: 250px;
-      position: relative;
-    }
-
-    .search-box input {
-      width: 100%;
-      padding: 12px 16px;
-      border: 2px solid #e9ecef;
-      border-radius: 8px;
-      font-size: 14px;
-      transition: all 0.3s;
-    }
-
-    .search-box input:focus {
-      outline: none;
-      border-color: #2c3e50;
-      box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.1);
-    }
-
-    .btn {
-      padding: 12px 24px;
-      border: none;
-      border-radius: 8px;
-      font-size: 14px;
-      font-weight: 500;
-      cursor: pointer;
-      transition: all 0.3s;
+    .top-bar h1 {
+      font-size: 18px;
+      font-weight: 600;
+      letter-spacing: -0.3px;
       display: flex;
       align-items: center;
       gap: 8px;
     }
 
-    .btn-primary {
-      background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
-      color: white;
+    .top-bar h1 span { color: var(--text-muted); font-weight: 400; font-size: 14px; }
+
+    /* Controls bar */
+    .controls {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 12px;
+      align-items: center;
+      flex-wrap: wrap;
     }
 
-    .btn-primary:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 4px 12px rgba(44, 62, 80, 0.4);
+    .search-wrap {
+      position: relative;
+      flex: 1;
+      min-width: 200px;
     }
 
-    .btn-success {
-      background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
-      color: white;
+    .search-wrap input {
+      width: 100%;
+      padding: 7px 12px 7px 32px;
+      border: 1px solid var(--border-strong);
+      border-radius: 6px;
+      font-size: 13px;
+      font-family: var(--sans);
+      background: var(--surface);
+      color: var(--text-primary);
+      transition: border-color 0.15s, box-shadow 0.15s;
     }
 
-    .btn-success:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 4px 12px rgba(39, 174, 96, 0.4);
+    .search-wrap input:focus {
+      outline: none;
+      border-color: var(--accent);
+      box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
     }
 
-    .table-container {
-      overflow-x: auto;
-      padding: 0 30px 30px;
+    .search-icon {
+      position: absolute;
+      left: 10px;
+      top: 50%;
+      transform: translateY(-50%);
+      color: var(--text-muted);
+      font-size: 13px;
+      pointer-events: none;
+    }
+
+    /* Buttons */
+    .btn {
+      padding: 7px 14px;
+      border: none;
+      border-radius: 6px;
+      font-size: 13px;
+      font-weight: 500;
+      font-family: var(--sans);
+      cursor: pointer;
+      transition: all 0.15s;
+      display: inline-flex;
+      align-items: center;
+      gap: 5px;
+      white-space: nowrap;
+    }
+
+    .btn-primary { background: var(--accent); color: #fff; }
+    .btn-primary:hover { background: #1d4ed8; }
+
+    .btn-success { background: var(--green); color: #fff; }
+    .btn-success:hover { background: #15803d; }
+
+    .btn-ghost {
+      background: var(--surface);
+      color: var(--text-secondary);
+      border: 1px solid var(--border-strong);
+    }
+    .btn-ghost:hover { background: var(--bg); color: var(--text-primary); }
+
+    .btn-danger { background: var(--red); color: #fff; }
+    .btn-danger:hover { background: #b91c1c; }
+
+    .btn-sm { padding: 4px 10px; font-size: 12px; }
+
+    /* Selection bar */
+    .selection-bar {
+      display: none;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 14px;
+      background: var(--accent-light);
+      border: 1px solid var(--selected-border);
+      border-radius: 6px;
+      margin-bottom: 12px;
+      flex-wrap: wrap;
+    }
+
+    .selection-bar.show { display: flex; }
+
+    .selection-count {
+      font-size: 13px;
+      font-weight: 500;
+      color: var(--accent);
+      flex: 1;
+    }
+
+    /* Table */
+    .table-wrap {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      overflow: hidden;
     }
 
     table {
       width: 100%;
       border-collapse: collapse;
-      margin-top: 20px;
+      font-size: 13px;
     }
 
     thead {
-      background: #f8f9fa;
+      background: #fafaf8;
+      border-bottom: 1px solid var(--border);
     }
 
     th {
-      padding: 16px;
+      padding: 9px 12px;
       text-align: left;
+      font-size: 11px;
       font-weight: 600;
-      color: #495057;
-      font-size: 13px;
+      color: var(--text-muted);
       text-transform: uppercase;
-      letter-spacing: 0.5px;
+      letter-spacing: 0.6px;
       cursor: pointer;
       user-select: none;
-      position: relative;
+      white-space: nowrap;
     }
 
-    th:hover {
-      background: #e9ecef;
-    }
-
-    th.sorted::after {
-      content: ' ▼';
-      font-size: 10px;
-    }
-
-    th.sorted.asc::after {
-      content: ' ▲';
-    }
+    th:hover { color: var(--text-secondary); }
+    th.sort-asc::after { content: ' ↑'; color: var(--accent); }
+    th.sort-desc::after { content: ' ↓'; color: var(--accent); }
 
     td {
-      padding: 16px;
-      border-bottom: 1px solid #f1f3f5;
-      color: #495057;
-      font-size: 14px;
+      padding: 9px 12px;
+      border-bottom: 1px solid #f5f4f1;
+      vertical-align: top;
+      line-height: 1.4;
     }
 
+    tbody tr:last-child td { border-bottom: none; }
+
     tbody tr {
-      transition: background 0.2s;
-    }
-
-    tbody tr:hover {
-      background: #f8f9fa;
-    }
-
-    .batch-row {
+      transition: background 0.1s;
       cursor: pointer;
-      font-weight: 500;
     }
 
-    .batch-row:hover {
-      background: #e3f2fd !important;
+    tbody tr:hover:not(.diff-row) { background: #fafaf8; }
+
+    /* Row with different MPN => red highlight */
+    tr.diff-row {
+      background: #fff8f8;
     }
 
-    .batch-row.expanded {
-      background: #e8f5e9 !important;
+    tr.diff-row:hover { background: #fff0f0; }
+
+    tr.diff-row td { border-bottom-color: #fee2e2; }
+
+    /* Selected row */
+    tr.selected:not(.diff-row) { background: var(--selected) !important; }
+    tr.selected.diff-row { background: #fce7e7 !important; }
+
+    /* Checkbox col */
+    .cb-col { width: 32px; padding: 9px 6px 9px 12px !important; }
+
+    input[type="checkbox"] {
+      width: 14px;
+      height: 14px;
+      accent-color: var(--accent);
+      cursor: pointer;
     }
 
-    .items-row {
-      display: none;
-      background: #fafafa;
+    /* ID col */
+    .id-val {
+      font-family: var(--mono);
+      font-size: 11px;
+      color: var(--text-muted);
     }
 
-    .items-row.show {
-      display: table-row;
-    }
-
-    .items-cell {
-      padding: 20px !important;
-      border-left: 4px solid #27ae60;
-    }
-
-    .items-container {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-      gap: 15px;
-    }
-
-    .items-section {
-      background: white;
-      border-radius: 8px;
-      padding: 15px;
-      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-    }
-
-    .items-section h4 {
-      color: #2c3e50;
-      margin-bottom: 10px;
-      font-size: 14px;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-    }
-
-    .items-section.mix h4 {
-      color: #e74c3c;
-    }
-
-    .item-card {
-      background: #f8f9fa;
-      padding: 10px;
-      border-radius: 6px;
-      margin-bottom: 8px;
-      border-left: 3px solid #27ae60;
+    /* Batch name */
+    .batch-name {
+      font-weight: 600;
       font-size: 13px;
+      font-family: var(--mono);
+      color: var(--text-primary);
     }
 
-    .items-section.mix .item-card {
-      border-left-color: #e74c3c;
-    }
-
-    .item-card .label {
-      color: #6c757d;
-      font-weight: 500;
-      display: inline-block;
-      width: 40px;
-    }
-
-    .item-card .value {
-      color: #495057;
-    }
-
-    .badge {
-      display: inline-block;
-      padding: 4px 12px;
-      border-radius: 12px;
-      font-size: 12px;
+    /* Diff indicator */
+    .diff-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 2px 7px;
+      border-radius: 4px;
+      font-size: 11px;
       font-weight: 500;
     }
 
-    .badge-success {
-      background: #d4edda;
-      color: #155724;
+    .diff-badge.ok { background: var(--green-light); color: var(--green); }
+    .diff-badge.mix { background: var(--red-light); color: var(--red); }
+
+    /* Products cell */
+    .products-cell {
+      vertical-align: top;
     }
 
-    .badge-warning {
-      background: #fff3cd;
-      color: #856404;
+    .product-list {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
     }
 
-    .delete-btn {
-      background: #dc3545;
-      color: white;
+    .product-tag {
+      font-size: 11px;
+      font-family: var(--mono);
+      color: var(--text-secondary);
+      background: #f5f4f0;
+      padding: 2px 6px;
+      border-radius: 3px;
+      white-space: nowrap;
+      /* overflow: hidden; */
+      /* text-overflow: ellipsis;
+      max-width: 240px; */
+    }
+
+    .product-tag.red-tag {
+      background: #fee2e2;
+      color: #991b1b;
+    }
+
+    .more-btn {
+      font-size: 11px;
+      color: var(--accent);
+      background: none;
       border: none;
-      padding: 6px 12px;
-      border-radius: 6px;
       cursor: pointer;
+      padding: 2px 0;
+      text-align: left;
+      text-decoration: underline;
+      text-decoration-style: dotted;
+      font-family: var(--sans);
+      font-weight: 500;
+    }
+
+    .more-btn:hover { color: #1d4ed8; }
+
+    .product-expanded {
+      max-height: 150px;
+      overflow-y: auto;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      margin-top: 2px;
+      padding-right: 4px;
+    }
+
+    .product-expanded::-webkit-scrollbar { width: 4px; }
+    .product-expanded::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 2px; }
+
+    /* SN list in cell */
+    .sn-list {
+      display: flex;
+      flex-direction: column;
+      gap: 1px;
+    }
+
+    .sn-val {
+      font-family: var(--mono);
+      font-size: 11px;
+      color: var(--text-secondary);
+    }
+
+    /* Date */
+    .date-val {
       font-size: 12px;
-      transition: all 0.3s;
+      color: var(--text-muted);
+      white-space: nowrap;
     }
 
-    .delete-btn:hover {
-      background: #c82333;
-      transform: scale(1.05);
+    /* Delete btn */
+    .del-btn {
+      background: none;
+      border: 1px solid var(--border-strong);
+      color: var(--text-muted);
+      padding: 4px 10px;
+      border-radius: 5px;
+      font-size: 11px;
+      cursor: pointer;
+      font-family: var(--sans);
+      font-weight: 500;
+      transition: all 0.15s;
     }
 
-    .expand-icon {
-      display: inline-block;
-      transition: transform 0.3s;
-      margin-right: 8px;
-    }
-
-    .expand-icon.expanded {
-      transform: rotate(90deg);
+    .del-btn:hover {
+      background: var(--red-light);
+      border-color: #fca5a5;
+      color: var(--red);
     }
 
+    /* Pagination */
     .pagination {
       display: flex;
-      justify-content: center;
       align-items: center;
-      gap: 10px;
-      padding: 30px;
+      justify-content: center;
+      gap: 4px;
+      padding: 16px;
       flex-wrap: wrap;
     }
 
-    .page-btn {
-      padding: 8px 16px;
-      border: 2px solid #e9ecef;
-      background: white;
-      border-radius: 6px;
+    .pg-btn {
+      padding: 5px 11px;
+      border: 1px solid var(--border-strong);
+      background: var(--surface);
+      border-radius: 5px;
       cursor: pointer;
-      font-size: 14px;
-      transition: all 0.3s;
+      font-size: 12px;
+      font-family: var(--sans);
+      font-weight: 500;
+      transition: all 0.12s;
+      color: var(--text-secondary);
     }
 
-    .page-btn:hover:not(:disabled) {
-      border-color: #2c3e50;
-      color: #2c3e50;
-    }
+    .pg-btn:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
+    .pg-btn:disabled { opacity: 0.35; cursor: not-allowed; }
+    .pg-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }
 
-    .page-btn:disabled {
-      opacity: 0.5;
-      cursor: not-allowed;
-    }
+    .pg-info { font-size: 12px; color: var(--text-muted); padding: 0 8px; }
 
-    .page-btn.active {
-      background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
-      color: white;
-      border-color: transparent;
-    }
-
-    .page-info {
-      color: #6c757d;
+    /* Empty / loading */
+    .state-msg {
+      text-align: center;
+      padding: 60px 20px;
+      color: var(--text-muted);
       font-size: 14px;
     }
 
-    .loading {
-      text-align: center;
-      padding: 40px;
-      color: #6c757d;
-    }
-
-    .empty {
-      text-align: center;
-      padding: 60px;
-      color: #adb5bd;
-    }
-
-    .empty h3 {
-      margin-bottom: 10px;
-      color: #6c757d;
-    }
-
-    .modal {
+    /* Modal */
+    .modal-backdrop {
       display: none;
       position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(0,0,0,0.5);
-      z-index: 1000;
+      inset: 0;
+      background: rgba(0,0,0,0.35);
+      z-index: 100;
       justify-content: center;
       align-items: center;
+      padding: 20px;
     }
 
-    .modal.active {
-      display: flex;
-    }
+    .modal-backdrop.open { display: flex; }
 
-    .modal-content {
-      background: white;
-      padding: 30px;
-      border-radius: 12px;
-      width: 90%;
-      max-width: 800px;
-      max-height: 80vh;
+    .modal-box {
+      background: var(--surface);
+      border-radius: 10px;
+      padding: 26px 28px;
+      width: 100%;
+      max-width: 820px;
+      max-height: 88vh;
       overflow-y: auto;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.2);
     }
 
-    .modal h2 {
+    .modal-box h2 {
+      font-size: 16px;
+      font-weight: 600;
       margin-bottom: 20px;
-      color: #495057;
+      color: var(--text-primary);
     }
 
-    .form-group {
-      margin-bottom: 15px;
-    }
+    .form-group { margin-bottom: 16px; }
 
     .form-group label {
       display: block;
-      margin-bottom: 5px;
-      color: #495057;
-      font-size: 14px;
-      font-weight: 500;
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 6px;
     }
 
     .form-group input, .form-group textarea {
       width: 100%;
-      padding: 10px;
-      border: 2px solid #e9ecef;
+      padding: 9px 12px;
+      border: 1px solid var(--border-strong);
       border-radius: 6px;
-      font-size: 14px;
-      font-family: inherit;
+      font-size: 13px;
+      font-family: var(--sans);
+      background: var(--surface);
+      color: var(--text-primary);
+      transition: border-color 0.15s;
+    }
+
+    .form-group input:focus, .form-group textarea:focus {
+      outline: none;
+      border-color: var(--accent);
+      box-shadow: 0 0 0 3px rgba(37,99,235,0.1);
     }
 
     .form-group textarea {
-      min-height: 150px;
+      min-height: 130px;
       resize: vertical;
-    }
-
-    .modal-buttons {
-      display: flex;
-      gap: 10px;
-      margin-top: 20px;
-    }
-
-    .btn-secondary {
-      background: #6c757d;
-      color: white;
-      flex: 1;
-    }
-
-    .btn-secondary:hover {
-      background: #5a6268;
-    }
-
-    .help-text {
+      font-family: var(--mono);
       font-size: 12px;
-      color: #6c757d;
-      margin-top: 5px;
     }
 
-    .json-example {
-      background: #f8f9fa;
-      padding: 15px;
-      border-radius: 6px;
-      font-family: 'Courier New', monospace;
-      font-size: 12px;
+    .json-hint {
+      background: #fafaf8;
+      border: 1px solid var(--border);
+      border-radius: 5px;
+      padding: 10px 12px;
+      font-family: var(--mono);
+      font-size: 11px;
+      color: var(--text-secondary);
+      margin-top: 6px;
       overflow-x: auto;
-      margin-top: 10px;
+      white-space: pre;
+      line-height: 1.5;
     }
 
-    @media (max-width: 768px) {
-      .items-container {
-        grid-template-columns: 1fr;
-      }
+    .help { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
 
-      .controls {
-        padding: 20px;
-      }
+    .modal-footer {
+      display: flex;
+      gap: 8px;
+      margin-top: 20px;
+      justify-content: flex-end;
+    }
 
-      .search-box {
-        min-width: 100%;
-      }
+    /* Toast */
+    .toast {
+      position: fixed;
+      bottom: 24px;
+      right: 24px;
+      background: var(--text-primary);
+      color: #fff;
+      padding: 10px 16px;
+      border-radius: 7px;
+      font-size: 13px;
+      font-family: var(--sans);
+      z-index: 999;
+      opacity: 0;
+      transform: translateY(8px);
+      transition: all 0.2s;
+      pointer-events: none;
+    }
 
-      .table-container {
-        padding: 0 20px 20px;
-      }
-
-      table {
-        font-size: 12px;
-      }
-
-      th, td {
-        padding: 10px 8px;
-      }
-
-      .header h1 {
-        font-size: 22px;
-      }
-
-      .pagination {
-        padding: 20px;
-      }
+    .toast.show {
+      opacity: 1;
+      transform: translateY(0);
     }
   </style>
 </head>
 <body>
-  <div class="container">
-    <div class="header">
-      <h1>📦 Batch Management System</h1>
-      <p>Manage batches with items and mixed items</p>
-    </div>
+<div class="wrap">
 
-    <div class="controls">
-      <div class="search-box">
-        <input type="text" id="searchInput" placeholder="Search by batch name or ID...">
-      </div>
-      <button class="btn btn-success" onclick="openCreateModal()">
-        ➕ Create Batch
-      </button>
-    </div>
-
-    <div class="table-container">
-      <div id="loading" class="loading" style="display: none;">
-        Loading batches...
-      </div>
-
-      <div id="empty" class="empty" style="display: none;">
-        <h3>No batches found</h3>
-        <p>Create your first batch to get started!</p>
-      </div>
-
-      <table id="batchTable" style="display: none;">
-        <thead>
-          <tr>
-            <th onclick="sortTable('id')" style="width: 80px;">ID</th>
-            <th onclick="sortTable('batch_name')">Batch Name</th>
-            <th style="width: 120px;">Items</th>
-            <th style="width: 120px;">Mixed Items</th>
-            <th onclick="sortTable('createdAt')" style="width: 180px;">Created At</th>
-            <th style="width: 100px;">Actions</th>
-          </tr>
-        </thead>
-        <tbody id="batchBody"></tbody>
-      </table>
-    </div>
-
-    <div class="pagination" id="pagination"></div>
+  <!-- Header -->
+  <div class="top-bar">
+    <h1>📦 Batch Management <span id="totalCount"></span></h1>
+    <button class="btn btn-success" onclick="openModal()">＋ New Batch</button>
   </div>
 
-  <!-- Create Batch Modal -->
-  <div id="createModal" class="modal">
-    <div class="modal-content">
-      <h2>Create New Batch</h2>
-      
-      <div class="form-group">
-        <label>Batch Name *</label>
-        <input type="text" id="batchNameInput" placeholder="e.g., BATCH_20250210141530">
-        <div class="help-text">Format: BATCH_yyyymmddhhmmss or any unique name</div>
-      </div>
-
-      <div class="form-group">
-        <label>Items (Valid - Same MPN) *</label>
-        <textarea id="itemsInput" placeholder='Enter JSON array of items...'></textarea>
-        <div class="json-example">
-Example:
-[
-  {"mpn": "CN_M378A5143DB0-CPB_1620", "sn": "U03A00062074544398"},
-  {"mpn": "CN_M378A5143DB0-CPB_1620", "sn": "U03A00062074544399"}
-]</div>
-      </div>
-
-      <div class="form-group">
-        <label>Mixed Items (Different MPN) - Optional</label>
-        <textarea id="itemsMixInput" placeholder='Enter JSON array of mixed items...'></textarea>
-        <div class="json-example">
-Example:
-[
-  {"mpn": "CN_M378A5143DB0-CPB_1621", "sn": "U03A00062074544403"}
-]</div>
-      </div>
-
-      <div class="modal-buttons">
-        <button class="btn btn-secondary" onclick="closeCreateModal()">Cancel</button>
-        <button class="btn btn-success" onclick="createBatch()">Create Batch</button>
-      </div>
+  <!-- Controls -->
+  <div class="controls">
+    <div class="search-wrap">
+      <span class="search-icon">🔍</span>
+      <input id="searchInput" type="text" placeholder="Search batch name or ID or SN">
     </div>
+    <button class="btn btn-ghost" onclick="selectAll()">Select All</button>
+    <button class="btn btn-ghost" onclick="clearSel()">Clear</button>
   </div>
 
-  <script>
-    let currentPage = 1;
-    let currentSort = 'id';
-    let currentOrder = 'DESC';
-    let searchTerm = '';
-    let URL = window.location.hostname === 'localhost' 
-      ? 'http://localhost:4444/api/' 
-      : 'https://logs1.danielvu.com/mobile-api/';
+  <!-- Selection action bar -->
+  <div class="selection-bar" id="selBar">
+    <span class="selection-count" id="selCount">0 selected</span>
+    <button class="btn btn-ghost btn-sm" onclick="copySN()">📋 Copy SN</button>
+    <button class="btn btn-ghost btn-sm" onclick="copyModel()">📋 Copy Model</button>
+    <button class="btn btn-ghost btn-sm" onclick="copyAll()">📋 Copy All Fields</button>
+  </div>
 
-    let expandedBatches = new Set();
-
-    async function loadBatches() {
-      document.getElementById('loading').style.display = 'block';
-      document.getElementById('batchTable').style.display = 'none';
-      document.getElementById('empty').style.display = 'none';
-
-      try {
-        const response = await fetch(`${URL}batch/get-all?page=${currentPage}&sortBy=${currentSort}&sortOrder=${currentOrder}&search=${encodeURIComponent(searchTerm)}`);
-        const data = await response.json();
-
-        document.getElementById('loading').style.display = 'none';
-
-        if (data.batches.length === 0) {
-          document.getElementById('empty').style.display = 'block';
-        } else {
-          document.getElementById('batchTable').style.display = 'table';
-          renderBatches(data.batches);
-          renderPagination(data);
-        }
-
-        updateSortIndicators();
-      } catch (error) {
-        console.error('Error loading batches:', error);
-        document.getElementById('loading').style.display = 'none';
-        alert('Error loading batches. Please check if the server is running.');
-      }
-    }
-
-    function renderBatches(batches) {
-      const tbody = document.getElementById('batchBody');
-      tbody.innerHTML = batches.map(batch => {
-        const date = new Date(batch.createdAt + "Z");
-        const formattedDate = date.toLocaleString('en-US', {
-          year: 'numeric',
-          month: '2-digit',
-          day: '2-digit',
-          hour: '2-digit',
-          minute: '2-digit',
-          second: '2-digit',
-          hour12: false
-        });
-
-        const isExpanded = expandedBatches.has(batch.id);
-        
-        return `
-        <tr class="batch-row ${isExpanded ? 'expanded' : ''}" onclick="toggleBatch(${batch.id})">
-          <td>
-            <span class="expand-icon ${isExpanded ? 'expanded' : ''}">▶</span>
-            ${batch.id}
-          </td>
-          <td><strong>${batch.batch_name}</strong></td>
-          <td><span class="badge badge-success">${batch.items.length}</span></td>
-          <td><span class="badge badge-warning">${batch.items_mix.length}</span></td>
-          <td>${formattedDate}</td>
-          <td>
-            <button class="delete-btn" onclick="event.stopPropagation(); deleteBatch(${batch.id})">Delete</button>
-          </td>
+  <!-- Table -->
+  <div class="table-wrap">
+    <div id="stateMsg" class="state-msg">⏳ Loading…</div>
+    <table id="mainTable" style="display:none;">
+      <thead>
+        <tr>
+          <th class="cb-col"><input type="checkbox" id="masterCb" onchange="toggleAll(this)"></th>
+          <th
+          style="width:50px;">ID</th>
+           <!-- onclick="doSort('id')"  -->
+          <th
+          style="min-width:160px;">Batch Name</th>
+           <!-- onclick="doSort('batch_name')"  -->
+          <th style="width:110px;">Summary</th>
+          <th style="min-width:180px;">Different MPN</th>
+          <th style="min-width:240px;">Same MPN Products</th>
+          <th
+          style="width:130px;">Created</th>
+           <!-- onclick="doSort('createdAt')" -->
+          <th style="width:70px;"></th>
         </tr>
-        <tr class="items-row ${isExpanded ? 'show' : ''}" id="items-${batch.id}">
-          <td colspan="6" class="items-cell">
-            <div class="items-container">
-              <div class="items-section">
-                <h4>✅ Valid Items (${batch.items.length})</h4>
-                ${batch.items.length > 0 ? batch.items.map(item => `
-                  <div class="item-card">
-                    <div><span class="label">MPN:</span> <span class="value">${item.mpn}</span></div>
-                    <div><span class="label">SN:</span> <span class="value">${item.sn}</span></div>
-                  </div>
-                `).join('') : '<p style="color: #999;">No items</p>'}
-              </div>
-              <div class="items-section mix">
-                <h4>⚠️ Mixed Items (${batch.items_mix.length})</h4>
-                ${batch.items_mix.length > 0 ? batch.items_mix.map(item => `
-                  <div class="item-card">
-                    <div><span class="label">MPN:</span> <span class="value">${item.mpn}</span></div>
-                    <div><span class="label">SN:</span> <span class="value">${item.sn}</span></div>
-                  </div>
-                `).join('') : '<p style="color: #999;">No mixed items</p>'}
-              </div>
-            </div>
-          </td>
-        </tr>
-        `;
-      }).join('');
-    }
+      </thead>
+      <tbody id="tbody"></tbody>
+    </table>
+  </div>
 
-    function toggleBatch(batchId) {
-      if (expandedBatches.has(batchId)) {
-        expandedBatches.delete(batchId);
+  <div class="pagination" id="pagination"></div>
+</div>
+
+<!-- Create Modal -->
+<div class="modal-backdrop" id="modal" onclick="bgClose(event)">
+  <div class="modal-box">
+    <h2>Create New Batch</h2>
+    <div class="form-group">
+      <label>Batch Name *</label>
+      <input id="fName" type="text" placeholder="BATCH_20250210141530">
+      <div class="help">Format: BATCH_yyyymmddhhmmss</div>
+    </div>
+    <div class="form-group">
+      <label>Items — Same MPN *</label>
+      <textarea id="fItems" placeholder='JSON array…'></textarea>
+      <div class="json-hint">[{"brand":"Samsung","mpn":"CN_M378A5143DB0-CPB_1620","mpn_custom":"Custom 1","sn":"U03A..."}]</div>
+    </div>
+    <div class="form-group">
+      <label>Mixed Items — Different MPN (optional)</label>
+      <textarea id="fMix" placeholder='JSON array…'></textarea>
+      <div class="json-hint">[{"brand":"Micron","mpn":"CN_M378A5143DB0-CPB_1621","mpn_custom":"Custom 3","sn":"U03A..."}]</div>
+    </div>
+    <div class="modal-footer">
+      <button class="btn btn-ghost" onclick="closeModal()">Cancel</button>
+      <button class="btn btn-success" onclick="createBatch()">Create</button>
+    </div>
+  </div>
+</div>
+
+<!-- Toast -->
+<div class="toast" id="toast"></div>
+
+<script>
+  const API = window.location.hostname === 'localhost'
+    ? 'http://localhost:4444/api/'
+    : 'https://logs1.danielvu.com/mobile-api/';
+
+  let page = 1, sortBy = 'id', sortOrder = 'DESC', search = '';
+  let allBatches = [];
+  let selectedIds = new Set();
+
+  // ── Load ────────────────────────────────────────────
+  async function load() {
+    document.getElementById('stateMsg').textContent = '⏳ Loading…';
+    document.getElementById('stateMsg').style.display = 'block';
+    document.getElementById('mainTable').style.display = 'none';
+
+    try {
+      const r = await fetch(`${API}batch/get-all?page=${page}&sortBy=${sortBy}&sortOrder=${sortOrder}&search=${encodeURIComponent(search)}`);
+      const d = await r.json();
+
+      document.getElementById('stateMsg').style.display = 'none';
+
+      if (!d.batches || d.batches.length === 0) {
+        document.getElementById('stateMsg').textContent = 'No batches found.';
+        document.getElementById('stateMsg').style.display = 'block';
+        document.getElementById('totalCount').textContent = '';
+        renderPagination({ total: 0, totalPages: 1 });
+        return;
+      }
+
+      allBatches = d.batches;
+      document.getElementById('mainTable').style.display = 'table';
+      document.getElementById('totalCount').textContent = `(${d.total})`;
+      render();
+      renderPagination(d);
+      updateSortHeaders();
+    } catch (e) {
+      document.getElementById('stateMsg').textContent = '⚠️ Failed to load. Check server.';
+      document.getElementById('stateMsg').style.display = 'block';
+    }
+  }
+
+  // ── Render rows ────────────────────────────────────
+  function productTag(it, cls) {
+    cls = cls || '';
+    const label = (it.brand ? it.brand + ' ' : '') +" - "+ (it.mpn_custom ? it.mpn_custom + ' ' : '') +" - "+ (it.sn || '');
+    return `<span class="product-tag ${cls}">${label}</span>`;
+  }
+
+  function render() {
+    const tbody = document.getElementById('tbody');
+    tbody.innerHTML = '';
+
+    allBatches.sort((a, b) => b.id - a.id).forEach(b => {
+      const hasMix = b.items_mix && b.items_mix.length > 0;
+      const isSelected = selectedIds.has(b.id);
+      const sameItems = b.items || [];
+      const mixItems  = b.items_mix || [];
+      const total = sameItems.length + mixItems.length;
+      const PREVIEW = 5;
+      const cellKey = `c${b.id}`;
+
+      const tr = document.createElement('tr');
+      tr.className = (hasMix ? 'diff-row' : '') + (isSelected ? ' selected' : '');
+      tr.onclick = (e) => {
+        if (e.target.type === 'checkbox' || e.target.classList.contains('del-btn') || e.target.classList.contains('more-btn')) return;
+        toggleRow(b.id);
+      };
+
+      const dt = new Date(b.createdAt + 'Z');
+      const dateFmt = dt.toLocaleString('en-US', { year:'numeric', month:'2-digit', day:'2-digit', hour:'2-digit', minute:'2-digit', hour12:false });
+
+      // col: Summary
+      const summaryHtml = `
+        <div style="display:flex;flex-direction:column;gap:3px;white-space:nowrap;">
+          <span style="font-size:12px;font-weight:600;">${total} total</span>
+          <span style="font-size:11px;color:var(--green);">✓ ${sameItems.length} same</span>
+          ${mixItems.length > 0 ? `<span style="font-size:11px;color:var(--red);">⚠ ${mixItems.length} diff</span>` : ''}
+        </div>`;
+
+      // col: Different MPN
+      let diffHtml = hasMix
+        ? '<div class="product-list">' + mixItems.map(it => productTag(it,'red-tag')).join('') + '</div>'
+        : '<span style="color:var(--text-muted);font-size:11px;">—</span>';
+
+      // col: Same MPN — preview 5 + expandable rest (no re-render, pure DOM toggle)
+      let sameHtml = '';
+      if (sameItems.length === 0) {
+        sameHtml = '<span style="color:var(--text-muted);font-size:11px;">—</span>';
       } else {
-        expandedBatches.add(batchId);
-      }
-      loadBatches();
-    }
-
-    function renderPagination(data) {
-      const pagination = document.getElementById('pagination');
-      let html = '';
-
-      html += `<button class="page-btn" ${currentPage === 1 ? 'disabled' : ''} onclick="changePage(${currentPage - 1})">Previous</button>`;
-
-      const startPage = Math.max(1, currentPage - 2);
-      const endPage = Math.min(data.totalPages, currentPage + 2);
-
-      for (let i = startPage; i <= endPage; i++) {
-        html += `<button class="page-btn ${i === currentPage ? 'active' : ''}" onclick="changePage(${i})">${i}</button>`;
-      }
-
-      html += `<button class="page-btn" ${currentPage === data.totalPages ? 'disabled' : ''} onclick="changePage(${currentPage + 1})">Next</button>`;
-      html += `<span class="page-info">Total: ${data.total} batches</span>`;
-
-      pagination.innerHTML = html;
-    }
-
-    function changePage(page) {
-      currentPage = page;
-      loadBatches();
-    }
-
-    function sortTable(column) {
-      if (currentSort === column) {
-        currentOrder = currentOrder === 'DESC' ? 'ASC' : 'DESC';
-      } else {
-        currentSort = column;
-        currentOrder = 'DESC';
-      }
-      currentPage = 1;
-      loadBatches();
-    }
-
-    function updateSortIndicators() {
-      document.querySelectorAll('th').forEach(th => {
-        th.classList.remove('sorted', 'asc');
-      });
-
-      const columns = ['id', 'batch_name', 'createdAt'];
-      const index = columns.indexOf(currentSort);
-      if (index !== -1) {
-        const th = document.querySelectorAll('th')[index];
-        th.classList.add('sorted');
-        if (currentOrder === 'ASC') {
-          th.classList.add('asc');
+        const previewTags = sameItems.slice(0, PREVIEW).map(it => productTag(it,'')).join('');
+        sameHtml = `<div class="product-list">${previewTags}</div>`;
+        if (sameItems.length > PREVIEW) {
+          const restCount = sameItems.length - PREVIEW;
+          const restTags  = sameItems.slice(PREVIEW).map(it => productTag(it,'')).join('');
+          sameHtml += `<div class="product-expanded" id="${cellKey}-exp" style="display:none;">${restTags}</div>`;
+          sameHtml += `<button class="more-btn" id="${cellKey}-btn" onclick="toggleMore(event,'${cellKey}',${restCount})">＋ ${restCount} more</button>`;
         }
       }
-    }
 
-    let searchTimeout;
-    document.getElementById('searchInput').addEventListener('input', (e) => {
-      clearTimeout(searchTimeout);
-      searchTimeout = setTimeout(() => {
-        searchTerm = e.target.value;
-        currentPage = 1;
-        expandedBatches.clear();
-        loadBatches();
-      }, 300);
+      tr.innerHTML = `
+        <td class="cb-col"><input type="checkbox" ${isSelected ? 'checked' : ''} onchange="toggleById(${b.id})"></td>
+        <td><span class="id-val">#${b.id}</span></td>
+        <td>
+          <div class="batch-name">${b.batch_name}</div>
+          <div style="margin-top:4px;"><span class="diff-badge ${hasMix?'mix':'ok'}">${hasMix?'⚠ Mixed':'✓ Uniform'}</span></div>
+        </td>
+        <td style="vertical-align:middle;">${summaryHtml}</td>
+        <td class="products-cell">${diffHtml}</td>
+        <td class="products-cell">${sameHtml}</td>
+        <td><span class="date-val">${dateFmt}</span></td>
+        <td><button class="del-btn" onclick="event.stopPropagation();deleteBatch(${b.id})">Delete</button></td>
+      `;
+      tbody.appendChild(tr);
     });
 
-    async function deleteBatch(id) {
-      if (!confirm('Are you sure you want to delete this batch and all its items?')) return;
+    updateSelBar();
+    updateMasterCb();
+  }
 
-      try {
-        const response = await fetch(`${URL}batch/delete/${id}`, {
-          method: 'DELETE'
-        });
+  function toggleMore(e, cellKey, restCount) {
+    e.stopPropagation();
+    const exp = document.getElementById(cellKey + '-exp');
+    const btn = document.getElementById(cellKey + '-btn');
+    if (!exp || !btn) return;
+    const opening = exp.style.display === 'none';
+    exp.style.display = opening ? 'flex' : 'none';
+    btn.textContent = opening ? '↑ Show less' : ('＋ ' + restCount + ' more');
+  }
 
-        if (response.ok) {
-          expandedBatches.delete(id);
-          loadBatches();
-        } else {
-          alert('Error deleting batch');
-        }
-      } catch (error) {
-        console.error('Error deleting batch:', error);
-        alert('Error deleting batch');
-      }
+  // ── Selection ────────────────────────────────────
+  function toggleRow(id) {
+    if (selectedIds.has(id)) selectedIds.delete(id);
+    else selectedIds.add(id);
+    render();
+  }
+
+  function toggleById(id) {
+    if (selectedIds.has(id)) selectedIds.delete(id);
+    else selectedIds.add(id);
+    updateSelBar();
+    updateMasterCb();
+  }
+
+  function toggleAll(cb) {
+    if (cb.checked) allBatches.forEach(b => selectedIds.add(b.id));
+    else allBatches.forEach(b => selectedIds.delete(b.id));
+    render();
+  }
+
+  function selectAll() {
+    allBatches.forEach(b => selectedIds.add(b.id));
+    render();
+  }
+
+  function clearSel() {
+    selectedIds.clear();
+    render();
+  }
+
+  function updateSelBar() {
+    const bar = document.getElementById('selBar');
+    const count = document.getElementById('selCount');
+    if (selectedIds.size > 0) {
+      bar.classList.add('show');
+      count.textContent = `${selectedIds.size} selected`;
+    } else {
+      bar.classList.remove('show');
     }
+  }
 
-    function openCreateModal() {
-      document.getElementById('createModal').classList.add('active');
-      // Auto-generate batch name with timestamp
-      const now = new Date();
-      const timestamp = now.getFullYear() + 
-        String(now.getMonth() + 1).padStart(2, '0') + 
-        String(now.getDate()).padStart(2, '0') + 
-        String(now.getHours()).padStart(2, '0') + 
-        String(now.getMinutes()).padStart(2, '0') + 
-        String(now.getSeconds()).padStart(2, '0');
-      document.getElementById('batchNameInput').value = `BATCH_${timestamp}`;
+  function updateMasterCb() {
+    const master = document.getElementById('masterCb');
+    master.checked = allBatches.length > 0 && allBatches.every(b => selectedIds.has(b.id));
+    master.indeterminate = selectedIds.size > 0 && !master.checked;
+  }
+
+  // ── Copy functions ────────────────────────────────
+  function getSelectedBatches() {
+    return allBatches.filter(b => selectedIds.has(b.id));
+  }
+
+  function copySN() {
+    const batches = getSelectedBatches();
+    const sns = [];
+    batches.forEach(b => {
+      (b.items || []).forEach(it => sns.push(it.sn));
+      (b.items_mix || []).forEach(it => sns.push(it.sn));
+    });
+    copyText(sns.join('\n'), `Copied ${sns.length} SN(s)`);
+  }
+
+  function copyModel() {
+    const batches = getSelectedBatches();
+    const models = new Set();
+    batches.forEach(b => {
+      (b.items || []).forEach(it => models.add(it.mpn_custom));
+      (b.items_mix || []).forEach(it => models.add(it.mpn_custom));
+    });
+    copyText([...models].join('\n'), `Copied ${models.size} model(s)`);
+  }
+
+  function copyAll() {
+    const batches = getSelectedBatches();
+    const lines = [];
+    batches.forEach(b => {
+      (b.items || []).forEach(it => {
+        lines.push([b.batch_name, it.brand || '', it.mpn, it.mpn_custom || '', it.sn].join('\t'));
+      });
+      (b.items_mix || []).forEach(it => {
+        lines.push([b.batch_name, it.brand || '', it.mpn, it.mpn_custom || '', it.sn, '[MIX]'].join('\t'));
+      });
+    });
+    copyText(lines.join('\n'), `Copied ${lines.length} row(s)`);
+  }
+
+  function copyText(text, msg) {
+    navigator.clipboard.writeText(text).then(() => toast(msg)).catch(() => {
+      const el = document.createElement('textarea');
+      el.value = text;
+      document.body.appendChild(el);
+      el.select();
+      document.execCommand('copy');
+      el.remove();
+      toast(msg);
+    });
+  }
+
+  function toast(msg) {
+    const el = document.getElementById('toast');
+    el.textContent = msg;
+    el.classList.add('show');
+    setTimeout(() => el.classList.remove('show'), 2000);
+  }
+
+  // ── Sort ──────────────────────────────────────────
+  function doSort(col) {
+    if (sortBy === col) sortOrder = sortOrder === 'DESC' ? 'ASC' : 'DESC';
+    else { sortBy = col; sortOrder = 'DESC'; }
+    page = 1;
+    load();
+  }
+
+  function updateSortHeaders() {
+    document.querySelectorAll('thead th').forEach(th => {
+      th.classList.remove('sort-asc', 'sort-desc');
+    });
+    // map col to index
+    const map = { id: 1, batch_name: 2, createdAt: 6 };
+    const idx = map[sortBy];
+    if (idx !== undefined) {
+      const ths = document.querySelectorAll('thead th');
+      ths[idx].classList.add(sortOrder === 'ASC' ? 'sort-asc' : 'sort-desc');
     }
+  }
 
-    function closeCreateModal() {
-      document.getElementById('createModal').classList.remove('active');
-      document.getElementById('batchNameInput').value = '';
-      document.getElementById('itemsInput').value = '';
-      document.getElementById('itemsMixInput').value = '';
+  // ── Pagination ────────────────────────────────────
+  function renderPagination(d) {
+    const el = document.getElementById('pagination');
+    if (!d.totalPages || d.totalPages <= 1) { el.innerHTML = ''; return; }
+    let html = `<button class="pg-btn" ${page === 1 ? 'disabled' : ''} onclick="goPage(${page - 1})">Prev</button>`;
+    const s = Math.max(1, page - 2), e = Math.min(d.totalPages, page + 2);
+    for (let i = s; i <= e; i++) {
+      html += `<button class="pg-btn ${i === page ? 'active' : ''}" onclick="goPage(${i})">${i}</button>`;
     }
+    html += `<button class="pg-btn" ${page === d.totalPages ? 'disabled' : ''} onclick="goPage(${page + 1})">Next</button>`;
+    html += `<span class="pg-info">${d.total} batches</span>`;
+    el.innerHTML = html;
+  }
 
-    async function createBatch() {
-      const batch_name = document.getElementById('batchNameInput').value.trim();
-      const itemsText = document.getElementById('itemsInput').value.trim();
-      const itemsMixText = document.getElementById('itemsMixInput').value.trim();
+  function goPage(p) { page = p; load(); }
 
-      if (!batch_name) {
-        alert('Please enter a batch name');
-        return;
-      }
+  // ── Delete ────────────────────────────────────────
+  async function deleteBatch(id) {
+    if (!confirm('Delete this batch and all its items?')) return;
+    try {
+      const r = await fetch(`${API}batch/delete/${id}`, { method: 'DELETE' });
+      if (r.ok) { selectedIds.delete(id); load(); toast('Batch deleted'); }
+      else toast('Error deleting batch');
+    } catch { toast('Error deleting batch'); }
+  }
 
-      if (!itemsText) {
-        alert('Please enter at least one item');
-        return;
-      }
+  // ── Create modal ──────────────────────────────────
+  function openModal() {
+    const now = new Date();
+    const ts = now.getFullYear() + pad(now.getMonth()+1) + pad(now.getDate()) + pad(now.getHours()) + pad(now.getMinutes()) + pad(now.getSeconds());
+    document.getElementById('fName').value = `BATCH_${ts}`;
+    document.getElementById('fItems').value = '';
+    document.getElementById('fMix').value = '';
+    document.getElementById('modal').classList.add('open');
+  }
 
-      let items, items_mix;
+  function closeModal() { document.getElementById('modal').classList.remove('open'); }
 
-      try {
-        items = JSON.parse(itemsText);
-        if (!Array.isArray(items) || items.length === 0) {
-          alert('Items must be a non-empty array');
-          return;
-        }
-      } catch (e) {
-        alert('Invalid JSON format for items: ' + e.message);
-        return;
-      }
+  function bgClose(e) { if (e.target.id === 'modal') closeModal(); }
 
-      try {
-        items_mix = itemsMixText ? JSON.parse(itemsMixText) : [];
-        if (!Array.isArray(items_mix)) {
-          alert('Mixed items must be an array');
-          return;
-        }
-      } catch (e) {
-        alert('Invalid JSON format for mixed items: ' + e.message);
-        return;
-      }
+  function pad(n) { return String(n).padStart(2, '0'); }
 
-      try {
-        const response = await fetch(URL + 'batch/save', {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify({ batch_name, items, items_mix })
-        });
+  async function createBatch() {
+    const batch_name = document.getElementById('fName').value.trim();
+    const itemsTxt = document.getElementById('fItems').value.trim();
+    const mixTxt = document.getElementById('fMix').value.trim();
+    if (!batch_name) { alert('Batch name required'); return; }
+    if (!itemsTxt) { alert('Items required'); return; }
+    let items, items_mix;
+    try { items = JSON.parse(itemsTxt); } catch(e) { alert('Invalid JSON for items: ' + e.message); return; }
+    try { items_mix = mixTxt ? JSON.parse(mixTxt) : []; } catch(e) { alert('Invalid JSON for mixed items: ' + e.message); return; }
 
-        const result = await response.json();
+    try {
+      const r = await fetch(API + 'batch/save', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ batch_name, items, items_mix })
+      });
+      const res = await r.json();
+      if (r.ok) {
+        closeModal();
+        load();
+        toast(`✅ Batch created — ${res.inserted_items} items, ${res.inserted_mix_items} mixed`);
+      } else { alert('Error: ' + res.error); }
+    } catch(e) { alert('Error: ' + e.message); }
+  }
 
-        if (response.ok) {
-          closeCreateModal();
-          expandedBatches.clear();
-          loadBatches();
-          alert(`Batch created successfully!\nItems: ${result.inserted_items}\nMixed Items: ${result.inserted_mix_items}`);
-        } else {
-          alert('Error creating batch: ' + result.error);
-        }
-      } catch (error) {
-        console.error('Error creating batch:', error);
-        alert('Error creating batch: ' + error.message);
-      }
-    }
+  // ── Search debounce ───────────────────────────────
+  let st;
+  document.getElementById('searchInput').addEventListener('input', e => {
+    clearTimeout(st);
+    st = setTimeout(() => { search = e.target.value; page = 1; selectedIds.clear(); load(); }, 300);
+  });
 
-    // Load batches on page load
-    loadBatches();
-  </script>
+  load();
+</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/server.js b/server.js
index ef7955a..9a29578 100644
--- a/server.js
+++ b/server.js
@@ -37,7 +37,9 @@ db.serialize(() => {
   db.run(`CREATE TABLE IF NOT EXISTS items (
     id INTEGER PRIMARY KEY AUTOINCREMENT,
     batch_id INTEGER NOT NULL,
+    brand TEXT,
     mpn TEXT NOT NULL,
+    mpn_custom TEXT,
     sn TEXT NOT NULL,
     createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,
     FOREIGN KEY (batch_id) REFERENCES batches(id) ON DELETE CASCADE
@@ -47,7 +49,9 @@ db.serialize(() => {
   db.run(`CREATE TABLE IF NOT EXISTS items_mix (
     id INTEGER PRIMARY KEY AUTOINCREMENT,
     batch_id INTEGER NOT NULL,
+    brand TEXT,
     mpn TEXT NOT NULL,
+    mpn_custom TEXT,
     sn TEXT NOT NULL,
     createdAt DATETIME DEFAULT CURRENT_TIMESTAMP,
     FOREIGN KEY (batch_id) REFERENCES batches(id) ON DELETE CASCADE
@@ -58,12 +62,38 @@ db.serialize(() => {
   db.run(`CREATE INDEX IF NOT EXISTS idx_items_mix_batch_id ON items_mix(batch_id)`);
   db.run(`CREATE INDEX IF NOT EXISTS idx_items_mpn ON items(mpn)`);
   db.run(`CREATE INDEX IF NOT EXISTS idx_items_sn ON items(sn)`);
+  db.run(`CREATE INDEX IF NOT EXISTS idx_items_brand ON items(brand)`);
+  db.run(`CREATE INDEX IF NOT EXISTS idx_items_mix_brand ON items_mix(brand)`);
 });
 
 // ==================== BATCH API ROUTES ====================
 
+function runAsync(db, sql, params = []) {
+  return new Promise((resolve, reject) => {
+    db.run(sql, params, function (err) {
+      if (err) reject(err);
+      else resolve(this); // this.lastID, this.changes
+    });
+  });
+}
+
+function prepareRunAsync(stmt, params = []) {
+  return new Promise((resolve, reject) => {
+    stmt.run(params, function (err) {
+      if (err) reject(err);
+      else resolve();
+    });
+  });
+}
+
+function finalizeAsync(stmt) {
+  return new Promise((resolve, reject) => {
+    stmt.finalize((err) => (err ? reject(err) : resolve()));
+  });
+}
+
 // Save batch with items and items_mix
-app.post('/api/batch/save', (req, res) => {
+app.post('/api/batch/save', async (req, res) => {
   const { batch_name, items, items_mix } = req.body;
 
   if (!batch_name) {
@@ -74,70 +104,108 @@ app.post('/api/batch/save', (req, res) => {
     return res.status(400).json({ error: 'items array is required and must not be empty' });
   }
 
-  db.serialize(() => {
-    db.run('BEGIN TRANSACTION');
+  let insertedItems = 0;
+  let insertedMixItems = 0;
+  let errors = [];
+
+  try {
+    // BEGIN
+    await runAsync(db, 'BEGIN TRANSACTION');
 
     // Insert batch
-    db.run('INSERT INTO batches (batch_name) VALUES (?)', [batch_name], function(err) {
-      if (err) {
-        db.run('ROLLBACK');
-        return res.status(500).json({ error: 'Batch name already exists or database error: ' + err.message });
+    const batchResult = await runAsync(
+      db,
+      'INSERT INTO batches (batch_name) VALUES (?)',
+      [batch_name]
+    );
+
+    const batchId = batchResult.lastID;
+
+    // ===== Insert items =====
+    const itemStmt = db.prepare(
+      'INSERT INTO items (batch_id, brand, mpn, mpn_custom, sn) VALUES (?, ?, ?, ?, ?)'
+    );
+
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+
+      if (!item.mpn || !item.sn) {
+        errors.push(`Item at index ${i} is missing mpn or sn`);
+        continue;
       }
 
-      const batchId = this.lastID;
-      let insertedItems = 0;
-      let insertedMixItems = 0;
-      let errors = [];
+      try {
+        await prepareRunAsync(itemStmt, [
+          batchId,
+          item.brand || null,
+          item.mpn,
+          item.mpn_custom || null,
+          item.sn
+        ]);
+        insertedItems++;
+      } catch (err) {
+        errors.push(`Error inserting item at index ${i}: ${err.message}`);
+      }
+    }
+
+    await finalizeAsync(itemStmt);
+
+    // ===== Insert items_mix (optional) =====
+    if (Array.isArray(items_mix) && items_mix.length > 0) {
+      const mixStmt = db.prepare(
+        'INSERT INTO items_mix (batch_id, brand, mpn, mpn_custom, sn) VALUES (?, ?, ?, ?, ?)'
+      );
+
+      for (let i = 0; i < items_mix.length; i++) {
+        const item = items_mix[i];
 
-      // Insert items
-      const itemStmt = db.prepare('INSERT INTO items (batch_id, mpn, sn) VALUES (?, ?, ?)');
-      items.forEach((item, index) => {
         if (!item.mpn || !item.sn) {
-          errors.push(`Item at index ${index} is missing mpn or sn`);
-          return;
+          errors.push(`Mixed item at index ${i} is missing mpn or sn`);
+          continue;
         }
-        itemStmt.run(batchId, item.mpn, item.sn, (err) => {
-          if (err) errors.push(`Error inserting item at index ${index}: ${err.message}`);
-          else insertedItems++;
-        });
-      });
-      itemStmt.finalize();
 
-      // Insert items_mix if provided
-      if (Array.isArray(items_mix) && items_mix.length > 0) {
-        const mixStmt = db.prepare('INSERT INTO items_mix (batch_id, mpn, sn) VALUES (?, ?, ?)');
-        items_mix.forEach((item, index) => {
-          if (!item.mpn || !item.sn) {
-            errors.push(`Mixed item at index ${index} is missing mpn or sn`);
-            return;
-          }
-          mixStmt.run(batchId, item.mpn, item.sn, (err) => {
-            if (err) errors.push(`Error inserting mixed item at index ${index}: ${err.message}`);
-            else insertedMixItems++;
-          });
-        });
-        mixStmt.finalize();
+        try {
+          await prepareRunAsync(mixStmt, [
+            batchId,
+            item.brand || null,
+            item.mpn,
+            item.mpn_custom || null,
+            item.sn
+          ]);
+          insertedMixItems++;
+        } catch (err) {
+          errors.push(`Error inserting mixed item at index ${i}: ${err.message}`);
+        }
       }
 
-      db.run('COMMIT', (err) => {
-        if (err) {
-          db.run('ROLLBACK');
-          return res.status(500).json({ error: 'Transaction failed: ' + err.message });
-        }
+      await finalizeAsync(mixStmt);
+    }
 
-        res.json({
-          success: true,
-          batch_id: batchId,
-          batch_name,
-          inserted_items: insertedItems,
-          inserted_mix_items: insertedMixItems,
-          errors: errors.length > 0 ? errors : undefined
-        });
-      });
+    // COMMIT
+    await runAsync(db, 'COMMIT');
+
+    return res.json({
+      success: true,
+      batch_id: batchId,
+      batch_name,
+      inserted_items: insertedItems,
+      inserted_mix_items: insertedMixItems,
+      errors: errors.length ? errors : undefined
     });
-  });
+
+  } catch (err) {
+    // ROLLBACK nếu có lỗi nghiêm trọng
+    try {
+      await runAsync(db, 'ROLLBACK');
+    } catch (_) { }
+
+    return res.status(500).json({
+      error: err.message
+    });
+  }
 });
 
+
 // Get all batches with their items and items_mix
 app.get('/api/batch/get-all', (req, res) => {
   const page = parseInt(req.query.page) || 1;
@@ -157,12 +225,28 @@ app.get('/api/batch/get-all', (req, res) => {
   let params = [];
 
   if (search) {
-    const searchCondition = ` WHERE batch_name LIKE ? OR id LIKE ?`;
-    query += searchCondition;
-    countQuery += searchCondition;
-    const searchParam = `%${search}%`;
-    params = [searchParam, searchParam];
-  }
+  const searchCondition = `
+    WHERE 
+      batch_name LIKE ?
+      OR id LIKE ?
+      OR EXISTS (
+        SELECT 1 FROM items 
+        WHERE items.batch_id = batches.id 
+        AND sn LIKE ?
+      )
+      OR EXISTS (
+        SELECT 1 FROM items_mix 
+        WHERE items_mix.batch_id = batches.id 
+        AND sn LIKE ?
+      )
+  `;
+
+  query += searchCondition;
+  countQuery += searchCondition;
+
+  const searchParam = `%${search}%`;
+  params = [searchParam, searchParam, searchParam, searchParam];
+}
 
   query += ` ORDER BY ${column} ${order} LIMIT ? OFFSET ?`;
   params.push(limit, offset);
@@ -193,14 +277,14 @@ app.get('/api/batch/get-all', (req, res) => {
 
       batches.forEach(batch => {
         // Get items
-        db.all('SELECT mpn, sn, createdAt FROM items WHERE batch_id = ?', [batch.id], (err, items) => {
+        db.all('SELECT brand, mpn, mpn_custom, sn, createdAt FROM items WHERE batch_id = ?', [batch.id], (err, items) => {
           if (err) {
             console.error('Error fetching items:', err);
             items = [];
           }
 
           // Get items_mix
-          db.all('SELECT mpn, sn, createdAt FROM items_mix WHERE batch_id = ?', [batch.id], (err, items_mix) => {
+          db.all('SELECT brand, mpn, mpn_custom, sn, createdAt FROM items_mix WHERE batch_id = ?', [batch.id], (err, items_mix) => {
             if (err) {
               console.error('Error fetching items_mix:', err);
               items_mix = [];
@@ -246,13 +330,13 @@ app.get('/api/batch/get/:id', (req, res) => {
     }
 
     // Get items
-    db.all('SELECT mpn, sn, createdAt FROM items WHERE batch_id = ?', [id], (err, items) => {
+    db.all('SELECT brand, mpn, mpn_custom, sn, createdAt FROM items WHERE batch_id = ?', [id], (err, items) => {
       if (err) {
         return res.status(500).json({ error: err.message });
       }
 
       // Get items_mix
-      db.all('SELECT mpn, sn, createdAt FROM items_mix WHERE batch_id = ?', [id], (err, items_mix) => {
+      db.all('SELECT brand, mpn, mpn_custom, sn, createdAt FROM items_mix WHERE batch_id = ?', [id], (err, items_mix) => {
         if (err) {
           return res.status(500).json({ error: err.message });
         }
@@ -273,7 +357,7 @@ app.get('/api/batch/get/:id', (req, res) => {
 app.delete('/api/batch/delete/:id', (req, res) => {
   const id = req.params.id;
 
-  db.run('DELETE FROM batches WHERE id = ?', id, function(err) {
+  db.run('DELETE FROM batches WHERE id = ?', id, function (err) {
     if (err) {
       return res.status(500).json({ error: err.message });
     }
@@ -289,7 +373,7 @@ app.delete('/api/batch/delete/:id', (req, res) => {
 // Search items across all batches
 app.get('/api/items/search', (req, res) => {
   const search = req.query.q || '';
-  
+
   if (!search) {
     return res.status(400).json({ error: 'Search query is required' });
   }
@@ -300,29 +384,36 @@ app.get('/api/items/search', (req, res) => {
     SELECT 
       b.id as batch_id,
       b.batch_name,
+      i.brand,
       i.mpn,
+      i.mpn_custom,
       i.sn,
       i.createdAt,
       'items' as type
     FROM items i
     JOIN batches b ON i.batch_id = b.id
-    WHERE i.mpn LIKE ? OR i.sn LIKE ?
+    WHERE i.mpn LIKE ? OR i.sn LIKE ? OR i.brand LIKE ? OR i.mpn_custom LIKE ?
     UNION ALL
     SELECT 
       b.id as batch_id,
       b.batch_name,
+      im.brand,
       im.mpn,
+      im.mpn_custom,
       im.sn,
       im.createdAt,
       'items_mix' as type
     FROM items_mix im
     JOIN batches b ON im.batch_id = b.id
-    WHERE im.mpn LIKE ? OR im.sn LIKE ?
+    WHERE im.mpn LIKE ? OR im.sn LIKE ? OR im.brand LIKE ? OR im.mpn_custom LIKE ?
     ORDER BY createdAt DESC
     LIMIT 100
   `;
 
-  db.all(query, [searchParam, searchParam, searchParam, searchParam], (err, results) => {
+  db.all(query, [
+    searchParam, searchParam, searchParam, searchParam,
+    searchParam, searchParam, searchParam, searchParam
+  ], (err, results) => {
     if (err) {
       return res.status(500).json({ error: err.message });
     }