@dealdeploy/skl 1.6.0 → 1.8.0

package/index.ts

@@ -91,18 +91,27 @@ const projectAgents = [...new Set(["universal", ...detectProjectAgents(process.c
 
 // ── Create TUI ──────────────────────────────────────────────────────
 
-const renderer = await createCliRenderer({ exitOnCtrlC: true });
+let tui: ReturnType<typeof createTui> | null = null;
+
+const renderer = await createCliRenderer({
+  exitOnCtrlC: true,
+  onDestroy: () => tui?.destroy(),
+});
 
 const allSkills = getCatalogSkills();
 const lock = readLock();
 const skillRepos = new Map<string, string | null>();
+const skillDates = new Map<string, string | null>();
 for (const name of allSkills) {
-  skillRepos.set(name, lock.skills[name]?.source || null);
+  const entry = lock.skills[name];
+  skillRepos.set(name, entry?.source || null);
+  skillDates.set(name, entry?.updatedAt || entry?.addedAt || null);
 }
 
-const tui = createTui(renderer, {
+tui = createTui(renderer, {
   allSkills,
   skillRepos,
+  skillDates,
   globalInstalled,
   localInstalled,
   catalogPath: CATALOG,

package/lib.ts

@@ -20,6 +20,7 @@ export type LockEntry = {
   skillPath: string;
   treeSHA: string;
   addedAt: string;
+  updatedAt?: string;
 };
 
 export type LockFile = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dealdeploy/skl",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "description": "TUI skill manager for Claude Code agents",
   "module": "index.ts",
   "bin": {

package/tui.test.ts

@@ -16,6 +16,7 @@ function setup(opts?: {
 }) {
   const skills = opts?.skills ?? ["alpha", "beta", "gamma"];
   const skillRepos = opts?.skillRepos ?? new Map(skills.map((s) => [s, null]));
+  const skillDates = new Map<string, string | null>(skills.map((s) => [s, null]));
   const globalInstalled = new Set(opts?.globalInstalled ?? []);
   const localInstalled = new Set(opts?.localInstalled ?? []);
 
@@ -43,6 +44,7 @@ function setup(opts?: {
       return {
         allSkills: skills,
         skillRepos,
+        skillDates,
         globalInstalled,
         localInstalled,
         catalogPath: "/tmp/test-catalog",
@@ -68,6 +70,7 @@ function setup(opts?: {
       return {
         allSkills: skills,
         skillRepos,
+        skillDates,
         globalInstalled,
         localInstalled,
         catalogPath: "/tmp/test-catalog",

package/tui.ts

@@ -15,6 +15,7 @@ export type ColId = "global" | "local";
 export type TuiDeps = {
   allSkills: string[];
   skillRepos: Map<string, string | null>;
+  skillDates: Map<string, string | null>;
   globalInstalled: Set<string>;
   localInstalled: Set<string>;
   catalogPath: string;
@@ -49,6 +50,21 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
     return `${text.slice(0, max - 1)}\u2026`;
   }
 
+  function relativeDate(iso: string): string {
+    const ms = Date.now() - new Date(iso).getTime();
+    if (ms < 0) return "just now";
+    const mins = Math.floor(ms / 60000);
+    if (mins < 1) return "just now";
+    if (mins < 60) return `${mins}m ago`;
+    const hrs = Math.floor(mins / 60);
+    if (hrs < 24) return `${hrs}h ago`;
+    const days = Math.floor(hrs / 24);
+    if (days < 30) return `${days}d ago`;
+    const months = Math.floor(days / 30);
+    if (months < 12) return `${months}mo ago`;
+    return `${Math.floor(months / 12)}y ago`;
+  }
+
   // ── Build display list ─────────────────────────────────────────────
 
   const displayItems: DisplayItem[] = [];
@@ -178,12 +194,14 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
   });
 
   let COL_W = 14;
+  let DATE_W = 10;
   let NAME_W = 34;
 
   function calcWidths() {
     const w = (renderer as any).width ?? process.stdout.columns ?? 80;
     COL_W = Math.max(5, Math.min(14, Math.floor((w - 20) / 2)));
-    NAME_W = Math.min(40, Math.max(15, w - COL_W * 2 - 1));
+    DATE_W = 10;
+    NAME_W = Math.min(40, Math.max(15, w - COL_W * 2 - DATE_W - 1));
   }
   calcWidths();
 
@@ -208,10 +226,18 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
     attributes: TextAttributes.BOLD,
     width: COL_W,
   });
+  const colUpdated = new TextRenderable(renderer, {
+    id: "col-updated",
+    content: "Updated",
+    fg: C.fgDim,
+    attributes: TextAttributes.BOLD,
+    width: DATE_W,
+  });
 
   colHeaderRow.add(colName);
   colHeaderRow.add(colGlobal);
   colHeaderRow.add(colLocal);
+  colHeaderRow.add(colUpdated);
 
   const sep = new TextRenderable(renderer, {
     id: "sep",
@@ -235,6 +261,7 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
     nameText: TextRenderable;
     globalText: TextRenderable;
     localText: TextRenderable;
+    dateText: TextRenderable;
   };
   const rows: RowRefs[] = new Array(allSkills.length);
 
@@ -262,7 +289,7 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
         id: `header-text-${di}`,
         content: `  ${item.repo}`,
         fg: C.fgDim,
-        width: NAME_W + COL_W * 2,
+        width: NAME_W + COL_W * 2 + DATE_W,
       });
       hRow.add(hText);
       scrollBox.add(hRow);
@@ -301,11 +328,20 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
         width: COL_W,
       });
 
+      const dateStr = deps.skillDates.get(skill);
+      const dateText = new TextRenderable(renderer, {
+        id: `date-${i}`,
+        content: dateStr ? relativeDate(dateStr) : "",
+        fg: C.fgDim,
+        width: DATE_W,
+      });
+
       row.add(nameText);
       row.add(globalText);
       row.add(localText);
+      row.add(dateText);
       scrollBox.add(row);
-      rows[i] = { row, nameText, globalText, localText };
+      rows[i] = { row, nameText, globalText, localText, dateText };
     }
   }
 
@@ -436,7 +472,7 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
     statusLine.fg = color;
     if (statusTimeout) clearTimeout(statusTimeout);
     statusTimeout = setTimeout(() => {
-      try { statusLine.content = ""; } catch {}
+      statusLine.content = "";
     }, 3000);
   }
 
@@ -445,14 +481,16 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
     colName.width = NAME_W;
     colGlobal.width = COL_W;
     colLocal.width = COL_W;
+    colUpdated.width = DATE_W;
     for (let i = 0; i < allSkills.length; i++) {
       const r = rows[i]!;
       r.nameText.width = NAME_W;
       r.globalText.width = COL_W;
       r.localText.width = COL_W;
+      r.dateText.width = DATE_W;
     }
     for (const [, ref] of headerRefs) {
-      ref.text.width = NAME_W + COL_W * 2;
+      ref.text.width = NAME_W + COL_W * 2 + DATE_W;
     }
   }
 
@@ -723,9 +761,14 @@ export function createTui(renderer: CliRenderer, deps: TuiDeps) {
     ensureVisible();
   });
 
+  function destroy() {
+    if (statusTimeout) clearTimeout(statusTimeout);
+  }
+
   return {
     refreshAll,
     relayout,
+    destroy,
     get state() {
       return {
         cursor,

package/update.ts

@@ -89,6 +89,7 @@ for (const [repo, skills] of byRepo) {
     const fileCount = await downloadSkillFiles(repo, branch, skill.skillPath, skillDir, tree);
 
     lock.skills[skill.name]!.treeSHA = skill.newSHA;
+    lock.skills[skill.name]!.updatedAt = new Date().toISOString();
     console.log(` updated (${fileCount} files)`);
     totalUpdated++;
   }