@techninja/clearstack 0.4.33 → 0.4.35

package/lib/watch-ui.js

@@ -7,9 +7,6 @@
 
 import { screen, statusBox, divider, logBox, getSpin, getCopyNote } from './watch-widgets.js';
 
-/** @param {string} s @param {number} max @returns {string} */
-const truncate = (s, max) => s.length > max ? s.slice(0, max - 1) + '…' : s;
-
 export { setQuit } from './watch-widgets.js';
 export { splitCandidates, extractViolations } from './watch-violations.js';
 
@@ -43,11 +40,11 @@ const rowLine = (r, w) => {
   const n = (r.label ?? r.name ?? r.key).padEnd(w);
   const isIdle = r.pass === false && r.keyBinding;
   const name = (!isIdle && r.pass === false) ? `{red-fg}${n}{/}` : n;
-  const maxDetail = Math.max(10, (screen.width ?? 80) - w - 8);
   const rawDetail = isIdle
     ? (r.ranAt ? timeAgo(r.ranAt) : `press ${r.keyBinding} to run`)
     : (r.detail ?? '');
-  const detail = rawDetail ? `{grey-fg}${truncate(rawDetail, maxDetail)}{/}` : '';
+  const isError = r.key === 'server' && /error/i.test(rawDetail);
+  const detail = rawDetail ? `{${isError ? 'red' : 'grey'}-fg}${rawDetail}{/}` : '';
   return ` ${rowIcon(r)} ${name}  ${detail}`;
 };
 
@@ -56,8 +53,12 @@ const rowLine = (r, w) => {
 /** @param {object[]} rows @param {string} lastCheck @param {string[]} watchDirs */
 function statusContent(rows, lastCheck, watchDirs) {
   const w = Math.max(...rows.map((r) => (r.label ?? r.name ?? r.key).length));
-  return [...rows.map((r) => rowLine(r, w)), '',
-    `{grey-fg} watching ${watchDirs.join(', ')}   last check: ${lastCheck}{/}${getCopyNote()}`];
+  const server = rows.filter((r) => r.key === 'server');
+  const failing = rows.filter((r) => r.key !== 'server' && r.pass === false);
+  const rest = rows.filter((r) => r.key !== 'server' && r.pass !== false);
+  const sorted = [...server, ...failing, ...rest];
+  const footer = `{grey-fg} watching ${watchDirs.join(', ')}   last check: ${lastCheck}{/}${getCopyNote()}`;
+  return [...sorted.map((r) => rowLine(r, w)), '', footer];
 }
 
 // ── Public API ────────────────────────────────────────────────────────────────
@@ -71,10 +72,13 @@ function statusContent(rows, lastCheck, watchDirs) {
  */
 export function render(rows, lastCheck, watchDirs, violations) {
   const lines = statusContent(rows, lastCheck, watchDirs);
-  statusBox.setContent(lines.join('\n'));
-  statusBox.height = lines.length;
+  const termH = (screen.height ?? 24) - 2; // subtract outer border
+  const maxStatus = Math.max(1, termH - (violations.length ? Math.floor(termH / 2) : 0));
+  const visible = lines.slice(0, maxStatus);
+  statusBox.setContent(visible.join('\n'));
+  statusBox.height = visible.length;
 
-  const statusHeight = lines.length + 1;
+  const statusHeight = visible.length + 1;
   divider.top = statusHeight;
   logBox.top = statusHeight + 1;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techninja/clearstack",
-  "version": "0.4.33",
+  "version": "0.4.35",
   "type": "module",
   "description": "A no-build web component framework specification — scaffold, validate, and evolve spec-compliant projects",
   "bin": {
@@ -54,6 +54,9 @@
     "hybrids"
   ],
   "license": "MIT",
+  "overrides": {
+    "smol-toml": "^1.8.0"
+  },
   "dependencies": {
     "@inquirer/prompts": "^8.3.2",
     "blessed": "^0.1.81",
@@ -62,7 +65,7 @@
   "devDependencies": {
     "@open-wc/testing": "^4.0.0",
     "@types/ws": "^8.18.1",
-    "@web/test-runner": "^0.20.0",
+    "@web/test-runner": "^1.0.0",
     "@web/test-runner-playwright": "^0.11.0",
     "eslint": "^10.1.0",
     "eslint-config-prettier": "^10.1.8",