webspresso 0.0.72 → 0.0.74

package/plugins/admin-panel/modules/dashboard.js

@@ -273,23 +273,26 @@ const WidgetRenderers = {
   // User stats (for user-management module)
   'user-stats': {
     render: (data) => {
-      if (!data) return m('div.text-gray-500', 'No data');
+      if (!data) return m('div.text-gray-500.dark:text-slate-400', 'No data');
+      if (data.error) {
+        return m('div.text-sm.text-red-600.dark:text-red-400', data.error);
+      }
       return m('div.grid.grid-cols-2.gap-4', [
-        m('div.text-center.p-3.bg-blue-50.rounded', [
-          m('p.text-2xl.font-bold.text-blue-600', data.total),
-          m('p.text-xs.text-gray-500', 'Total Users'),
+        m('div.text-center.p-3.bg-blue-50.dark:bg-blue-950/40.rounded-lg', [
+          m('p.text-2xl.font-bold.text-blue-600.dark:text-blue-400', data.total),
+          m('p.text-xs.text-gray-500.dark:text-slate-400', 'Total Users'),
         ]),
-        m('div.text-center.p-3.bg-green-50.rounded', [
-          m('p.text-2xl.font-bold.text-green-600', data.active),
-          m('p.text-xs.text-gray-500', 'Active'),
+        m('div.text-center.p-3.bg-green-50.dark:bg-green-950/40.rounded-lg', [
+          m('p.text-2xl.font-bold.text-green-600.dark:text-green-400', data.active),
+          m('p.text-xs.text-gray-500.dark:text-slate-400', 'Active'),
         ]),
-        m('div.text-center.p-3.bg-yellow-50.rounded', [
-          m('p.text-2xl.font-bold.text-yellow-600', data.admins),
-          m('p.text-xs.text-gray-500', 'Admins'),
+        m('div.text-center.p-3.bg-yellow-50.dark:bg-amber-950/40.rounded-lg', [
+          m('p.text-2xl.font-bold.text-yellow-600.dark:text-amber-400', data.admins),
+          m('p.text-xs.text-gray-500.dark:text-slate-400', 'Admins'),
         ]),
-        m('div.text-center.p-3.bg-purple-50.rounded', [
-          m('p.text-2xl.font-bold.text-purple-600', data.recentUsers),
-          m('p.text-xs.text-gray-500', 'This Week'),
+        m('div.text-center.p-3.bg-purple-50.dark:bg-purple-950/40.rounded-lg', [
+          m('p.text-2xl.font-bold.text-purple-600.dark:text-purple-400', data.recentUsers),
+          m('p.text-xs.text-gray-500.dark:text-slate-400', 'This Week'),
         ]),
       ]);
     },

package/plugins/admin-panel/modules/user-management.js

@@ -6,6 +6,18 @@
 
 const { hash, verify } = require('../../../core/auth/hash');
 
+/**
+ * DBs like SQLite store booleans as 0/1; `repo.count({ active: true })` can return 0 while rows are "active".
+ * Postgres/MySQL use real booleans — `true` is correct.
+ */
+function truthyBooleanForDb(db) {
+  try {
+    const client = db?.knex?.client?.config?.client;
+    if (client === 'sqlite3' || client === 'better-sqlite3') return 1;
+  } catch (_) {}
+  return true;
+}
+
 /**
  * Register user management in admin panel
  * @param {Object} options - Options
@@ -49,11 +61,15 @@ function registerUserManagement(options) {
     order: 100,
   });
 
+  // Sidebar targets ORM CRUD routes directly (avoids Mithril onmatch redirect races on /users/new).
+  const userModelListPath = '/models/' + encodeURIComponent(modelName);
+  const userModelNewPath = userModelListPath + '/new';
+
   // Register menu items
   registry.registerMenuItem({
     id: 'user-list',
     label: 'All Users',
-    path: '/users',
+    path: userModelListPath,
     icon: 'users',
     group: 'users',
     order: 1,
@@ -62,7 +78,7 @@ function registerUserManagement(options) {
   registry.registerMenuItem({
     id: 'user-create',
     label: 'Add User',
-    path: '/users/new',
+    path: userModelNewPath,
     icon: 'user-plus',
     group: 'users',
     order: 2,
@@ -87,21 +103,26 @@ function registerUserManagement(options) {
     dataLoader: async ({ db }) => {
       try {
         const repo = db.getRepository(modelName);
+        const model = repo.model;
         const total = await repo.count();
-        const active = await repo.count({ [fieldMap.active]: true });
+        const activeEq = truthyBooleanForDb(db);
+        const active = await repo.query().where(fieldMap.active, activeEq).count();
         const admins = await repo.count({ [fieldMap.role]: 'admin' });
-        
-        // Recent users (last 7 days)
-        const weekAgo = new Date();
-        weekAgo.setDate(weekAgo.getDate() - 7);
-        const recentUsers = await repo.query()
-          .where(fieldMap.createdAt, '>=', weekAgo.toISOString())
-          .count();
+
+        let recentUsers = 0;
+        const createdCol = fieldMap.createdAt;
+        if (model.columns && model.columns.has(createdCol)) {
+          const weekAgo = new Date();
+          weekAgo.setDate(weekAgo.getDate() - 7);
+          recentUsers = await repo.query()
+            .where(createdCol, '>=', weekAgo.toISOString())
+            .count();
+        }
 
         return {
           total,
           active,
-          inactive: total - active,
+          inactive: Math.max(0, total - active),
           admins,
           recentUsers,
         };

package/plugins/data-exchange/export-xlsx.js

@@ -30,6 +30,9 @@ async function buildXlsxBuffer(model, records) {
     const rowValues = columns.map((c) => {
       let v = rec[c];
       if (v === null || v === undefined) return '';
+      if (typeof v === 'bigint') return v.toString();
+      if (v instanceof Date) return v.toISOString();
+      if (Buffer.isBuffer(v)) return v.toString('base64');
       if (typeof v === 'object') v = JSON.stringify(v);
       if (typeof v === 'string' && /^[=+\-@]/.test(v)) return ` ${v}`;
       return v;

package/plugins/data-exchange/record-selection.js

@@ -24,6 +24,10 @@ async function resolveExportRecords(db, modelName, req) {
     }
   }
 
+  const trashedOnly =
+    body.trashed === 'only' ||
+    req.query.trashed === 'only';
+
   let idList = null;
   if (req.body?.ids && Array.isArray(req.body.ids)) {
     idList = req.body.ids;
@@ -45,14 +49,26 @@ async function resolveExportRecords(db, modelName, req) {
   const repo = db.getRepository(model.name);
   let records;
 
+  const filterOpts =
+    trashedOnly && model.scopes?.softDelete ? { onlyTrashed: true } : {};
+
   if (selectAll) {
-    const query = buildFilteredQuery(repo, filters);
+    const query = buildFilteredQuery(repo, filters, filterOpts);
     records = await query.list();
   } else if (idList && idList.length > 0) {
-    records = [];
-    for (const id of idList) {
-      const record = await repo.findById(id);
-      if (record) records.push(record);
+    if (trashedOnly && model.scopes?.softDelete) {
+      const pk = model.primaryKey || 'id';
+      records = await repo
+        .query()
+        .onlyTrashed()
+        .whereIn(pk, idList)
+        .list();
+    } else {
+      records = [];
+      for (const id of idList) {
+        const record = await repo.findById(id);
+        if (record) records.push(record);
+      }
     }
   } else {
     records = await repo.findAll();

package/plugins/site-analytics/admin-component.js

@@ -67,13 +67,13 @@ function StatCard() {
   return {
     view: function(vnode) {
       var a = vnode.attrs;
-      return m('div.bg-white.rounded-lg.shadow.p-5.flex.items-center.gap-4', [
+      return m('div.bg-white.dark:bg-slate-800/90.rounded-lg.shadow.dark:shadow-slate-900/50.p-5.flex.items-center.gap-4.border.border-transparent.dark:border-slate-700/80', [
         m('div.w-12.h-12.rounded-xl.flex.items-center.justify-center.text-xl', {
-          class: a.bgClass || 'bg-blue-100',
+          class: a.bgClass || 'bg-blue-100 dark:bg-blue-900/50',
         }, a.icon),
         m('div', [
-          m('p.text-2xl.font-bold.text-gray-900', formatNumber(a.value || 0)),
-          m('p.text-xs.text-gray-500.uppercase.tracking-wide', a.label),
+          m('p.text-2xl.font-bold.text-gray-900.dark:text-slate-100', formatNumber(a.value || 0)),
+          m('p.text-xs.text-gray-500.dark:text-slate-400.uppercase.tracking-wide', a.label),
         ]),
       ]);
     }
@@ -86,6 +86,10 @@ function ViewsChart() {
     oncreate: function(vnode) {
       var ctx = vnode.dom.querySelector('canvas').getContext('2d');
       var data = vnode.attrs.data || [];
+      var isDark = typeof document !== 'undefined' && document.documentElement && document.documentElement.classList.contains('dark');
+      var tickColor = isDark ? '#94a3b8' : '#64748b';
+      var gridColor = isDark ? 'rgba(148,163,184,0.2)' : 'rgba(0,0,0,0.06)';
+      var legendColor = isDark ? '#e2e8f0' : '#334155';
       chartInstance = new Chart(ctx, {
         type: 'line',
         data: {
@@ -95,7 +99,7 @@ function ViewsChart() {
               label: 'Views',
               data: data.map(function(d) { return d.views; }),
               borderColor: '#3B82F6',
-              backgroundColor: 'rgba(59,130,246,0.08)',
+              backgroundColor: isDark ? 'rgba(59,130,246,0.2)' : 'rgba(59,130,246,0.08)',
               fill: true,
               tension: 0.3,
               pointRadius: data.length > 60 ? 0 : 2,
@@ -104,7 +108,7 @@ function ViewsChart() {
               label: 'Visitors',
               data: data.map(function(d) { return d.visitors; }),
               borderColor: '#10B981',
-              backgroundColor: 'rgba(16,185,129,0.08)',
+              backgroundColor: isDark ? 'rgba(16,185,129,0.2)' : 'rgba(16,185,129,0.08)',
               fill: true,
               tension: 0.3,
               pointRadius: data.length > 60 ? 0 : 2,
@@ -113,7 +117,7 @@ function ViewsChart() {
               label: 'Sessions',
               data: data.map(function(d) { return d.sessions; }),
               borderColor: '#F59E0B',
-              backgroundColor: 'rgba(245,158,11,0.05)',
+              backgroundColor: isDark ? 'rgba(245,158,11,0.1)' : 'rgba(245,158,11,0.05)',
               fill: false,
               tension: 0.3,
               borderDash: [4, 4],
@@ -128,13 +132,19 @@ function ViewsChart() {
           plugins: {
             legend: {
               position: 'top',
-              labels: { usePointStyle: true, boxWidth: 6, padding: 16 },
+              labels: {
+                usePointStyle: true,
+                boxWidth: 6,
+                padding: 16,
+                color: legendColor,
+              },
             },
           },
           scales: {
             x: {
               grid: { display: false },
               ticks: {
+                color: tickColor,
                 maxTicksLimit: 12,
                 callback: function(val, i) {
                   var label = this.getLabelForValue(val);
@@ -144,8 +154,8 @@ function ViewsChart() {
             },
             y: {
               beginAtZero: true,
-              grid: { color: 'rgba(0,0,0,0.04)' },
-              ticks: { precision: 0 },
+              grid: { color: gridColor },
+              ticks: { color: tickColor, precision: 0 },
             },
           },
         },
@@ -168,7 +178,7 @@ function HBar() {
     view: function(vnode) {
       var pct = vnode.attrs.pct || 0;
       var color = vnode.attrs.color || 'bg-blue-500';
-      return m('div.flex-1.h-2.bg-gray-100.rounded-full.overflow-hidden', [
+      return m('div.flex-1.h-2.bg-gray-100.dark:bg-slate-600.rounded-full.overflow-hidden', [
         m('div.h-full.rounded-full.transition-all', {
           class: color,
           style: 'width:' + Math.min(pct, 100) + '%',
@@ -273,11 +283,11 @@ var AnalyticsPage = {
       // Header row
       m('div.flex.items-center.justify-between.mb-6', [
         m('div', [
-          m('h1.text-2xl.font-bold.text-gray-900.flex.items-center.gap-2', [
+          m('h1.text-2xl.font-bold.text-gray-900.dark:text-slate-100.flex.items-center.gap-2', [
             m(Icon, { name: 'chart', class: 'w-6 h-6' }),
             'Analytics',
           ]),
-          m('p.text-gray-500.text-sm.mt-1', 'Page view statistics and visitor analytics'),
+          m('p.text-gray-500.dark:text-slate-400.text-sm.mt-1', 'Page view statistics and visitor analytics'),
         ]),
         m('div.flex.items-center.gap-2.flex-wrap.justify-end', [
           typeof RefreshIconButton !== 'undefined'
@@ -288,11 +298,11 @@ var AnalyticsPage = {
               })
             : null,
           // Day filter
-          m('div.flex.gap-1.bg-gray-100.rounded-lg.p-1', [7, 30, 90].map(function(d) {
+          m('div.flex.gap-1.bg-gray-100.dark:bg-slate-800.rounded-lg.p-1', [7, 30, 90].map(function(d) {
             return m('button.px-3.py-1.5.text-sm.font-medium.rounded-md.transition-colors', {
               class: s.days === d
-                ? 'bg-white text-gray-900 shadow-sm'
-                : 'text-gray-500 hover:text-gray-700',
+                ? 'bg-white text-gray-900 shadow-sm dark:bg-slate-700 dark:text-slate-100'
+                : 'text-gray-500 hover:text-gray-700 dark:text-slate-400 dark:hover:text-slate-200',
               onclick: function() { self.setDays(vnode, d); },
             }, 'Last ' + d + ' days');
           })),
@@ -304,46 +314,46 @@ var AnalyticsPage = {
         : [
           // Stat cards
           m('div.grid.grid-cols-2.sm:grid-cols-3.lg:grid-cols-3.xl:grid-cols-6.gap-4.mb-6', [
-            m(StatCard, { icon: '👁', label: 'Views', value: s.stats?.views, bgClass: 'bg-blue-100' }),
-            m(StatCard, { icon: '👤', label: 'Visitors', value: s.stats?.visitors, bgClass: 'bg-green-100' }),
-            m(StatCard, { icon: '📄', label: 'Unique Pages', value: s.stats?.uniquePages, bgClass: 'bg-yellow-100' }),
-            m(StatCard, { icon: '🔗', label: 'Sessions', value: s.stats?.sessions, bgClass: 'bg-purple-100' }),
-            m(StatCard, { icon: '🏠', label: 'Direct traffic', value: s.stats?.directViews, bgClass: 'bg-slate-100' }),
-            m(StatCard, { icon: '🌐', label: 'With referrer', value: s.stats?.referredViews, bgClass: 'bg-cyan-100' }),
+            m(StatCard, { icon: '👁', label: 'Views', value: s.stats?.views, bgClass: 'bg-blue-100 dark:bg-blue-900/50' }),
+            m(StatCard, { icon: '👤', label: 'Visitors', value: s.stats?.visitors, bgClass: 'bg-green-100 dark:bg-green-900/40' }),
+            m(StatCard, { icon: '📄', label: 'Unique Pages', value: s.stats?.uniquePages, bgClass: 'bg-yellow-100 dark:bg-yellow-900/35' }),
+            m(StatCard, { icon: '🔗', label: 'Sessions', value: s.stats?.sessions, bgClass: 'bg-purple-100 dark:bg-purple-900/40' }),
+            m(StatCard, { icon: '🏠', label: 'Direct traffic', value: s.stats?.directViews, bgClass: 'bg-slate-100 dark:bg-slate-700' }),
+            m(StatCard, { icon: '🌐', label: 'With referrer', value: s.stats?.referredViews, bgClass: 'bg-cyan-100 dark:bg-cyan-900/40' }),
           ]),
 
           // Chart + Bot Activity row
           m('div.grid.grid-cols-1.lg:grid-cols-3.gap-4.mb-6', [
             // Views over time chart
-            m('div.lg:col-span-2.bg-white.rounded-lg.shadow', [
-              m('div.px-5.py-4.border-b.border-gray-100.flex.items-center.justify-between', [
-                m('h3.text-sm.font-semibold.text-gray-900.flex.items-center.gap-2', [
-                  m(Icon, { name: 'chart', class: 'w-4 h-4 text-gray-400' }),
+            m('div.lg:col-span-2.bg-white.dark:bg-slate-800/90.rounded-lg.shadow.dark:shadow-slate-900/50.border.border-transparent.dark:border-slate-700/80', [
+              m('div.px-5.py-4.border-b.border-gray-100.dark:border-slate-700.flex.items-center.justify-between', [
+                m('h3.text-sm.font-semibold.text-gray-900.dark:text-slate-100.flex.items-center.gap-2', [
+                  m(Icon, { name: 'chart', class: 'w-4 h-4 text-gray-400 dark:text-slate-500' }),
                   'Views Over Time',
                 ]),
               ]),
               m('div.p-5', [
                 s.chartLoaded && s.viewsOverTime.length > 0
                   ? m(ViewsChart, { key: 'chart-' + s.days + '-' + (s.chartDataVersion || 0), data: s.viewsOverTime })
-                  : m('div.flex.justify-center.py-16.text-gray-400.text-sm', 'Loading chart...'),
+                  : m('div.flex.justify-center.py-16.text-gray-400.dark:text-slate-500.text-sm', 'Loading chart...'),
               ]),
             ]),
 
             // Bot Activity
-            m('div.bg-white.rounded-lg.shadow', [
-              m('div.px-5.py-4.border-b.border-gray-100', [
-                m('h3.text-sm.font-semibold.text-gray-900', 'Bot Activity'),
+            m('div.bg-white.dark:bg-slate-800/90.rounded-lg.shadow.dark:shadow-slate-900/50.border.border-transparent.dark:border-slate-700/80', [
+              m('div.px-5.py-4.border-b.border-gray-100.dark:border-slate-700', [
+                m('h3.text-sm.font-semibold.text-gray-900.dark:text-slate-100', 'Bot Activity'),
               ]),
               m('div.p-4', [
                 s.botActivity.length === 0
-                  ? m('p.text-gray-400.text-sm.text-center.py-4', 'No bot activity')
+                  ? m('p.text-gray-400.dark:text-slate-500.text-sm.text-center.py-4', 'No bot activity')
                   : (function() {
                     var maxReqs = Math.max.apply(null, s.botActivity.map(function(b) { return b.requests; }));
                     return m('div.space-y-2.5', s.botActivity.slice(0, 12).map(function(bot) {
                       return m('div.flex.items-center.gap-3', [
-                        m('span.text-xs.font-medium.text-gray-700.w-24.truncate', { title: bot.name }, bot.name),
+                        m('span.text-xs.font-medium.text-gray-700.dark:text-slate-300.w-24.truncate', { title: bot.name }, bot.name),
                         m(HBar, { pct: (bot.requests / maxReqs) * 100, color: 'bg-indigo-500' }),
-                        m('span.text-xs.text-gray-500.w-12.text-right.tabular-nums', formatNumber(bot.requests)),
+                        m('span.text-xs.text-gray-500.dark:text-slate-400.w-12.text-right.tabular-nums', formatNumber(bot.requests)),
                       ]);
                     }));
                   })(),
@@ -354,28 +364,28 @@ var AnalyticsPage = {
           // Top Pages + Recent Activity row
           m('div.grid.grid-cols-1.lg:grid-cols-2.gap-4.mb-6', [
             // Top Pages
-            m('div.bg-white.rounded-lg.shadow.flex.flex-col', { style: 'max-height:480px' }, [
-              m('div.px-5.py-4.border-b.border-gray-100.shrink-0', [
-                m('h3.text-sm.font-semibold.text-gray-900', 'Top Pages'),
+            m('div.bg-white.dark:bg-slate-800/90.rounded-lg.shadow.dark:shadow-slate-900/50.border.border-transparent.dark:border-slate-700/80.flex.flex-col', { style: 'max-height:480px' }, [
+              m('div.px-5.py-4.border-b.border-gray-100.dark:border-slate-700.shrink-0', [
+                m('h3.text-sm.font-semibold.text-gray-900.dark:text-slate-100', 'Top Pages'),
               ]),
-              m('div.divide-y.divide-gray-50.overflow-y-auto.flex-1', [
+              m('div.divide-y.divide-gray-50.dark:divide-slate-700/80.overflow-y-auto.flex-1', [
                 s.topPages.length === 0
-                  ? m('p.text-gray-400.text-sm.text-center.py-6', 'No page views yet')
+                  ? m('p.text-gray-400.dark:text-slate-500.text-sm.text-center.py-6', 'No page views yet')
                   : (function() {
                     var maxViews = s.topPages[0]?.views || 1;
                     return s.topPages.slice(0, 15).map(function(page, i) {
-                      return m('div.flex.items-center.gap-3.px-5.py-2.5.hover:bg-gray-50', [
-                        m('span.text-xs.text-gray-400.w-5.text-right', i + 1),
+                      return m('div.flex.items-center.gap-3.px-5.py-2.5.hover:bg-gray-50.dark:hover:bg-slate-700/50', [
+                        m('span.text-xs.text-gray-400.dark:text-slate-500.w-5.text-right', i + 1),
                         m('div.flex-1.min-w-0', [
-                          m('p.text-sm.text-gray-800.truncate', { title: page.path }, page.path),
+                          m('p.text-sm.text-gray-800.dark:text-slate-200.truncate', { title: page.path }, page.path),
                           m('div.mt-1', m(HBar, {
                             pct: (page.views / maxViews) * 100,
                             color: 'bg-blue-400',
                           })),
                         ]),
                         m('div.text-right.shrink-0', [
-                          m('span.text-sm.font-semibold.text-gray-900', formatNumber(page.views)),
-                          m('span.text-xs.text-gray-400.ml-1', 'views'),
+                          m('span.text-sm.font-semibold.text-gray-900.dark:text-slate-100', formatNumber(page.views)),
+                          m('span.text-xs.text-gray-400.dark:text-slate-500.ml-1', 'views'),
                         ]),
                       ]);
                     });
@@ -384,24 +394,24 @@ var AnalyticsPage = {
             ]),
 
             // Recent Activity
-            m('div.bg-white.rounded-lg.shadow.flex.flex-col', { style: 'max-height:480px' }, [
-              m('div.px-5.py-4.border-b.border-gray-100.flex.items-center.justify-between.shrink-0', [
-                m('h3.text-sm.font-semibold.text-gray-900', 'Recent Activity'),
-                m('span.text-xs.text-gray-400', 'Live'),
+            m('div.bg-white.dark:bg-slate-800/90.rounded-lg.shadow.dark:shadow-slate-900/50.border.border-transparent.dark:border-slate-700/80.flex.flex-col', { style: 'max-height:480px' }, [
+              m('div.px-5.py-4.border-b.border-gray-100.dark:border-slate-700.flex.items-center.justify-between.shrink-0', [
+                m('h3.text-sm.font-semibold.text-gray-900.dark:text-slate-100', 'Recent Activity'),
+                m('span.text-xs.text-gray-400.dark:text-slate-500', 'Live'),
               ]),
-              m('div.divide-y.divide-gray-50.overflow-y-auto.flex-1', [
+              m('div.divide-y.divide-gray-50.dark:divide-slate-700/80.overflow-y-auto.flex-1', [
                 s.recent.length === 0
-                  ? m('p.text-gray-400.text-sm.text-center.py-6', 'No recent activity')
+                  ? m('p.text-gray-400.dark:text-slate-500.text-sm.text-center.py-6', 'No recent activity')
                   : s.recent.slice(0, 10).map(function(item) {
-                    return m('div.flex.items-center.gap-3.px-5.py-2.5.hover:bg-gray-50', [
-                      m('div.w-7.h-7.rounded-full.bg-blue-50.flex.items-center.justify-center.shrink-0', [
+                    return m('div.flex.items-center.gap-3.px-5.py-2.5.hover:bg-gray-50.dark:hover:bg-slate-700/50', [
+                      m('div.w-7.h-7.rounded-full.bg-blue-50.dark:bg-slate-700.flex.items-center.justify-center.shrink-0', [
                         m('span.text-xs', item.country ? (COUNTRY_FLAGS[item.country] || '🌐') : '🌐'),
                       ]),
                       m('div.flex-1.min-w-0', [
-                        m('p.text-sm.text-gray-800.truncate', { title: item.path }, item.path),
-                        m('p.text-xs.text-gray-400', relativeTime(item.created_at)),
+                        m('p.text-sm.text-gray-800.dark:text-slate-200.truncate', { title: item.path }, item.path),
+                        m('p.text-xs.text-gray-400.dark:text-slate-500', relativeTime(item.created_at)),
                       ]),
-                      item.referrer && m('span.text-xs.text-gray-400.truncate.max-w-[120px]', {
+                      item.referrer && m('span.text-xs.text-gray-400.dark:text-slate-500.truncate.max-w-[120px]', {
                         title: item.referrer,
                       }, (function() {
                         try { return new URL(item.referrer).hostname; } catch(e) { return ''; }
@@ -413,51 +423,51 @@ var AnalyticsPage = {
           ]),
 
           // Client Errors
-          m('div.bg-white.rounded-lg.shadow.mb-6', [
-            m('div.px-5.py-4.border-b.border-gray-100.flex.items-center.justify-between', [
-              m('h3.text-sm.font-semibold.text-gray-900.flex.items-center.gap-2', [
+          m('div.bg-white.dark:bg-slate-800/90.rounded-lg.shadow.dark:shadow-slate-900/50.border.border-transparent.dark:border-slate-700/80.mb-6', [
+            m('div.px-5.py-4.border-b.border-gray-100.dark:border-slate-700.flex.items-center.justify-between', [
+              m('h3.text-sm.font-semibold.text-gray-900.dark:text-slate-100.flex.items-center.gap-2', [
                 m('span', '⚠️'),
                 'Client Errors',
               ]),
-              m('span.text-xs.text-gray-400', 'Last ' + s.days + ' days'),
+              m('span.text-xs.text-gray-400.dark:text-slate-500', 'Last ' + s.days + ' days'),
             ]),
             m('div.p-4.max-h-64.overflow-y-auto', [
               !s.clientErrors || s.clientErrors.length === 0
-                ? m('p.text-gray-400.text-sm.text-center.py-6', 'No client errors')
+                ? m('p.text-gray-400.dark:text-slate-500.text-sm.text-center.py-6', 'No client errors')
                 : s.clientErrors.slice(0, 15).map(function(err) {
-                    return m('div.border-b.border-gray-50.pb-3.mb-3.last:border-0.last:mb-0.last:pb-0', [
+                    return m('div.border-b.border-gray-50.dark:border-slate-700/60.pb-3.mb-3.last:border-0.last:mb-0.last:pb-0', [
                       m('div.flex.items-start.gap-2', [
-                        m('span.text-xs.px-1.5.py-0.5.rounded.bg-red-100.text-red-700', err.error_type || 'error'),
-                        m('span.text-xs.text-gray-500', relativeTime(err.created_at)),
+                        m('span.text-xs.px-1.5.py-0.5.rounded.bg-red-100.text-red-700.dark:bg-red-950/60.dark:text-red-300', err.error_type || 'error'),
+                        m('span.text-xs.text-gray-500.dark:text-slate-500', relativeTime(err.created_at)),
                       ]),
-                      m('p.text-sm.text-gray-800.font-mono.break-all.mt-1', {
+                      m('p.text-sm.text-gray-800.dark:text-slate-200.font-mono.break-all.mt-1', {
                         title: err.stack || err.message,
                       }, (err.message || '').slice(0, 120) + (err.message && err.message.length > 120 ? '…' : '')),
-                      err.path && m('p.text-xs.text-gray-500.mt-0.5', err.path),
+                      err.path && m('p.text-xs.text-gray-500.dark:text-slate-500.mt-0.5', err.path),
                     ]);
                   }),
             ]),
           ]),
 
           // Referrer sources (hostname-level)
-          m('div.bg-white.rounded-lg.shadow.mb-6', [
-            m('div.px-5.py-4.border-b.border-gray-100.flex.items-center.justify-between', [
-              m('h3.text-sm.font-semibold.text-gray-900', 'Referrer sources'),
-              m('span.text-xs.text-gray-400', 'By hostname · last ' + s.days + ' days'),
+          m('div.bg-white.dark:bg-slate-800/90.rounded-lg.shadow.dark:shadow-slate-900/50.border.border-transparent.dark:border-slate-700/80.mb-6', [
+            m('div.px-5.py-4.border-b.border-gray-100.dark:border-slate-700.flex.items-center.justify-between', [
+              m('h3.text-sm.font-semibold.text-gray-900.dark:text-slate-100', 'Referrer sources'),
+              m('span.text-xs.text-gray-400.dark:text-slate-500', 'By hostname · last ' + s.days + ' days'),
             ]),
             m('div.p-4', [
               !s.referrerSources || s.referrerSources.length === 0
-                ? m('p.text-gray-400.text-sm.text-center.py-4', 'No external referrer data (direct visits or missing Referer header)')
+                ? m('p.text-gray-400.dark:text-slate-500.text-sm.text-center.py-4', 'No external referrer data (direct visits or missing Referer header)')
                 : (function() {
                   var maxV = s.referrerSources[0]?.views || 1;
                   return m('div.grid.grid-cols-1.sm:grid-cols-2.gap-x-8.gap-y-2', s.referrerSources.map(function(r) {
                     return m('div.flex.items-center.gap-3.py-1', [
-                      m('span.text-sm.text-gray-700.flex-1.min-w-0.truncate', { title: r.source }, r.source),
+                      m('span.text-sm.text-gray-700.dark:text-slate-300.flex-1.min-w-0.truncate', { title: r.source }, r.source),
                       m('div.w-32.shrink-0', m(HBar, {
                         pct: (r.views / maxV) * 100,
                         color: 'bg-sky-500',
                       })),
-                      m('span.text-xs.text-gray-500.w-12.text-right.tabular-nums', formatNumber(r.views)),
+                      m('span.text-xs.text-gray-500.dark:text-slate-400.w-12.text-right.tabular-nums', formatNumber(r.views)),
                     ]);
                   }));
                 })(),
@@ -465,25 +475,25 @@ var AnalyticsPage = {
           ]),
 
           // Country Stats
-          m('div.bg-white.rounded-lg.shadow.mb-6', [
-            m('div.px-5.py-4.border-b.border-gray-100.flex.items-center.justify-between', [
-              m('h3.text-sm.font-semibold.text-gray-900', 'Country Stats'),
-              m('span.text-xs.text-gray-400', 'Last ' + s.days + ' days'),
+          m('div.bg-white.dark:bg-slate-800/90.rounded-lg.shadow.dark:shadow-slate-900/50.border.border-transparent.dark:border-slate-700/80.mb-6', [
+            m('div.px-5.py-4.border-b.border-gray-100.dark:border-slate-700.flex.items-center.justify-between', [
+              m('h3.text-sm.font-semibold.text-gray-900.dark:text-slate-100', 'Country Stats'),
+              m('span.text-xs.text-gray-400.dark:text-slate-500', 'Last ' + s.days + ' days'),
             ]),
             m('div.p-4', [
               s.countries.length === 0
-                ? m('p.text-gray-400.text-sm.text-center.py-4', 'No country data')
+                ? m('p.text-gray-400.dark:text-slate-500.text-sm.text-center.py-4', 'No country data')
                 : (function() {
                   var maxViews = s.countries[0]?.views || 1;
                   return m('div.grid.grid-cols-1.sm:grid-cols-2.gap-x-8.gap-y-2', s.countries.map(function(c) {
                     return m('div.flex.items-center.gap-3.py-1', [
                       m('span.text-base.w-6.text-center', COUNTRY_FLAGS[c.country] || '🏳️'),
-                      m('span.text-sm.text-gray-700.w-6.font-medium', c.country),
+                      m('span.text-sm.text-gray-700.dark:text-slate-300.w-6.font-medium', c.country),
                       m('div.flex-1', m(HBar, {
                         pct: (c.views / maxViews) * 100,
                         color: 'bg-emerald-500',
                       })),
-                      m('span.text-xs.text-gray-500.w-12.text-right.tabular-nums', formatNumber(c.views)),
+                      m('span.text-xs.text-gray-500.dark:text-slate-400.w-12.text-right.tabular-nums', formatNumber(c.views)),
                     ]);
                   }));
                 })(),