@modelstatus/cli 0.1.43 → 0.1.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modelstatus/cli",
-  "version": "0.1.43",
+  "version": "0.1.44",
   "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/tui/views/inventory.js

@@ -6,8 +6,8 @@ import React from "react";
 import path from "node:path";
 import { Box, Text, useInput } from "ink";
 import {
-  h, C, GLYPH, ListRow, StateLine, EmptyCard, healthColor, healthGlyph,
-  relativeTime, envTag, cell, cellE, snippetLines, SPINNER, useTick, useAsync, clampCursor,
+  h, C, GLYPH, ListRow, StateLine, EmptyCard, SearchBar, healthColor, healthGlyph,
+  relativeTime, envTag, cell, cellE, snippetLines, SPINNER, useTick, useAsync, useSearch, clampCursor,
 } from "../ui.js";
 import { readSnippet, findSourceFile } from "../snippet.js";
 import { sourceOf, SOURCE_META, sourceGlyph } from "../source-meta.js";
@@ -17,6 +17,7 @@ const ENV_ORDER = ["prod", "staging", "dev", "unknown"];
 export const meta = {
   keys: [
     { k: "↑↓", label: "nav" },
+    { k: "/", label: "search" },
     { k: "e", label: "env" },
     { k: "t", label: "tag untagged" },
     { k: "c", label: "critical" },
@@ -44,7 +45,27 @@ export function InventoryView({ client, ui, dir = ".", active, width = 78, heigh
   const usages = q.data?.usages || [];
   const projects = q.data?.projects || [];
   const projName = (id) => projects.find((p) => p.id === id)?.name || "—";
-  const cur = usages[clampCursor(cursor, usages.length)] || null;
+
+  // Filter (press / ) — matches the model, the SOURCE (badge + label + scheme),
+  // the project + env. So "vercel"/"supabase"/"aws"/"github"/"repo"/"manual"
+  // search BY SOURCE, while "gpt" / a project name still work. Reuses the Scan
+  // tab's search hook so the / + esc + type flow is identical everywhere.
+  const search = useSearch();
+  const query = search.query.trim().toLowerCase();
+  const haystack = (u) => {
+    const st = sourceOf(u.location_label, u.discovered_by);
+    const m = SOURCE_META[st] || {};
+    return [u.model_display, u.custom_model_name, u.canonical_id, m.badge, m.label, st, projName(u.project_id), u.environment]
+      .map((x) => String(x || "").toLowerCase())
+      .join(" ");
+  };
+  const filtered = query ? usages.filter((u) => haystack(u).includes(query)) : usages;
+  const cur = filtered[clampCursor(cursor, filtered.length)] || null;
+
+  // Keep the cursor in range as the filter narrows; let the shell route backspace
+  // to "clear filter" (not "previous tab") while a query is active.
+  React.useEffect(() => { setCursor(0); }, [query]);
+  React.useEffect(() => { ui?.setHandlesBack?.(!!search.query); }, [search.query, ui]);
 
   // Drill-down code preview for the highlighted usage's source location — same
   // syntax-highlighted snippet as the Here tab, shown below the list (the side
@@ -67,8 +88,8 @@ export function InventoryView({ client, ui, dir = ".", active, width = 78, heigh
   React.useEffect(() => {
     const counts = { ok: 0, deprecating: 0, retiring: 0, retired: 0, custom: 0 };
     for (const u of usages) if (counts[u.health] != null) counts[u.health] += 1;
-    ui?.reportStatus?.({ counts, context: `${usages.length} tracked` });
-  }, [usages, ui]);
+    ui?.reportStatus?.({ counts, context: query ? `${filtered.length} of ${usages.length}` : `${usages.length} tracked` });
+  }, [usages, ui, query, filtered.length]);
 
   async function patch(u, body, label) {
     try {
@@ -83,8 +104,18 @@ export function InventoryView({ client, ui, dir = ".", active, width = 78, heigh
   useInput(
     (input, key) => {
       if (!active) return;
-      if (key.downArrow || input === "j") return setCursor((c) => clampCursor(c + 1, usages.length));
-      if (key.upArrow || input === "k") return setCursor((c) => clampCursor(c - 1, usages.length));
+      // --- filter mode: type to search (matches model + SOURCE + project + env) ---
+      if (search.isSearchingNow()) {
+        if (key.escape) { search.clear(); setCursor(0); 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) return search.type(input);
+        return;
+      }
+      if (input === "/") { search.open(); ui?.setCapturing?.(true); return; }
+      if ((key.escape || key.backspace || key.delete) && search.query) { search.clear(); setCursor(0); return; }
+      if (key.downArrow || input === "j") return setCursor((c) => clampCursor(c + 1, filtered.length));
+      if (key.upArrow || input === "k") return setCursor((c) => clampCursor(c - 1, filtered.length));
       if (input === "g") return q.reload();
       if (input === "r") return ui.switchTo("scan");
       if (input === "n") return ui.switchTo("add");
@@ -135,7 +166,7 @@ export function InventoryView({ client, ui, dir = ".", active, width = 78, heigh
           .deleteUsage(cur.id)
           .then(() => {
             ui.showToast("deleted");
-            setCursor((c) => clampCursor(c, usages.length - 1));
+            setCursor((c) => clampCursor(c, filtered.length - 1));
             q.reload();
           })
           .catch((e) => ui.showToast(e.message, "red"));
@@ -184,10 +215,11 @@ export function InventoryView({ client, ui, dir = ".", active, width = 78, heigh
   const showNote = !showSnip && !!srcRef && height >= 14; // has a path but no local file
   const reserve = showSnip ? SNIP : showNote ? 2 : 0;
   const topH = height - reserve;
-  const VISIBLE = Math.max(3, topH - 2); // header + "…and N more" overhead
-  const c = clampCursor(cursor, usages.length);
-  const start = Math.max(0, Math.min(c - Math.floor(VISIBLE / 2), Math.max(0, usages.length - VISIBLE)));
-  const view = usages.slice(start, start + VISIBLE);
+  const searchRow = search.active ? 1 : 0; // the / search bar costs a row when shown
+  const VISIBLE = Math.max(3, topH - 2 - searchRow); // header + "…and N more" overhead
+  const c = clampCursor(cursor, filtered.length);
+  const start = Math.max(0, Math.min(c - Math.floor(VISIBLE / 2), Math.max(0, filtered.length - VISIBLE)));
+  const view = filtered.slice(start, start + VISIBLE);
 
   const header = h(
     Text,
@@ -215,13 +247,15 @@ export function InventoryView({ client, ui, dir = ".", active, width = 78, heigh
     return h(ListRow, { key: u.id, active: isCur, cells, width: leftWidth });
   });
 
+  const noMatches = query && filtered.length === 0;
   const list = h(
     Box,
     { flexDirection: "column", width: leftWidth },
+    search.active ? h(SearchBar, { searching: search.searching, query: search.query, count: filtered.length }) : null,
     header,
-    ...rowNodes,
-    usages.length > VISIBLE
-      ? h(Text, { color: C.FG_FAINT }, `  ${start + 1}-${Math.min(start + VISIBLE, usages.length)} of ${usages.length}`)
+    ...(noMatches ? [h(Text, { color: C.FG_DIM }, `  no matches for "${search.query}"`)] : rowNodes),
+    filtered.length > VISIBLE
+      ? h(Text, { color: C.FG_FAINT }, `  ${start + 1}-${Math.min(start + VISIBLE, filtered.length)} of ${filtered.length}`)
       : null,
   );