@firstpick/pi-package-webui 0.3.8 → 0.3.9

package/bin/pi-webui.mjs

@@ -2776,10 +2776,23 @@ function gitBranchFromStatus(statusText) {
   return branchLine.slice(3).trim().replace(/\.\.\..*$/, "") || "detached";
 }
 
+function gitDivergenceFromBranchStatus(line) {
+  const details = String(line || "").match(/\[(.+)\]\s*$/)?.[1] || "";
+  const ahead = Number.parseInt(details.match(/ahead\s+(\d+)/i)?.[1] || "0", 10) || 0;
+  const behind = Number.parseInt(details.match(/behind\s+(\d+)/i)?.[1] || "0", 10) || 0;
+  return { ahead, behind };
+}
+
 function summarizeGitShortStatus(statusText) {
-  const summary = { staged: 0, unstaged: 0, untracked: 0, conflicted: 0 };
+  const summary = { staged: 0, unstaged: 0, untracked: 0, conflicted: 0, ahead: 0, behind: 0 };
   for (const line of String(statusText || "").split(/\r?\n/)) {
-    if (!line || line.startsWith("## ")) continue;
+    if (!line) continue;
+    if (line.startsWith("## ")) {
+      const divergence = gitDivergenceFromBranchStatus(line);
+      summary.ahead = divergence.ahead;
+      summary.behind = divergence.behind;
+      continue;
+    }
     const x = line[0] || " ";
     const y = line[1] || " ";
     if (x === "?" && y === "?") {
@@ -3559,8 +3572,19 @@ function buildPiArgsForTab(tabIndex, title) {
   return args;
 }
 
+function isNodeScriptCommand(command) {
+  return [".cjs", ".js", ".mjs"].includes(path.extname(String(command || "")).toLowerCase());
+}
+
 async function resolvePiCommand(piArgs) {
   if (options.piBinExplicit) {
+    if (isNodeScriptCommand(options.piBin)) {
+      return {
+        command: process.execPath,
+        args: [options.piBin, ...piArgs],
+        displayCommand: `${process.execPath} ${options.piBin} ${piArgs.join(" ")}`,
+      };
+    }
     return { command: options.piBin, args: piArgs, displayCommand: `${options.piBin} ${piArgs.join(" ")}` };
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firstpick/pi-package-webui",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "Pi Web UI companion package with a local browser UI CLI plus /webui-start and /webui-status commands.",
   "license": "MIT",
   "homepage": "https://github.com/Firstp1ck/npm-packages/tree/main/pi-package-webui#readme",

package/public/app.js

@@ -4955,7 +4955,7 @@ const GIT_FOOTER_TOOLTIP_COPY = {
   git: "Current Git branch. detached means HEAD is not on a branch; no repo means the cwd is outside a Git work tree.",
   "git-state": "Active Git operation or detached state. Finish or abort rebase/merge/cherry-pick/revert/bisect before normal commits.",
   sync: "Remote tracking divergence. ↑ means local commits ahead; ↓ means remote commits to pull.",
-  changes: "Working tree summary. 🟢 staged, ✏️ modified unstaged, ➕ untracked, ⚠️ conflicted; ✅ means no changes.",
+  changes: "Working tree and fetched remote summary. 🟢 staged, ✏️ modified unstaged, ➕ untracked, ⚠️ conflicted; ⬇️ means fetched remote commits to pull; 🔄/✓/⚠️ fetch shows the tab git fetch state; ✅ means no changes.",
   "git-extra": "Extra Git signals. 📦 stash, 🧩 dirty submodules, 🌳 worktrees, 🏷️ tag at HEAD, 🕒 last commit age, 🔓 signing mismatch.",
   model: "Scoped model for this tab.",
   thinking: "Reasoning/thinking effort for this tab.",
@@ -5414,10 +5414,14 @@ function gitChangesChip(label, value, className = "") {
 function renderGitChangesOverview(data) {
   const summary = data?.summary || {};
   const untrackedCount = Array.isArray(data?.untracked) ? data.untracked.length : Number(summary.untracked || 0);
+  const ahead = Number(summary.ahead || 0) || 0;
+  const behind = Number(summary.behind || 0) || 0;
   const overview = make("div", "git-changes-overview");
   overview.append(
     gitChangesChip("repo", data?.root || "—", "wide"),
     gitChangesChip("branch", data?.branch || "detached"),
+    gitChangesChip("ahead", ahead > 0 ? `↑${ahead}` : 0, ahead > 0 ? "warning" : "muted"),
+    gitChangesChip("remote", behind > 0 ? `↓${behind}` : 0, behind > 0 ? "danger" : "muted"),
     gitChangesChip("staged", summary.staged || 0, "success"),
     gitChangesChip("modified", summary.unstaged || 0, "warning"),
     gitChangesChip("untracked", untrackedCount, "muted"),
@@ -6558,6 +6562,8 @@ function scheduleRefreshFooter(delay = 300, tabContext = activeTabContext()) {
 function formatCodexPlanType(value) {
   const text = String(value || "").trim();
   if (!text) return "unknown plan";
+  const normalized = text.replace(/[\s_-]+/g, "").toLowerCase();
+  if (normalized === "prolite") return "Usage";
   return text.replace(/[_-]+/g, " ").replace(/\b\w/g, (letter) => letter.toUpperCase());
 }
 

package/tests/mobile-static.test.mjs

@@ -490,6 +490,7 @@ assert.match(
   "side-panel section toggles should expand at most one section at a time",
 );
 assert.match(app, /function renderCodexUsage\(\)/, "frontend should render Codex usage buckets in the side panel");
+assert.match(app, /if \(normalized === "prolite"\) return "Usage";/, "Codex Prolite plan labels should display as Usage in the side panel");
 assert.match(app, /api\(`\/api\/codex-usage\$\{suffix\}`, \{ scoped: false \}\)/, "Codex usage should load through a server endpoint without browser credentials");
 assert.match(app, /restoreSidePanelSectionState\(\);\nbindSidePanelSectionToggles\(\);/, "side panel section state should restore before toggles are bound");
 assert.match(app, /OPTIONAL_FEATURES_STORAGE_KEY/, "optional feature disable toggles should persist in browser storage");