lobsterboard 0.6.2 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [0.7.0] - 2026-03-17
+
+### Added
+- **Enhanced Gemini CLI integration** — auto-detect all available Gemini CLI quota buckets (including new 3.x models) instead of hardcoded 2.x allowlist — thanks @mastash3ff!
+- **Auto-refresh OAuth tokens** — Gemini CLI tokens now automatically refresh to survive multi-machine rotation, preventing authentication failures — thanks @mastash3ff!
+
+### Changed
+- **Future-proof model support** — Gemini CLI collector now automatically surfaces new quota windows when Google adds them
+
 ## [0.3.1] - 2026-02-28
 
 ### Fixed

package/README.md

@@ -169,7 +169,7 @@ Track your AI coding subscriptions in real-time. Inspired by [OpenUsage](https:/
 | Codex CLI | Session, weekly, code reviews | Run `codex` once |
 | GitHub Copilot | Premium, chat, completions | Run `gh auth login` |
 | Cursor | Credits, usage breakdown | Just use Cursor IDE |
-| Gemini CLI | Pro, flash models | Run `gemini` once |
+| Gemini CLI | All available Gemini CLI quota buckets | Run `gemini` once |
 | Amp | Free tier, credits | Run `amp` once |
 | Factory / Droid | Standard, premium tokens | Run `factory` once |
 | Kimi Code | Session, weekly | Run `kimi` once |

package/dist/lobsterboard.css

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

package/dist/lobsterboard.esm.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.6.2
+ * LobsterBoard v0.7.0
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.6.2
+ * LobsterBoard v0.7.0
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.umd.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.6.2
+ * LobsterBoard v0.7.0
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.umd.min.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.6.2
+ * LobsterBoard v0.7.0
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/js/widgets.js

@@ -304,7 +304,7 @@ const WIDGETS = {
     name: 'Local Weather',
     icon: '🌡️',
     category: 'small',
-    description: 'Shows current weather for a single location using wttr.in (no API key needed).',
+    description: 'Shows current weather for a single location using Open-Meteo (no API key needed).',
     defaultWidth: 200,
     defaultHeight: 120,
     hasApiKey: false,
@@ -332,29 +332,35 @@ const WIDGETS = {
         </div>
       </div>`,
     generateJs: (props) => `
-      // Weather Widget: ${props.id} (uses free wttr.in API - no key needed)
+      // Weather Widget: ${props.id} (uses free Open-Meteo API - no key needed)
+      const WMO_DESC = {0:'Clear sky',1:'Mainly clear',2:'Partly cloudy',3:'Overcast',45:'Fog',48:'Rime fog',51:'Light drizzle',53:'Drizzle',55:'Dense drizzle',61:'Slight rain',63:'Moderate rain',65:'Heavy rain',71:'Slight snow',73:'Moderate snow',75:'Heavy snow',80:'Slight showers',81:'Moderate showers',82:'Violent showers',95:'Thunderstorm',96:'Hail thunderstorm',99:'Heavy hail'};
+      function wmoIcon(code) {
+        if (code <= 1) return 'weather-sunny';
+        if (code <= 3) return 'weather-cloudy';
+        if (code >= 51 && code <= 82) return 'weather-rainy';
+        if (code >= 71 && code <= 77) return 'weather-snowy';
+        if (code >= 95) return 'weather-rainy';
+        return 'weather';
+      }
       async function update_${props.id.replace(/-/g, '_')}() {
         const valEl = document.getElementById('${props.id}-value');
         const labelEl = document.getElementById('${props.id}-label');
         const iconEl = document.getElementById('${props.id}-icon');
         try {
-          const location = encodeURIComponent('${props.location || 'Atlanta'}');
-          const res = await fetch('https://wttr.in/' + location + '?format=j1');
+          const loc = '${props.location || 'Atlanta'}';
+          const geoRes = await fetch('https://geocoding-api.open-meteo.com/v1/search?name=' + encodeURIComponent(loc) + '&count=1');
+          const geoData = await geoRes.json();
+          if (!geoData.results || !geoData.results.length) throw new Error('City not found');
+          const {latitude, longitude} = geoData.results[0];
+          const tempUnit = '${props.units}' === 'C' ? 'celsius' : 'fahrenheit';
+          const res = await fetch('https://api.open-meteo.com/v1/forecast?latitude=' + latitude + '&longitude=' + longitude + '&current=temperature_2m,weathercode,windspeed_10m&temperature_unit=' + tempUnit);
           const data = await res.json();
-          const current = data.current_condition[0];
-          const temp = '${props.units}' === 'C' ? current.temp_C : current.temp_F;
+          const c = data.current;
           const unit = '${props.units}' === 'C' ? '°C' : '°F';
-          valEl.textContent = temp + unit;
-          labelEl.textContent = current.weatherDesc[0].value;
-          // Update icon based on condition
-          const code = parseInt(current.weatherCode);
-          let iconId = 'weather';
-          if (code === 113) iconId = 'weather-sunny';
-          else if (code === 116 || code === 119) iconId = 'weather-cloudy';
-          else if (code >= 176 && code <= 359) iconId = 'weather-rainy';
-          else if (code >= 368 && code <= 395) iconId = 'weather-snowy';
+          valEl.textContent = Math.round(c.temperature_2m) + unit;
+          labelEl.textContent = WMO_DESC[c.weathercode] || 'Unknown';
+          const iconId = wmoIcon(c.weathercode);
           iconEl.setAttribute('data-icon', iconId);
-          // Update emoji fallback for non-themed views
           const icons = window.WIDGET_ICONS || {};
           iconEl.textContent = icons[iconId] ? icons[iconId].emoji : '🌡️';
         } catch (e) {
@@ -399,35 +405,42 @@ const WIDGETS = {
         </div>
       </div>`,
     generateJs: (props) => `
-      // Multi Weather Widget: ${props.id} (uses free wttr.in API - no key needed)
+      // Multi Weather Widget: ${props.id} (uses free Open-Meteo API - no key needed)
+      const WMO_DESC2 = {0:'Clear',1:'Clear',2:'Partly cloudy',3:'Overcast',45:'Fog',48:'Rime fog',51:'Drizzle',53:'Drizzle',55:'Drizzle',61:'Rain',63:'Rain',65:'Heavy rain',71:'Snow',73:'Snow',75:'Heavy snow',80:'Showers',81:'Showers',82:'Showers',95:'Storm',96:'Hail',99:'Hail'};
+      function wmoIcon2(code) {
+        if (code <= 1) return 'weather-sunny';
+        if (code <= 3) return 'weather-cloudy';
+        if (code >= 51 && code <= 82) return 'weather-rainy';
+        if (code >= 71 && code <= 77) return 'weather-snowy';
+        if (code >= 95) return 'weather-rainy';
+        return 'weather';
+      }
       async function update_${props.id.replace(/-/g, '_')}() {
         const locations = '${props.locations || 'New York; London; Tokyo'}'.split(';').map(l => l.trim());
         const container = document.getElementById('${props.id}-list');
-        const unit = '${props.units}' === 'C' ? 'C' : 'F';
-        const unitSymbol = unit === 'C' ? '°C' : '°F';
+        const tempUnit = '${props.units}' === 'C' ? 'celsius' : 'fahrenheit';
+        const unitSymbol = '${props.units}' === 'C' ? '°C' : '°F';
         
         const results = await Promise.all(locations.map(async (loc) => {
           try {
-            const res = await fetch('https://wttr.in/' + encodeURIComponent(loc) + '?format=j1');
+            const geoRes = await fetch('https://geocoding-api.open-meteo.com/v1/search?name=' + encodeURIComponent(loc) + '&count=1');
+            const geoData = await geoRes.json();
+            if (!geoData.results || !geoData.results.length) return { loc, temp: 'N/A', iconId: 'weather', emoji: '❓' };
+            const {latitude, longitude} = geoData.results[0];
+            const res = await fetch('https://api.open-meteo.com/v1/forecast?latitude=' + latitude + '&longitude=' + longitude + '&current=temperature_2m,weathercode&temperature_unit=' + tempUnit);
             const data = await res.json();
-            const current = data.current_condition[0];
-            const temp = unit === 'C' ? current.temp_C : current.temp_F;
-            const code = parseInt(current.weatherCode);
-            let iconId = 'weather';
-            if (code === 113) iconId = 'weather-sunny';
-            else if (code === 116 || code === 119) iconId = 'weather-cloudy';
-            else if (code >= 176 && code <= 359) iconId = 'weather-rainy';
-            else if (code >= 368 && code <= 395) iconId = 'weather-snowy';
+            const c = data.current;
+            const iconId = wmoIcon2(c.weathercode);
             const icons = window.WIDGET_ICONS || {};
             const emoji = icons[iconId] ? icons[iconId].emoji : '🌡️';
-            return { loc, temp, iconId, emoji, desc: current.weatherDesc[0].value };
+            return { loc, temp: Math.round(c.temperature_2m), iconId, emoji };
           } catch (e) {
-            return { loc, temp: 'N/A', iconId: 'weather', emoji: '❓', desc: 'Error' };
+            return { loc, temp: 'N/A', iconId: 'weather', emoji: '❓' };
           }
         }));
         
         container.innerHTML = results.map(r =>
-          '<div class="weather-row"><span class="weather-icon lb-icon" data-icon="' + _esc(r.iconId) + '">' + _esc(r.emoji) + '</span><span class="weather-loc">' + _esc(r.loc) + '</span><span class="weather-temp">' + _esc(r.temp) + _esc(unitSymbol) + '</span></div>'
+          '<div class="weather-row"><span class="weather-icon lb-icon" data-icon="' + _esc(r.iconId) + '">' + _esc(r.emoji) + '</span><span class="weather-loc">' + _esc(r.loc) + '</span><span class="weather-temp">' + _esc(String(r.temp)) + _esc(unitSymbol) + '</span></div>'
         ).join('');
       }
       update_${props.id.replace(/-/g, '_')}();
@@ -3728,32 +3741,34 @@ const WIDGETS = {
         </div>
       </div>`,
     generateJs: (props) => `
-      // World Clock Widget: ${props.id} (uses wttr.in for timezone data)
+      // World Clock Widget: ${props.id} (pure Intl.DateTimeFormat - no API needed)
+      const CITY_TZ_MAP = {
+        'New York': 'America/New_York', 'Los Angeles': 'America/Los_Angeles', 'Chicago': 'America/Chicago',
+        'London': 'Europe/London', 'Paris': 'Europe/Paris', 'Berlin': 'Europe/Berlin',
+        'Tokyo': 'Asia/Tokyo', 'Sydney': 'Australia/Sydney', 'Dubai': 'Asia/Dubai',
+        'Singapore': 'Asia/Singapore', 'Hong Kong': 'Asia/Hong_Kong', 'Mumbai': 'Asia/Kolkata',
+        'Shanghai': 'Asia/Shanghai', 'Seoul': 'Asia/Seoul', 'Moscow': 'Europe/Moscow',
+        'Istanbul': 'Europe/Istanbul', 'Bangkok': 'Asia/Bangkok', 'Toronto': 'America/Toronto',
+        'Heidenheim': 'Europe/Berlin', 'Vienna': 'Europe/Vienna', 'Zurich': 'Europe/Zurich',
+        'Amsterdam': 'Europe/Amsterdam', 'Rome': 'Europe/Rome', 'Madrid': 'Europe/Madrid',
+        'São Paulo': 'America/Sao_Paulo', 'Mexico City': 'America/Mexico_City',
+        'Graz': 'Europe/Vienna', 'Munich': 'Europe/Berlin', 'Frankfurt': 'Europe/Berlin',
+        'Santiago': 'America/Santiago', 'Lima': 'America/Lima'
+      };
       const locs_${props.id.replace(/-/g, '_')} = '${props.locations || 'New York; London; Tokyo'}'.split(';').map(s => s.trim());
       const hour12_${props.id.replace(/-/g, '_')} = ${!props.format24h};
       
-      async function update_${props.id.replace(/-/g, '_')}() {
+      function update_${props.id.replace(/-/g, '_')}() {
         const container = document.getElementById('${props.id}-clocks');
-        const results = await Promise.all(locs_${props.id.replace(/-/g, '_')}.map(async (loc) => {
+        const now = new Date();
+        const results = locs_${props.id.replace(/-/g, '_')}.map(loc => {
+          const tz = CITY_TZ_MAP[loc] || CITY_TZ_MAP[Object.keys(CITY_TZ_MAP).find(k => k.toLowerCase() === loc.toLowerCase())] || null;
+          if (!tz) return { city: loc, time: '(unknown tz)' };
           try {
-            const res = await fetch('https://wttr.in/' + encodeURIComponent(loc) + '?format=j1');
-            const data = await res.json();
-            const area = data.nearest_area[0];
-            const city = area.areaName[0].value;
-            const localTime = data.current_condition[0].localObsDateTime;
-            // Parse the time from format "2026-02-07 12:30 AM"
-            const timePart = localTime.split(' ').slice(1).join(' ');
-            let displayTime = timePart;
-            if (!hour12_${props.id.replace(/-/g, '_')}) {
-              // Convert to 24h if needed
-              const d = new Date('2000-01-01 ' + timePart);
-              displayTime = d.toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit' });
-            }
-            return { city, time: displayTime, ok: true };
-          } catch (e) {
-            return { city: loc, time: '—', ok: false };
-          }
-        }));
+            const fmt = new Intl.DateTimeFormat('en-GB', { timeZone: tz, hour: '2-digit', minute: '2-digit', hour12: hour12_${props.id.replace(/-/g, '_')} });
+            return { city: loc, time: fmt.format(now) };
+          } catch(e) { return { city: loc, time: '—' }; }
+        });
         container.innerHTML = results.map(r => 
           '<div class="tz-row"><span class="tz-city">' + r.city + '</span><span class="tz-time">' + r.time + '</span></div>'
         ).join('');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lobsterboard",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "Self-hosted drag-and-drop dashboard builder with 50 widgets, template gallery, and custom pages. Works standalone or with OpenClaw.",
   "keywords": [
     "dashboard",

package/server.cjs

@@ -1241,6 +1241,42 @@ async function fetchCursorUsage() {
   }
 }
 
+// Refresh Gemini CLI OAuth token.
+// These client credentials are intentionally public — gemini-cli is an installed
+// application and Google's own guidance permits embedding them in the source:
+// https://github.com/google-gemini/gemini-cli/blob/main/packages/core/src/code_assist/oauth2.ts
+const GEMINI_CLIENT_ID = '681255809395-oo8ft2oprdrnp9e3aqf6av3hmdib135j.apps.googleusercontent.com';
+const GEMINI_CLIENT_SECRET = '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';
+
+async function refreshGeminiToken(credsPath, creds) {
+  if (!creds.refresh_token) return { error: 'No refresh token available.' };
+  try {
+    const resp = await fetch('https://oauth2.googleapis.com/token', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: new URLSearchParams({
+        grant_type: 'refresh_token',
+        refresh_token: creds.refresh_token,
+        client_id: GEMINI_CLIENT_ID,
+        client_secret: GEMINI_CLIENT_SECRET,
+      }),
+    });
+    if (!resp.ok) return { error: 'Refresh failed (HTTP ' + resp.status + ')' };
+    const data = await resp.json();
+    const updated = {
+      ...creds,
+      access_token: data.access_token,
+      expiry_date: Date.now() + (data.expires_in * 1000),
+    };
+    if (data.refresh_token) updated.refresh_token = data.refresh_token;
+    if (data.id_token) updated.id_token = data.id_token;
+    try { fs.writeFileSync(credsPath, JSON.stringify(updated, null, 2)); } catch (_) {}
+    return { accessToken: data.access_token, creds: updated };
+  } catch (e) {
+    return { error: e.message };
+  }
+}
+
 // Fetch Gemini usage
 async function fetchGeminiUsage() {
   const baseInfo = {
@@ -1248,34 +1284,53 @@ async function fetchGeminiUsage() {
     name: AI_PROVIDERS.gemini.name,
     icon: AI_PROVIDERS.gemini.icon,
   };
-  
+
   const credsPath = AI_PROVIDERS.gemini.credPaths[0];
   if (!fs.existsSync(credsPath)) {
     return { ...baseInfo, error: 'Not logged in. Run `gemini auth` first.' };
   }
-  
+
   let creds;
   try {
     creds = JSON.parse(fs.readFileSync(credsPath, 'utf8'));
   } catch (e) {
     return { ...baseInfo, error: 'Invalid credentials file.' };
   }
-  
-  if (!creds.access_token) {
+
+  if (!creds.access_token && !creds.refresh_token) {
     return { ...baseInfo, error: 'No access token found.' };
   }
-  
+
+  // Proactively refresh if the token is expired or expires within 5 minutes.
+  // This handles the case where gemini-cli on another machine has rotated the
+  // shared OAuth token, leaving the stored access_token stale.
+  const FIVE_MINUTES = 5 * 60 * 1000;
+  if (!creds.access_token || (creds.expiry_date && Date.now() >= creds.expiry_date - FIVE_MINUTES)) {
+    const refreshed = await refreshGeminiToken(credsPath, creds);
+    if (refreshed.error) return { ...baseInfo, error: 'Session expired. Run `gemini auth` to re-auth.' };
+    creds = refreshed.creds;
+  }
+
+  const callQuotaApi = (token) => fetch('https://cloudcode-pa.googleapis.com/v1internal:retrieveUserQuota', {
+    method: 'POST',
+    headers: {
+      'Authorization': `Bearer ${token}`,
+      'Content-Type': 'application/json',
+    },
+    body: '{}',
+  });
+
   try {
-    // Get user quota
-    const resp = await fetch('https://cloudcode-pa.googleapis.com/v1internal:retrieveUserQuota', {
-      method: 'POST',
-      headers: {
-        'Authorization': `Bearer ${creds.access_token}`,
-        'Content-Type': 'application/json',
-      },
-      body: '{}',
-    });
-    
+    let resp = await callQuotaApi(creds.access_token);
+
+    // On auth failure, attempt a token refresh and retry once before giving up.
+    if (resp.status === 401 || resp.status === 403) {
+      const refreshed = await refreshGeminiToken(credsPath, creds);
+      if (refreshed.error) return { ...baseInfo, error: 'Session expired. Run `gemini auth` to re-auth.' };
+      creds = refreshed.creds;
+      resp = await callQuotaApi(creds.access_token);
+    }
+
     if (!resp.ok) {
       if (resp.status === 401 || resp.status === 403) {
         return { ...baseInfo, error: 'Session expired. Run `gemini auth` to re-auth.' };
@@ -1289,16 +1344,16 @@ async function fetchGeminiUsage() {
     // Parse quota buckets (API returns 'buckets' with 'remainingFraction')
     const buckets = data.buckets || data.quotaBuckets || [];
     
-    // Filter for interesting models and REQUESTS type
-    const interestingModels = ['gemini-2.5-pro', 'gemini-2.5-flash', 'gemini-2.0-flash'];
+    // Track all non-Vertex Gemini request buckets instead of a hardcoded
+    // 2.x allowlist so new Gemini CLI quota windows surface automatically.
     const seen = new Set();
     
     for (const bucket of buckets) {
       if (bucket.tokenType !== 'REQUESTS') continue;
       // Skip vertex variants
       if (bucket.modelId?.includes('_vertex')) continue;
-      // Only show interesting models
-      if (!interestingModels.some(m => bucket.modelId?.startsWith(m))) continue;
+      // Only show Gemini model buckets
+      if (!bucket.modelId?.startsWith('gemini-')) continue;
       // Dedupe
       if (seen.has(bucket.modelId)) continue;
       seen.add(bucket.modelId);
@@ -1313,6 +1368,8 @@ async function fetchGeminiUsage() {
       });
     }
     
+    metrics.sort((a, b) => String(a.label || '').localeCompare(String(b.label || '')));
+
     return {
       ...baseInfo,
       plan: 'Gemini CLI',