@modelstatus/cli 0.1.85 → 0.1.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modelstatus/cli",
-  "version": "0.1.85",
+  "version": "0.1.86",
   "description": "Track which AI models you use, where, and never get surprised by a retirement. Free offline model-health for any repo (mm status), browser sign-in for cloud inventory + alerts.",
   "keywords": [
     "llm",

package/src/changelog-data.js

@@ -1,6 +1,15 @@
 /* GENERATED by scripts/gen-changelog.mjs from apps/web/lib/changelog.json — do not edit.
  * Release notes baked into the binary (in-TUI + the on-load what's-new card). */
 export const CHANGELOG = [
+  {
+    "version": "0.1.86",
+    "date": "2026-06-16",
+    "title": "Search the What's New feed",
+    "items": [
+      "The What's New tab now has `/` search, like Scan and Inventory. Filter the registry feed, alerts, fixes, and releases by typing — e.g. `deprecated` to see just the deprecations, or a model or provider name to jump to a specific change.",
+      "Press `/` to start filtering, `esc` to clear; the count of matches shows as you type."
+    ]
+  },
   {
     "version": "0.1.85",
     "date": "2026-06-14",

package/src/tui/views/whatsnew.js

@@ -7,6 +7,7 @@ import React from "react";
 import { Box, Text, useInput } from "ink";
 import {
   h, C, GLYPH, SubTabs, ListRow, StateLine, cellE, clampCursor, SPINNER, useTick, useAsync,
+  useSearch, SearchBar,
 } from "../ui.js";
 import { collectFrom } from "../../sources/index.js";
 import { loadConfig, setConfigValue } from "../../config.js";
@@ -21,11 +22,11 @@ const TABS = ["Registry", "Alerts", "Drift", "Fixes", "Releases"];
 // Notifications: mark read · Drift: rescan + archive). Published via ui.setKeys()
 // so the keybar never advertises a key that's dead on the current section.
 const TAB_KEYS = [
-  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "m", label: "mark all seen" }, { k: "g", label: "refresh" }],
-  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "o", label: "mark read" }, { k: "g", label: "refresh" }],
-  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "r", label: "rescan" }, { k: "a", label: "archive" }],
-  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "o", label: "open in editor" }, { k: "g", label: "refresh" }],
-  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }],
+  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "/", label: "search" }, { k: "m", label: "mark all seen" }, { k: "g", label: "refresh" }],
+  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "/", label: "search" }, { k: "o", label: "mark read" }, { k: "g", label: "refresh" }],
+  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "/", label: "search" }, { k: "r", label: "rescan" }, { k: "a", label: "archive" }],
+  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "/", label: "search" }, { k: "o", label: "open in editor" }, { k: "g", label: "refresh" }],
+  [{ k: "←→", label: "section" }, { k: "↑↓", label: "nav" }, { k: "/", label: "search" }],
 ];
 
 // The static fallback must match the default (Registry) section exactly —
@@ -35,8 +36,12 @@ export const meta = { keys: TAB_KEYS[0] };
 export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14 }) {
   const [tab, setTab] = React.useState(0);
   const [cursor, setCursor] = React.useState(0);
+  const search = useSearch();
   const lastSeen = loadConfig().lastEventsSeenAt || null;
   React.useEffect(() => { ui?.setKeys?.(TAB_KEYS[tab]); }, [tab, ui]);
+  // Re-window from the top whenever the filter changes so the cursor never sits
+  // below the (now shorter) visible list.
+  React.useEffect(() => { setCursor(0); }, [search.query]);
 
   const reg = useAsync(async () => {
     const [ev, m, p] = await Promise.all([
@@ -89,11 +94,46 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
     }
   }
 
+  // One `/` filter, applied per-section over the fields each row actually shows
+  // (so e.g. typing "deprecated" on Registry narrows to model_deprecated events,
+  // "claude" to a provider's models). Computed once here and reused by both the
+  // key handler — so m/o/a act on the row you can SEE — and the render below.
+  const q = search.query.toLowerCase().trim();
+  const regEvents = reg.data?.events || [];
+  const regName = (e) => (e.model_id ? reg.data?.models.get(e.model_id) : reg.data?.provs.get(e.provider_id)) || "";
+  const regFiltered = q ? regEvents.filter((e) => `${e.event_type} ${regName(e)} ${String(e.published_at || "").slice(0, 10)}`.toLowerCase().includes(q)) : regEvents;
+  const notifAll = notif.data || [];
+  const notifFiltered = q ? notifAll.filter((n) => `${n.title} ${String(n.when || "").slice(0, 10)}`.toLowerCase().includes(q)) : notifAll;
+  const fixesFiltered = q ? fixes.filter((f) => `${path.basename(f.dir)} ${f.file} ${f.from} ${f.to}`.toLowerCase().includes(q)) : fixes;
+  const relFiltered = q ? CHANGELOG.filter((e) => `v${e.version} ${e.date} ${e.title} ${(e.items || []).join(" ")}`.toLowerCase().includes(q)) : CHANGELOG;
+  const driftAdded = q && drift?.added ? drift.added.filter((c) => `${c.display || c.model_string} ${c.location_label || ""}`.toLowerCase().includes(q)) : drift?.added || [];
+  const driftGone = q && drift?.gone ? drift.gone.filter((u) => `${u.model_display || u.custom_model_name || ""} ${u.source_path || ""}`.toLowerCase().includes(q)) : drift?.gone || [];
+
   useInput(
     (input, key) => {
       if (!active) return;
-      if (key.leftArrow) return (setTab((t) => (t + TABS.length - 1) % TABS.length), setCursor(0));
-      if (key.rightArrow) return (setTab((t) => (t + 1) % TABS.length), setCursor(0));
+      // While typing a filter, keys feed the query — not the section commands.
+      // No trailing return: ↑↓ still scroll the filtered list as you refine it
+      // (matches the Scan/Inventory search feel). Mirrors the useSearch ref guard.
+      if (search.isSearchingNow()) {
+        if (key.escape) { search.clear(); ui?.setCapturing?.(false); return; }
+        if (key.return) { search.confirm(); ui?.setCapturing?.(false); return; }
+        if (key.backspace || key.delete) return search.backspace();
+        if (input && !key.ctrl && !key.meta && !key.leftArrow && !key.rightArrow) return search.type(input);
+      }
+      // "/" opens the filter (any trailing chars typed in the same burst seed it).
+      if (typeof input === "string" && input.startsWith("/")) {
+        search.open();
+        ui?.setCapturing?.(true);
+        const rest = input.slice(1);
+        if (rest) search.type(rest);
+        return;
+      }
+      if (key.leftArrow) return (setTab((t) => (t + TABS.length - 1) % TABS.length), setCursor(0), search.clear());
+      if (key.rightArrow) return (setTab((t) => (t + 1) % TABS.length), setCursor(0), search.clear());
+      // esc / backspace drops a confirmed filter (when not mid-typing — that's
+      // handled above) before falling through to the section commands.
+      if ((key.escape || key.backspace || key.delete) && search.query) return search.clear();
       if (key.downArrow || input === "j") return setCursor((c) => c + 1);
       if (key.upArrow || input === "k") return setCursor((c) => Math.max(0, c - 1));
       // g refreshes whichever section is showing — the universal retry across tabs
@@ -111,7 +151,7 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
           ui.showToast("marked all as seen");
         }
       } else if (tab === 1) {
-        const list = notif.data || [];
+        const list = notifFiltered;
         const cur = list[clampCursor(cursor, list.length)];
         if (input === "o" && cur)
           client.readNotification(cur.id).then(() => {
@@ -119,14 +159,14 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
             notif.reload();
           }).catch((e) => ui.showToast(e.message, "red"));
       } else if (tab === 3) {
-        const cur = fixes[clampCursor(cursor, fixes.length)];
+        const cur = fixesFiltered[clampCursor(cursor, fixesFiltered.length)];
         if (input === "o" && cur) {
           openLocation(path.resolve(cur.dir, cur.file), cur.line);
           ui.showToast(`opened ${cur.file}:${cur.line}`);
         }
       } else if (tab === 2) {
         if (input === "r") return runDrift();
-        const gone = drift?.gone || [];
+        const gone = driftGone;
         // Same visible-rows clamp as the render — archive only what's on screen.
         const cur = gone[clampCursor(cursor, Math.min(gone.length, 7))];
         if (input === "a" && cur)
@@ -157,8 +197,8 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
     if (reg.loading) body = h(StateLine, { kind: "loading", spin, text: "loading registry changes…" });
     else if (reg.error) body = h(StateLine, { kind: "error", text: `couldn't load registry changes — ${reg.error}`, hint: "g retries" });
     else {
-      const events = reg.data.events;
-      if (!events.length) body = h(Text, { color: C.FG_DIM }, "  No registry changes recorded yet.");
+      const events = regFiltered;
+      if (!events.length) body = h(Text, { color: C.FG_DIM }, q ? `  No changes match "${search.query}".` : "  No registry changes recorded yet.");
       else {
         const start = clampCursor(cursor, events.length);
         body = h(
@@ -181,10 +221,10 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
       }
     }
   } else if (tab === 1) {
-    const list = notif.data || [];
+    const list = notifFiltered;
     if (notif.loading) body = h(StateLine, { kind: "loading", spin, text: "loading alerts…" });
     else if (notif.error) body = h(StateLine, { kind: "error", text: `couldn't load alerts — ${notif.error}`, hint: "g retries" });
-    else if (!list.length) body = h(Text, { color: C.FG_DIM }, "  No alerts yet. Press 6 to set up alert rules.");
+    else if (!list.length) body = h(Text, { color: C.FG_DIM }, q ? `  No alerts match "${search.query}".` : "  No alerts yet. Press 6 to set up alert rules.");
     else {
       // Window the list around the cursor so ↑↓ can reach every row — a fixed
       // slice(0, ROWS) lets the selection walk below the visible page and `o`
@@ -206,14 +246,15 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
       );
     }
   } else if (tab === 3) {
-    if (!fixes.length) {
-      body = h(Text, { color: C.FG_DIM }, "  No fixes applied yet. Press f on the Here tab (or run mm fix) to rewrite dying model ids.");
+    if (!fixesFiltered.length) {
+      body = h(Text, { color: C.FG_DIM }, q ? `  No fixes match "${search.query}".` : "  No fixes applied yet. Press f on the Here tab (or run mm fix) to rewrite dying model ids.");
     } else {
       // Windowed like the Alerts section so ↑↓ reaches every row — minus 4 rows
       // reserved for the selected fix's diff underneath.
+      const fixesV = fixesFiltered;
       const FROWS = Math.max(3, ROWS - 4);
-      const cur = clampCursor(cursor, fixes.length);
-      const start = Math.max(0, Math.min(cur - FROWS + 1, fixes.length - FROWS));
+      const cur = clampCursor(cursor, fixesV.length);
+      const start = Math.max(0, Math.min(cur - FROWS + 1, fixesV.length - FROWS));
       const ago = (ts) => {
         const m = Math.max(0, Math.round((Date.now() - ts) / 60000));
         if (m < 1) return "now";
@@ -225,7 +266,7 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
       body = h(
         Box,
         { flexDirection: "column" },
-        ...fixes.slice(start, start + FROWS).map((f, i) => {
+        ...fixesV.slice(start, start + FROWS).map((f, i) => {
           const cells = [
             { text: `${GLYPH.check} `, color: "#16a34a" },
             { text: cellE(`${path.basename(f.dir)} · ${f.file}:${f.line}`, 38), color: C.FG },
@@ -238,7 +279,7 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
         // The selected fix's diff — same red/green visual as the f preview + the fix PR.
         h(Text, { key: "drule" }, ""),
         ...(() => {
-          const sel = fixes[cur];
+          const sel = fixesV[cur];
           if (!sel) return [];
           if (!sel.before || !sel.after) return [h(Text, { key: "dnone", color: C.FG_DIM }, "  (diff not recorded for this entry — older fix)")];
           const w = Math.max(20, width - 4);
@@ -251,14 +292,17 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
       );
     }
   } else if (tab === 4) {
+    const relV = relFiltered;
+    if (!relV.length) { body = h(Text, { color: C.FG_DIM }, `  No releases match "${search.query}".`); }
+    else {
     const RROWS = Math.max(3, ROWS - 5); // reserve rows for the selected entry's bullets
-    const cur = clampCursor(cursor, CHANGELOG.length);
-    const start = Math.max(0, Math.min(cur - RROWS + 1, CHANGELOG.length - RROWS));
-    const sel = CHANGELOG[cur];
+    const cur = clampCursor(cursor, relV.length);
+    const start = Math.max(0, Math.min(cur - RROWS + 1, relV.length - RROWS));
+    const sel = relV[cur];
     body = h(
       Box,
       { flexDirection: "column" },
-      ...CHANGELOG.slice(start, start + RROWS).map((e, i) => {
+      ...relV.slice(start, start + RROWS).map((e, i) => {
         const cells = [
           { text: cellE(`v${e.version}`, 16), color: C.ACCENT },
           { text: cellE(e.date, 12), color: C.FG_FAINT },
@@ -272,12 +316,14 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
             h(Text, { key: `rb${i}`, color: C.FG_DIM }, cellE(`  • ${it.replace(/\`/g, "")}`, Math.max(24, width - 2))))
         : []),
     );
+    }
   } else {
     if (!drift) body = h(Text, { color: C.FG_DIM }, `  Press r to scan ${dir} and compare against tracked usages.`);
     else if (drift.loading) body = h(StateLine, { kind: "loading", spin, text: "scanning for drift…" });
     else if (drift.error) body = h(StateLine, { kind: "error", text: `drift scan failed — ${drift.error}`, hint: "r rescans" });
     else {
-      const gone = drift.gone || [];
+      const added = driftAdded;
+      const gone = driftGone;
       // Clamp the archive cursor to the VISIBLE rows — `a` must never act on a
       // row below the 7 shown.
       const curGone = clampCursor(cursor, Math.min(gone.length, 7));
@@ -287,12 +333,13 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
         h(
           Text,
           {},
-          h(Text, { color: "#16a34a" }, `${drift.added.length} new in code`),
+          h(Text, { color: "#16a34a" }, `${added.length} new in code`),
           h(Text, { color: C.FG_DIM }, `  ·  ${drift.present} still present  ·  `),
           h(Text, { color: "#dc2626" }, `${gone.length} gone from code`),
+          q ? h(Text, { color: C.FG_FAINT }, `  ·  filter "${search.query}"`) : null,
         ),
         h(Text, {}, ""),
-        ...drift.added.slice(0, 5).map((c, i) => {
+        ...added.slice(0, 5).map((c, i) => {
           const cells = [
             { text: "+ ", color: "#16a34a" },
             { text: cellE(c.display || c.model_string, 24), color: "#16a34a" },
@@ -301,7 +348,7 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
           ];
           return h(ListRow, { key: "a" + i, active: false, cells, width });
         }),
-        drift.added.length > 5 ? h(Text, { color: C.FG_DIM }, `  … ${drift.added.length - 5} more new`) : null,
+        added.length > 5 ? h(Text, { color: C.FG_DIM }, `  … ${added.length - 5} more new`) : null,
         ...gone.slice(0, 7).map((u, i) => {
           const cells = [
             { text: "- ", color: "#dc2626" },
@@ -316,11 +363,18 @@ export function WhatsNewView({ client, dir, ui, active, width = 78, height = 14
     }
   }
 
+  const visibleCount = tab === 0 ? regFiltered.length
+    : tab === 1 ? notifFiltered.length
+    : tab === 2 ? driftAdded.length + driftGone.length
+    : tab === 3 ? fixesFiltered.length
+    : relFiltered.length;
+
   return h(
     Box,
     { flexDirection: "column" },
     h(SubTabs, { idx: tab, tabs: TABS }),
     h(Text, {}, ""),
     body,
+    search.active ? h(SearchBar, { searching: search.searching, query: search.query, count: visibleCount }) : null,
   );
 }