@worca/ui 0.5.0-rc.1 → 0.6.0

package/app/styles.css

@@ -1504,7 +1504,8 @@ sl-details.log-history-panel::part(content) {
   font-size: 14px;
   font-weight: 600;
   color: var(--fg);
-  text-transform: capitalize;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
 }
 
 .settings-card-body {
@@ -1547,8 +1548,9 @@ sl-details.log-history-panel::part(content) {
 
 .settings-switch-row {
   display: flex;
-  align-items: center;
-  gap: 12px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
   padding: 6px 0;
 }
 
@@ -1576,19 +1578,10 @@ sl-details.log-history-panel::part(content) {
   align-items: center;
   gap: 4px;
   padding: 16px 0;
-  overflow-x: auto;
+  flex-wrap: wrap;
 }
 
 .pipeline-stage-node {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-  padding: 10px 14px;
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius);
-  background: var(--bg-secondary);
-  min-width: 140px;
   transition: opacity 0.2s, border-color 0.2s, background 0.2s;
 }
 
@@ -4015,7 +4008,7 @@ sl-details.learnings-panel::part(content) {
 .version-row { display: flex; align-items: center; padding: 4px 0; gap: 8px; }
 .version-row-label { font-size: 12px; color: var(--muted); white-space: nowrap; min-width: 64px; }
 .version-row-value { font-size: 13px; font-weight: 500; color: var(--fg); font-family: var(--sl-font-mono); white-space: nowrap; margin-left: auto; display: flex; align-items: center; gap: 6px; }
-.settings-card-header > sl-badge { margin-left: auto; }
+.settings-card-header > sl-badge, .settings-card-header > sl-switch { margin-left: auto; }
 .version-title-exact { text-transform: none; }
 .version-copy-btn {
   background: none; border: 1px solid var(--border); border-radius: 4px;
@@ -4025,6 +4018,9 @@ sl-details.learnings-panel::part(content) {
 }
 .version-copy-btn:hover { background: var(--bg-tertiary); color: var(--fg); }
 .version-copy-icon { display: inline-flex; align-items: center; min-width: 12px; }
+.install-path-row { display: flex; align-items: center; gap: 8px; margin-top: 12px; padding: 8px 12px; background: var(--bg-secondary); border-radius: var(--radius); border: 1px solid var(--border-subtle); }
+.install-path-label { font-size: 12px; color: var(--muted); white-space: nowrap; }
+.install-path-value { font-size: 12px; color: var(--fg); font-family: var(--sl-font-mono); word-break: break-all; }
 .version-refresh { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
 .version-refresh-hint { font-size: 11px; color: var(--muted); }
 .project-worca-version { font-size: 11px; color: var(--muted); font-family: var(--sl-font-mono); margin-top: 2px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worca/ui",
-  "version": "0.5.0-rc.1",
+  "version": "0.6.0",
   "description": "Pipeline monitoring UI for worca-cc",
   "license": "MIT",
   "author": "Sinisha Djukic",

package/server/versions.js

@@ -1,9 +1,13 @@
 // server/versions.js — version fetching + caching for worca-cc and @worca/ui
 import { execFileSync } from 'node:child_process';
 import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { readPreferences } from './preferences.js';
 
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const INSTALL_DIR = dirname(__dirname); // worca-ui root
+
 /** Cache: { data, timestamp } */
 let _cache = null;
 const CACHE_TTL_MS = 5 * 60 * 1000; // 5 minutes
@@ -66,18 +70,19 @@ export async function fetchNpmVersions(packageName) {
     }
     if (!res.ok) return nullResult;
     const data = await res.json();
-    const latest = data['dist-tags']?.latest || null;
+    const distLatest = data['dist-tags']?.latest || null;
     let latestRc = data['dist-tags']?.rc || null;
-    if (!latestRc && data.versions) {
-      // Scan version keys for highest *-rc.* pattern
-      let bestRc = null;
-      let bestRcNum = -1;
+
+    // Scan all versions for the highest stable and highest RC
+    let bestStable = null;
+    let bestRc = null;
+    let bestRcNum = -1;
+    if (data.versions) {
       for (const ver of Object.keys(data.versions)) {
         const rcMatch = ver.match(/^(.+)-rc\.(\d+)$/);
         if (rcMatch) {
           const rcNum = parseInt(rcMatch[2], 10);
           const base = rcMatch[1];
-          // Compare base+rcNum to find the highest RC
           if (
             !bestRc ||
             compareVersions(base, bestRc.base) > 0 ||
@@ -86,10 +91,21 @@ export async function fetchNpmVersions(packageName) {
             bestRc = { base, full: ver };
             bestRcNum = rcNum;
           }
+        } else if (!ver.includes('-')) {
+          // Stable version (no pre-release suffix)
+          if (!bestStable || compareVersions(ver, bestStable) > 0) {
+            bestStable = ver;
+          }
         }
       }
-      if (bestRc) latestRc = bestRc.full;
     }
+    if (!latestRc && bestRc) latestRc = bestRc.full;
+
+    // Use dist-tags latest only if it's a stable version, otherwise fall back
+    // to the highest stable version found in the registry
+    const isRc = distLatest?.includes('-');
+    const latest = isRc ? bestStable || distLatest : distLatest;
+
     return { latest, latestRc };
   } catch {
     return nullResult;
@@ -144,13 +160,48 @@ export async function fetchPyPIVersions(packageName) {
   }
 }
 
+/**
+ * Get git describe info for a repo: commits ahead of tag + dirty state.
+ * @param {string} repoPath
+ * @param {string} tagPrefix - e.g. 'worca-cc-v' or 'worca-ui-v'
+ * @returns {{ ahead: number, dirty: boolean } | null}
+ */
+function getGitDevStatus(repoPath, tagPrefix) {
+  try {
+    const desc = execFileSync(
+      'git',
+      ['describe', '--tags', '--long', '--match', `${tagPrefix}*`],
+      { cwd: repoPath, encoding: 'utf8', timeout: 3000 },
+    ).trim();
+    // Format: tagPrefix0.10.0-3-gabcdef
+    const m = desc.match(/-(\d+)-g[0-9a-f]+$/);
+    const ahead = m ? parseInt(m[1], 10) : 0;
+
+    const status = execFileSync('git', ['status', '--porcelain'], {
+      cwd: repoPath,
+      encoding: 'utf8',
+      timeout: 3000,
+    }).trim();
+    const dirty = status.length > 0;
+
+    return { ahead, dirty };
+  } catch {
+    return null;
+  }
+}
+
 /**
  * Read versions from local dev path.
  * @param {string} sourceRepo - path to local worca-cc repo
- * @returns {{ worcaCc: string|null, worcaUi: string|null }}
+ * @returns {{ worcaCc: string|null, worcaUi: string|null, worcaCcDev: object|null, worcaUiDev: object|null }}
  */
 export function getDevPathVersions(sourceRepo) {
-  const result = { worcaCc: null, worcaUi: null };
+  const result = {
+    worcaCc: null,
+    worcaUi: null,
+    worcaCcDev: null,
+    worcaUiDev: null,
+  };
   if (!sourceRepo) return result;
   try {
     const pyproject = readFileSync(join(sourceRepo, 'pyproject.toml'), 'utf8');
@@ -167,6 +218,10 @@ export function getDevPathVersions(sourceRepo) {
   } catch {
     // package.json not found or unreadable
   }
+
+  result.worcaCcDev = getGitDevStatus(sourceRepo, 'worca-cc-v');
+  result.worcaUiDev = getGitDevStatus(sourceRepo, 'worca-ui-v');
+
   return result;
 }
 
@@ -246,9 +301,12 @@ export async function getVersionInfo({ prefsPath, worcaVersion, force } = {}) {
           path: sourceRepo,
           worcaCc: devVersions.worcaCc,
           worcaUi: devVersions.worcaUi,
+          worcaCcDev: devVersions.worcaCcDev,
+          worcaUiDev: devVersions.worcaUiDev,
         }
       : null,
     activeWorcaCc: devVersions?.worcaCc || installedCc,
+    installDir: INSTALL_DIR,
     cachedAt: new Date().toISOString(),
   };