tuimon 0.1.0 → 0.3.0

package/dist/layout/generator-js.js

@@ -0,0 +1,353 @@
+export function generateJs(layout, t) {
+    const allWidgets = [...(layout.stats ?? []), ...(layout.panels ?? [])];
+    const widgetMapJson = JSON.stringify(Object.fromEntries(allWidgets.map((w) => [w.id, w.type])));
+    const throttleMapJson = JSON.stringify(Object.fromEntries(allWidgets.filter((w) => w.throttle).map((w) => [w.id, w.throttle])));
+    const chartColorsJson = JSON.stringify(t.chartColors);
+    return `
+    (function() {
+      'use strict';
+      var CHART_COLORS = ${chartColorsJson};
+      var WIDGET_MAP = ${widgetMapJson};
+      var THROTTLE_MAP = ${throttleMapJson};
+      var lastUpdateTime = {};
+      var charts = {};
+      var lineHistory = {};
+      var MAX_LINE_POINTS = 60;
+      var MAX_BAR_POINTS = 20;
+      var MAX_EVENTS = 10;
+      var theme = ${JSON.stringify({
+        success: t.success,
+        warning: t.warning,
+        danger: t.danger,
+        textMuted: t.textMuted,
+        text: t.text,
+        border: t.border,
+        panelBg: t.panelBg,
+    })};
+
+      // ── HTML escaping for innerHTML safety ──
+      function escHtml(s) {
+        if (s == null) return '';
+        return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+      }
+
+      // ── Normalization ──
+      function normalize(id, raw) {
+        var type = WIDGET_MAP[id];
+        if (!type) return raw;
+
+        if (type === 'stat') {
+          if (typeof raw === 'number' || typeof raw === 'string') return { value: raw };
+          return raw;
+        }
+        if (type === 'gauge') {
+          if (typeof raw === 'number') return { value: raw, max: 100 };
+          return raw;
+        }
+        if (type === 'line') {
+          if (raw && typeof raw === 'object' && !Array.isArray(raw) && !raw.series) {
+            return { _kvUpdate: raw };
+          }
+          return raw;
+        }
+        if (type === 'event-log') {
+          if (!Array.isArray(raw)) return raw;
+          return raw.map(function(item) {
+            if (typeof item === 'string') return { text: item, type: 'info', time: new Date().toLocaleTimeString() };
+            if (!item.time) item.time = new Date().toLocaleTimeString();
+            if (!item.type) item.type = 'info';
+            return item;
+          });
+        }
+        if (type === 'status-grid') {
+          if (!Array.isArray(raw)) return raw;
+          return raw.map(function(item) {
+            if (typeof item === 'string') return { label: item, status: 'ok' };
+            return item;
+          });
+        }
+        return raw;
+      }
+
+      // ── Widget updaters ──
+      function updateStat(id, data) {
+        var valEl = document.getElementById('val-' + id);
+        var trendEl = document.getElementById('trend-' + id);
+        var unitEl = document.getElementById('unit-' + id);
+        if (valEl) valEl.textContent = typeof data.value === 'number' ? data.value.toLocaleString() : data.value;
+        if (trendEl) trendEl.textContent = data.trend || '';
+        if (unitEl) unitEl.textContent = data.unit || '';
+      }
+
+      function updateGauge(id, data) {
+        var max = data.max || 100;
+        var pct = Math.min(100, Math.round((data.value / max) * 100));
+        var valEl = document.getElementById('val-' + id);
+        var fillEl = document.getElementById('gauge-' + id);
+        if (valEl) valEl.textContent = pct + '%' + (data.label ? ' ' + data.label : '');
+        if (fillEl) {
+          fillEl.style.width = pct + '%';
+          if (pct > 80) fillEl.style.background = theme.danger;
+          else if (pct > 60) fillEl.style.background = theme.warning;
+          else fillEl.style.background = theme.success;
+        }
+      }
+
+      function ensureLineChart(id) {
+        if (charts[id]) return charts[id];
+        var canvas = document.getElementById('chart-' + id);
+        if (!canvas) return null;
+        lineHistory[id] = {};
+        charts[id] = new Chart(canvas, {
+          type: 'line',
+          data: { labels: [], datasets: [] },
+          options: {
+            responsive: true, maintainAspectRatio: false, animation: false,
+            scales: {
+              y: { grid: { color: theme.border + '22' }, ticks: { color: theme.textMuted } },
+              x: { display: false },
+            },
+            plugins: { legend: { labels: { color: theme.text, font: { size: 10 } } } },
+          },
+        });
+        return charts[id];
+      }
+
+      function updateLine(id, data) {
+        var chart = ensureLineChart(id);
+        if (!chart) return;
+        var hist = lineHistory[id];
+
+        if (data._kvUpdate) {
+          var kv = data._kvUpdate;
+          Object.keys(kv).forEach(function(key) {
+            if (!hist[key]) hist[key] = [];
+            hist[key].push(kv[key]);
+            if (hist[key].length > MAX_LINE_POINTS) hist[key].shift();
+          });
+        } else if (data.series) {
+          data.series.forEach(function(s) {
+            if (!hist[s.label]) hist[s.label] = [];
+            s.data.forEach(function(v) { hist[s.label].push(v); });
+            if (hist[s.label].length > MAX_LINE_POINTS) hist[s.label] = hist[s.label].slice(-MAX_LINE_POINTS);
+          });
+        }
+
+        var labels = Object.keys(hist);
+        var maxLen = 0;
+        labels.forEach(function(k) { if (hist[k].length > maxLen) maxLen = hist[k].length; });
+        chart.data.labels = Array.from({ length: maxLen }, function(_, i) { return i; });
+        chart.data.datasets = labels.map(function(label, i) {
+          return {
+            label: label,
+            data: hist[label],
+            borderColor: CHART_COLORS[i % CHART_COLORS.length],
+            backgroundColor: CHART_COLORS[i % CHART_COLORS.length] + '18',
+            fill: true, tension: 0.3, pointRadius: 0, borderWidth: 2,
+          };
+        });
+        chart.update();
+      }
+
+      function ensureDoughnutChart(id) {
+        if (charts[id]) return charts[id];
+        var canvas = document.getElementById('chart-' + id);
+        if (!canvas) return null;
+        charts[id] = new Chart(canvas, {
+          type: 'doughnut',
+          data: { labels: [], datasets: [{ data: [], backgroundColor: [], borderWidth: 0 }] },
+          options: {
+            responsive: true, maintainAspectRatio: false, animation: false, cutout: '60%',
+            plugins: { legend: { position: 'bottom', labels: { color: theme.text, font: { size: 10 }, padding: 12 } } },
+          },
+        });
+        return charts[id];
+      }
+
+      function updateDoughnut(id, data) {
+        var chart = ensureDoughnutChart(id);
+        if (!chart) return;
+        var keys = Object.keys(data);
+        chart.data.labels = keys;
+        chart.data.datasets[0].data = keys.map(function(k) { return data[k]; });
+        chart.data.datasets[0].backgroundColor = keys.map(function(_, i) { return CHART_COLORS[i % CHART_COLORS.length]; });
+        chart.update();
+      }
+
+      function ensureBarChart(id) {
+        if (charts[id]) return charts[id];
+        var canvas = document.getElementById('chart-' + id);
+        if (!canvas) return null;
+        charts[id] = new Chart(canvas, {
+          type: 'bar',
+          data: { labels: [], datasets: [{ data: [], backgroundColor: [] }] },
+          options: {
+            responsive: true, maintainAspectRatio: false, animation: false,
+            scales: {
+              y: { grid: { color: theme.border + '22' }, ticks: { color: theme.textMuted } },
+              x: { ticks: { color: theme.textMuted, font: { size: 10 } } },
+            },
+            plugins: { legend: { display: false } },
+          },
+        });
+        return charts[id];
+      }
+
+      function updateBar(id, data) {
+        var chart = ensureBarChart(id);
+        if (!chart) return;
+        var keys = Object.keys(data);
+        chart.data.labels = keys;
+        chart.data.datasets[0].data = keys.map(function(k) { return data[k]; });
+        chart.data.datasets[0].backgroundColor = keys.map(function(_, i) { return CHART_COLORS[i % CHART_COLORS.length]; });
+        chart.update();
+      }
+
+      function updateEventLog(id, data) {
+        var list = document.getElementById('list-' + id);
+        if (!list || !Array.isArray(data)) return;
+        var items = data.slice(0, MAX_EVENTS);
+        list.innerHTML = items.map(function(e) {
+          return '<div class="event-entry ' + escHtml(e.type || '') + '">'
+            + '<span class="event-time">' + escHtml(e.time || '') + '</span>'
+            + '<span class="event-text">' + escHtml(e.text || '') + '</span>'
+            + '</div>';
+        }).join('');
+      }
+
+      function updateStatusGrid(id, data) {
+        var grid = document.getElementById('grid-' + id);
+        if (!grid || !Array.isArray(data)) return;
+        grid.innerHTML = data.map(function(item) {
+          return '<div class="status-item">'
+            + '<div class="status-dot ' + escHtml(item.status || 'unknown') + '"></div>'
+            + '<span class="status-label">' + escHtml(item.label || '') + '</span>'
+            + '</div>';
+        }).join('');
+      }
+
+      // ── Table with pagination ──
+      var tableState = {};  // { id: { data, page, perPage } }
+
+      function updateTable(id, data) {
+        var wrap = document.getElementById('table-' + id);
+        if (!wrap || !data || !data.columns || !data.rows) return;
+
+        if (!tableState[id]) {
+          tableState[id] = { data: data, page: 0, perPage: 25 };
+        } else {
+          tableState[id].data = data;
+        }
+
+        renderTablePage(id);
+      }
+
+      function renderTablePage(id) {
+        var wrap = document.getElementById('table-' + id);
+        var state = tableState[id];
+        if (!wrap || !state) return;
+
+        var data = state.data;
+        var cols = data.columns;
+        var allRows = data.rows;
+
+        // Auto-calculate rows per page based on panel height
+        // ~22px per row, ~30px header, ~25px footer
+        var wrapH = wrap.clientHeight || 300;
+        var perPage = Math.max(5, Math.floor((wrapH - 65) / 22));
+        state.perPage = perPage;
+
+        var totalPages = Math.max(1, Math.ceil(allRows.length / perPage));
+        if (state.page >= totalPages) state.page = totalPages - 1;
+        if (state.page < 0) state.page = 0;
+
+        var start = state.page * perPage;
+        var pageRows = allRows.slice(start, start + perPage);
+
+        var tableHtml = '<table><thead><tr>';
+        cols.forEach(function(c) { tableHtml += '<th>' + escHtml(c) + '</th>'; });
+        tableHtml += '</tr></thead><tbody>';
+        pageRows.forEach(function(row) {
+          tableHtml += '<tr>';
+          cols.forEach(function(c) {
+            var val = row[c];
+            var isNum = typeof val === 'number';
+            tableHtml += '<td' + (isNum ? ' class="num"' : '') + '>'
+              + (val != null ? escHtml(isNum ? val.toLocaleString() : String(val)) : '')
+              + '</td>';
+          });
+          tableHtml += '</tr>';
+        });
+        tableHtml += '</tbody></table>';
+
+        var html = '<div class="table-scroll">' + tableHtml + '</div>';
+
+        if (totalPages > 1) {
+          html += '<div class="table-info">'
+            + '\u25C0 Page ' + (state.page + 1) + ' of ' + totalPages
+            + ' (' + allRows.length.toLocaleString() + ' rows) \u25B6'
+            + '  |  \u2191\u2193 Arrow keys to navigate'
+            + '</div>';
+        } else if (allRows.length > 0) {
+          html += '<div class="table-info">' + allRows.length.toLocaleString() + ' rows</div>';
+        }
+
+        wrap.innerHTML = html;
+      }
+
+      // Listen for page navigation keys from TuiMon
+      window.addEventListener('tuimon:tableNav', function(e) {
+        var detail = e.detail;
+        var ids = Object.keys(tableState);
+        if (ids.length === 0) return;
+        var id = ids[0]; // navigate first table
+        var state = tableState[id];
+        if (!state) return;
+
+        var totalPages = Math.max(1, Math.ceil(state.data.rows.length / state.perPage));
+
+        switch (detail.action) {
+          case 'next': state.page = Math.min(state.page + 1, totalPages - 1); break;
+          case 'prev': state.page = Math.max(state.page - 1, 0); break;
+          case 'first': state.page = 0; break;
+          case 'last': state.page = totalPages - 1; break;
+        }
+        renderTablePage(id);
+      });
+
+      // ── Main update handler ──
+      TuiMon.onUpdate(function(data) {
+        var timeEl = document.getElementById('dash-time');
+        if (timeEl) timeEl.textContent = new Date().toLocaleTimeString();
+
+        var now = Date.now();
+        Object.keys(data).forEach(function(id) {
+          var type = WIDGET_MAP[id];
+          if (!type) return;
+
+          // Throttle check — skip if updated too recently
+          var throttle = THROTTLE_MAP[id];
+          if (throttle) {
+            var last = lastUpdateTime[id] || 0;
+            if (now - last < throttle) return;
+          }
+          lastUpdateTime[id] = now;
+
+          var val = normalize(id, data[id]);
+
+          switch (type) {
+            case 'stat': updateStat(id, val); break;
+            case 'gauge': updateGauge(id, val); break;
+            case 'line': updateLine(id, val); break;
+            case 'doughnut': updateDoughnut(id, val); break;
+            case 'bar': updateBar(id, val); break;
+            case 'event-log': updateEventLog(id, val); break;
+            case 'status-grid': updateStatusGrid(id, val); break;
+            case 'table': updateTable(id, val); break;
+          }
+        });
+      });
+    })();
+  `;
+}
+//# sourceMappingURL=generator-js.js.map

package/dist/layout/generator-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator-js.js","sourceRoot":"","sources":["../../src/layout/generator-js.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,UAAU,CAAC,MAAoB,EAAE,CAAc;IAC7D,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAA;IACtE,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAClC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1D,CAAA;IACD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CACpC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACxF,CAAA;IACD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;IAErD,OAAO;;;2BAGkB,eAAe;yBACjB,aAAa;2BACX,eAAe;;;;;;;oBAOtB,IAAI,CAAC,SAAS,CAAC;QAC3B,OAAO,EAAE,CAAC,CAAC,OAAO;QAClB,OAAO,EAAE,CAAC,CAAC,OAAO;QAClB,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,OAAO,EAAE,CAAC,CAAC,OAAO;KACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqUL,CAAA;AACH,CAAC"}

package/dist/layout/generator.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutConfig, ThemeConfig } from './types.js';
+export declare function validateLayout(layout: LayoutConfig): void;
+export declare function generateDashboardHtml(layout: LayoutConfig, themeOverrides?: Partial<ThemeConfig>): string;
+//# sourceMappingURL=generator.d.ts.map

package/dist/layout/generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../src/layout/generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAgB,WAAW,EAAE,MAAM,YAAY,CAAA;AAOzE,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAezD;AA+DD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,YAAY,EAAE,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,MAAM,CAsDzG"}

package/dist/layout/generator.js

@@ -0,0 +1,124 @@
+import { mergeTheme } from './theme.js';
+import { generateCss } from './generator-css.js';
+import { generateJs } from './generator-js.js';
+// ─── Validation ──────────────────────────────────────────────────────────────
+export function validateLayout(layout) {
+    const stats = layout.stats ?? [];
+    const panels = layout.panels ?? [];
+    if (stats.length === 0 && panels.length === 0) {
+        throw new Error('[tuimon] Layout must have at least one stat or panel widget');
+    }
+    const ids = new Set();
+    for (const w of [...stats, ...panels]) {
+        if (ids.has(w.id)) {
+            throw new Error(`[tuimon] Duplicate widget id: "${w.id}"`);
+        }
+        ids.add(w.id);
+    }
+}
+// ─── Widget HTML generators ─────────────────────────────────────────────────
+function statCardHtml(w) {
+    if (w.type === 'gauge') {
+        return `
+      <div class="stat-card" data-widget-id="${w.id}" data-widget-type="gauge">
+        <div class="stat-label">${esc(w.label)}</div>
+        <div class="stat-value" id="val-${w.id}">--</div>
+        <div class="gauge-track">
+          <div class="gauge-fill" id="gauge-${w.id}" style="width: 0%"></div>
+        </div>
+      </div>`;
+    }
+    return `
+      <div class="stat-card" data-widget-id="${w.id}" data-widget-type="stat">
+        <div class="stat-label">${esc(w.label)}</div>
+        <div class="stat-value" id="val-${w.id}">--</div>
+        <div class="stat-extra">
+          <span class="stat-trend" id="trend-${w.id}"></span>
+          <span class="stat-unit" id="unit-${w.id}"></span>
+        </div>
+      </div>`;
+}
+function panelHtml(w) {
+    const spanStyle = w.span && w.span > 1 ? ` style="grid-column: span ${w.span}"` : '';
+    const tmKey = w.shortcut ? ` data-tm-key="${w.shortcut}" data-tm-label="${esc(w.shortcutLabel ?? w.label)}"` : '';
+    let inner = '';
+    switch (w.type) {
+        case 'line':
+        case 'bar':
+        case 'doughnut':
+            inner = `<div class="chart-wrap"><canvas id="chart-${w.id}"></canvas></div>`;
+            break;
+        case 'event-log':
+            inner = `<div class="event-list" id="list-${w.id}"><div class="event-empty">Waiting for data...</div></div>`;
+            break;
+        case 'status-grid':
+            inner = `<div class="status-grid" id="grid-${w.id}"></div>`;
+            break;
+        case 'table':
+            inner = `<div class="table-wrap" id="table-${w.id}"><div class="event-empty">Waiting for data...</div></div>`;
+            break;
+        default:
+            inner = `<div id="content-${w.id}"></div>`;
+    }
+    return `
+      <div class="panel" data-widget-id="${w.id}" data-widget-type="${w.type}"${spanStyle}${tmKey}>
+        <div class="panel-header">${esc(w.label)}</div>
+        ${inner}
+      </div>`;
+}
+function esc(s) {
+    return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+// ─── Main generator ──────────────────────────────────────────────────────────
+export function generateDashboardHtml(layout, themeOverrides) {
+    validateLayout(layout);
+    const theme = mergeTheme(layout.theme ?? themeOverrides);
+    const stats = layout.stats ?? [];
+    const panels = layout.panels ?? [];
+    const title = layout.title ?? 'TuiMon';
+    const statCardsHtml = stats.map((w) => statCardHtml(w)).join('');
+    const panelsHtml = panels.map((w) => panelHtml(w)).join('');
+    // Inline TuiMon client bridge so the page is fully self-contained
+    const clientBridge = `
+    ;(function() {
+      window.__tuimon_ready__ = false;
+      window.__tuimon_update__ = function(data) {
+        window.__tuimon_ready__ = false;
+        window.dispatchEvent(new CustomEvent('tuimon:update', { detail: data }));
+        window.__tuimon_ready__ = true;
+      };
+      window.TuiMon = window.TuiMon || {
+        onUpdate: function(cb) { window.addEventListener('tuimon:update', function(e) { cb(e.detail); }); },
+        set: function(sel, val) {
+          var el = document.querySelector(sel);
+          if (!el) return;
+          if (typeof val === 'string') el.textContent = val;
+          else if (typeof val === 'number') el.textContent = val.toLocaleString();
+          else if (typeof val === 'object' && val !== null) Object.assign(el.style, val);
+        },
+        notify: function(msg, dur) { window.dispatchEvent(new CustomEvent('tuimon:notify', { detail: { message: msg, duration: dur || 2000 } })); },
+      };
+    })();
+  `;
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${esc(title)}</title>
+  <script>${clientBridge}<\/script>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4"><\/script>
+  <style>${generateCss(theme)}</style>
+</head>
+<body>
+  <div class="dash-header">
+    <span class="dash-title">${esc(title)}</span>
+    <span class="dash-time" id="dash-time"></span>
+  </div>
+${stats.length > 0 ? `  <div class="stat-row">${statCardsHtml}\n  </div>` : ''}
+${panels.length > 0 ? `  <div class="panel-grid">${panelsHtml}\n  </div>` : ''}
+  <script>${generateJs(layout, theme)}<\/script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=generator.js.map

package/dist/layout/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../src/layout/generator.ts"],"names":[],"mappings":"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"}

package/dist/layout/theme.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeConfig } from './types.js';
+export declare const DEFAULT_THEME: ThemeConfig;
+export declare function mergeTheme(overrides?: Partial<ThemeConfig>): ThemeConfig;
+//# sourceMappingURL=theme.d.ts.map

package/dist/layout/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/layout/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,eAAO,MAAM,aAAa,EAAE,WAiB3B,CAAA;AAED,wBAAgB,UAAU,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAOxE"}

package/dist/layout/theme.js

@@ -0,0 +1,28 @@
+export const DEFAULT_THEME = {
+    bg: '#0a0e1a',
+    panelBg: '#0f1629',
+    border: '#00e5ff',
+    text: '#e0e6ed',
+    textMuted: '#5a6a7a',
+    accent: '#00e5ff',
+    success: '#00e676',
+    warning: '#ffab40',
+    danger: '#ff5252',
+    purple: '#b388ff',
+    chartColors: [
+        '#00e5ff', '#ff6e40', '#00e676', '#b388ff',
+        '#ffab40', '#ff5252', '#40c4ff', '#69f0ae',
+        '#ffd740', '#ff80ab', '#448aff', '#b2ff59',
+    ],
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, monospace",
+};
+export function mergeTheme(overrides) {
+    if (!overrides)
+        return { ...DEFAULT_THEME };
+    return {
+        ...DEFAULT_THEME,
+        ...overrides,
+        chartColors: overrides.chartColors ? [...overrides.chartColors] : [...DEFAULT_THEME.chartColors],
+    };
+}
+//# sourceMappingURL=theme.js.map

package/dist/layout/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/layout/theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAgB;IACxC,EAAE,EAAE,SAAS;IACb,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE;QACX,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC1C,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC1C,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;KAC3C;IACD,UAAU,EAAE,kEAAkE;CAC/E,CAAA;AAED,MAAM,UAAU,UAAU,CAAC,SAAgC;IACzD,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3C,OAAO;QACL,GAAG,aAAa;QAChB,GAAG,SAAS;QACZ,WAAW,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC;KACjG,CAAA;AACH,CAAC"}

package/dist/layout/types.d.ts

@@ -0,0 +1,68 @@
+export type WidgetType = 'stat' | 'gauge' | 'line' | 'doughnut' | 'bar' | 'event-log' | 'status-grid' | 'table';
+export interface WidgetConfig {
+    /** Data key — dash.render({ [id]: value }) */
+    id: string;
+    /** Display title shown in panel header */
+    label: string;
+    /** Widget visualization type */
+    type: WidgetType;
+    /** Grid column span (default 1) */
+    span?: number;
+    /** Single letter shortcut — shown as [X] badge in panel border */
+    shortcut?: string;
+    /** Label for the shortcut badge */
+    shortcutLabel?: string;
+    /** Minimum ms between updates for this widget. Defaults to global refresh rate. */
+    throttle?: number;
+}
+export interface LayoutConfig {
+    /** Dashboard title (top bar) */
+    title?: string;
+    /** Top row stat/gauge cards */
+    stats?: WidgetConfig[];
+    /** Main grid panels */
+    panels?: WidgetConfig[];
+    /** Override default theme colors */
+    theme?: Partial<ThemeConfig>;
+}
+export interface ThemeConfig {
+    bg: string;
+    panelBg: string;
+    border: string;
+    text: string;
+    textMuted: string;
+    accent: string;
+    success: string;
+    warning: string;
+    danger: string;
+    purple: string;
+    chartColors: string[];
+    fontFamily: string;
+}
+export interface StatData {
+    value: number | string;
+    trend?: string;
+    unit?: string;
+}
+export interface GaugeData {
+    value: number;
+    max?: number;
+    label?: string;
+}
+export interface LineData {
+    series: Array<{
+        label: string;
+        data: number[];
+    }>;
+    max?: number;
+}
+export interface EventEntry {
+    text: string;
+    type?: 'info' | 'success' | 'warning' | 'error';
+    time?: string;
+}
+export interface StatusEntry {
+    label: string;
+    status: 'ok' | 'warn' | 'error' | 'unknown';
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/layout/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/layout/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,CAAA;AAE/G,MAAM,WAAW,YAAY;IAC3B,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAA;IACV,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,IAAI,EAAE,UAAU,CAAA;IAChB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAID,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,uBAAuB;IACvB,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;IACvB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;CAC7B;AAID,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACnB;AAID,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;CAC5C"}

package/dist/layout/types.js

@@ -0,0 +1,3 @@
+// ─── Widget types ────────────────────────────────────────────────────────────
+export {};
+//# sourceMappingURL=types.js.map

package/dist/layout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/layout/types.ts"],"names":[],"mappings":"AAAA,gFAAgF"}

package/dist/quick/auto-layout.d.ts

@@ -0,0 +1,5 @@
+import type { LayoutConfig } from '../layout/types.js';
+import type { ParsedData } from './types.js';
+export declare function autoLayout(data: ParsedData, filePath?: string): LayoutConfig;
+export declare function dataToWidgetData(data: ParsedData): Record<string, unknown>;
+//# sourceMappingURL=auto-layout.d.ts.map

package/dist/quick/auto-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-layout.d.ts","sourceRoot":"","sources":["../../src/quick/auto-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,oBAAoB,CAAA;AACpE,OAAO,KAAK,EAAkC,UAAU,EAAE,MAAM,YAAY,CAAA;AAU5E,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,YAAY,CAa5E;AAwID,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAW1E"}