@modelstatus/cli 0.1.0

package/src/tui/views/whatsnew.js

@@ -0,0 +1,177 @@
+import React from "react";
+import { Box, Text, useInput } from "ink";
+import { h, useAsync, cell, clampCursor } from "../ui.js";
+import { collectFrom } from "../../sources/index.js";
+import { loadConfig, setConfigValue } from "../../config.js";
+
+const TABS = ["Registry", "Alerts", "Drift"];
+
+export function WhatsNewView({ client, dir, ui, active }) {
+  const [tab, setTab] = React.useState(0);
+  const [cursor, setCursor] = React.useState(0);
+  const lastSeen = loadConfig().lastEventsSeenAt || null;
+
+  const reg = useAsync(async () => {
+    const [ev, m, p] = await Promise.all([
+      client.registryEvents(),
+      client.registryModels({ limit: 1000 }),
+      client.raw("GET", "/registry/providers"),
+    ]);
+    const models = new Map((m.data || []).map((x) => [x.id, x.display_name]));
+    const provs = new Map((p.data || []).map((x) => [x.id, x.name]));
+    return { events: ev.data || [], models, provs };
+  }, []);
+  const notif = useAsync(async () => (await client.listNotifications({})).data || [], []);
+  const [drift, setDrift] = React.useState(null);
+
+  async function runDrift() {
+    setDrift({ loading: true });
+    try {
+      const patterns = await client.detectionPatterns();
+      const cands = await collectFrom(["filesystem"], { root: dir }, patterns);
+      const uniq = [...new Set(cands.map((c) => c.model_string))];
+      const resolved = uniq.length ? (await client.resolve(uniq)).data || [] : [];
+      const idByStr = new Map(resolved.map((r) => [r.input.toLowerCase(), r.model_id]));
+      const codeKeys = new Map();
+      for (const c of cands) {
+        const mid = idByStr.get(c.model_string.toLowerCase()) || null;
+        const ref = mid ? mid : "custom:" + c.model_string.toLowerCase();
+        const key = `${ref}|${c.source_path}`;
+        if (!codeKeys.has(key)) codeKeys.set(key, c);
+      }
+      const cliUsages = ((await client.listUsages({})).data || []).filter((u) => u.discovered_by === "cli");
+      const trackedKeys = new Map();
+      for (const u of cliUsages) {
+        const ref = u.model_id ? u.model_id : "custom:" + (u.custom_model_name || "").toLowerCase();
+        trackedKeys.set(`${ref}|${u.source_path}`, u);
+      }
+      const added = [...codeKeys.entries()].filter(([k]) => !trackedKeys.has(k)).map(([, c]) => c);
+      const gone = [...trackedKeys.entries()].filter(([k]) => !codeKeys.has(k)).map(([, u]) => u);
+      const present = [...codeKeys.keys()].filter((k) => trackedKeys.has(k)).length;
+      setDrift({ loading: false, added, gone, present });
+      setCursor(0);
+    } catch (e) {
+      setDrift({ loading: false, error: e.message });
+    }
+  }
+
+  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));
+      if (key.downArrow || input === "j") return setCursor((c) => c + 1);
+      if (key.upArrow || input === "k") return setCursor((c) => Math.max(0, c - 1));
+
+      if (tab === 0) {
+        if (input === "m") {
+          setConfigValue("lastEventsSeenAt", new Date().toISOString());
+          ui.showToast("marked all as seen");
+        }
+      } else if (tab === 1) {
+        const list = notif.data || [];
+        const cur = list[clampCursor(cursor, list.length)];
+        if (input === "o" && cur)
+          client.readNotification(cur.id).then(() => {
+            ui.showToast("marked read");
+            notif.reload();
+          }).catch((e) => ui.showToast(e.message, "red"));
+      } else if (tab === 2) {
+        if (input === "r") return runDrift();
+        const gone = drift?.gone || [];
+        const cur = gone[clampCursor(cursor, gone.length)];
+        if (input === "a" && cur)
+          client.deleteUsage(cur.id).then(() => {
+            ui.showToast("archived");
+            runDrift();
+          }).catch((e) => ui.showToast(e.message, "red"));
+      }
+    },
+    { isActive: active },
+  );
+
+  const tabBar = h(
+    Box,
+    {},
+    ...TABS.map((t, i) =>
+      h(Text, { key: t, color: i === tab ? "black" : "gray", backgroundColor: i === tab ? "cyan" : undefined }, ` ${t} `),
+    ),
+    h(Text, { color: "gray" }, "  (←/→ switch)"),
+  );
+
+  let body, footer;
+  if (tab === 0) {
+    footer = "←/→ tab · ↑↓ scroll · m mark seen";
+    if (reg.loading) body = h(Text, { color: "gray" }, "Loading registry changes…");
+    else if (reg.error) body = h(Text, { color: "red" }, reg.error);
+    else {
+      const events = reg.data.events;
+      if (!events.length) body = h(Text, { color: "gray" }, "No registry changes recorded yet.");
+      else {
+        const start = clampCursor(cursor, events.length);
+        body = h(
+          Box,
+          { flexDirection: "column" },
+          ...events.slice(start, start + 12).map((e) => {
+            const name = e.model_id ? reg.data.models.get(e.model_id) : reg.data.provs.get(e.provider_id);
+            const isNew = lastSeen && e.published_at && e.published_at > lastSeen;
+            return h(
+              Text,
+              { key: e.id, color: isNew ? "yellow" : "white" },
+              `${isNew ? "• " : "  "}${cell(e.event_type, 18)} ${cell(name || "—", 26)} ${String(e.published_at || "").slice(0, 10)}`,
+            );
+          }),
+        );
+      }
+    }
+  } else if (tab === 1) {
+    footer = "←/→ tab · ↑↓ move · o mark read";
+    const list = notif.data || [];
+    if (notif.loading) body = h(Text, { color: "gray" }, "Loading alerts…");
+    else if (!list.length) body = h(Text, { color: "gray" }, "No alerts yet. Configure rules in the Alerts view.");
+    else
+      body = h(
+        Box,
+        { flexDirection: "column" },
+        ...list.slice(0, 12).map((n, i) =>
+          h(
+            Text,
+            { key: n.id, inverse: i === clampCursor(cursor, list.length), color: n.unread ? "white" : "gray" },
+            `${n.unread ? "●" : "○"} ${cell(n.title, 40)} ${String(n.when || "").slice(0, 10)}`,
+          ),
+        ),
+      );
+  } else {
+    footer = "←/→ tab · r scan for drift · ↑↓ move · a archive (gone)";
+    if (!drift) body = h(Text, { color: "gray" }, `Press r to scan ${dir} and compare against tracked usages.`);
+    else if (drift.loading) body = h(Text, { color: "gray" }, "Scanning for drift…");
+    else if (drift.error) body = h(Text, { color: "red" }, drift.error);
+    else {
+      const gone = drift.gone || [];
+      body = h(
+        Box,
+        { flexDirection: "column" },
+        h(
+          Text,
+          {},
+          h(Text, { color: "green" }, `${drift.added.length} new in code`),
+          h(Text, { color: "gray" }, `  ·  ${drift.present} still present  ·  `),
+          h(Text, { color: "red" }, `${gone.length} gone from code`),
+        ),
+        h(Text, {}, ""),
+        ...drift.added.slice(0, 5).map((c, i) =>
+          h(Text, { key: "a" + i, color: "green" }, `  + ${cell(c.display || c.model_string, 24)} ${c.location_label}`),
+        ),
+        ...gone.slice(0, 7).map((u, i) =>
+          h(
+            Text,
+            { key: "g" + i, inverse: i === clampCursor(cursor, gone.length), color: "red" },
+            `  - ${cell(u.model_display || u.custom_model_name || "?", 24)} ${u.source_path || "—"}`,
+          ),
+        ),
+      );
+    }
+  }
+
+  return h(Box, { flexDirection: "column" }, tabBar, h(Text, {}, ""), body, h(Text, {}, ""), h(Text, { color: "gray" }, footer));
+}

package/src/upgrade.js

@@ -0,0 +1,29 @@
+import { openUrl } from "./openUrl.js";
+
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+
+/** Open Stripe checkout and poll /me until the plan flips off "free". Mirrors
+ * the browser-login poll UX. Returns the new plan, or null on timeout. */
+export async function upgradeViaBrowser({ client, log = console.error, onTick }) {
+  const { url } = await client.checkout();
+  if (!url) throw new Error("Could not start checkout.");
+  log(`\n  Opening checkout in your browser…`);
+  log(`  If it doesn't open, visit:\n    ${url}\n`);
+  openUrl(url);
+
+  const deadline = Date.now() + 10 * 60 * 1000;
+  while (Date.now() < deadline) {
+    await sleep(4000);
+    try {
+      const me = await client.me();
+      onTick?.(me);
+      if (me?.account?.plan && me.account.plan !== "free") {
+        log(`\n  ✓ Upgraded to ${me.account.plan}. Thank you!\n`);
+        return me.account.plan;
+      }
+    } catch {
+      /* keep polling */
+    }
+  }
+  return null;
+}