clocktopus 1.10.1 → 1.10.3

package/dist/dashboard/routes/monitor.js

@@ -3,11 +3,11 @@ import { execSync } from 'child_process';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { createRequire } from 'module';
+import { IS_DEV } from '../../lib/constants.js';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const SCRIPT_PATH = path.resolve(__dirname, '../../index.js');
-const isDev = SCRIPT_PATH.includes('/Projects/') || SCRIPT_PATH.includes('/src/');
-const PM2_NAME = isDev ? 'clocktopus-monitor-dev' : 'clocktopus-monitor';
+const PM2_NAME = IS_DEV ? 'clocktopus-monitor-dev' : 'clocktopus-monitor';
 const pm2Bin = path.join(path.dirname(createRequire(import.meta.url).resolve('pm2')), 'bin', 'pm2');
 const bunBin = (() => {
     try {

package/dist/dashboard/views.js

@@ -13,14 +13,15 @@ export function indexPage() {
   <style>
     * { box-sizing: border-box; margin: 0; padding: 0; }
     html.browser { background: #0d1117; }
-    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: transparent; color: #e1e4e8; padding: 2rem; }
+    html { border-radius: 12px; overflow: hidden; height: 100vh; background: transparent; }
+    body { border-radius: 12px; height: 100vh; overflow-y: auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: transparent; color: #e1e4e8; padding: 2rem; }
     h1 { font-size: 1.8rem; margin-bottom: 0; color: #fff; }
     h2 { font-size: 1.1rem; color: #fff; margin-bottom: 1rem; }
 
     /* Nav */
     .header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; }
-    .nav { display: flex; gap: 0.25rem; background: #1c1f26; border-radius: 10px; padding: 0.3rem; }
-    .nav-btn { margin-top: 0; padding: 0.5rem 1.25rem; border: none; border-radius: 6px; background: transparent; color: #8b949e; font-size: 0.9rem; cursor: pointer; }
+    .nav { display: flex; gap: 0.25rem; background: #1c1f26; border-radius: 10px; padding: 0.3rem; flex-wrap: nowrap; }
+    .nav-btn { margin-top: 0; padding: 0.5rem 0.85rem; border: none; border-radius: 6px; background: transparent; color: #8b949e; font-size: 0.9rem; cursor: pointer; white-space: nowrap; }
     .nav-btn:hover { color: #e1e4e8; }
     .nav-btn.active { background: #30363d; color: #fff; }
     .tab-content { display: none; }
@@ -112,7 +113,7 @@ export function indexPage() {
       .header { flex-direction: column; gap: 0; align-items: stretch; margin-bottom: 1rem; }
       .header h1 { display: none; }
       .nav { justify-content: center; flex-wrap: wrap; }
-      .nav-btn { padding: 0.5rem 1rem; font-size: 0.8rem; }
+      .nav-btn { padding: 0.4rem 0.7rem; font-size: 0.8rem; }
     }
     /* Project toggles */
     .project-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.4rem 0; border-bottom: 1px solid #21262d; }
@@ -147,6 +148,7 @@ export function indexPage() {
     <h1>Clocktopus</h1>
     <div class="nav">
       <button class="nav-btn active" onclick="switchTab('home')" id="nav-home">Home</button>
+      <button class="nav-btn" onclick="switchTab('sessions')" id="nav-sessions">Sessions</button>
       <button class="nav-btn" onclick="switchTab('projects')" id="nav-projects">Projects</button>
       <button class="nav-btn" onclick="switchTab('calendar')" id="nav-calendar">Calendar</button>
       <button class="nav-btn" onclick="switchTab('settings')" id="nav-settings">Settings</button>
@@ -262,30 +264,33 @@ export function indexPage() {
         </div>
       </div>
 
-      <!-- Session History -->
-      <div class="card card-full">
-        <h2>Recent Sessions</h2>
-        <div id="sessions-container" class="table-wrap">
-          <table class="sessions-table">
-            <thead>
-              <tr>
-                <th>Description</th>
-                <th>Project</th>
-                <th>Started</th>
-                <th>Duration</th>
-                <th>Jira</th>
-                <th></th>
-              </tr>
-            </thead>
-            <tbody id="sessions-body">
-              <tr><td colspan="6" class="empty-state">Loading...</td></tr>
-            </tbody>
-          </table>
-          <div id="pagination" style="display:none; margin-top:1rem; align-items:center; justify-content:center; gap:0.75rem; flex-wrap:wrap;">
-            <button id="prev-btn" onclick="changePage(-1)" style="background:#30363d; margin-top:0; padding:0.3rem 0.75rem;" disabled>&lt;</button>
-            <span id="page-info" style="font-size:0.85rem; color:#8b949e;"></span>
-            <button id="next-btn" onclick="changePage(1)" style="background:#30363d; margin-top:0; padding:0.3rem 0.75rem;">&gt;</button>
-          </div>
+    </div>
+  </div>
+
+  <!-- SESSIONS TAB -->
+  <div id="tab-sessions" class="tab-content">
+    <div class="card card-full">
+      <h2>Recent Sessions</h2>
+      <div id="sessions-container" class="table-wrap">
+        <table class="sessions-table">
+          <thead>
+            <tr>
+              <th>Description</th>
+              <th>Project</th>
+              <th>Started</th>
+              <th>Duration</th>
+              <th>Jira</th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody id="sessions-body">
+            <tr><td colspan="6" class="empty-state">Loading...</td></tr>
+          </tbody>
+        </table>
+        <div id="pagination" style="display:none; margin-top:1rem; align-items:center; justify-content:center; gap:0.75rem; flex-wrap:wrap;">
+          <button id="prev-btn" onclick="changePage(-1)" style="background:#30363d; margin-top:0; padding:0.3rem 0.75rem;" disabled>&lt;</button>
+          <span id="page-info" style="font-size:0.85rem; color:#8b949e;"></span>
+          <button id="next-btn" onclick="changePage(1)" style="background:#30363d; margin-top:0; padding:0.3rem 0.75rem;">&gt;</button>
         </div>
       </div>
     </div>

package/dist/index.js

@@ -9,7 +9,7 @@ import { execSync } from 'child_process';
 import { closeStaleOpenSessions, completeLatestSession, getLatestSession, setSessionJiraWorklogId } from './lib/db.js';
 import { isClockifyEnabled } from './lib/credentials.js';
 import { ensureNativeAddons } from './lib/ensure-native-addons.js';
-import { DASHBOARD_PORT, DASHBOARD_URL } from './lib/constants.js';
+import { DASHBOARD_PORT, DASHBOARD_URL, IS_DEV } from './lib/constants.js';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const program = new Command();
@@ -398,9 +398,8 @@ program
     const { startDashboard } = await import('./dashboard/server.js');
     startDashboard();
 });
-const isDev = __dirname.includes('/Projects/') || __dirname.includes('/src/');
-const MONITOR_PM2_NAME = isDev ? 'clocktopus-monitor-dev' : 'clocktopus-monitor';
-const DASH_PM2_NAME = isDev ? 'clocktopus-dash-dev' : 'clocktopus-dash';
+const MONITOR_PM2_NAME = IS_DEV ? 'clocktopus-monitor-dev' : 'clocktopus-monitor';
+const DASH_PM2_NAME = IS_DEV ? 'clocktopus-dash-dev' : 'clocktopus-dash';
 const pm2Bin = path.join(path.dirname(createRequire(import.meta.url).resolve('pm2')), 'bin', 'pm2');
 const bunBin = (() => {
     try {

package/dist/lib/constants.js

@@ -1,3 +1,25 @@
+import * as path from 'path';
+/**
+ * True only when running from the clocktopus source repo (e.g. `bun run`
+ * during local development). Bun-linked global installs live under
+ * `node_modules/` and must NOT be flagged as dev — otherwise PM2 names and
+ * data paths pick up the dev variants. Set CLOCKTOPUS_DEV=1 to force on.
+ */
+export const IS_DEV = (() => {
+    const override = process.env.CLOCKTOPUS_DEV;
+    if (override != null && override !== '') {
+        return override === '1' || override.toLowerCase() === 'true';
+    }
+    try {
+        const scriptDir = path.dirname(new URL(import.meta.url).pathname);
+        if (scriptDir.includes('/node_modules/'))
+            return false;
+        return scriptDir.includes('/Projects/') || scriptDir.includes('/src/');
+    }
+    catch {
+        return false;
+    }
+})();
 /**
  * Dashboard HTTP port. Override via CLOCKTOPUS_PORT env var if 4001 is busy.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clocktopus",
-  "version": "1.10.1",
+  "version": "1.10.3",
   "description": "Time-tracking automation for Clockify with idle monitoring, Jira integration, Google Calendar sync, CLI, web dashboard, and desktop app.",
   "type": "module",
   "main": "dist/index.js",