spinuptui 1.2.0-alpha.1 → 1.2.1

package/src/ui/Details.tsx

@@ -110,7 +110,7 @@ export const SERVER_CONTROL: ActionGroup[] = [
   {
     title: "Manage",
     items: [
-      ["a", "Reboot / restart"],
+      ["a", "Restart / offline"],
       ["h", "Health"],
       ["N", "DNS"],
     ],
@@ -180,7 +180,13 @@ export function SiteDetail({ site, serverName }: { site: Site; serverName: strin
       <Field label="Stack" value={stack} valueColor={stackColor(stack)} />
       <Field
         label="Detected"
-        value={probing ? "identifying…" : probe ? probe.result.label + (isProbeStale(site) ? " (stale)" : "") : "not identified · d"}
+        value={
+          probing
+            ? "identifying…"
+            : probe
+              ? `${probe.result.label}${isProbeStale(site) ? " (stale)" : ""} · ${timeAgo(new Date(probe.detectedAt).toISOString())}`
+              : "not identified · d"
+        }
         valueColor={probing ? theme.textDim : probe ? probeKindColor(probe.result.kind) : theme.textFaint}
       />
       <Field label="Type" value={isWordPress ? "WordPress" : "Generic"} valueColor={isWordPress ? theme.brand : theme.textDim} />

package/src/ui/Explain.tsx

@@ -27,7 +27,7 @@ const GUIDES: Record<Route, Guide> = {
       ["Recent activity", "The latest deploys and operations"],
     ],
     actions: [
-      ["1–6", "Switch tabs"],
+      ["1–5", "Switch tabs"],
       ["r", "Refresh from the API"],
     ],
   },
@@ -91,23 +91,10 @@ const GUIDES: Record<Route, Guide> = {
     title: "Events",
     summary: "A live feed of deploys, reboots, and operations across your account.",
     actions: [
-      ["1–6", "Switch tabs"],
+      ["1–5", "Switch tabs"],
       ["r", "Refresh"],
     ],
   },
-  modules: {
-    title: "Modules",
-    summary: "Modules are the parts of SpinupTUI that keep working after you close it: paging you, running follow-ups, watching the fleet. Each card says what it does and whether it's set up on this machine.",
-    panes: [
-      ["Modules", "Every module, with its status here: ● set up · ○ not set up · coming soon"],
-      ["Detail", "What the selected module does, its health checks, and what to do next"],
-    ],
-    actions: [
-      ["⏎ / s", "Set up the selected module (Beacon: connect a Telegram bot)"],
-      ["t", "Send a test page through Beacon"],
-      ["1–6", "Switch tabs"],
-    ],
-  },
 }
 
 export function ExplainOverlay({ route }: { route: Route }) {

package/src/ui/Header.tsx

@@ -15,7 +15,6 @@ const TABS: { route: Route; key: string; label: string }[] = [
   { route: "stacks", key: "3", label: "Stacks" },
   { route: "search", key: "4", label: "Search" },
   { route: "events", key: "5", label: "Events" },
-  { route: "modules", key: "6", label: "Modules" },
 ]
 
 // A one-line "what is this view, and what can I do here" subtitle per tab —
@@ -27,7 +26,6 @@ const SUBTITLES: Record<Route, string> = {
   stacks: "Your fleet grouped by app type  ·  d identify an app (SSH)  ·  S find local copies on your disk",
   search: "Jump to any server or site by name  ·  Tab hands focus to the result's actions",
   events: "Recent deploys, reboots, and operations across your account",
-  modules: "What keeps working after you close SpinupTUI  ·  ⏎ set up the selected module",
 }
 
 // SpinupWP allows 60 API requests a minute. Show what's left of this minute so

package/src/ui/Help.tsx

@@ -15,7 +15,7 @@ type Section = { title: string; keys: [string, string][] }
 const GLOBAL: Section = {
   title: "Global",
   keys: [
-    ["1 … 6", "Switch tabs"],
+    ["1 … 5", "Switch tabs"],
     ["r", "Refresh from the API"],
     ["/", "Global search"],
     ["A", "Switch SpinupWP accounts"],
@@ -37,13 +37,14 @@ const NAV: Section = {
     ["s", "SSH into the site"],
     ["h", "Server health (SSH)"],
     ["w", "Open in SpinupWP web app"],
-    ["a", "Server actions (reboot/restart)"],
+    ["a", "Server actions (restart, take offline)"],
     ["c", "Create a new server"],
     ["C", "Clone this server to a new one"],
     ["S", "Connect sudo on the server"],
     ["u", "Update PHP version or WordPress core"],
     ["H", "Enable/disable HTTPS"],
     ["P", "Purge page + object cache"],
+    ["O", "Take a site offline / bring it back"],
     ["K", "Grant SpinupTUI's SSH key (sudo)"],
     ["d", "Identify a site's app (SSH)"],
   ],

package/src/ui/Onboarding.tsx

@@ -2,20 +2,25 @@
 //
 // Shown when no token is found in the environment or config file. Collects an
 // API token, validates it against the live API, persists it to ~/.config, then
-// hands control back to the app.
+// asks (optionally) for the account slug that `w` deep links need — the API
+// can't tell us — and hands control back to the app.
 
 import { useState } from "react"
 import { theme } from "../lib/theme.ts"
 import { Spinner, SecretInput } from "./components.tsx"
 import { SpinupWPClient } from "../api/client.ts"
 import { DEFAULT_BASE_URL, saveConfig, configPath } from "../config.ts"
+import { parseAccountSlug } from "../lib/spinupweb.ts"
 
-type Phase = "input" | "validating" | "error"
+type Phase = "input" | "validating" | "error" | "slug"
+
+const INPUT_STYLE = { backgroundColor: theme.bgAlt, focusedBackgroundColor: theme.bgAlt, textColor: theme.text }
 
 export function Onboarding({ onComplete }: { onComplete: () => void }) {
   const [value, setValue] = useState("")
   const [phase, setPhase] = useState<Phase>("input")
   const [error, setError] = useState<string | null>(null)
+  const [slug, setSlug] = useState("")
 
   async function submit(token: string) {
     const trimmed = token.trim()
@@ -26,13 +31,76 @@ export function Onboarding({ onComplete }: { onComplete: () => void }) {
     const result = await client.validateToken()
     if (result.ok) {
       await saveConfig({ token: trimmed, baseUrl: DEFAULT_BASE_URL })
-      onComplete()
+      setPhase("slug")
     } else {
       setError(result.reason)
       setPhase("error")
     }
   }
 
+  // Optional: empty skips (an existing slug, e.g. on `spinuptui login`, is kept).
+  async function submitSlug() {
+    if (!slug.trim()) return onComplete()
+    const parsed = parseAccountSlug(slug)
+    if (!parsed) {
+      setError("That doesn't look like a slug — paste the part after spinupwp.app/, or the whole URL.")
+      return
+    }
+    await saveConfig({ accountSlug: parsed })
+    onComplete()
+  }
+
+  if (phase === "slug") {
+    return (
+      <box
+        style={{
+          width: "100%",
+          height: "100%",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          backgroundColor: theme.bg,
+        }}
+      >
+        <ascii-font text="SPINUPTUI" font="block" color={[theme.brand, theme.accent]} />
+        <box style={{ height: 1 }} />
+        <box
+          title=" Almost done "
+          titleColor={theme.brand}
+          border
+          borderColor={theme.border}
+          style={{ flexDirection: "column", width: 70, paddingLeft: 2, paddingRight: 2, paddingTop: 1, paddingBottom: 1 }}
+        >
+          <text content="✓ Token works." fg={theme.good} />
+          <box style={{ height: 1 }} />
+          <text content="One more (optional): your SpinupWP account slug, the part" fg={theme.text} wrapMode="none" />
+          <text content="after spinupwp.app/ in your dashboard's address. With it, w" fg={theme.text} wrapMode="none" />
+          <text content="opens a site or server straight in SpinupWP." fg={theme.text} wrapMode="none" />
+          <text content="Pasting any dashboard URL works too." fg={theme.textDim} wrapMode="none" />
+          <box style={{ height: 1 }} />
+          <text content="Account slug" fg={theme.accent} />
+          <input
+            focused
+            value={slug}
+            placeholder="acme-agency"
+            onInput={(v: string) => {
+              setSlug(v)
+              setError(null)
+            }}
+            onSubmit={() => void submitSlug()}
+            style={INPUT_STYLE}
+          />
+          <box style={{ height: 1 }} />
+          {error ? (
+            <text content={"✕ " + error} fg={theme.bad} wrapMode="none" />
+          ) : (
+            <text content="Press Enter to finish. Leave it empty to skip; w will ask later." fg={theme.textFaint} wrapMode="none" />
+          )}
+        </box>
+      </box>
+    )
+  }
+
   return (
     <box
       style={{

package/src/ui/components.tsx

@@ -463,11 +463,12 @@ export function siteGroups(isWordpress: boolean, isVanity: boolean): ActionGroup
   remote.push(["H", "Toggle HTTPS"])
   remote.push(["P", "Purge cache"])
   remote.push(["M", "Monitoring"])
+  remote.push(["O", "Take offline"])
   return [
     { title: "Open", items: [["o", "In browser"], ["w", "In SpinupWP"]] },
     { title: "Remote", items: remote },
     { title: "Local", items: local },
     ...(isVanity ? [{ title: "Vanity", items: [["R", "Refresh"]] as [string, string][] }] : []),
-    { title: "Server", items: [["a", "Reboot / restart"], ["h", "Health"]] },
+    { title: "Server", items: [["a", "Restart / offline"], ["h", "Health"]] },
   ]
 }

package/src/ui/offlineRun.tsx

@@ -0,0 +1,82 @@
+// Shared by the two places that take sites offline: the server actions menu
+// (`a`, the whole server) and the site overlay (`O`, one site). The work itself
+// is lib/offline.ts; this is the progress state and panel around it.
+//
+// It runs in the overlay rather than the store: what it changes is recorded on
+// disk as it goes, so closing the overlay mid-run loses only the progress
+// lines, never the ability to undo it.
+
+import { useState } from "react"
+import { tmpdir } from "node:os"
+import { join } from "node:path"
+import { theme } from "../lib/theme.ts"
+import { isDevMode } from "../dev/devMode.ts"
+import { Panel, Spinner } from "./components.tsx"
+import { toast } from "./toast.ts"
+
+// Dev Mode's fake servers must never land in the real account's offline record.
+export const offlineDir = () => (isDevMode() ? join(tmpdir(), "spinuptui-dev-offline") : undefined)
+
+export interface OfflineRun {
+  mode: "offline" | "online"
+  lines: string[]
+  finished: boolean
+  summary?: string
+  failed?: boolean
+}
+
+export type OfflineJob = (onProgress: (line: string) => void) => Promise<{ summary: string; failed: boolean }>
+
+// `label` prefixes the completion toast (a server or site name), since the
+// overlay may be closed by the time it finishes.
+export function useOfflineRun(refresh: () => Promise<void>) {
+  const [run, setRun] = useState<OfflineRun | null>(null)
+  const start = (mode: OfflineRun["mode"], label: string, job: OfflineJob) => {
+    const push = (line: string) => setRun((r) => (r ? { ...r, lines: [...r.lines, line] } : r))
+    setRun({ mode, lines: [], finished: false })
+    void (async () => {
+      let summary: string
+      let failed: boolean
+      try {
+        ;({ summary, failed } = await job(push))
+      } catch (err) {
+        summary = (err as Error).message
+        failed = true
+      }
+      setRun((r) => (r ? { ...r, finished: true, summary, failed } : r))
+      if (failed) toast.error(`${label}: ${summary}`)
+      else toast.success(`${label}: ${summary}`)
+      await refresh()
+    })()
+  }
+  return { run, start }
+}
+
+export function OfflineProgress({ run, plural }: { run: OfflineRun; plural: boolean }) {
+  const shown = run.lines.slice(-10)
+  const what = plural ? "sites" : "site"
+  return (
+    <Panel title={run.mode === "offline" ? ` Taking ${what} offline ` : ` Bringing ${what} back online `} active>
+      <box style={{ flexDirection: "column", width: 66, paddingTop: 1, paddingBottom: 1 }}>
+        {shown.map((l, i) => (
+          <text key={i} content={l} fg={l.includes("✕") ? theme.bad : l.includes("✓") ? theme.good : theme.textDim} wrapMode="none" />
+        ))}
+        <box style={{ height: 1 }} />
+        {run.finished ? (
+          <text content={`${run.failed ? "✕" : "✓"} ${run.summary}`} fg={run.failed ? theme.bad : theme.good} />
+        ) : (
+          <box style={{ flexDirection: "row" }}>
+            <Spinner />
+            <text content={plural ? "  Working — SpinupWP runs a server's sites one at a time." : "  Working — usually a few seconds."} fg={theme.textDim} wrapMode="none" />
+          </box>
+        )}
+        <box style={{ height: 1 }} />
+        <text
+          content={run.finished ? "Esc to close" : "Esc to close — it keeps running, and each change is recorded."}
+          fg={theme.textFaint}
+          wrapMode="none"
+        />
+      </box>
+    </Panel>
+  )
+}

package/src/ui/store.tsx

@@ -51,7 +51,7 @@ import { carrySiteSettings, type SettingsCarryResult } from "../lib/cloneSetting
 import { syncAdditionalDomains } from "../lib/cloneDomains.ts"
 import { parseRepo, deployKeysSettingsUrl, ghAvailable, ghDeployKeyPresent, ghAddDeployKey, generateDeployKeypair, type RepoHost } from "../lib/gitDeployKey.ts"
 import { keychainAvailable, setSudoPassword, getSudoPassword, deleteSudoPassword } from "../lib/keychain.ts"
-import { StackCache, siteSignature, type CachedProbe } from "../lib/stackCache.ts"
+import { StackCache, siteSignature, isRecheckDue, type CachedProbe } from "../lib/stackCache.ts"
 import { resolvePhpEolDates, refreshPhpEolDates, isPhpEol as isPhpEolWith, offeredPhpVersions as offeredPhpVersionsWith, type PhpEolDates } from "../lib/phpEol.ts"
 import { resolveUbuntuEolDates, refreshUbuntuEolDates, isUbuntuEol as isUbuntuEolWith, type UbuntuEolDates } from "../lib/ubuntuEol.ts"
 import { wpCoreBusy } from "./wpCoreJobs.tsx"
@@ -60,7 +60,7 @@ import { planDbSync, runDbSync, isDbSyncInFlight, type DbSyncProgress, type Sync
 import { planLocalSetup, runLocalSetup, isLocalSetupInFlight, type LocalSetupProgress, type LocalSetupPlanResult } from "../lib/localSetup.ts"
 import { planMediaFallback, type MediaFallbackResult } from "../lib/mediaFallback.ts"
 
-export type Route = "dashboard" | "servers" | "stacks" | "search" | "events" | "modules"
+export type Route = "dashboard" | "servers" | "stacks" | "search" | "events"
 
 // Progress of a PHP-version upgrade, tracked in the store so it survives the
 // modal being closed. `status` mirrors the SpinupWP event status
@@ -569,6 +569,9 @@ interface StoreValue extends DataState {
   // poll it to completion in the background.
   startHttpsToggle: (site: Site) => void
   clearHttpsToggle: (siteId: number) => void
+  // The site whose take-offline overlay (O) is open, or null.
+  siteOfflineSite: Site | null
+  setSiteOfflineSite: (s: Site | null) => void
   // The site whose purge-cache overlay is open, or null.
   purgeCacheSite: Site | null
   setPurgeCacheSite: (s: Site | null) => void
@@ -742,9 +745,6 @@ interface StoreValue extends DataState {
   // Whether the local-copy discovery overlay is open.
   discoverOpen: boolean
   setDiscoverOpen: (v: boolean) => void
-  // Beacon's guided setup overlay, opened from the Modules tab.
-  beaconSetupOpen: boolean
-  setBeaconSetupOpen: (v: boolean) => void
   // Whether the "needs a local copy" (forgotten) report overlay is open, and an
   // optional stack filter (set from the selected Stacks group when opened).
   forgottenOpen: boolean
@@ -819,6 +819,14 @@ interface StoreValue extends DataState {
   enableLocalSync: () => void
   // SpinupWP account slug (from env/config) for building web deep links.
   accountSlug: string | null
+  // Open a page in the SpinupWP web app. Deep links need the account slug, which
+  // the API doesn't expose; with none saved this asks for it (slugPrompt) and
+  // opens the page once it's given, rather than landing on the dashboard root.
+  // Returns true when the page opened straight away.
+  openInSpinupWP: (build: (slug: string) => string) => boolean
+  slugPrompt: { build: (slug: string) => string } | null
+  setSlugPrompt: (p: { build: (slug: string) => string } | null) => void
+  saveAccountSlug: (slug: string) => void
   // The account (profile) this store is mounted for — see config.ts "Accounts".
   // Switching remounts the whole store, so these never change under a view.
   profileId: string
@@ -1032,6 +1040,24 @@ export function StoreProvider({ children }: { children: ReactNode }) {
     })
   }, [])
   const [profileLabel, setProfileLabel] = useState(cfgRef.current.profileLabel)
+  const [accountSlug, setAccountSlug] = useState(cfgRef.current.accountSlug)
+  const [slugPrompt, setSlugPrompt] = useState<{ build: (slug: string) => string } | null>(null)
+  const saveAccountSlug = useCallback((slug: string) => {
+    cfgRef.current.accountSlug = slug
+    setAccountSlug(slug)
+    void saveProfileConfig({ accountSlug: slug })
+  }, [])
+  const openInSpinupWP = useCallback(
+    (build: (slug: string) => string) => {
+      if (accountSlug) {
+        openUrl(build(accountSlug))
+        return true
+      }
+      setSlugPrompt({ build })
+      return false
+    },
+    [accountSlug],
+  )
   const [route, setRoute] = useState<Route>("dashboard")
   const [inputMode, setInputMode] = useState(false)
   const [overlayOpen, setOverlayOpen] = useState(false)
@@ -1043,6 +1069,7 @@ export function StoreProvider({ children }: { children: ReactNode }) {
   const [httpsToggleSite, setHttpsToggleSite] = useState<Site | null>(null)
   const [httpsToggles, setHttpsToggles] = useState<Map<number, HttpsToggleProgress>>(new Map())
   const [purgeCacheSite, setPurgeCacheSite] = useState<Site | null>(null)
+  const [siteOfflineSite, setSiteOfflineSite] = useState<Site | null>(null)
   const [purgeCacheProgress, setPurgeCacheProgress] = useState<Map<number, PurgeCacheProgress>>(new Map())
   const [serverActionsServer, setServerActionsServer] = useState<Server | null>(null)
   const [serverOps, setServerOps] = useState<Map<number, ServerOpProgress>>(new Map())
@@ -1113,7 +1140,6 @@ export function StoreProvider({ children }: { children: ReactNode }) {
   const [mediaFallbackSite, setMediaFallbackSite] = useState<Site | null>(null)
   const [localRoots, setLocalRoots] = useState<string[]>(() => [...cfgRef.current.localRoots])
   const [discoverOpen, setDiscoverOpen] = useState(false)
-  const [beaconSetupOpen, setBeaconSetupOpen] = useState(false)
   const [forgottenOpen, setForgottenOpen] = useState(false)
   const [forgottenStack, setForgottenStack] = useState<Stack | null>(null)
   const [linkReturnToForgotten, setLinkReturnToForgotten] = useState(false)
@@ -1250,7 +1276,7 @@ export function StoreProvider({ children }: { children: ReactNode }) {
   }, [])
 
   const probeOne = useCallback(
-    async (site: Site) => {
+    async (site: Site): Promise<boolean> => {
       const cache = cacheRef.current!
       setProbingIds((prev) => new Set(prev).add(site.id))
       setProbeErrors((prev) => {
@@ -1272,6 +1298,7 @@ export function StoreProvider({ children }: { children: ReactNode }) {
         next.delete(site.id)
         return next
       })
+      return outcome.ok
     },
     [servers],
   )
@@ -1305,6 +1332,41 @@ export function StoreProvider({ children }: { children: ReactNode }) {
 
   const isProbeStale = useCallback((site: Site) => cacheRef.current!.isStale(site.id, siteSignature(site)), [])
 
+  // Re-check WordPress versions that have gone old, whenever the site list loads
+  // (launch, and every `r`). Only sites already probed successfully: an unprobed
+  // site's stack is the user's call (`d`/`D`), and it may not be reachable at all.
+  // Each site gets at most one automatic attempt per max-age window, recorded in
+  // the cache so it holds across launches: a site whose probe now fails keeps its
+  // old reading (shown with its age) instead of being retried on every launch or
+  // refresh. Dev Mode's servers aren't real.
+  //
+  // Unattended SSH must not trip fail2ban, which bans the source IP after a few
+  // failed logins on one server. So each server's sites go one at a time, and the
+  // first failure on a server ends that server's run for this window: at most one
+  // failed login per server per day. Servers run in parallel, a few at a time.
+  useEffect(() => {
+    if (isDevMode() || servers.length === 0) return
+    const cache = cacheRef.current!
+    const now = Date.now()
+    const due = sites.filter((s) => isRecheckDue(cache.get(s.id), now))
+    if (due.length === 0) return
+    // Marked up front, all of them: a reload mid-run must not queue these again,
+    // and a server's sites after its first failure are skipped for the window too.
+    void cache.noteRecheck(due.map((s) => s.id))
+    const byServer = new Map<number, Site[]>()
+    for (const s of due) byServer.set(s.server_id, [...(byServer.get(s.server_id) ?? []), s])
+    const queues = [...byServer.values()]
+    let cursor = 0
+    const worker = async () => {
+      while (cursor < queues.length) {
+        for (const site of queues[cursor++]) if (!(await probeOne(site))) break
+      }
+    }
+    for (let i = 0; i < Math.min(3, queues.length); i++) void worker()
+    // probeOne changes identity with `servers`, which reloads together with
+    // `sites` — this should only re-run when the site list itself is reloaded.
+  }, [sites, servers])
+
   const isPhpEol = useCallback((version: string | null | undefined) => isPhpEolWith(version, phpEolDates), [phpEolDates])
   const offeredPhpVersions = useCallback(
     (current?: string | null) => offeredPhpVersionsWith(phpEolDates, current),
@@ -4418,6 +4480,8 @@ export function StoreProvider({ children }: { children: ReactNode }) {
     clearHttpsToggle,
     purgeCacheSite,
     setPurgeCacheSite,
+    siteOfflineSite,
+    setSiteOfflineSite,
     purgeCacheProgress,
     startPurgeCache,
     clearPurgeCache,
@@ -4532,8 +4596,6 @@ export function StoreProvider({ children }: { children: ReactNode }) {
     addLocalRoot,
     discoverOpen,
     setDiscoverOpen,
-    beaconSetupOpen,
-    setBeaconSetupOpen,
     forgottenOpen,
     setForgottenOpen,
     forgottenStack,
@@ -4575,7 +4637,11 @@ export function StoreProvider({ children }: { children: ReactNode }) {
     enableLocalSyncSite,
     setEnableLocalSyncSite,
     enableLocalSync,
-    accountSlug: cfgRef.current.accountSlug,
+    accountSlug,
+    openInSpinupWP,
+    slugPrompt,
+    setSlugPrompt,
+    saveAccountSlug,
     profileId: cfgRef.current.profileId,
     profileLabel,
     setProfileLabel,

package/src/ui/views/AccountSlugPrompt.tsx

@@ -0,0 +1,102 @@
+// Ask for the SpinupWP account slug the first time `w` needs it.
+//
+// Deep links into the web app are account-scoped (spinupwp.app/{slug}/sites/{id})
+// and the API doesn't expose the slug, so without one `w` could only open the
+// dashboard root. Instead of that, `w` opens this prompt: the user pastes the
+// slug (or any dashboard URL), it's saved to the current account, and the page
+// they asked for opens. Every later `w` goes straight there.
+
+import { useEffect, useState } from "react"
+import { useKeyboard } from "@opentui/react"
+import { theme } from "../../lib/theme.ts"
+import { openUrl } from "../../lib/open.ts"
+import { parseAccountSlug } from "../../lib/spinupweb.ts"
+import { Panel, Centered } from "../components.tsx"
+import { StatusBar } from "../StatusBar.tsx"
+import { useStore } from "../store.tsx"
+import { toast } from "../toast.ts"
+
+const INPUT_STYLE = { backgroundColor: theme.bgAlt, focusedBackgroundColor: theme.bgAlt, textColor: theme.text }
+
+export function AccountSlugPrompt() {
+  const { slugPrompt, setSlugPrompt, saveAccountSlug, setInputMode } = useStore()
+  const [value, setValue] = useState("")
+  const [error, setError] = useState<string | null>(null)
+
+  // The input owns the keyboard while this is open.
+  useEffect(() => {
+    setInputMode(true)
+    return () => setInputMode(false)
+  }, [setInputMode])
+
+  const close = () => setSlugPrompt(null)
+
+  const submit = () => {
+    if (!slugPrompt) return
+    const slug = parseAccountSlug(value)
+    if (!slug) {
+      setError(value.trim() ? "That doesn't look like a slug — paste the part after spinupwp.app/, or the whole URL." : "Paste your account slug, or Esc to cancel.")
+      return
+    }
+    saveAccountSlug(slug)
+    openUrl(slugPrompt.build(slug))
+    toast.success(`Saved “${slug}” — opening in SpinupWP…`)
+    close()
+  }
+
+  // Esc reaches us even with the input focused (it doesn't consume it).
+  useKeyboard((key) => {
+    if (key.name === "escape") close()
+  })
+
+  if (!slugPrompt) return null
+
+  return (
+    <box
+      style={{
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        flexDirection: "column",
+        backgroundColor: theme.bg,
+        zIndex: 300,
+      }}
+    >
+      <Centered>
+        <Panel title=" Open in SpinupWP " active>
+          <box style={{ flexDirection: "column", width: 68, paddingTop: 1, paddingBottom: 1 }}>
+            <text content="To open the right page, SpinupTUI needs your SpinupWP account slug:" fg={theme.text} wrapMode="none" />
+            <text content="the part after spinupwp.app/ in your dashboard's address." fg={theme.text} wrapMode="none" />
+            <box style={{ height: 1 }} />
+            <text content="SpinupWP's API doesn't provide it, so this asks once and saves it." fg={theme.textDim} wrapMode="none" />
+            <text content="Pasting any dashboard URL works too." fg={theme.textDim} wrapMode="none" />
+            <box style={{ height: 1 }} />
+            <text content="Account slug" fg={theme.accent} />
+            <input
+              focused
+              value={value}
+              placeholder="acme-agency"
+              onInput={(v: string) => {
+                setValue(v)
+                setError(null)
+              }}
+              onSubmit={submit}
+              style={INPUT_STYLE}
+            />
+            <box style={{ height: 1 }} />
+            {error ? <text content={"✕ " + error} fg={theme.bad} wrapMode="none" /> : <text content="Saved to this account in config.json." fg={theme.textFaint} wrapMode="none" />}
+          </box>
+        </Panel>
+      </Centered>
+      <StatusBar
+        hints={[
+          { key: "⏎", label: "save & open" },
+          { key: "esc", label: "cancel" },
+        ]}
+        showGlobal={false}
+      />
+    </box>
+  )
+}

package/src/ui/views/Browser.tsx

@@ -24,7 +24,7 @@ type Focus = "servers" | "sites"
 
 export function Browser({ rows }: { rows: number }) {
   const store = useStore()
-  const { servers, sitesForServer, route, inputMode, overlayOpen, setHealthServer, setWpInventorySite, runProbe, probes, accountSlug, setPhpUpgradeSite, phpUpgrades, setHttpsToggleSite, setPurgeCacheSite, setGrantKeySite, setSudoConnectServer, isSudoConnected, setServerActionsServer, serverOps, setLocalLinkSite, openLocalTerminal, openLocalUrl, sshSite, setDnsInventoryServer, setNewServerSource, setNewServerOpen, setVanityServer, vanityJob, beginClone, isServerOsEol, setKumaSite, kumaConfigured, startKumaSetup, startVanityReseed, setDbSyncSite, localSync, localLinks, setDbBackupSite, setMediaFallbackSite, setEnableLocalSyncSite } = store
+  const { servers, sitesForServer, route, inputMode, overlayOpen, setHealthServer, setWpInventorySite, runProbe, probes, openInSpinupWP, setPhpUpgradeSite, phpUpgrades, setHttpsToggleSite, setPurgeCacheSite, setSiteOfflineSite, setGrantKeySite, setSudoConnectServer, isSudoConnected, setServerActionsServer, serverOps, setLocalLinkSite, openLocalTerminal, openLocalUrl, sshSite, setDnsInventoryServer, setNewServerSource, setNewServerOpen, setVanityServer, vanityJob, beginClone, isServerOsEol, setKumaSite, kumaConfigured, startKumaSetup, startVanityReseed, setDbSyncSite, localSync, localLinks, setDbBackupSite, setMediaFallbackSite, setEnableLocalSyncSite } = store
 
   const [serverIndex, setServerIndex] = useState(0)
   const [siteIndex, setSiteIndex] = useState(0)
@@ -128,6 +128,11 @@ export function Browser({ rows }: { rows: number }) {
         // Purge page cache + object cache on the selected site.
         if (focus === "sites" && sites[siteIndex]) setPurgeCacheSite(sites[siteIndex])
         return
+      case "O":
+        // Take the selected site offline, or bring it back. The whole server's
+        // version is in the server actions menu (a).
+        if (focus === "sites" && sites[siteIndex]) setSiteOfflineSite(sites[siteIndex])
+        return
       case "M":
         // Uptime Kuma monitoring for the selected site (connect on first use).
         // Capital because lowercase m is media fallback here, matching Search.
@@ -278,11 +283,11 @@ export function Browser({ rows }: { rows: number }) {
         // Open the focused server/site in the SpinupWP web app — useful for
         // actions the API can't do (e.g. running a pending server upgrade).
         if (focus === "sites" && sites[siteIndex]) {
-          openUrl(siteWebUrl(sites[siteIndex].id, accountSlug))
-          setFlash(accountSlug ? "Opening in SpinupWP…" : "Set accountSlug for deep links — opening dashboard")
+          const id = sites[siteIndex].id
+          if (openInSpinupWP((slug) => siteWebUrl(id, slug))) setFlash("Opening in SpinupWP…")
         } else if (server) {
-          openUrl(serverWebUrl(server.id, accountSlug))
-          setFlash(accountSlug ? "Opening in SpinupWP…" : "Set accountSlug for deep links — opening dashboard")
+          const id = server.id
+          if (openInSpinupWP((slug) => serverWebUrl(id, slug))) setFlash("Opening in SpinupWP…")
         }
         setTimeout(() => setFlash(null), 2000)
         return
@@ -324,6 +329,7 @@ export function Browser({ rows }: { rows: number }) {
             emptyText="No servers yet — press c to create one"
             renderRow={(s, selected) => {
               const count = sitesForServer(s.id).length
+              const offline = sitesForServer(s.id).filter((x) => x.disabled_at).length
               const op = serverOps.get(s.id)
               return (
                 <>
@@ -340,6 +346,7 @@ export function Browser({ rows }: { rows: number }) {
                   ) : (
                     s.reboot_required && <text content=" ↻ rbt" fg={selected ? theme.text : theme.warn} style={{ flexShrink: 0 }} />
                   )}
+                  {offline > 0 && <text content={offline === count ? " ⏻ off" : ` ⏻ ${offline} off`} fg={selected ? theme.text : theme.bad} style={{ flexShrink: 0 }} />}
                   {s.upgrade_required && <text content=" ⬆ upg" fg={selected ? theme.text : theme.warn} style={{ flexShrink: 0 }} />}
                   {isServerOsEol(s) && <text content=" ⚠ os" fg={selected ? theme.text : theme.bad} style={{ flexShrink: 0 }} />}
                   {isSudoConnected(s.id) && <text content=" ● sudo" fg={selected ? theme.text : theme.good} style={{ flexShrink: 0 }} />}
@@ -388,6 +395,7 @@ export function Browser({ rows }: { rows: number }) {
                       linked/key/HTTPS/cache/backup/updates badges moved to the Details
                       pane (already shown there for the selected site) to give the
                       domain name room on narrower terminals. */}
+                  {s.disabled_at && <text content="⏻ off " fg={selected ? theme.text : theme.bad} style={{ flexShrink: 0 }} />}
                   <WpCoreRowMark siteId={s.id} selected={selected} compact />
                   <text content={stackTag(stack).padEnd(7) + " "} fg={stackColor(stack, selected)} wrapMode="none" style={{ flexShrink: 0 }} />
                   <PhpVersionCell version={s.php_version} upgrade={phpUpgrades.get(s.id)} selected={selected} />