@higherdev/cli 0.24.0 → 0.25.0

package/dist/index.js

@@ -585,7 +585,7 @@ export async function main(argv = process.argv.slice(2), deps = {}) {
             if (canLaunchApp()) {
                 launchedTui = true;
                 const { launchApp } = await import("./tui/launch.js");
-                await launchApp();
+                await launchApp(undefined, deps);
                 return;
             }
             console.log(banner());
@@ -670,7 +670,7 @@ export async function main(argv = process.argv.slice(2), deps = {}) {
             console.log(`logged in to ${config.slug}`);
             launchedTui = true;
             const { launchApp } = await import("./tui/launch.js");
-            await launchApp(config.slug);
+            await launchApp(config.slug, deps);
             return;
         }
         if (cmd === "init" || cmd === "upgrade") {

package/dist/tui/App.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Box, Static, Text, useApp, useInput, useStdout } from "ink";
 import { loadConfig } from "../config.js";
-import { pendingUpdateNotice, subscribeUpdateNotice } from "../update-check.js";
+import { pendingTuiUpdate, relaunchHd, runPromptedUpdate, skipUpdate, subscribeUpdateNotice, tuiUpdatePrompt, updatePromptAction, } from "../update-check.js";
 import { epicProgressRows } from "../epics.js";
 import { promptOnStdin } from "../prompt.js";
 import { ticketNew } from "../ticket-commands.js";
@@ -36,7 +36,7 @@ import { WorkspaceLoads } from "./workspace-load.js";
 let messageSeq = 0;
 const nextId = () => `m${messageSeq++}`;
 const tuiPrompt = (question) => promptOnStdin(question, true);
-export function App({ initial, updateNotice = null }) {
+export function App({ initial, availableUpdate: initialUpdate = null, updateDeps = {}, onRelaunch, }) {
     const { exit, suspendTerminal } = useApp();
     const { stdout } = useStdout();
     const columns = stdout?.columns && stdout.columns > 0 ? stdout.columns : 80;
@@ -56,7 +56,9 @@ export function App({ initial, updateNotice = null }) {
     const [draft, setDraft] = useState("");
     const [busy, setBusy] = useState(false);
     const [notice, setNotice] = useState(null);
-    const [updateLine, setUpdateLine] = useState(updateNotice);
+    const [availableUpdate, setAvailableUpdate] = useState(initialUpdate);
+    const [updateProgress, setUpdateProgress] = useState(null);
+    const [updating, setUpdating] = useState(false);
     const [ticketKey, setTicketKey] = useState(null);
     const [ticketOffset, setTicketOffset] = useState(0);
     const [roadmapOffset, setRoadmapOffset] = useState(0);
@@ -86,9 +88,48 @@ export function App({ initial, updateNotice = null }) {
     const loads = useRef(new WorkspaceLoads(initial.workspace.id));
     editingRef.current = editing;
     useEffect(() => {
-        setUpdateLine((current) => current ?? pendingUpdateNotice());
-        return subscribeUpdateNotice(setUpdateLine);
+        return subscribeUpdateNotice(() => setAvailableUpdate(pendingTuiUpdate(updateDeps)));
     }, []);
+    const dismissUpdate = useCallback(() => {
+        if (!availableUpdate)
+            return;
+        try {
+            skipUpdate(availableUpdate, updateDeps);
+            setAvailableUpdate(pendingTuiUpdate(updateDeps));
+        }
+        catch (error) {
+            setNotice(`Could not remember skipped update: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }, [availableUpdate, updateDeps]);
+    const acceptUpdate = useCallback(async () => {
+        if (!availableUpdate || updating)
+            return;
+        setUpdating(true);
+        setUpdateProgress(`Updating hd ${availableUpdate.current}...`);
+        try {
+            await runPromptedUpdate(availableUpdate, {
+                ...updateDeps,
+                log: (line) => {
+                    updateDeps.log?.(line);
+                    if (line !== `hd ${availableUpdate.current}`) {
+                        setUpdateProgress(`Installed ${line}. Relaunching...`);
+                    }
+                },
+                relaunch: () => {
+                    exit();
+                    if (onRelaunch)
+                        onRelaunch();
+                    else
+                        setTimeout(updateDeps.relaunch ?? relaunchHd, 0);
+                },
+            });
+        }
+        catch (error) {
+            setNotice(`Update failed: ${error instanceof Error ? error.message : String(error)}`);
+            setUpdateProgress(null);
+            setUpdating(false);
+        }
+    }, [availableUpdate, exit, onRelaunch, updateDeps, updating]);
     useEffect(() => {
         if (messages.length > 0 || view !== "home")
             setStarted(true);
@@ -837,8 +878,18 @@ export function App({ initial, updateNotice = null }) {
         changeWorkspace, config, refresh, suspendTerminal, exit, inbox, inboxFocus, openTicket, answering,
         selectedDecisionId, submitDecision, ticketKey, ticketCollapsed, ticketOffset, width]);
     useInput((input, key) => {
-        if (key.ctrl && input === "c")
+        if (key.ctrl && input === "c") {
             exit();
+            return;
+        }
+        if (availableUpdate && !updating) {
+            const action = updatePromptAction(input, key.escape);
+            if (action === "skip")
+                dismissUpdate();
+            else if (action === "accept")
+                void acceptUpdate();
+            return;
+        }
     });
     const decisions = board.decisions;
     const answeringDecision = answering ? decisions.find((decision) => decision.id === answering) : null;
@@ -870,7 +921,7 @@ export function App({ initial, updateNotice = null }) {
     const plan = planLayout({
         rows, columns, width, splash, ready, decision: chatting ? 0 : decisionRows(decisions),
         inFlight: chatting ? 0 : inFlight.reduce((total, message) => total + bubbleRows(message, width), 0),
-        notice: Boolean(notice), home: view === "home",
+        notice: Boolean(notice || availableUpdate || updateProgress), home: view === "home",
     });
     const agentsView = splitPanels(plan.panels);
     const running = board.runs.filter((run) => run.status === "running").length;
@@ -883,11 +934,11 @@ export function App({ initial, updateNotice = null }) {
                     return _jsx(Bubble, { message: item.message, width: width }, item.key);
                 } }), splash ? (_jsx(Splash, { columns: columns, rows: rows, width: width, ready: ready, helpFull: plan.helpFull, animate: plan.fits, onDone: () => setReady(true) })) : null, _jsxs(Box, { flexDirection: "column", width: width, children: [view === "board" && plan.panels > 0 ? _jsx(BoardPanel, { board: board, width: width, rows: plan.panels, cursor: cursor }) : null, view === "roadmap" && plan.panels > 0 ? (_jsx(RoadmapPanel, { board: board, width: width, rows: plan.panels, offset: roadmapOffset })) : null, view === "agents" && plan.panels > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(AgentsPanel, { board: board, width: width, rows: agentsView.top }), agentsView.bottom > 0 ? _jsxs(_Fragment, { children: [_jsx(Box, { height: 1 }), _jsx(StreamPanel, { lines: stream, width: width, rows: agentsView.bottom, live: running > 0 })] }) : null] })) : null, view === "feed" && plan.panels > 0 ? _jsx(FeedPanel, { entries: feed, width: width, rows: plan.panels }) : null, view === "settings" && plan.panels > 0 ? _jsx(SettingsPanel, { entries: settings, width: width, rows: plan.panels, title: "Settings", cursor: field, editing: editing }) : null, view === "inbox" && plan.panels > 0 ? _jsx(InboxPanel, { board: board, width: width, rows: plan.panels, focus: inboxFocus, selectedId: selectedDecisionId, answeringId: answering }) : null, view === "ticket" && plan.panels > 0 ? ticket
                         ? _jsx(TicketPanel, { ticket: ticket, width: width, rows: plan.panels, offset: ticketOffset, collapsed: ticketCollapsed })
-                        : _jsxs(Text, { color: UI.warn, children: ["No ticket ", ticketKey, " here."] }) : null, view === "home" && plan.cockpit > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Cockpit, { board: board, width: width, rows: plan.cockpit, cursor: cursor }), _jsx(Box, { height: 1 }), _jsx(StreamPanel, { lines: stream, width: width, rows: plan.stream, live: running > 0 })] })) : null, chatting && plan.panels > 0 && activeThread ? (_jsx(ChatPanel, { thread: activeThread, width: width, rows: plan.panels, offset: chatOffset, label: chatLabel, now: now })) : null, chatting ? null : _jsx(DecisionPanel, { decisions: decisions, board: board, width: width, rows: plan.decision, selectedId: selectedDecisionId }), notice ? _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: UI.warn, children: notice }) }) : null, _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: UI.text, bold: true, children: workspace.slug }), _jsxs(Text, { color: UI.dim, children: [" ", workspace.repo, " "] }), _jsx(Text, { color: live === "live" ? UI.accent : UI.dim, children: "\u25CF " }), _jsxs(Text, { color: UI.dim, children: [live === "live" ? "5s poll" : live, " "] }), _jsx(Text, { color: UI.dim, children: running ? `${running} running ` : "" }), board.decisions.length ? _jsxs(Text, { color: UI.warn, children: [board.decisions.length, " decisions "] }) : null, workspace.paused ? _jsx(Text, { color: UI.warn, children: "paused " }) : null, updateLine ? _jsxs(Text, { color: UI.warn, children: [updateLine, " "] }) : null, logsFilter || rawLogs ? _jsxs(Text, { color: UI.warn, children: ["logs ", rawLogs ? "raw " : "", logsFilter ?? "all", " "] }) : null, _jsxs(Text, { color: UI.dim, wrap: "truncate", children: ["\u00B7 ", chatting ? chatLabel : mode, answering ? " esc cancels" : chatting ? " ↑↓ scroll · pgup/pgdn · esc hides" : view === "ticket" ? " ↑↓ scroll · pgup/pgdn · enter folds" : view === "roadmap" ? " ↑↓ scroll · pgup/pgdn" : view === "inbox" ? " ↑↓ decisions · enter answers" : cursor && selected ? ` ${selected.key} ↑↓ move · enter opens · esc leaves` : ""] })] }), _jsx(Box, { children: _jsx(TextInput, { value: draft, onChange: (next) => {
+                        : _jsxs(Text, { color: UI.warn, children: ["No ticket ", ticketKey, " here."] }) : null, view === "home" && plan.cockpit > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Cockpit, { board: board, width: width, rows: plan.cockpit, cursor: cursor }), _jsx(Box, { height: 1 }), _jsx(StreamPanel, { lines: stream, width: width, rows: plan.stream, live: running > 0 })] })) : null, chatting && plan.panels > 0 && activeThread ? (_jsx(ChatPanel, { thread: activeThread, width: width, rows: plan.panels, offset: chatOffset, label: chatLabel, now: now })) : null, chatting ? null : _jsx(DecisionPanel, { decisions: decisions, board: board, width: width, rows: plan.decision, selectedId: selectedDecisionId }), notice ? _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: UI.warn, children: notice }) }) : null, _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: UI.text, bold: true, children: workspace.slug }), _jsxs(Text, { color: UI.dim, children: [" ", workspace.repo, " "] }), _jsx(Text, { color: live === "live" ? UI.accent : UI.dim, children: "\u25CF " }), _jsxs(Text, { color: UI.dim, children: [live === "live" ? "5s poll" : live, " "] }), _jsx(Text, { color: UI.dim, children: running ? `${running} running ` : "" }), board.decisions.length ? _jsxs(Text, { color: UI.warn, children: [board.decisions.length, " decisions "] }) : null, workspace.paused ? _jsx(Text, { color: UI.warn, children: "paused " }) : null, logsFilter || rawLogs ? _jsxs(Text, { color: UI.warn, children: ["logs ", rawLogs ? "raw " : "", logsFilter ?? "all", " "] }) : null, _jsxs(Text, { color: UI.dim, wrap: "truncate", children: ["\u00B7 ", chatting ? chatLabel : mode, answering ? " esc cancels" : chatting ? " ↑↓ scroll · pgup/pgdn · esc hides" : view === "ticket" ? " ↑↓ scroll · pgup/pgdn · enter folds" : view === "roadmap" ? " ↑↓ scroll · pgup/pgdn" : view === "inbox" ? " ↑↓ decisions · enter answers" : cursor && selected ? ` ${selected.key} ↑↓ move · enter opens · esc leaves` : ""] })] }), availableUpdate || updateProgress ? (_jsx(Box, { children: _jsx(Text, { color: UI.warn, children: updateProgress ?? tuiUpdatePrompt(availableUpdate) }) })) : null, _jsx(Box, { children: _jsx(TextInput, { value: draft, onChange: (next) => {
                                 setDraft(next);
                                 if (editingRef.current)
                                     setEditing({ key: editingRef.current.key, draft: next });
-                            }, onSubmit: (value) => void run(value), isActive: inputActive({ busy, pendingChats: inFlight.length }), placeholder: answering
+                            }, onSubmit: (value) => void run(value), isActive: !availableUpdate && !updating && inputActive({ busy, pendingChats: inFlight.length }), placeholder: answering
                                 ? (answeringOptions.length ? `1-${answeringOptions.length} or your answer` : "your answer")
                                 : promptPlaceholder({ busy, pendingChats: inFlight.length }), prompt: _jsx(Text, { color: answering || chatting || mode !== "browse" ? UI.cream : UI.dim, children: answering ? `answer ${answeringNumber}> ` : chatting ? `${chatLabel}> ` : mode === "browse" ? "> " : `${mode}> ` }), color: UI.text, onCancel: () => {
                                 if (answering) {

package/dist/tui/launch.js

@@ -1,9 +1,9 @@
 import { loadConfig } from "../config.js";
-import { pendingUpdateNotice } from "../update-check.js";
+import { pendingTuiUpdate, relaunchHd } from "../update-check.js";
 import { canLaunchApp } from "./capability.js";
 import { loadSnapshot } from "./data.js";
 /** Opens HigherDEV. Shared by `hd` and by the end of `hd login`. */
-export async function launchApp(slug) {
+export async function launchApp(slug, updateDeps = {}) {
     // Keep this guard here as well as at command call sites. Ink cannot enter raw
     // mode unless both streams are terminals.
     if (!canLaunchApp())
@@ -14,9 +14,14 @@ export async function launchApp(slug) {
         import("react"),
         import("./App.js"),
     ]);
+    let shouldRelaunch = false;
     const instance = render(React.createElement(App, {
         initial,
-        updateNotice: pendingUpdateNotice(),
+        availableUpdate: pendingTuiUpdate(updateDeps),
+        updateDeps,
+        onRelaunch: () => { shouldRelaunch = true; },
     }), { exitOnCtrlC: false });
     await instance.waitUntilExit();
+    if (shouldRelaunch)
+        (updateDeps.relaunch ?? relaunchHd)();
 }

package/dist/update-check.js

@@ -56,6 +56,9 @@ export function readUpdateCheck(path = updateCheckPath()) {
         return {
             latest: parsed.latest,
             checked_at: typeof parsed.checked_at === "number" ? parsed.checked_at : 0,
+            ...(typeof parsed.skipped_version === "string" && parsed.skipped_version
+                ? { skipped_version: parsed.skipped_version }
+                : {}),
         };
     }
     catch {
@@ -73,6 +76,34 @@ export function pendingUpdateNotice(deps = {}) {
         return null;
     return updateNoticeLine(stored.latest, current);
 }
+export function pendingTuiUpdate(deps = {}) {
+    const stored = readUpdateCheck(deps.path ?? updateCheckPath());
+    const current = deps.version ?? runningVersion();
+    if (!stored || !isNewer(stored.latest, current))
+        return null;
+    if (stored.skipped_version && !isNewer(stored.latest, stored.skipped_version))
+        return null;
+    return { latest: stored.latest, current };
+}
+export function tuiUpdatePrompt(update) {
+    return `hd ${update.latest} is available, you have ${update.current}. Update now? (y/n)`;
+}
+export function updatePromptAction(input, escape = false) {
+    if (escape || input.toLowerCase() === "n")
+        return "skip";
+    if (input.toLowerCase() === "y")
+        return "accept";
+    return null;
+}
+export function skipUpdate(update, deps = {}) {
+    const path = deps.path ?? updateCheckPath();
+    const stored = readUpdateCheck(path);
+    writeUpdateCheck({
+        latest: stored?.latest ?? update.latest,
+        checked_at: stored?.checked_at ?? (deps.now ?? Date.now)(),
+        skipped_version: update.latest,
+    }, path);
+}
 export function subscribeUpdateNotice(listener) {
     listeners.add(listener);
     return () => {
@@ -111,8 +142,15 @@ export function beginUpdateCheck(deps = {}) {
     inFlight = (async () => {
         try {
             const latest = await fetchLatest(deps);
-            if (latest)
-                writeUpdateCheck({ latest, checked_at: (deps.now ?? Date.now)() }, deps.path ?? updateCheckPath());
+            if (latest) {
+                const path = deps.path ?? updateCheckPath();
+                const stored = readUpdateCheck(path);
+                writeUpdateCheck({
+                    latest,
+                    checked_at: (deps.now ?? Date.now)(),
+                    ...(stored?.skipped_version ? { skipped_version: stored.skipped_version } : {}),
+                }, path);
+            }
         }
         catch {
             // Offline, timed out, or unwritable cache: the command still succeeds.
@@ -163,3 +201,6 @@ export async function runUpdate(argv, deps = {}) {
         (deps.relaunch ?? relaunchHd)();
     return lines;
 }
+export function runPromptedUpdate(update, deps = {}) {
+    return runUpdate([], { ...deps, version: update.current, tuiRunning: true });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@higherdev/cli",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "type": "module",
   "repository": {
     "type": "git",