lobsterboard 0.1.4 → 0.1.6

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to LobsterBoard will be documented in this file.
 
 ---
 
+## [0.1.6] - 2026-02-14
+
+### Security
+- Fix SSRF vulnerability in RSS feed proxy — blocks requests to private/internal IPs (127.x, 10.x, 192.168.x, localhost) and validates redirect targets. Thanks to @verkoopjezaak for the report and PR (#1).
+
 ## [Unreleased]
 
 ### Fixed

package/README.md

@@ -1,6 +1,6 @@
 # 🦞 LobsterBoard
 
-A self-hosted, drag-and-drop dashboard builder with live system monitoring, dark theme, and 47 widgets. No cloud dependencies.
+A self-hosted, drag-and-drop dashboard builder with live system monitoring, dark theme, and 45 widgets. No cloud dependencies.
 
 ![LobsterBoard](lobsterboard-logo-final.png)
 
@@ -58,7 +58,7 @@ Press **Ctrl+E** (or click **Edit Layout**) to toggle edit mode:
 
 In view mode, the canvas auto-scales to fit your browser window and all widget scripts run live.
 
-## Widgets (47)
+## Widgets (45)
 
 ### 🖥️ System Monitoring
 Live data via SSE — updates every 2–30 seconds automatically.
@@ -88,10 +88,7 @@ For users running [OpenClaw](https://github.com/openclaw/openclaw).
 
 | Widget | Description |
 |--------|-------------|
-| 🟣 Claude Usage | Anthropic API token/cost tracking |
-| 🟢 GPT Usage | OpenAI API token/cost tracking |
-| 🔵 Gemini Usage | Google API token/cost tracking |
-| 🤖 AI Usage (All) | Combined multi-provider view |
+| 🟣 Claude Usage | Anthropic API token/cost tracking (today/week/month) |
 | 💰 AI Cost Tracker | Total AI spending across providers |
 
 ### ⏰ Time & Productivity
@@ -177,6 +174,22 @@ Widget properties are edited in the right-hand panel when a widget is selected i
 
 All configuration is saved to `config.json` in the project root.
 
+## Custom Pages
+
+LobsterBoard includes a **pages system** that lets you add full custom pages beyond the widget dashboard. Pages get their own route, nav entry, and optional server-side API — no changes to the core needed.
+
+```
+pages/
+└── my-page/
+    ├── page.json       # Metadata (title, icon, order)
+    ├── index.html      # Page UI
+    └── api.cjs         # Optional: server-side API routes
+```
+
+Pages are auto-discovered on startup. Drop a folder in `pages/`, restart the server, and it appears in the nav.
+
+👉 **Full guide with examples:** [`pages/README.md`](pages/README.md)
+
 ## API Endpoints
 
 | Endpoint | Method | Description |
@@ -198,16 +211,20 @@ All configuration is saved to `config.json` in the project root.
 ## File Structure
 
 ```
-dashboard-builder/
+lobsterboard/
 ├── server.cjs          # Node.js server (CommonJS)
-├── index.html          # Single-page app
+├── index.html          # Marketing site
+├── app.html            # Dashboard builder app
 ├── config.json         # Saved dashboard layout
 ├── todos.json          # Todo list data
 ├── js/
 │   ├── builder.js      # Canvas, drag-drop, edit mode, zoom, config I/O
-│   └── widgets.js      # All 47 widget definitions + SSE helpers
+│   └── widgets.js      # All 45 widget definitions + SSE helpers
 ├── css/
 │   └── builder.css     # Dark theme (CSS custom properties)
+├── pages/              # Custom pages (auto-discovered)
+│   ├── _shared/        # Shared components (nav bar)
+│   └── README.md       # Page creation guide
 └── package.json        # npm package config
 ```
 

package/app.html

@@ -13,7 +13,7 @@
   <header class="builder-header">
     <div class="header-left">
       <img src="lobsterboard-logo-final.png" alt="LobsterBoard" class="logo-img">
-      <nav class="header-nav">
+      <nav class="header-nav" id="header-nav">
         <a href="changelog.html" class="nav-link">Changelog</a>
         <a href="https://github.com/curbob/LobsterBoard" target="_blank" class="nav-link">GitHub</a>
       </nav>
@@ -321,6 +321,10 @@
       <div class="widget-section">
         <h4>🔗 Content</h4>
         <div class="widget-list">
+          <div class="widget-item" draggable="true" data-widget="pages-menu">
+            <span class="widget-icon">📄</span>
+            <span class="widget-name">Pages Menu</span>
+          </div>
           <div class="widget-item" draggable="true" data-widget="quick-links">
             <span class="widget-icon">🔗</span>
             <span class="widget-name">Quick Links</span>
@@ -569,6 +573,14 @@
           </div>
           <div id="prop-quicklinks-items" style="max-height:150px;overflow-y:auto;"></div>
         </div>
+        <div class="prop-group" id="prop-layout-group" style="display:none;">
+          <label>Menu Direction</label>
+          <select id="prop-layout">
+            <option value="vertical">Vertical</option>
+            <option value="horizontal">Horizontal</option>
+          </select>
+        </div>
+        <!-- showBorder handled by existing prop-showborder checkbox -->
         <div class="prop-group" id="prop-embedurl-group" style="display:none;">
           <label>Embed URL</label>
           <input type="text" id="prop-embedurl" placeholder="https://example.com">
@@ -607,6 +619,18 @@
           <label>Refresh Interval (sec)</label>
           <input type="number" id="prop-refresh" placeholder="60" min="0">
         </div>
+        <div class="prop-group" id="prop-widgetfontscale-group">
+          <label>Widget Font Size</label>
+          <select id="prop-widgetfontscale">
+            <option value="">Default (global)</option>
+            <option value="0.75">75%</option>
+            <option value="0.85">85%</option>
+            <option value="1">100%</option>
+            <option value="1.1">110%</option>
+            <option value="1.25">125%</option>
+            <option value="1.5">150%</option>
+          </select>
+        </div>
         <div id="prop-extra-container"></div>
         <div class="prop-group" id="prop-description-group">
           <div id="prop-description" style="font-size:11px;color:#8b949e;padding:8px;background:#161b22;border-radius:6px;line-height:1.4;"></div>
@@ -637,5 +661,22 @@
 
   <script src="js/widgets.js"></script>
   <script src="js/builder.js"></script>
+  <script>
+    // Load page links into nav
+    fetch('/api/pages').then(r => r.json()).then(pages => {
+      const nav = document.getElementById('header-nav');
+      if (!nav || !pages.length) return;
+      const sep = document.createElement('span');
+      sep.style.cssText = 'width:1px;height:16px;background:#30363d;margin:0 4px';
+      nav.insertBefore(sep, nav.firstChild);
+      pages.reverse().forEach(p => {
+        const a = document.createElement('a');
+        a.href = '/pages/' + p.id;
+        a.className = 'nav-link';
+        a.textContent = p.icon + ' ' + p.title;
+        nav.insertBefore(a, nav.firstChild);
+      });
+    }).catch(() => {});
+  </script>
 </body>
 </html>

package/css/builder.css

@@ -1145,14 +1145,30 @@ body[data-mode="edit"] .edit-layout-btn {
 }
 
 /* Text-header widgets: hide card chrome when showBorder is false */
-.placed-widget[data-type="text-header"][data-show-border="false"] {
+.placed-widget[data-show-border="false"] {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   border-radius: 0 !important;
 }
 
-.placed-widget[data-type="text-header"][data-show-border="false"] .widget-render {
+.placed-widget[data-show-border="false"] .widget-render {
   padding: 0 !important;
   margin: 0 !important;
 }
+
+.placed-widget[data-show-border="false"] .dash-card {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.placed-widget[data-show-border="false"] .dash-card-head {
+  display: none !important;
+}
+
+.placed-widget[data-show-border="false"] .dash-card-body {
+  padding: 0 !important;
+}
+
+/* no-bg removed — using data-show-border instead */

package/dist/lobsterboard.css

@@ -1,4 +1,4 @@
-/* LobsterBoard v0.1.4 - Dashboard Styles */
+/* LobsterBoard v0.1.6 - Dashboard Styles */
 /* LobsterBoard Dashboard - Generated Styles */
 
 :root {

package/dist/lobsterboard.esm.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.1.4
+ * LobsterBoard v0.1.6
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT
@@ -380,6 +380,69 @@ const WIDGETS = {
   // BARS
   // ─────────────────────────────────────────────
 
+  'pages-menu': {
+    name: 'Pages Menu',
+    icon: '📑',
+    category: 'small',
+    description: 'Navigation links to all discovered LobsterBoard pages. Supports vertical or horizontal layout.',
+    defaultWidth: 220,
+    defaultHeight: 200,
+    hasApiKey: false,
+    properties: {
+      title: 'Pages',
+      layout: 'vertical',
+      refreshInterval: 60
+    },
+    preview: `<div style="padding:6px;font-size:11px;color:#8b949e;">
+      <div>📝 Notes</div>
+      <div>📋 Board</div>
+      <div>📅 Calendar</div>
+    </div>`,
+    generateHtml: (props) => `
+      <div class="dash-card" id="widget-${props.id}" style="height:100%;">
+        <div class="dash-card-head">
+          <span class="dash-card-title">📑 ${props.title || 'Pages'}</span>
+        </div>
+        <div class="dash-card-body pages-menu ${props.layout === 'horizontal' ? 'pages-menu-horizontal' : 'pages-menu-vertical'}" id="${props.id}-list">
+          <span class="pages-menu-item">Loading…</span>
+        </div>
+      </div>
+      <style>
+        .pages-menu-vertical { display:flex; flex-direction:column; gap:4px; overflow-y:auto; }
+        .pages-menu-horizontal { display:flex; flex-direction:row; flex-wrap:wrap; gap:6px; align-items:center; }
+        .pages-menu-item {
+          display:inline-flex; align-items:center; gap:6px;
+          padding:6px 10px; border-radius:6px;
+          background:#21262d; color:#c9d1d9;
+          text-decoration:none; font-size:13px;
+          transition: background .15s, color .15s;
+        }
+        .pages-menu-item:hover { background:#30363d; color:#58a6ff; }
+        .pages-menu-item .pages-menu-icon { font-size:15px; }
+      </style>`,
+    generateJs: (props) => `
+      // Pages Menu Widget: ${props.id}
+      async function update_${props.id.replace(/-/g, '_')}() {
+        try {
+          const res = await fetch('/api/pages');
+          const pages = await res.json();
+          const list = document.getElementById('${props.id}-list');
+          if (!pages.length) { list.innerHTML = '<span class="pages-menu-item">No pages found</span>'; return; }
+          list.innerHTML = pages.map(p =>
+            '<a class="pages-menu-item" href="/pages/' + p.id + '" title="' + (p.description || p.title || p.name || '') + '">' +
+            '<span class="pages-menu-icon">' + (p.icon || '📄') + '</span>' +
+            '<span>' + (p.title || p.name || p.id) + '</span></a>'
+          ).join('');
+        } catch (e) {
+          console.error('Pages menu widget error:', e);
+          document.getElementById('${props.id}-list').innerHTML = '<span class="pages-menu-item">Error loading pages</span>';
+        }
+      }
+      update_${props.id.replace(/-/g, '_')}();
+      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 60) * 1000});
+    `
+  },
+
   'topbar': {
     name: 'Top Nav Bar',
     icon: '🔝',

package/dist/lobsterboard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"lobsterboard.esm.js","sources":["../src/widgets.js","../src/builder.js","../src/index.js"],"sourcesContent":["/**\n * LobsterBoard - Widget Definitions\n * Each widget defines its default size, properties, and generated code\n * \n * @module lobsterboard/widgets\n */\n\nexport const WIDGETS = {\n  // ─────────────────────────────────────────────\n  // SMALL CARDS (KPI style)\n  // ─────────────────────────────────────────────\n  \n  'weather': {\n    name: 'Local Weather',\n    icon: '🌡️',\n    category: 'small',\n    description: 'Shows current weather for a single location using wttr.in (no API key needed).',\n    defaultWidth: 200,\n    defaultHeight: 120,\n    hasApiKey: false,\n    properties: {\n      title: 'Local Weather',\n      location: 'Atlanta',\n      units: 'F',\n      refreshInterval: 600\n    },\n    preview: `<div style=\"text-align:center;padding:8px;\">\n      <div style=\"font-size:24px;\">72°F</div>\n      <div style=\"font-size:11px;color:#8b949e;\">Atlanta</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">🌡️ ${props.title || 'Local Weather'}</span>\n        </div>\n        <div class=\"dash-card-body\" style=\"display:flex;align-items:center;justify-content:center;gap:10px;\">\n          <span id=\"${props.id}-icon\" style=\"font-size:24px;\">🌡️</span>\n          <div>\n            <div class=\"kpi-value blue\" id=\"${props.id}-value\">—</div>\n            <div class=\"kpi-label\" id=\"${props.id}-label\">${props.location || 'Location'}</div>\n          </div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Weather Widget: ${props.id} (uses free wttr.in API - no key needed)\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const location = encodeURIComponent('${props.location || 'Atlanta'}');\n          const res = await fetch('https://wttr.in/' + location + '?format=j1');\n          const data = await res.json();\n          const current = data.current_condition[0];\n          const temp = '${props.units}' === 'C' ? current.temp_C : current.temp_F;\n          const unit = '${props.units}' === 'C' ? '°C' : '°F';\n          document.getElementById('${props.id}-value').textContent = temp + unit;\n          document.getElementById('${props.id}-label').textContent = current.weatherDesc[0].value;\n          const code = parseInt(current.weatherCode);\n          let icon = '🌡️';\n          if (code === 113) icon = '☀️';\n          else if (code === 116 || code === 119) icon = '⛅';\n          else if (code >= 176 && code <= 359) icon = '🌧️';\n          else if (code >= 368 && code <= 395) icon = '❄️';\n          document.getElementById('${props.id}-icon').textContent = icon;\n        } catch (e) {\n          console.error('Weather widget error:', e);\n          document.getElementById('${props.id}-value').textContent = '—';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 600) * 1000});\n    `\n  },\n\n  'clock': {\n    name: 'Clock',\n    icon: '🕐',\n    category: 'small',\n    description: 'Simple digital clock. Supports 12h or 24h format.',\n    defaultWidth: 200,\n    defaultHeight: 120,\n    hasApiKey: false,\n    properties: {\n      title: 'Clock',\n      timezone: 'local',\n      format24h: false\n    },\n    preview: `<div style=\"text-align:center;padding:8px;\">\n      <div style=\"font-size:24px;\">3:45 PM</div>\n      <div style=\"font-size:11px;color:#8b949e;\">Wed, Feb 5</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">🕐 ${props.title || 'Clock'}</span>\n        </div>\n        <div class=\"dash-card-body\" style=\"display:flex;flex-direction:column;align-items:center;justify-content:center;\">\n          <div class=\"kpi-value\" id=\"${props.id}-time\">—</div>\n          <div class=\"kpi-label\" id=\"${props.id}-date\">—</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Clock Widget: ${props.id}\n      function updateClock_${props.id.replace(/-/g, '_')}() {\n        const now = new Date();\n        const timeEl = document.getElementById('${props.id}-time');\n        const dateEl = document.getElementById('${props.id}-date');\n        const opts = { hour: 'numeric', minute: '2-digit', hour12: ${!props.format24h} };\n        timeEl.textContent = now.toLocaleTimeString('en-US', opts);\n        dateEl.textContent = now.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' });\n      }\n      updateClock_${props.id.replace(/-/g, '_')}();\n      setInterval(updateClock_${props.id.replace(/-/g, '_')}, 1000);\n    `\n  },\n\n  'auth-status': {\n    name: 'Auth Status',\n    icon: '🔐',\n    category: 'small',\n    description: 'Shows if OpenClaw is using Anthropic Max subscription (green) or API key fallback (yellow).',\n    defaultWidth: 180,\n    defaultHeight: 100,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'Auth Type',\n      endpoint: '/api/status',\n      refreshInterval: 30\n    },\n    preview: `<div style=\"text-align:center;padding:8px;\">\n      <div style=\"width:10px;height:10px;background:#3fb950;border-radius:50%;margin:0 auto 4px;\"></div>\n      <div style=\"font-size:13px;\">OAuth</div>\n      <div style=\"font-size:11px;color:#8b949e;\">Auth</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">🔐 ${props.title || 'Auth Type'}</span>\n        </div>\n        <div class=\"dash-card-body\" style=\"display:flex;align-items:center;justify-content:center;gap:10px;\">\n          <div class=\"kpi-indicator\" id=\"${props.id}-dot\"></div>\n          <div class=\"kpi-value\" id=\"${props.id}-value\">—</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Auth Status Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/status'}');\n          const json = await res.json();\n          const data = json.data || json;\n          const dot = document.getElementById('${props.id}-dot');\n          const val = document.getElementById('${props.id}-value');\n          val.textContent = data.authMode === 'oauth' ? 'Subscription' : 'API';\n          dot.className = 'kpi-indicator ' + (data.authMode === 'oauth' ? 'green' : 'yellow');\n        } catch (e) {\n          console.error('Auth status widget error:', e);\n          document.getElementById('${props.id}-value').textContent = '—';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 30) * 1000});\n    `\n  },\n\n  'session-count': {\n    name: 'Active Sessions',\n    icon: '💬',\n    category: 'small',\n    description: 'Shows count of active OpenClaw sessions.',\n    defaultWidth: 160,\n    defaultHeight: 100,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'Sessions',\n      endpoint: '/api/sessions',\n      refreshInterval: 30\n    },\n    preview: `<div style=\"text-align:center;padding:8px;\">\n      <div style=\"font-size:28px;color:#58a6ff;\">3</div>\n      <div style=\"font-size:11px;color:#8b949e;\">Active</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"kpi-card kpi-sm\" id=\"widget-${props.id}\">\n        <div class=\"kpi-icon\">💬</div>\n        <div class=\"kpi-data\">\n          <div class=\"kpi-value blue\" id=\"${props.id}-count\">—</div>\n          <div class=\"kpi-label\">Active</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Session Count Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/sessions'}');\n          const json = await res.json();\n          const data = json.data || json;\n          document.getElementById('${props.id}-count').textContent = data.active || data.length || 0;\n        } catch (e) {\n          document.getElementById('${props.id}-count').textContent = '—';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 30) * 1000});\n    `\n  },\n\n  // ─────────────────────────────────────────────\n  // LARGE CARDS (Content)\n  // ─────────────────────────────────────────────\n\n  'activity-list': {\n    name: 'Activity List',\n    icon: '📋',\n    category: 'large',\n    description: 'Shows recent OpenClaw activity from /api/activity endpoint.',\n    defaultWidth: 400,\n    defaultHeight: 300,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'Today',\n      endpoint: '/api/activity',\n      maxItems: 10,\n      refreshInterval: 60\n    },\n    preview: `<div style=\"padding:4px;font-size:11px;color:#8b949e;\">\n      <div>• Meeting at 2pm</div>\n      <div>• Review PR #42</div>\n      <div>• Deploy v1.2</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">📋 ${props.title || 'Today'}</span>\n          <span class=\"dash-card-badge\" id=\"${props.id}-badge\">—</span>\n        </div>\n        <div class=\"dash-card-body compact-list\" id=\"${props.id}-list\">\n          <div class=\"list-item\">• Team standup at 10am</div>\n          <div class=\"list-item\">• Review PR #42</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Activity List Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/activity'}');\n          const json = await res.json();\n          const data = json.data || json;\n          const list = document.getElementById('${props.id}-list');\n          const badge = document.getElementById('${props.id}-badge');\n          const items = data.items || [];\n          list.innerHTML = items.slice(0, ${props.maxItems || 10}).map(item => \n            '<div class=\"list-item\">' + item.text + '</div>'\n          ).join('');\n          badge.textContent = items.length + ' items';\n        } catch (e) {\n          console.error('Activity list widget error:', e);\n          document.getElementById('${props.id}-list').innerHTML = '<div class=\"list-item\">—</div>';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 60) * 1000});\n    `\n  },\n\n  'cron-jobs': {\n    name: 'Cron Jobs',\n    icon: '⏰',\n    category: 'large',\n    description: 'Lists scheduled cron jobs from OpenClaw /api/cron endpoint.',\n    defaultWidth: 400,\n    defaultHeight: 250,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'Cron',\n      endpoint: '/api/cron',\n      refreshInterval: 30\n    },\n    preview: `<div style=\"padding:4px;font-size:11px;color:#8b949e;\">\n      <div>⏰ Daily backup - 2am</div>\n      <div>⏰ Sync data - */5 *</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">⏰ ${props.title || 'Cron'}</span>\n          <span class=\"dash-card-badge\" id=\"${props.id}-badge\">—</span>\n        </div>\n        <div class=\"dash-card-body\" id=\"${props.id}-list\">\n          <div class=\"cron-item\"><span class=\"cron-name\">Daily backup</span><span class=\"cron-next\">2:00 AM</span></div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Cron Jobs Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/cron'}');\n          const json = await res.json();\n          const data = json.data || json;\n          const list = document.getElementById('${props.id}-list');\n          const badge = document.getElementById('${props.id}-badge');\n          const jobs = data.jobs || [];\n          list.innerHTML = jobs.map(job => \n            '<div class=\"cron-item\"><span class=\"cron-name\">' + job.name + '</span><span class=\"cron-next\">' + job.next + '</span></div>'\n          ).join('');\n          badge.textContent = jobs.length + ' jobs';\n        } catch (e) {\n          console.error('Cron jobs widget error:', e);\n          document.getElementById('${props.id}-list').innerHTML = '<div class=\"cron-item\"><span class=\"cron-name\">—</span></div>';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 30) * 1000});\n    `\n  },\n\n  'system-log': {\n    name: 'System Log',\n    icon: '🔧',\n    category: 'large',\n    description: 'Shows recent system logs from OpenClaw /api/logs endpoint.',\n    defaultWidth: 500,\n    defaultHeight: 400,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'System Log',\n      endpoint: '/api/logs',\n      maxLines: 50,\n      refreshInterval: 10\n    },\n    preview: `<div style=\"padding:4px;font-size:10px;font-family:monospace;color:#8b949e;\">\n      <div>[INFO] System started</div>\n      <div>[DEBUG] Loading config</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">🔧 ${props.title || 'System Log'}</span>\n          <span class=\"dash-card-badge\" id=\"${props.id}-badge\">—</span>\n        </div>\n        <div class=\"dash-card-body compact-list syslog-scroll\" id=\"${props.id}-log\">\n          <div class=\"log-line\">[INFO] System started successfully</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // System Log Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/logs'}');\n          const json = await res.json();\n          const data = json.data || json;\n          const log = document.getElementById('${props.id}-log');\n          const badge = document.getElementById('${props.id}-badge');\n          const lines = data.lines || [];\n          log.innerHTML = lines.slice(-${props.maxLines || 50}).map(line => \n            '<div class=\"log-line\">' + line + '</div>'\n          ).join('');\n          badge.textContent = lines.length + ' lines';\n          log.scrollTop = log.scrollHeight;\n        } catch (e) {\n          console.error('System log widget error:', e);\n          document.getElementById('${props.id}-log').innerHTML = '<div class=\"log-line\">—</div>';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 10) * 1000});\n    `\n  },\n\n  // ─────────────────────────────────────────────\n  // BARS\n  // ─────────────────────────────────────────────\n\n  'topbar': {\n    name: 'Top Nav Bar',\n    icon: '🔝',\n    category: 'bar',\n    description: 'Navigation bar with clock, weather, and system stats.',\n    defaultWidth: 1920,\n    defaultHeight: 48,\n    hasApiKey: false,\n    properties: {\n      title: 'OpenClaw',\n      links: 'Dashboard,Activity,Settings'\n    },\n    preview: `<div style=\"background:#161b22;padding:8px;font-size:11px;display:flex;gap:12px;\">\n      <span>🤖 OpenClaw</span>\n      <span style=\"color:#58a6ff;\">Dashboard</span>\n    </div>`,\n    generateHtml: (props) => `\n      <nav class=\"topbar\" id=\"widget-${props.id}\">\n        <div class=\"topbar-left\">\n          <span class=\"topbar-brand\">🤖 ${props.title || 'OpenClaw'}</span>\n          ${(props.links || 'Dashboard').split(',').map((link, i) => \n            `<a href=\"#\" class=\"topbar-link${i === 0 ? ' active' : ''}\">${link.trim()}</a>`\n          ).join('')}\n        </div>\n        <div class=\"topbar-right\">\n          <span class=\"topbar-meta\" id=\"${props.id}-refresh\">—</span>\n          <button class=\"topbar-refresh\" onclick=\"location.reload()\" title=\"Refresh\">↻</button>\n        </div>\n      </nav>`,\n    generateJs: (props) => `\n      // Top Bar Widget: ${props.id}\n      document.getElementById('${props.id}-refresh').textContent = \n        new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });\n    `\n  }\n};\n\n// Helper to get widget categories\nexport function getWidgetCategories() {\n  const categories = {};\n  for (const [key, widget] of Object.entries(WIDGETS)) {\n    const cat = widget.category || 'other';\n    if (!categories[cat]) categories[cat] = [];\n    categories[cat].push({ key, ...widget });\n  }\n  return categories;\n}\n\n// Helper to get widget by type\nexport function getWidget(type) {\n  return WIDGETS[type] || null;\n}\n\n// Helper to list all widget types\nexport function getWidgetTypes() {\n  return Object.keys(WIDGETS);\n}\n\nexport default WIDGETS;\n","/**\n * LobsterBoard - Dashboard Builder Core\n * Provides utilities for generating dashboard HTML, CSS, and JS\n * \n * @module lobsterboard/builder\n */\n\nimport { WIDGETS } from './widgets.js';\n\n// ─────────────────────────────────────────────\n// SECURITY HELPERS\n// ─────────────────────────────────────────────\n\n/**\n * Escape HTML to prevent XSS attacks\n * @param {string} str - String to escape\n * @returns {string} Escaped string\n */\nexport function escapeHtml(str) {\n  if (!str) return '';\n  if (typeof document !== 'undefined') {\n    const div = document.createElement('div');\n    div.textContent = str;\n    return div.innerHTML;\n  }\n  // Fallback for Node.js\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\n\n// ─────────────────────────────────────────────\n// HTML PROCESSING\n// ─────────────────────────────────────────────\n\n/**\n * Process widget HTML to conditionally remove header\n * @param {string} html - Widget HTML\n * @param {boolean} showHeader - Whether to show the header\n * @returns {string} Processed HTML\n */\nexport function processWidgetHtml(html, showHeader) {\n  if (showHeader !== false) return html;\n  const headerRegex = /<div\\s+class=\"dash-card-head\"[^>]*>[\\s\\S]*?<\\/div>/i;\n  return html.replace(headerRegex, '');\n}\n\n// ─────────────────────────────────────────────\n// CSS GENERATION\n// ─────────────────────────────────────────────\n\n/**\n * Generate the base dashboard CSS\n * @returns {string} CSS styles\n */\nexport function generateDashboardCss() {\n  return `/* LobsterBoard Dashboard - Generated Styles */\n\n:root {\n  --bg-primary: #0d1117;\n  --bg-secondary: #161b22;\n  --bg-tertiary: #21262d;\n  --bg-hover: #30363d;\n  --border: #30363d;\n  --text-primary: #e6edf3;\n  --text-secondary: #8b949e;\n  --text-muted: #6e7681;\n  --accent-blue: #58a6ff;\n  --accent-green: #3fb950;\n  --accent-orange: #d29922;\n  --accent-red: #f85149;\n  --accent-purple: #a371f7;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: var(--bg-primary);\n  color: var(--text-primary);\n  min-height: 100vh;\n}\n\n.dashboard {\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.widget-container {\n  overflow: hidden;\n}\n\n/* KPI Cards */\n.kpi-card {\n  background: var(--bg-secondary);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 16px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  height: 100%;\n}\n\n.kpi-sm {\n  padding: 12px;\n}\n\n.kpi-icon {\n  font-size: 24px;\n}\n\n.kpi-data {\n  flex: 1;\n}\n\n.kpi-value {\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.kpi-value.blue { color: var(--accent-blue); }\n.kpi-value.green { color: var(--accent-green); }\n.kpi-value.orange { color: var(--accent-orange); }\n.kpi-value.red { color: var(--accent-red); }\n\n.kpi-label {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin-top: 2px;\n}\n\n.kpi-indicator {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: var(--text-muted);\n}\n\n.kpi-indicator.green { background: var(--accent-green); }\n.kpi-indicator.yellow { background: var(--accent-orange); }\n.kpi-indicator.red { background: var(--accent-red); }\n\n/* Dash Cards */\n.dash-card {\n  background: var(--bg-secondary);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.dash-card-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--border);\n  background: var(--bg-tertiary);\n}\n\n.dash-card-title {\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.dash-card-badge {\n  font-size: 11px;\n  color: var(--text-secondary);\n  background: var(--bg-primary);\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.dash-card-body {\n  flex: 1;\n  padding: 12px 16px;\n  overflow-y: auto;\n}\n\n.compact-list {\n  font-size: 12px;\n}\n\n.syslog-scroll {\n  font-family: 'SF Mono', Monaco, monospace;\n  font-size: 11px;\n}\n\n/* Top Bar */\n.topbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 20px;\n  background: var(--bg-secondary);\n  border-bottom: 1px solid var(--border);\n  height: 100%;\n}\n\n.topbar-left {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n\n.topbar-brand {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.topbar-link {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-size: 13px;\n}\n\n.topbar-link:hover,\n.topbar-link.active {\n  color: var(--accent-blue);\n}\n\n.topbar-right {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.topbar-meta {\n  font-size: 12px;\n  color: var(--text-muted);\n}\n\n.topbar-refresh {\n  background: var(--bg-tertiary);\n  border: 1px solid var(--border);\n  color: var(--text-secondary);\n  padding: 4px 8px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n/* List Items */\n.list-item {\n  padding: 6px 0;\n  border-bottom: 1px solid var(--border);\n}\n\n.list-item:last-child {\n  border-bottom: none;\n}\n\n.cron-item {\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 0;\n  border-bottom: 1px solid var(--border);\n}\n\n.cron-name {\n  color: var(--text-primary);\n}\n\n.cron-next {\n  color: var(--text-muted);\n  font-size: 11px;\n}\n\n.log-line {\n  padding: 2px 0;\n  border-bottom: 1px solid rgba(48, 54, 61, 0.5);\n}\n\n/* Weather */\n.weather-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--border);\n}\n\n.weather-row:last-child {\n  border-bottom: none;\n}\n\n.weather-icon {\n  font-size: 18px;\n}\n\n.weather-loc {\n  flex: 1;\n  color: var(--text-primary);\n}\n\n.weather-temp {\n  font-weight: 600;\n  color: var(--accent-blue);\n}\n\n/* Utilities */\n.loading-sm {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n}\n\n.spinner-sm {\n  width: 20px;\n  height: 20px;\n  border: 2px solid var(--bg-tertiary);\n  border-top-color: var(--accent-blue);\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  to { transform: rotate(360deg); }\n}\n\n.error {\n  color: var(--accent-red);\n  padding: 10px;\n  text-align: center;\n}\n\n::-webkit-scrollbar {\n  width: 6px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--bg-primary);\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--bg-tertiary);\n  border-radius: 3px;\n}\n\n/* Post-Export Edit Mode */\n.edit-mode .widget-container {\n  cursor: move;\n  outline: 2px dashed #3b82f6;\n  outline-offset: -2px;\n}\n\n.edit-mode .widget-container:hover {\n  outline-color: #60a5fa;\n}\n\n.edit-mode .widget-container.dragging {\n  opacity: 0.8;\n  z-index: 1000;\n}\n\n.resize-handle-edit {\n  display: none;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 16px;\n  height: 16px;\n  cursor: se-resize;\n  background: #3b82f6;\n  border-radius: 2px 0 0 0;\n  z-index: 10;\n}\n\n.edit-mode .resize-handle-edit {\n  display: block;\n}\n\n#edit-toggle {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  z-index: 9999;\n  padding: 8px 16px;\n  background: #1e293b;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n}\n\n#edit-toggle:hover {\n  background: #334155;\n}\n\n#edit-toggle.active {\n  background: #3b82f6;\n}\n`;\n}\n\n// ─────────────────────────────────────────────\n// JS GENERATION\n// ─────────────────────────────────────────────\n\n/**\n * Generate the post-export edit mode JS\n * @returns {string} JavaScript code\n */\nexport function generateEditJs() {\n  return `\n// ─────────────────────────────────────────────\n// POST-EXPORT LAYOUT EDITING\n// ─────────────────────────────────────────────\n\n(function() {\n  const STORAGE_KEY = 'lobsterboard-layout';\n  const GRID_SIZE = 20;\n  const MIN_WIDTH = 100;\n  const MIN_HEIGHT = 60;\n  \n  let editMode = false;\n  let activeWidget = null;\n  let startX, startY, origLeft, origTop, origWidth, origHeight;\n  let isResizing = false;\n\n  document.addEventListener('DOMContentLoaded', initEditMode);\n\n  function initEditMode() {\n    const btn = document.createElement('button');\n    btn.id = 'edit-toggle';\n    btn.textContent = '✏️ Edit Layout';\n    btn.onclick = toggleEditMode;\n    document.body.appendChild(btn);\n    document.querySelectorAll('.widget-container').forEach(initWidget);\n    loadPositions();\n  }\n\n  function initWidget(widget) {\n    const handle = document.createElement('div');\n    handle.className = 'resize-handle-edit';\n    widget.appendChild(handle);\n    widget.addEventListener('mousedown', onWidgetMouseDown);\n    handle.addEventListener('mousedown', onResizeMouseDown);\n  }\n\n  function toggleEditMode() {\n    editMode = !editMode;\n    document.body.classList.toggle('edit-mode', editMode);\n    document.getElementById('edit-toggle').classList.toggle('active', editMode);\n    document.getElementById('edit-toggle').textContent = editMode ? '💾 Save Layout' : '✏️ Edit Layout';\n    if (!editMode) savePositions();\n  }\n\n  function onWidgetMouseDown(e) {\n    if (!editMode) return;\n    if (e.target.classList.contains('resize-handle-edit')) return;\n    if (e.button !== 0) return;\n    e.preventDefault();\n    activeWidget = e.currentTarget;\n    isResizing = false;\n    startX = e.clientX;\n    startY = e.clientY;\n    origLeft = activeWidget.offsetLeft;\n    origTop = activeWidget.offsetTop;\n    activeWidget.classList.add('dragging');\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n  }\n\n  function onResizeMouseDown(e) {\n    if (!editMode) return;\n    e.preventDefault();\n    e.stopPropagation();\n    activeWidget = e.target.parentElement;\n    isResizing = true;\n    startX = e.clientX;\n    startY = e.clientY;\n    origWidth = activeWidget.offsetWidth;\n    origHeight = activeWidget.offsetHeight;\n    activeWidget.classList.add('dragging');\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n  }\n\n  function onMouseMove(e) {\n    if (!activeWidget) return;\n    const dx = e.clientX - startX;\n    const dy = e.clientY - startY;\n    if (isResizing) {\n      activeWidget.style.width = Math.max(MIN_WIDTH, origWidth + dx) + 'px';\n      activeWidget.style.height = Math.max(MIN_HEIGHT, origHeight + dy) + 'px';\n    } else {\n      activeWidget.style.left = Math.max(0, origLeft + dx) + 'px';\n      activeWidget.style.top = Math.max(0, origTop + dy) + 'px';\n    }\n  }\n\n  function onMouseUp() {\n    if (!activeWidget) return;\n    if (isResizing) {\n      activeWidget.style.width = snapToGrid(activeWidget.offsetWidth) + 'px';\n      activeWidget.style.height = snapToGrid(activeWidget.offsetHeight) + 'px';\n    } else {\n      activeWidget.style.left = snapToGrid(activeWidget.offsetLeft) + 'px';\n      activeWidget.style.top = snapToGrid(activeWidget.offsetTop) + 'px';\n    }\n    activeWidget.classList.remove('dragging');\n    activeWidget = null;\n    isResizing = false;\n    document.removeEventListener('mousemove', onMouseMove);\n    document.removeEventListener('mouseup', onMouseUp);\n  }\n\n  function snapToGrid(value) {\n    return Math.round(value / GRID_SIZE) * GRID_SIZE;\n  }\n\n  function savePositions() {\n    const positions = {};\n    document.querySelectorAll('.widget-container').forEach(widget => {\n      const id = widget.dataset.widgetId;\n      if (id) {\n        positions[id] = {\n          left: widget.offsetLeft,\n          top: widget.offsetTop,\n          width: widget.offsetWidth,\n          height: widget.offsetHeight\n        };\n      }\n    });\n    try {\n      localStorage.setItem(STORAGE_KEY, JSON.stringify(positions));\n    } catch (e) {}\n  }\n\n  function loadPositions() {\n    try {\n      const saved = localStorage.getItem(STORAGE_KEY);\n      if (!saved) return;\n      const positions = JSON.parse(saved);\n      document.querySelectorAll('.widget-container').forEach(widget => {\n        const id = widget.dataset.widgetId;\n        const pos = positions[id];\n        if (pos) {\n          widget.style.left = pos.left + 'px';\n          widget.style.top = pos.top + 'px';\n          widget.style.width = pos.width + 'px';\n          widget.style.height = pos.height + 'px';\n        }\n      });\n    } catch (e) {}\n  }\n})();\n`;\n}\n\n// ─────────────────────────────────────────────\n// DASHBOARD GENERATION\n// ─────────────────────────────────────────────\n\n/**\n * Generate widget HTML for a widget configuration\n * @param {Object} widget - Widget configuration\n * @returns {string} Widget HTML\n */\nexport function generateWidgetHtml(widget) {\n  const template = WIDGETS[widget.type];\n  if (!template) return '';\n\n  const props = { ...widget.properties, id: widget.id };\n  let html = processWidgetHtml(template.generateHtml(props), widget.properties.showHeader);\n\n  return `\n    <div class=\"widget-container\" data-widget-id=\"${widget.id}\" style=\"position:absolute;left:${widget.x}px;top:${widget.y}px;width:${widget.width}px;height:${widget.height}px;\">\n      ${html}\n    </div>`;\n}\n\n/**\n * Generate widget JavaScript for a widget configuration\n * @param {Object} widget - Widget configuration\n * @returns {string} Widget JavaScript\n */\nexport function generateWidgetJs(widget) {\n  const template = WIDGETS[widget.type];\n  if (!template || !template.generateJs) return '';\n\n  const props = { ...widget.properties, id: widget.id };\n  return template.generateJs(props);\n}\n\n/**\n * Generate complete dashboard HTML\n * @param {Object} config - Dashboard configuration\n * @param {Object} config.canvas - Canvas dimensions { width, height }\n * @param {Array} config.widgets - Array of widget configurations\n * @returns {string} Complete HTML document\n */\nexport function generateDashboardHtml(config) {\n  const { canvas, widgets } = config;\n  const widgetHtml = widgets.map(generateWidgetHtml).join('\\n');\n\n  return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>My LobsterBoard Dashboard</title>\n  <link rel=\"stylesheet\" href=\"css/style.css\">\n</head>\n<body>\n  <main class=\"dashboard\" style=\"width:${canvas.width}px;height:${canvas.height}px;position:relative;\">\n    ${widgetHtml}\n  </main>\n  <script src=\"js/dashboard.js\"></script>\n</body>\n</html>`;\n}\n\n/**\n * Generate complete dashboard JavaScript\n * @param {Array} widgets - Array of widget configurations\n * @returns {string} Complete JavaScript\n */\nexport function generateDashboardJs(widgets) {\n  const widgetJs = widgets.map(generateWidgetJs).filter(Boolean).join('\\n\\n');\n  const editJs = generateEditJs();\n\n  return `/**\n * LobsterBoard Dashboard - Generated JavaScript\n * Replace YOUR_*_API_KEY placeholders with your actual API keys\n */\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  console.log('Dashboard loaded');\n});\n\n${widgetJs}\n\n${editJs}\n`;\n}\n\n/**\n * Generate README for exported dashboard\n * @param {Array} widgets - Array of widget configurations\n * @returns {string} README markdown\n */\nexport function generateReadme(widgets) {\n  const apiKeys = [];\n  const needsOpenClaw = widgets.some(w => \n    ['openclaw-release', 'auth-status', 'activity-list', 'cron-jobs', 'system-log', 'session-count', 'token-gauge'].includes(w.type)\n  );\n  \n  widgets.forEach(widget => {\n    const template = WIDGETS[widget.type];\n    if (template?.hasApiKey && template.apiKeyName) {\n      if (!apiKeys.includes(template.apiKeyName)) {\n        apiKeys.push(template.apiKeyName);\n      }\n    }\n  });\n\n  return `# LobsterBoard Dashboard\n\nThis dashboard was generated with LobsterBoard Dashboard Builder.\n\n## Quick Start\n\n${needsOpenClaw ? `### Running with OpenClaw widgets\n\nYour dashboard includes widgets that connect to OpenClaw. Run the included server:\n\n\\`\\`\\`bash\nnode server.js\n\\`\\`\\`\n\nOpen http://localhost:8080 in your browser.\n` : ''}\n### Static mode\n\nOpen \\`index.html\\` directly in a browser.\n\n## Files\n\n| File | Description |\n|------|-------------|\n| \\`index.html\\` | Dashboard page |\n| \\`css/style.css\\` | Styles |\n| \\`js/dashboard.js\\` | Widget logic |\n| \\`server.js\\` | Server with OpenClaw API proxy |\n\n${apiKeys.length > 0 ? `## API Keys\n\nEdit \\`js/dashboard.js\\` and replace these placeholders:\n${apiKeys.map(key => `- \\`YOUR_${key}\\``).join('\\n')}\n` : ''}\n\n---\n\nGenerated with LobsterBoard - https://github.com/curbob/LobsterBoard\n`;\n}\n\nexport default {\n  escapeHtml,\n  processWidgetHtml,\n  generateDashboardCss,\n  generateEditJs,\n  generateWidgetHtml,\n  generateWidgetJs,\n  generateDashboardHtml,\n  generateDashboardJs,\n  generateReadme\n};\n","/**\n * LobsterBoard - Dashboard Builder Library\n * \n * A library for building and generating dashboard configurations\n * with customizable widgets.\n * \n * @module lobsterboard\n * @example\n * // ESM\n * import { WIDGETS, generateDashboardHtml, generateDashboardCss } from 'lobsterboard';\n * \n * // CommonJS\n * const { WIDGETS, generateDashboardHtml } = require('lobsterboard');\n * \n * // Browser (UMD)\n * <script src=\"https://unpkg.com/lobsterboard\"></script>\n * const { WIDGETS } = LobsterBoard;\n */\n\n// Widget definitions\nexport { \n  WIDGETS, \n  getWidgetCategories, \n  getWidget, \n  getWidgetTypes \n} from './widgets.js';\n\n// Builder utilities\nexport {\n  escapeHtml,\n  processWidgetHtml,\n  generateDashboardCss,\n  generateEditJs,\n  generateWidgetHtml,\n  generateWidgetJs,\n  generateDashboardHtml,\n  generateDashboardJs,\n  generateReadme\n} from './builder.js';\n\n// Re-export defaults for convenience\nimport { WIDGETS } from './widgets.js';\nimport builder from './builder.js';\n\n// Version (will be replaced during build)\nexport const VERSION = '0.1.0';\n\n// Default export for convenience\nexport default {\n  VERSION,\n  WIDGETS,\n  ...builder\n};\n"],"names":[],"mappings":"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AACA;;AAEA;AACA;AACA;AACA;AACO,SAAS,oBAAoB,GAAG;AACvC,EAAE,OAAO,CAAC;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA,CAAC;AACD;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,SAAS,cAAc,GAAG;AACjC,EAAE,OAAO;AACT;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,kBAA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"}
+{"version":3,"file":"lobsterboard.esm.js","sources":["../src/widgets.js","../src/builder.js","../src/index.js"],"sourcesContent":["/**\n * LobsterBoard - Widget Definitions\n * Each widget defines its default size, properties, and generated code\n * \n * @module lobsterboard/widgets\n */\n\nexport const WIDGETS = {\n  // ─────────────────────────────────────────────\n  // SMALL CARDS (KPI style)\n  // ─────────────────────────────────────────────\n  \n  'weather': {\n    name: 'Local Weather',\n    icon: '🌡️',\n    category: 'small',\n    description: 'Shows current weather for a single location using wttr.in (no API key needed).',\n    defaultWidth: 200,\n    defaultHeight: 120,\n    hasApiKey: false,\n    properties: {\n      title: 'Local Weather',\n      location: 'Atlanta',\n      units: 'F',\n      refreshInterval: 600\n    },\n    preview: `<div style=\"text-align:center;padding:8px;\">\n      <div style=\"font-size:24px;\">72°F</div>\n      <div style=\"font-size:11px;color:#8b949e;\">Atlanta</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">🌡️ ${props.title || 'Local Weather'}</span>\n        </div>\n        <div class=\"dash-card-body\" style=\"display:flex;align-items:center;justify-content:center;gap:10px;\">\n          <span id=\"${props.id}-icon\" style=\"font-size:24px;\">🌡️</span>\n          <div>\n            <div class=\"kpi-value blue\" id=\"${props.id}-value\">—</div>\n            <div class=\"kpi-label\" id=\"${props.id}-label\">${props.location || 'Location'}</div>\n          </div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Weather Widget: ${props.id} (uses free wttr.in API - no key needed)\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const location = encodeURIComponent('${props.location || 'Atlanta'}');\n          const res = await fetch('https://wttr.in/' + location + '?format=j1');\n          const data = await res.json();\n          const current = data.current_condition[0];\n          const temp = '${props.units}' === 'C' ? current.temp_C : current.temp_F;\n          const unit = '${props.units}' === 'C' ? '°C' : '°F';\n          document.getElementById('${props.id}-value').textContent = temp + unit;\n          document.getElementById('${props.id}-label').textContent = current.weatherDesc[0].value;\n          const code = parseInt(current.weatherCode);\n          let icon = '🌡️';\n          if (code === 113) icon = '☀️';\n          else if (code === 116 || code === 119) icon = '⛅';\n          else if (code >= 176 && code <= 359) icon = '🌧️';\n          else if (code >= 368 && code <= 395) icon = '❄️';\n          document.getElementById('${props.id}-icon').textContent = icon;\n        } catch (e) {\n          console.error('Weather widget error:', e);\n          document.getElementById('${props.id}-value').textContent = '—';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 600) * 1000});\n    `\n  },\n\n  'clock': {\n    name: 'Clock',\n    icon: '🕐',\n    category: 'small',\n    description: 'Simple digital clock. Supports 12h or 24h format.',\n    defaultWidth: 200,\n    defaultHeight: 120,\n    hasApiKey: false,\n    properties: {\n      title: 'Clock',\n      timezone: 'local',\n      format24h: false\n    },\n    preview: `<div style=\"text-align:center;padding:8px;\">\n      <div style=\"font-size:24px;\">3:45 PM</div>\n      <div style=\"font-size:11px;color:#8b949e;\">Wed, Feb 5</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">🕐 ${props.title || 'Clock'}</span>\n        </div>\n        <div class=\"dash-card-body\" style=\"display:flex;flex-direction:column;align-items:center;justify-content:center;\">\n          <div class=\"kpi-value\" id=\"${props.id}-time\">—</div>\n          <div class=\"kpi-label\" id=\"${props.id}-date\">—</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Clock Widget: ${props.id}\n      function updateClock_${props.id.replace(/-/g, '_')}() {\n        const now = new Date();\n        const timeEl = document.getElementById('${props.id}-time');\n        const dateEl = document.getElementById('${props.id}-date');\n        const opts = { hour: 'numeric', minute: '2-digit', hour12: ${!props.format24h} };\n        timeEl.textContent = now.toLocaleTimeString('en-US', opts);\n        dateEl.textContent = now.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' });\n      }\n      updateClock_${props.id.replace(/-/g, '_')}();\n      setInterval(updateClock_${props.id.replace(/-/g, '_')}, 1000);\n    `\n  },\n\n  'auth-status': {\n    name: 'Auth Status',\n    icon: '🔐',\n    category: 'small',\n    description: 'Shows if OpenClaw is using Anthropic Max subscription (green) or API key fallback (yellow).',\n    defaultWidth: 180,\n    defaultHeight: 100,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'Auth Type',\n      endpoint: '/api/status',\n      refreshInterval: 30\n    },\n    preview: `<div style=\"text-align:center;padding:8px;\">\n      <div style=\"width:10px;height:10px;background:#3fb950;border-radius:50%;margin:0 auto 4px;\"></div>\n      <div style=\"font-size:13px;\">OAuth</div>\n      <div style=\"font-size:11px;color:#8b949e;\">Auth</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">🔐 ${props.title || 'Auth Type'}</span>\n        </div>\n        <div class=\"dash-card-body\" style=\"display:flex;align-items:center;justify-content:center;gap:10px;\">\n          <div class=\"kpi-indicator\" id=\"${props.id}-dot\"></div>\n          <div class=\"kpi-value\" id=\"${props.id}-value\">—</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Auth Status Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/status'}');\n          const json = await res.json();\n          const data = json.data || json;\n          const dot = document.getElementById('${props.id}-dot');\n          const val = document.getElementById('${props.id}-value');\n          val.textContent = data.authMode === 'oauth' ? 'Subscription' : 'API';\n          dot.className = 'kpi-indicator ' + (data.authMode === 'oauth' ? 'green' : 'yellow');\n        } catch (e) {\n          console.error('Auth status widget error:', e);\n          document.getElementById('${props.id}-value').textContent = '—';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 30) * 1000});\n    `\n  },\n\n  'session-count': {\n    name: 'Active Sessions',\n    icon: '💬',\n    category: 'small',\n    description: 'Shows count of active OpenClaw sessions.',\n    defaultWidth: 160,\n    defaultHeight: 100,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'Sessions',\n      endpoint: '/api/sessions',\n      refreshInterval: 30\n    },\n    preview: `<div style=\"text-align:center;padding:8px;\">\n      <div style=\"font-size:28px;color:#58a6ff;\">3</div>\n      <div style=\"font-size:11px;color:#8b949e;\">Active</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"kpi-card kpi-sm\" id=\"widget-${props.id}\">\n        <div class=\"kpi-icon\">💬</div>\n        <div class=\"kpi-data\">\n          <div class=\"kpi-value blue\" id=\"${props.id}-count\">—</div>\n          <div class=\"kpi-label\">Active</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Session Count Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/sessions'}');\n          const json = await res.json();\n          const data = json.data || json;\n          document.getElementById('${props.id}-count').textContent = data.active || data.length || 0;\n        } catch (e) {\n          document.getElementById('${props.id}-count').textContent = '—';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 30) * 1000});\n    `\n  },\n\n  // ─────────────────────────────────────────────\n  // LARGE CARDS (Content)\n  // ─────────────────────────────────────────────\n\n  'activity-list': {\n    name: 'Activity List',\n    icon: '📋',\n    category: 'large',\n    description: 'Shows recent OpenClaw activity from /api/activity endpoint.',\n    defaultWidth: 400,\n    defaultHeight: 300,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'Today',\n      endpoint: '/api/activity',\n      maxItems: 10,\n      refreshInterval: 60\n    },\n    preview: `<div style=\"padding:4px;font-size:11px;color:#8b949e;\">\n      <div>• Meeting at 2pm</div>\n      <div>• Review PR #42</div>\n      <div>• Deploy v1.2</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">📋 ${props.title || 'Today'}</span>\n          <span class=\"dash-card-badge\" id=\"${props.id}-badge\">—</span>\n        </div>\n        <div class=\"dash-card-body compact-list\" id=\"${props.id}-list\">\n          <div class=\"list-item\">• Team standup at 10am</div>\n          <div class=\"list-item\">• Review PR #42</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Activity List Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/activity'}');\n          const json = await res.json();\n          const data = json.data || json;\n          const list = document.getElementById('${props.id}-list');\n          const badge = document.getElementById('${props.id}-badge');\n          const items = data.items || [];\n          list.innerHTML = items.slice(0, ${props.maxItems || 10}).map(item => \n            '<div class=\"list-item\">' + item.text + '</div>'\n          ).join('');\n          badge.textContent = items.length + ' items';\n        } catch (e) {\n          console.error('Activity list widget error:', e);\n          document.getElementById('${props.id}-list').innerHTML = '<div class=\"list-item\">—</div>';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 60) * 1000});\n    `\n  },\n\n  'cron-jobs': {\n    name: 'Cron Jobs',\n    icon: '⏰',\n    category: 'large',\n    description: 'Lists scheduled cron jobs from OpenClaw /api/cron endpoint.',\n    defaultWidth: 400,\n    defaultHeight: 250,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'Cron',\n      endpoint: '/api/cron',\n      refreshInterval: 30\n    },\n    preview: `<div style=\"padding:4px;font-size:11px;color:#8b949e;\">\n      <div>⏰ Daily backup - 2am</div>\n      <div>⏰ Sync data - */5 *</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">⏰ ${props.title || 'Cron'}</span>\n          <span class=\"dash-card-badge\" id=\"${props.id}-badge\">—</span>\n        </div>\n        <div class=\"dash-card-body\" id=\"${props.id}-list\">\n          <div class=\"cron-item\"><span class=\"cron-name\">Daily backup</span><span class=\"cron-next\">2:00 AM</span></div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // Cron Jobs Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/cron'}');\n          const json = await res.json();\n          const data = json.data || json;\n          const list = document.getElementById('${props.id}-list');\n          const badge = document.getElementById('${props.id}-badge');\n          const jobs = data.jobs || [];\n          list.innerHTML = jobs.map(job => \n            '<div class=\"cron-item\"><span class=\"cron-name\">' + job.name + '</span><span class=\"cron-next\">' + job.next + '</span></div>'\n          ).join('');\n          badge.textContent = jobs.length + ' jobs';\n        } catch (e) {\n          console.error('Cron jobs widget error:', e);\n          document.getElementById('${props.id}-list').innerHTML = '<div class=\"cron-item\"><span class=\"cron-name\">—</span></div>';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 30) * 1000});\n    `\n  },\n\n  'system-log': {\n    name: 'System Log',\n    icon: '🔧',\n    category: 'large',\n    description: 'Shows recent system logs from OpenClaw /api/logs endpoint.',\n    defaultWidth: 500,\n    defaultHeight: 400,\n    hasApiKey: true,\n    apiKeyName: 'OPENCLAW_API',\n    properties: {\n      title: 'System Log',\n      endpoint: '/api/logs',\n      maxLines: 50,\n      refreshInterval: 10\n    },\n    preview: `<div style=\"padding:4px;font-size:10px;font-family:monospace;color:#8b949e;\">\n      <div>[INFO] System started</div>\n      <div>[DEBUG] Loading config</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">🔧 ${props.title || 'System Log'}</span>\n          <span class=\"dash-card-badge\" id=\"${props.id}-badge\">—</span>\n        </div>\n        <div class=\"dash-card-body compact-list syslog-scroll\" id=\"${props.id}-log\">\n          <div class=\"log-line\">[INFO] System started successfully</div>\n        </div>\n      </div>`,\n    generateJs: (props) => `\n      // System Log Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('${props.endpoint || '/api/logs'}');\n          const json = await res.json();\n          const data = json.data || json;\n          const log = document.getElementById('${props.id}-log');\n          const badge = document.getElementById('${props.id}-badge');\n          const lines = data.lines || [];\n          log.innerHTML = lines.slice(-${props.maxLines || 50}).map(line => \n            '<div class=\"log-line\">' + line + '</div>'\n          ).join('');\n          badge.textContent = lines.length + ' lines';\n          log.scrollTop = log.scrollHeight;\n        } catch (e) {\n          console.error('System log widget error:', e);\n          document.getElementById('${props.id}-log').innerHTML = '<div class=\"log-line\">—</div>';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 10) * 1000});\n    `\n  },\n\n  // ─────────────────────────────────────────────\n  // BARS\n  // ─────────────────────────────────────────────\n\n  'pages-menu': {\n    name: 'Pages Menu',\n    icon: '📑',\n    category: 'small',\n    description: 'Navigation links to all discovered LobsterBoard pages. Supports vertical or horizontal layout.',\n    defaultWidth: 220,\n    defaultHeight: 200,\n    hasApiKey: false,\n    properties: {\n      title: 'Pages',\n      layout: 'vertical',\n      refreshInterval: 60\n    },\n    preview: `<div style=\"padding:6px;font-size:11px;color:#8b949e;\">\n      <div>📝 Notes</div>\n      <div>📋 Board</div>\n      <div>📅 Calendar</div>\n    </div>`,\n    generateHtml: (props) => `\n      <div class=\"dash-card\" id=\"widget-${props.id}\" style=\"height:100%;\">\n        <div class=\"dash-card-head\">\n          <span class=\"dash-card-title\">📑 ${props.title || 'Pages'}</span>\n        </div>\n        <div class=\"dash-card-body pages-menu ${props.layout === 'horizontal' ? 'pages-menu-horizontal' : 'pages-menu-vertical'}\" id=\"${props.id}-list\">\n          <span class=\"pages-menu-item\">Loading…</span>\n        </div>\n      </div>\n      <style>\n        .pages-menu-vertical { display:flex; flex-direction:column; gap:4px; overflow-y:auto; }\n        .pages-menu-horizontal { display:flex; flex-direction:row; flex-wrap:wrap; gap:6px; align-items:center; }\n        .pages-menu-item {\n          display:inline-flex; align-items:center; gap:6px;\n          padding:6px 10px; border-radius:6px;\n          background:#21262d; color:#c9d1d9;\n          text-decoration:none; font-size:13px;\n          transition: background .15s, color .15s;\n        }\n        .pages-menu-item:hover { background:#30363d; color:#58a6ff; }\n        .pages-menu-item .pages-menu-icon { font-size:15px; }\n      </style>`,\n    generateJs: (props) => `\n      // Pages Menu Widget: ${props.id}\n      async function update_${props.id.replace(/-/g, '_')}() {\n        try {\n          const res = await fetch('/api/pages');\n          const pages = await res.json();\n          const list = document.getElementById('${props.id}-list');\n          if (!pages.length) { list.innerHTML = '<span class=\"pages-menu-item\">No pages found</span>'; return; }\n          list.innerHTML = pages.map(p =>\n            '<a class=\"pages-menu-item\" href=\"/pages/' + p.id + '\" title=\"' + (p.description || p.title || p.name || '') + '\">' +\n            '<span class=\"pages-menu-icon\">' + (p.icon || '📄') + '</span>' +\n            '<span>' + (p.title || p.name || p.id) + '</span></a>'\n          ).join('');\n        } catch (e) {\n          console.error('Pages menu widget error:', e);\n          document.getElementById('${props.id}-list').innerHTML = '<span class=\"pages-menu-item\">Error loading pages</span>';\n        }\n      }\n      update_${props.id.replace(/-/g, '_')}();\n      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 60) * 1000});\n    `\n  },\n\n  'topbar': {\n    name: 'Top Nav Bar',\n    icon: '🔝',\n    category: 'bar',\n    description: 'Navigation bar with clock, weather, and system stats.',\n    defaultWidth: 1920,\n    defaultHeight: 48,\n    hasApiKey: false,\n    properties: {\n      title: 'OpenClaw',\n      links: 'Dashboard,Activity,Settings'\n    },\n    preview: `<div style=\"background:#161b22;padding:8px;font-size:11px;display:flex;gap:12px;\">\n      <span>🤖 OpenClaw</span>\n      <span style=\"color:#58a6ff;\">Dashboard</span>\n    </div>`,\n    generateHtml: (props) => `\n      <nav class=\"topbar\" id=\"widget-${props.id}\">\n        <div class=\"topbar-left\">\n          <span class=\"topbar-brand\">🤖 ${props.title || 'OpenClaw'}</span>\n          ${(props.links || 'Dashboard').split(',').map((link, i) => \n            `<a href=\"#\" class=\"topbar-link${i === 0 ? ' active' : ''}\">${link.trim()}</a>`\n          ).join('')}\n        </div>\n        <div class=\"topbar-right\">\n          <span class=\"topbar-meta\" id=\"${props.id}-refresh\">—</span>\n          <button class=\"topbar-refresh\" onclick=\"location.reload()\" title=\"Refresh\">↻</button>\n        </div>\n      </nav>`,\n    generateJs: (props) => `\n      // Top Bar Widget: ${props.id}\n      document.getElementById('${props.id}-refresh').textContent = \n        new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });\n    `\n  }\n};\n\n// Helper to get widget categories\nexport function getWidgetCategories() {\n  const categories = {};\n  for (const [key, widget] of Object.entries(WIDGETS)) {\n    const cat = widget.category || 'other';\n    if (!categories[cat]) categories[cat] = [];\n    categories[cat].push({ key, ...widget });\n  }\n  return categories;\n}\n\n// Helper to get widget by type\nexport function getWidget(type) {\n  return WIDGETS[type] || null;\n}\n\n// Helper to list all widget types\nexport function getWidgetTypes() {\n  return Object.keys(WIDGETS);\n}\n\nexport default WIDGETS;\n","/**\n * LobsterBoard - Dashboard Builder Core\n * Provides utilities for generating dashboard HTML, CSS, and JS\n * \n * @module lobsterboard/builder\n */\n\nimport { WIDGETS } from './widgets.js';\n\n// ─────────────────────────────────────────────\n// SECURITY HELPERS\n// ─────────────────────────────────────────────\n\n/**\n * Escape HTML to prevent XSS attacks\n * @param {string} str - String to escape\n * @returns {string} Escaped string\n */\nexport function escapeHtml(str) {\n  if (!str) return '';\n  if (typeof document !== 'undefined') {\n    const div = document.createElement('div');\n    div.textContent = str;\n    return div.innerHTML;\n  }\n  // Fallback for Node.js\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\n\n// ─────────────────────────────────────────────\n// HTML PROCESSING\n// ─────────────────────────────────────────────\n\n/**\n * Process widget HTML to conditionally remove header\n * @param {string} html - Widget HTML\n * @param {boolean} showHeader - Whether to show the header\n * @returns {string} Processed HTML\n */\nexport function processWidgetHtml(html, showHeader) {\n  if (showHeader !== false) return html;\n  const headerRegex = /<div\\s+class=\"dash-card-head\"[^>]*>[\\s\\S]*?<\\/div>/i;\n  return html.replace(headerRegex, '');\n}\n\n// ─────────────────────────────────────────────\n// CSS GENERATION\n// ─────────────────────────────────────────────\n\n/**\n * Generate the base dashboard CSS\n * @returns {string} CSS styles\n */\nexport function generateDashboardCss() {\n  return `/* LobsterBoard Dashboard - Generated Styles */\n\n:root {\n  --bg-primary: #0d1117;\n  --bg-secondary: #161b22;\n  --bg-tertiary: #21262d;\n  --bg-hover: #30363d;\n  --border: #30363d;\n  --text-primary: #e6edf3;\n  --text-secondary: #8b949e;\n  --text-muted: #6e7681;\n  --accent-blue: #58a6ff;\n  --accent-green: #3fb950;\n  --accent-orange: #d29922;\n  --accent-red: #f85149;\n  --accent-purple: #a371f7;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: var(--bg-primary);\n  color: var(--text-primary);\n  min-height: 100vh;\n}\n\n.dashboard {\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.widget-container {\n  overflow: hidden;\n}\n\n/* KPI Cards */\n.kpi-card {\n  background: var(--bg-secondary);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 16px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  height: 100%;\n}\n\n.kpi-sm {\n  padding: 12px;\n}\n\n.kpi-icon {\n  font-size: 24px;\n}\n\n.kpi-data {\n  flex: 1;\n}\n\n.kpi-value {\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.kpi-value.blue { color: var(--accent-blue); }\n.kpi-value.green { color: var(--accent-green); }\n.kpi-value.orange { color: var(--accent-orange); }\n.kpi-value.red { color: var(--accent-red); }\n\n.kpi-label {\n  font-size: 12px;\n  color: var(--text-secondary);\n  margin-top: 2px;\n}\n\n.kpi-indicator {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: var(--text-muted);\n}\n\n.kpi-indicator.green { background: var(--accent-green); }\n.kpi-indicator.yellow { background: var(--accent-orange); }\n.kpi-indicator.red { background: var(--accent-red); }\n\n/* Dash Cards */\n.dash-card {\n  background: var(--bg-secondary);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.dash-card-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--border);\n  background: var(--bg-tertiary);\n}\n\n.dash-card-title {\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.dash-card-badge {\n  font-size: 11px;\n  color: var(--text-secondary);\n  background: var(--bg-primary);\n  padding: 2px 8px;\n  border-radius: 10px;\n}\n\n.dash-card-body {\n  flex: 1;\n  padding: 12px 16px;\n  overflow-y: auto;\n}\n\n.compact-list {\n  font-size: 12px;\n}\n\n.syslog-scroll {\n  font-family: 'SF Mono', Monaco, monospace;\n  font-size: 11px;\n}\n\n/* Top Bar */\n.topbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 20px;\n  background: var(--bg-secondary);\n  border-bottom: 1px solid var(--border);\n  height: 100%;\n}\n\n.topbar-left {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n\n.topbar-brand {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.topbar-link {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-size: 13px;\n}\n\n.topbar-link:hover,\n.topbar-link.active {\n  color: var(--accent-blue);\n}\n\n.topbar-right {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.topbar-meta {\n  font-size: 12px;\n  color: var(--text-muted);\n}\n\n.topbar-refresh {\n  background: var(--bg-tertiary);\n  border: 1px solid var(--border);\n  color: var(--text-secondary);\n  padding: 4px 8px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n/* List Items */\n.list-item {\n  padding: 6px 0;\n  border-bottom: 1px solid var(--border);\n}\n\n.list-item:last-child {\n  border-bottom: none;\n}\n\n.cron-item {\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 0;\n  border-bottom: 1px solid var(--border);\n}\n\n.cron-name {\n  color: var(--text-primary);\n}\n\n.cron-next {\n  color: var(--text-muted);\n  font-size: 11px;\n}\n\n.log-line {\n  padding: 2px 0;\n  border-bottom: 1px solid rgba(48, 54, 61, 0.5);\n}\n\n/* Weather */\n.weather-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--border);\n}\n\n.weather-row:last-child {\n  border-bottom: none;\n}\n\n.weather-icon {\n  font-size: 18px;\n}\n\n.weather-loc {\n  flex: 1;\n  color: var(--text-primary);\n}\n\n.weather-temp {\n  font-weight: 600;\n  color: var(--accent-blue);\n}\n\n/* Utilities */\n.loading-sm {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n}\n\n.spinner-sm {\n  width: 20px;\n  height: 20px;\n  border: 2px solid var(--bg-tertiary);\n  border-top-color: var(--accent-blue);\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  to { transform: rotate(360deg); }\n}\n\n.error {\n  color: var(--accent-red);\n  padding: 10px;\n  text-align: center;\n}\n\n::-webkit-scrollbar {\n  width: 6px;\n}\n\n::-webkit-scrollbar-track {\n  background: var(--bg-primary);\n}\n\n::-webkit-scrollbar-thumb {\n  background: var(--bg-tertiary);\n  border-radius: 3px;\n}\n\n/* Post-Export Edit Mode */\n.edit-mode .widget-container {\n  cursor: move;\n  outline: 2px dashed #3b82f6;\n  outline-offset: -2px;\n}\n\n.edit-mode .widget-container:hover {\n  outline-color: #60a5fa;\n}\n\n.edit-mode .widget-container.dragging {\n  opacity: 0.8;\n  z-index: 1000;\n}\n\n.resize-handle-edit {\n  display: none;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 16px;\n  height: 16px;\n  cursor: se-resize;\n  background: #3b82f6;\n  border-radius: 2px 0 0 0;\n  z-index: 10;\n}\n\n.edit-mode .resize-handle-edit {\n  display: block;\n}\n\n#edit-toggle {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  z-index: 9999;\n  padding: 8px 16px;\n  background: #1e293b;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.3);\n}\n\n#edit-toggle:hover {\n  background: #334155;\n}\n\n#edit-toggle.active {\n  background: #3b82f6;\n}\n`;\n}\n\n// ─────────────────────────────────────────────\n// JS GENERATION\n// ─────────────────────────────────────────────\n\n/**\n * Generate the post-export edit mode JS\n * @returns {string} JavaScript code\n */\nexport function generateEditJs() {\n  return `\n// ─────────────────────────────────────────────\n// POST-EXPORT LAYOUT EDITING\n// ─────────────────────────────────────────────\n\n(function() {\n  const STORAGE_KEY = 'lobsterboard-layout';\n  const GRID_SIZE = 20;\n  const MIN_WIDTH = 100;\n  const MIN_HEIGHT = 60;\n  \n  let editMode = false;\n  let activeWidget = null;\n  let startX, startY, origLeft, origTop, origWidth, origHeight;\n  let isResizing = false;\n\n  document.addEventListener('DOMContentLoaded', initEditMode);\n\n  function initEditMode() {\n    const btn = document.createElement('button');\n    btn.id = 'edit-toggle';\n    btn.textContent = '✏️ Edit Layout';\n    btn.onclick = toggleEditMode;\n    document.body.appendChild(btn);\n    document.querySelectorAll('.widget-container').forEach(initWidget);\n    loadPositions();\n  }\n\n  function initWidget(widget) {\n    const handle = document.createElement('div');\n    handle.className = 'resize-handle-edit';\n    widget.appendChild(handle);\n    widget.addEventListener('mousedown', onWidgetMouseDown);\n    handle.addEventListener('mousedown', onResizeMouseDown);\n  }\n\n  function toggleEditMode() {\n    editMode = !editMode;\n    document.body.classList.toggle('edit-mode', editMode);\n    document.getElementById('edit-toggle').classList.toggle('active', editMode);\n    document.getElementById('edit-toggle').textContent = editMode ? '💾 Save Layout' : '✏️ Edit Layout';\n    if (!editMode) savePositions();\n  }\n\n  function onWidgetMouseDown(e) {\n    if (!editMode) return;\n    if (e.target.classList.contains('resize-handle-edit')) return;\n    if (e.button !== 0) return;\n    e.preventDefault();\n    activeWidget = e.currentTarget;\n    isResizing = false;\n    startX = e.clientX;\n    startY = e.clientY;\n    origLeft = activeWidget.offsetLeft;\n    origTop = activeWidget.offsetTop;\n    activeWidget.classList.add('dragging');\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n  }\n\n  function onResizeMouseDown(e) {\n    if (!editMode) return;\n    e.preventDefault();\n    e.stopPropagation();\n    activeWidget = e.target.parentElement;\n    isResizing = true;\n    startX = e.clientX;\n    startY = e.clientY;\n    origWidth = activeWidget.offsetWidth;\n    origHeight = activeWidget.offsetHeight;\n    activeWidget.classList.add('dragging');\n    document.addEventListener('mousemove', onMouseMove);\n    document.addEventListener('mouseup', onMouseUp);\n  }\n\n  function onMouseMove(e) {\n    if (!activeWidget) return;\n    const dx = e.clientX - startX;\n    const dy = e.clientY - startY;\n    if (isResizing) {\n      activeWidget.style.width = Math.max(MIN_WIDTH, origWidth + dx) + 'px';\n      activeWidget.style.height = Math.max(MIN_HEIGHT, origHeight + dy) + 'px';\n    } else {\n      activeWidget.style.left = Math.max(0, origLeft + dx) + 'px';\n      activeWidget.style.top = Math.max(0, origTop + dy) + 'px';\n    }\n  }\n\n  function onMouseUp() {\n    if (!activeWidget) return;\n    if (isResizing) {\n      activeWidget.style.width = snapToGrid(activeWidget.offsetWidth) + 'px';\n      activeWidget.style.height = snapToGrid(activeWidget.offsetHeight) + 'px';\n    } else {\n      activeWidget.style.left = snapToGrid(activeWidget.offsetLeft) + 'px';\n      activeWidget.style.top = snapToGrid(activeWidget.offsetTop) + 'px';\n    }\n    activeWidget.classList.remove('dragging');\n    activeWidget = null;\n    isResizing = false;\n    document.removeEventListener('mousemove', onMouseMove);\n    document.removeEventListener('mouseup', onMouseUp);\n  }\n\n  function snapToGrid(value) {\n    return Math.round(value / GRID_SIZE) * GRID_SIZE;\n  }\n\n  function savePositions() {\n    const positions = {};\n    document.querySelectorAll('.widget-container').forEach(widget => {\n      const id = widget.dataset.widgetId;\n      if (id) {\n        positions[id] = {\n          left: widget.offsetLeft,\n          top: widget.offsetTop,\n          width: widget.offsetWidth,\n          height: widget.offsetHeight\n        };\n      }\n    });\n    try {\n      localStorage.setItem(STORAGE_KEY, JSON.stringify(positions));\n    } catch (e) {}\n  }\n\n  function loadPositions() {\n    try {\n      const saved = localStorage.getItem(STORAGE_KEY);\n      if (!saved) return;\n      const positions = JSON.parse(saved);\n      document.querySelectorAll('.widget-container').forEach(widget => {\n        const id = widget.dataset.widgetId;\n        const pos = positions[id];\n        if (pos) {\n          widget.style.left = pos.left + 'px';\n          widget.style.top = pos.top + 'px';\n          widget.style.width = pos.width + 'px';\n          widget.style.height = pos.height + 'px';\n        }\n      });\n    } catch (e) {}\n  }\n})();\n`;\n}\n\n// ─────────────────────────────────────────────\n// DASHBOARD GENERATION\n// ─────────────────────────────────────────────\n\n/**\n * Generate widget HTML for a widget configuration\n * @param {Object} widget - Widget configuration\n * @returns {string} Widget HTML\n */\nexport function generateWidgetHtml(widget) {\n  const template = WIDGETS[widget.type];\n  if (!template) return '';\n\n  const props = { ...widget.properties, id: widget.id };\n  let html = processWidgetHtml(template.generateHtml(props), widget.properties.showHeader);\n\n  return `\n    <div class=\"widget-container\" data-widget-id=\"${widget.id}\" style=\"position:absolute;left:${widget.x}px;top:${widget.y}px;width:${widget.width}px;height:${widget.height}px;\">\n      ${html}\n    </div>`;\n}\n\n/**\n * Generate widget JavaScript for a widget configuration\n * @param {Object} widget - Widget configuration\n * @returns {string} Widget JavaScript\n */\nexport function generateWidgetJs(widget) {\n  const template = WIDGETS[widget.type];\n  if (!template || !template.generateJs) return '';\n\n  const props = { ...widget.properties, id: widget.id };\n  return template.generateJs(props);\n}\n\n/**\n * Generate complete dashboard HTML\n * @param {Object} config - Dashboard configuration\n * @param {Object} config.canvas - Canvas dimensions { width, height }\n * @param {Array} config.widgets - Array of widget configurations\n * @returns {string} Complete HTML document\n */\nexport function generateDashboardHtml(config) {\n  const { canvas, widgets } = config;\n  const widgetHtml = widgets.map(generateWidgetHtml).join('\\n');\n\n  return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>My LobsterBoard Dashboard</title>\n  <link rel=\"stylesheet\" href=\"css/style.css\">\n</head>\n<body>\n  <main class=\"dashboard\" style=\"width:${canvas.width}px;height:${canvas.height}px;position:relative;\">\n    ${widgetHtml}\n  </main>\n  <script src=\"js/dashboard.js\"></script>\n</body>\n</html>`;\n}\n\n/**\n * Generate complete dashboard JavaScript\n * @param {Array} widgets - Array of widget configurations\n * @returns {string} Complete JavaScript\n */\nexport function generateDashboardJs(widgets) {\n  const widgetJs = widgets.map(generateWidgetJs).filter(Boolean).join('\\n\\n');\n  const editJs = generateEditJs();\n\n  return `/**\n * LobsterBoard Dashboard - Generated JavaScript\n * Replace YOUR_*_API_KEY placeholders with your actual API keys\n */\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  console.log('Dashboard loaded');\n});\n\n${widgetJs}\n\n${editJs}\n`;\n}\n\n/**\n * Generate README for exported dashboard\n * @param {Array} widgets - Array of widget configurations\n * @returns {string} README markdown\n */\nexport function generateReadme(widgets) {\n  const apiKeys = [];\n  const needsOpenClaw = widgets.some(w => \n    ['openclaw-release', 'auth-status', 'activity-list', 'cron-jobs', 'system-log', 'session-count', 'token-gauge'].includes(w.type)\n  );\n  \n  widgets.forEach(widget => {\n    const template = WIDGETS[widget.type];\n    if (template?.hasApiKey && template.apiKeyName) {\n      if (!apiKeys.includes(template.apiKeyName)) {\n        apiKeys.push(template.apiKeyName);\n      }\n    }\n  });\n\n  return `# LobsterBoard Dashboard\n\nThis dashboard was generated with LobsterBoard Dashboard Builder.\n\n## Quick Start\n\n${needsOpenClaw ? `### Running with OpenClaw widgets\n\nYour dashboard includes widgets that connect to OpenClaw. Run the included server:\n\n\\`\\`\\`bash\nnode server.js\n\\`\\`\\`\n\nOpen http://localhost:8080 in your browser.\n` : ''}\n### Static mode\n\nOpen \\`index.html\\` directly in a browser.\n\n## Files\n\n| File | Description |\n|------|-------------|\n| \\`index.html\\` | Dashboard page |\n| \\`css/style.css\\` | Styles |\n| \\`js/dashboard.js\\` | Widget logic |\n| \\`server.js\\` | Server with OpenClaw API proxy |\n\n${apiKeys.length > 0 ? `## API Keys\n\nEdit \\`js/dashboard.js\\` and replace these placeholders:\n${apiKeys.map(key => `- \\`YOUR_${key}\\``).join('\\n')}\n` : ''}\n\n---\n\nGenerated with LobsterBoard - https://github.com/curbob/LobsterBoard\n`;\n}\n\nexport default {\n  escapeHtml,\n  processWidgetHtml,\n  generateDashboardCss,\n  generateEditJs,\n  generateWidgetHtml,\n  generateWidgetJs,\n  generateDashboardHtml,\n  generateDashboardJs,\n  generateReadme\n};\n","/**\n * LobsterBoard - Dashboard Builder Library\n * \n * A library for building and generating dashboard configurations\n * with customizable widgets.\n * \n * @module lobsterboard\n * @example\n * // ESM\n * import { WIDGETS, generateDashboardHtml, generateDashboardCss } from 'lobsterboard';\n * \n * // CommonJS\n * const { WIDGETS, generateDashboardHtml } = require('lobsterboard');\n * \n * // Browser (UMD)\n * <script src=\"https://unpkg.com/lobsterboard\"></script>\n * const { WIDGETS } = LobsterBoard;\n */\n\n// Widget definitions\nexport { \n  WIDGETS, \n  getWidgetCategories, \n  getWidget, \n  getWidgetTypes \n} from './widgets.js';\n\n// Builder utilities\nexport {\n  escapeHtml,\n  processWidgetHtml,\n  generateDashboardCss,\n  generateEditJs,\n  generateWidgetHtml,\n  generateWidgetJs,\n  generateDashboardHtml,\n  generateDashboardJs,\n  generateReadme\n} from './builder.js';\n\n// Re-export defaults for convenience\nimport { WIDGETS } from './widgets.js';\nimport builder from './builder.js';\n\n// Version (will be replaced during build)\nexport const VERSION = '0.1.0';\n\n// Default export for convenience\nexport default {\n  VERSION,\n  WIDGETS,\n  ...builder\n};\n"],"names":[],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEY,MAAC,OAAO,GAAG;AACvB;AACA;AACA;AACA;AACA,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,WAAW,EAAE,gFAAgF;AACjG,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,SAAS,EAAE,KAAK;AACpB,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,eAAe;AAC5B,MAAM,QAAQ,EAAE,SAAS;AACzB,MAAM,KAAK,EAAE,GAAG;AAChB,MAAM,eAAe,EAAE;AACvB,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA,4CAA4C,EAAE,KAAK,CAAC,KAAK,IAAI,eAAe,CAAC;AAC7E;AACA;AACA,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;AAC/B;AACA,4CAA4C,EAAE,KAAK,CAAC,EAAE,CAAC;AACvD,uCAAuC,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC;AACzF;AACA;AACA,YAAY,CAAC;AACb,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC;AACpC,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D;AACA,+CAA+C,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,CAAC;AAC7E;AACA;AACA;AACA,wBAAwB,EAAE,KAAK,CAAC,KAAK,CAAC;AACtC,wBAAwB,EAAE,KAAK,CAAC,KAAK,CAAC;AACtC,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3C,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,GAAG,IAAI,IAAI,CAAC;AACjG,IAAI;AACJ,GAAG;;AAEH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,WAAW,EAAE,mDAAmD;AACpE,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,SAAS,EAAE,KAAK;AACpB,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,OAAO;AACpB,MAAM,QAAQ,EAAE,OAAO;AACvB,MAAM,SAAS,EAAE;AACjB,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA,2CAA2C,EAAE,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC;AACpE;AACA;AACA,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC;AAChD,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC;AAChD;AACA,YAAY,CAAC;AACb,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,uBAAuB,EAAE,KAAK,CAAC,EAAE;AACjC,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AACzD;AACA,gDAAgD,EAAE,KAAK,CAAC,EAAE,CAAC;AAC3D,gDAAgD,EAAE,KAAK,CAAC,EAAE,CAAC;AAC3D,mEAAmE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;AACtF;AACA;AACA;AACA,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAChD,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC5D,IAAI;AACJ,GAAG;;AAEH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,WAAW,EAAE,6FAA6F;AAC9G,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,WAAW;AACxB,MAAM,QAAQ,EAAE,aAAa;AAC7B,MAAM,eAAe,EAAE;AACvB,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA,2CAA2C,EAAE,KAAK,CAAC,KAAK,IAAI,WAAW,CAAC;AACxE;AACA;AACA,yCAAyC,EAAE,KAAK,CAAC,EAAE,CAAC;AACpD,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC;AAChD;AACA,YAAY,CAAC;AACb,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,6BAA6B,EAAE,KAAK,CAAC,EAAE;AACvC,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D;AACA,mCAAmC,EAAE,KAAK,CAAC,QAAQ,IAAI,aAAa,CAAC;AACrE;AACA;AACA,+CAA+C,EAAE,KAAK,CAAC,EAAE,CAAC;AAC1D,+CAA+C,EAAE,KAAK,CAAC,EAAE,CAAC;AAC1D;AACA;AACA;AACA;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3C,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,IAAI,IAAI,CAAC;AAChG,IAAI;AACJ,GAAG;;AAEH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,iBAAiB;AAC3B,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,WAAW,EAAE,0CAA0C;AAC3D,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,UAAU;AACvB,MAAM,QAAQ,EAAE,eAAe;AAC/B,MAAM,eAAe,EAAE;AACvB,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,8CAA8C,EAAE,KAAK,CAAC,EAAE,CAAC;AACzD;AACA;AACA,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC;AACrD;AACA;AACA,YAAY,CAAC;AACb,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,+BAA+B,EAAE,KAAK,CAAC,EAAE;AACzC,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D;AACA,mCAAmC,EAAE,KAAK,CAAC,QAAQ,IAAI,eAAe,CAAC;AACvE;AACA;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3C,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,IAAI,IAAI,CAAC;AAChG,IAAI;AACJ,GAAG;;AAEH;AACA;AACA;;AAEA,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,eAAe;AACzB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,WAAW,EAAE,6DAA6D;AAC9E,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,OAAO;AACpB,MAAM,QAAQ,EAAE,eAAe;AAC/B,MAAM,QAAQ,EAAE,EAAE;AAClB,MAAM,eAAe,EAAE;AACvB,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA,2CAA2C,EAAE,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC;AACpE,4CAA4C,EAAE,KAAK,CAAC,EAAE,CAAC;AACvD;AACA,qDAAqD,EAAE,KAAK,CAAC,EAAE,CAAC;AAChE;AACA;AACA;AACA,YAAY,CAAC;AACb,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,+BAA+B,EAAE,KAAK,CAAC,EAAE;AACzC,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D;AACA,mCAAmC,EAAE,KAAK,CAAC,QAAQ,IAAI,eAAe,CAAC;AACvE;AACA;AACA,gDAAgD,EAAE,KAAK,CAAC,EAAE,CAAC;AAC3D,iDAAiD,EAAE,KAAK,CAAC,EAAE,CAAC;AAC5D;AACA,0CAA0C,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC;AACjE;AACA;AACA;AACA;AACA;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3C,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,IAAI,IAAI,CAAC;AAChG,IAAI;AACJ,GAAG;;AAEH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,WAAW;AACrB,IAAI,IAAI,EAAE,GAAG;AACb,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,WAAW,EAAE,6DAA6D;AAC9E,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,QAAQ,EAAE,WAAW;AAC3B,MAAM,eAAe,EAAE;AACvB,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA,0CAA0C,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC;AAClE,4CAA4C,EAAE,KAAK,CAAC,EAAE,CAAC;AACvD;AACA,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA;AACA,YAAY,CAAC;AACb,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,2BAA2B,EAAE,KAAK,CAAC,EAAE;AACrC,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D;AACA,mCAAmC,EAAE,KAAK,CAAC,QAAQ,IAAI,WAAW,CAAC;AACnE;AACA;AACA,gDAAgD,EAAE,KAAK,CAAC,EAAE,CAAC;AAC3D,iDAAiD,EAAE,KAAK,CAAC,EAAE,CAAC;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3C,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,IAAI,IAAI,CAAC;AAChG,IAAI;AACJ,GAAG;;AAEH,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,WAAW,EAAE,4DAA4D;AAC7E,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,YAAY;AACzB,MAAM,QAAQ,EAAE,WAAW;AAC3B,MAAM,QAAQ,EAAE,EAAE;AAClB,MAAM,eAAe,EAAE;AACvB,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA,2CAA2C,EAAE,KAAK,CAAC,KAAK,IAAI,YAAY,CAAC;AACzE,4CAA4C,EAAE,KAAK,CAAC,EAAE,CAAC;AACvD;AACA,mEAAmE,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9E;AACA;AACA,YAAY,CAAC;AACb,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,4BAA4B,EAAE,KAAK,CAAC,EAAE;AACtC,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D;AACA,mCAAmC,EAAE,KAAK,CAAC,QAAQ,IAAI,WAAW,CAAC;AACnE;AACA;AACA,+CAA+C,EAAE,KAAK,CAAC,EAAE,CAAC;AAC1D,iDAAiD,EAAE,KAAK,CAAC,EAAE,CAAC;AAC5D;AACA,uCAAuC,EAAE,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3C,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,IAAI,IAAI,CAAC;AAChG,IAAI;AACJ,GAAG;;AAEH;AACA;AACA;;AAEA,EAAE,YAAY,EAAE;AAChB,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,WAAW,EAAE,gGAAgG;AACjH,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,SAAS,EAAE,KAAK;AACpB,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,OAAO;AACpB,MAAM,MAAM,EAAE,UAAU;AACxB,MAAM,eAAe,EAAE;AACvB,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA,2CAA2C,EAAE,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC;AACpE;AACA,8CAA8C,EAAE,KAAK,CAAC,MAAM,KAAK,YAAY,GAAG,uBAAuB,GAAG,qBAAqB,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;AACjJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CAAC;AACf,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,4BAA4B,EAAE,KAAK,CAAC,EAAE;AACtC,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1D;AACA;AACA;AACA,gDAAgD,EAAE,KAAK,CAAC,EAAE,CAAC;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;AAC9C;AACA;AACA,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3C,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,IAAI,IAAI,CAAC;AAChG,IAAI;AACJ,GAAG;;AAEH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,aAAa;AACvB,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,QAAQ,EAAE,KAAK;AACnB,IAAI,WAAW,EAAE,uDAAuD;AACxE,IAAI,YAAY,EAAE,IAAI;AACtB,IAAI,aAAa,EAAE,EAAE;AACrB,IAAI,SAAS,EAAE,KAAK;AACpB,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,UAAU;AACvB,MAAM,KAAK,EAAE;AACb,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd;AACA;AACA,UAAU,CAAC;AACX,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC;AAChD;AACA,wCAAwC,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC;AACpE,UAAU,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAChE,YAAY,CAAC,8BAA8B,EAAE,CAAC,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI;AAC1F,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;AACpB;AACA;AACA,wCAAwC,EAAE,KAAK,CAAC,EAAE,CAAC;AACnD;AACA;AACA,YAAY,CAAC;AACb,IAAI,UAAU,EAAE,CAAC,KAAK,KAAK;AAC3B,yBAAyB,EAAE,KAAK,CAAC,EAAE;AACnC,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAAC;AAC1C;AACA,IAAI;AACJ;AACA;;AAEA;AACO,SAAS,mBAAmB,GAAG;AACtC,EAAE,MAAM,UAAU,GAAG,EAAE;AACvB,EAAE,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AACvD,IAAI,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,IAAI,OAAO;AAC1C,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE;AAC9C,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;AAC5C,EAAE;AACF,EAAE,OAAO,UAAU;AACnB;;AAEA;AACO,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI;AAC9B;;AAEA;AACO,SAAS,cAAc,GAAG;AACjC,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;AAC7B;;AC/eA;AACA;AACA;AACA;AACA;AACA;;;AAIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,UAAU,CAAC,GAAG,EAAE;AAChC,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE;AACrB,EAAE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AACvC,IAAI,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC7C,IAAI,GAAG,CAAC,WAAW,GAAG,GAAG;AACzB,IAAI,OAAO,GAAG,CAAC,SAAS;AACxB,EAAE;AACF;AACA,EAAE,OAAO;AACT,KAAK,OAAO,CAAC,IAAI,EAAE,OAAO;AAC1B,KAAK,OAAO,CAAC,IAAI,EAAE,MAAM;AACzB,KAAK,OAAO,CAAC,IAAI,EAAE,MAAM;AACzB,KAAK,OAAO,CAAC,IAAI,EAAE,QAAQ;AAC3B,KAAK,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;AAC5B;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,iBAAiB,CAAC,IAAI,EAAE,UAAU,EAAE;AACpD,EAAE,IAAI,UAAU,KAAK,KAAK,EAAE,OAAO,IAAI;AACvC,EAAE,MAAM,WAAW,GAAG,qDAAqD;AAC3E,EAAE,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;AACtC;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,SAAS,oBAAoB,GAAG;AACvC,EAAE,OAAO,CAAC;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA,CAAC;AACD;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,SAAS,cAAc,GAAG;AACjC,EAAE,OAAO;AACT;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,kBAAkB,CAAC,MAAM,EAAE;AAC3C,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;AACvC,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE;;AAE1B,EAAE,MAAM,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE;AACvD,EAAE,IAAI,IAAI,GAAG,iBAAiB,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC;;AAE1F,EAAE,OAAO;AACT,kDAAkD,EAAE,MAAM,CAAC,EAAE,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC;AAC7K,MAAM,EAAE,IAAI;AACZ,UAAU,CAAC;AACX;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB,CAAC,MAAM,EAAE;AACzC,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;AACvC,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE;;AAElD,EAAE,MAAM,KAAK,GAAG,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE;AACvD,EAAE,OAAO,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;AACnC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,qBAAqB,CAAC,MAAM,EAAE;AAC9C,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM;AACpC,EAAE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;AAE/D,EAAE,OAAO,CAAC;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC;AAChF,IAAI,EAAE,UAAU;AAChB;AACA;AACA;AACA,OAAO,CAAC;AACR;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,mBAAmB,CAAC,OAAO,EAAE;AAC7C,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;AAC7E,EAAE,MAAM,MAAM,GAAG,cAAc,EAAE;;AAEjC,EAAE,OAAO,CAAC;AACV;AACA;AACA;;AAEA;AACA;AACA;;AAEA,EAAE,QAAQ;;AAEV,EAAE,MAAM;AACR,CAAC;AACD;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,cAAc,CAAC,OAAO,EAAE;AACxC,EAAE,MAAM,OAAO,GAAG,EAAE;AACpB,EAAE,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AACtC,IAAI,CAAC,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;AACnI,GAAG;AACH;AACA,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,IAAI;AAC5B,IAAI,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;AACzC,IAAI,IAAI,QAAQ,EAAE,SAAS,IAAI,QAAQ,CAAC,UAAU,EAAE;AACpD,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AAClD,QAAQ,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;AACzC,MAAM;AACN,IAAI;AACJ,EAAE,CAAC,CAAC;;AAEJ,EAAE,OAAO,CAAC;;AAEV;;AAEA;;AAEA,EAAE,aAAa,GAAG,CAAC;;AAEnB;;AAEA;AACA;AACA;;AAEA;AACA,CAAC,GAAG,EAAE;AACN;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;;AAExB;AACA,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AACpD,CAAC,GAAG,EAAE;;AAEN;;AAEA;AACA,CAAC;AACD;;AAEA,cAAe;AACf,EAAE,UAAU;AACZ,EAAE,iBAAiB;AACnB,EAAE,oBAAoB;AACtB,EAAE,cAAc;AAChB,EAAE,kBAAkB;AACpB,EAAE,gBAAgB;AAClB,EAAE,qBAAqB;AACvB,EAAE,mBAAmB;AACrB,EAAE;AACF,CAAC;;ACltBD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AA2BA;AACY,MAAC,OAAO,GAAG;;AAEvB;AACA,YAAe;AACf,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,GAAG;AACL,CAAC;;;;"}