@synteq/cli 0.2.0 → 1.1.1

package/dist/tui/screens/resources/FunctionDetail.js

@@ -0,0 +1,751 @@
+import React, { useCallback, useEffect, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { Spinner } from "../../components/Spinner.js";
+import { InputBar } from "../../components/InputBar.js";
+import { ConfirmModal } from "../../components/ConfirmModal.js";
+import { useApi } from "../../hooks/useApi.js";
+import { colors, statusColor } from "../../theme/colors.js";
+import { glyphs } from "../../theme/glyphs.js";
+import { fmtClock, fmtWhen } from "../../../apps-support/time.js";
+const TABS = [
+    { key: "overview", label: "Overview", hotkey: "1" },
+    { key: "deployments", label: "Deployments", hotkey: "2" },
+    { key: "env", label: "Env", hotkey: "3" },
+    { key: "settings", label: "Settings", hotkey: "4" },
+    { key: "logs", label: "Logs", hotkey: "5" },
+    { key: "cron", label: "Cron", hotkey: "6" },
+];
+export function FunctionDetailView({ fn: initial, onClose, onLock, }) {
+    const [tab, setTab] = useState("overview");
+    const [fn, setFn] = useState(initial);
+    const [busy, setBusy] = useState(false);
+    useEffect(() => {
+        onLock(true);
+        return () => onLock(false);
+    }, [onLock]);
+    useInput((input, key) => {
+        if (busy)
+            return;
+        if (key.escape) {
+            onClose();
+            return;
+        }
+        const hit = TABS.find((t) => t.hotkey === input);
+        if (hit) {
+            setTab(hit.key);
+            return;
+        }
+        if (input === "]" || key.rightArrow) {
+            setTab((t) => TABS[(TABS.findIndex((x) => x.key === t) + 1) % TABS.length].key);
+        }
+        else if (input === "[" || key.leftArrow) {
+            setTab((t) => TABS[(TABS.findIndex((x) => x.key === t) - 1 + TABS.length) % TABS.length].key);
+        }
+    }, { isActive: true });
+    return (React.createElement(Box, { flexDirection: "column", width: "100%" },
+        React.createElement(Box, { marginBottom: 1 }, TABS.map((t, i) => (React.createElement(Box, { key: t.key, marginRight: i === TABS.length - 1 ? 0 : 2 },
+            React.createElement(Text, { color: t.key === tab ? colors.accent : colors.dim, bold: t.key === tab },
+                t.hotkey,
+                " ",
+                t.label))))),
+        tab === "overview" && React.createElement(OverviewTab, { fn: fn, onFn: setFn }),
+        tab === "deployments" && React.createElement(DeploymentsTab, { fn: fn, onBusy: setBusy }),
+        tab === "env" && React.createElement(EnvTab, { fn: fn, onBusy: setBusy }),
+        tab === "settings" && React.createElement(SettingsTab, { fn: fn, onFn: setFn, onBusy: setBusy }),
+        tab === "logs" && React.createElement(LogsTab, { fn: fn, onBusy: setBusy }),
+        tab === "cron" && React.createElement(CronTab, { fn: fn, onBusy: setBusy })));
+}
+// ─── Overview ────────────────────────────────────────────────────────────────
+function OverviewTab({ fn, onFn }) {
+    const api = useApi();
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        let cancelled = false;
+        api.functions.get(fn.id).then((f) => !cancelled && onFn(f)).catch(() => { });
+        return () => {
+            cancelled = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [api, fn.id, tick]);
+    useInput((input) => {
+        if (input === "r")
+            setTick((t) => t + 1);
+    });
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(DetailRow, { label: "Id", value: fn.id }),
+        React.createElement(DetailRow, { label: "Status", value: React.createElement(Text, { color: statusColor(fn.status) ?? colors.text }, fn.status) }),
+        React.createElement(DetailRow, { label: "URL", value: `https://${fn.hostname}` }),
+        React.createElement(DetailRow, { label: "Plan", value: fn.planTier }),
+        React.createElement(DetailRow, { label: "Region", value: fn.region }),
+        React.createElement(DetailRow, { label: "Runtime", value: `${fn.runtime} · ${fn.memoryMib} MiB` }),
+        React.createElement(DetailRow, { label: "Concurrency", value: `${fn.concurrency} · timeout ${fn.timeoutSeconds}s` }),
+        React.createElement(DetailRow, { label: "Instances", value: `${fn.minInstances}–${fn.maxInstances}` }),
+        React.createElement(DetailRow, { label: "Release", value: fn.currentReleaseNumber != null ? `#${fn.currentReleaseNumber}${fn.currentReleaseDeployedAt ? ` · ${fmtWhen(fn.currentReleaseDeployedAt)}` : ""}` : "none yet" }),
+        fn.healthStatus ? React.createElement(DetailRow, { label: "Health", value: React.createElement(Text, { color: statusColor(fn.healthStatus) ?? colors.text }, fn.healthStatus) }) : null,
+        React.createElement(DetailRow, { label: "Budget", value: `${fn.budgetState}${fn.monthlyBudgetUsd != null ? ` · $${fn.monthlyBudgetUsd}/mo` : ""}` }),
+        fn.pausedReason ? React.createElement(DetailRow, { label: "Paused", value: React.createElement(Text, { color: colors.warning }, fn.pausedReason) }) : null,
+        React.createElement(DetailRow, { label: "Created", value: fmtWhen(fn.createdAt) }),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: colors.dim }, "r refresh \u00B7 1-6 or [ ] switch tabs \u00B7 Esc back"))));
+}
+// ─── Deployments ─────────────────────────────────────────────────────────────
+function DeploymentsTab({ fn, onBusy }) {
+    const api = useApi();
+    const [releases, setReleases] = useState(null);
+    const [error, setError] = useState(null);
+    const [cursor, setCursor] = useState(0);
+    const [open, setOpen] = useState(null);
+    const [confirm, setConfirm] = useState(null);
+    const [notice, setNotice] = useState(null);
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        onBusy(confirm !== null);
+    }, [confirm, onBusy]);
+    useEffect(() => {
+        let cancelled = false;
+        api.functions
+            .releases(fn.id)
+            .then((rs) => {
+            if (cancelled)
+                return;
+            setReleases([...rs].sort((a, b) => b.number - a.number));
+            setError(null);
+        })
+            .catch((e) => !cancelled && setError(e instanceof Error ? e.message : String(e)));
+        return () => {
+            cancelled = true;
+        };
+    }, [api, fn.id, tick]);
+    const rows = releases ?? [];
+    const selected = rows[cursor];
+    useInput((input, key) => {
+        if (confirm)
+            return;
+        if (open) {
+            if (key.escape || key.leftArrow)
+                setOpen(null);
+            else if (input === "b" && !open.isCurrent)
+                setConfirm(open);
+            return;
+        }
+        if (key.upArrow || input === "k")
+            setCursor((c) => Math.max(0, c - 1));
+        else if (key.downArrow || input === "j")
+            setCursor((c) => Math.min(rows.length - 1, c + 1));
+        else if (key.return && selected)
+            setOpen(selected);
+        else if (input === "b" && selected && !selected.isCurrent)
+            setConfirm(selected);
+        else if (input === "r")
+            setTick((t) => t + 1);
+    }, { isActive: true });
+    const rollback = useCallback(async (r) => {
+        setNotice({ text: `Rolling back to #${r.number}…`, color: colors.warning });
+        try {
+            const out = await api.functions.rollback(fn.id, r.number);
+            setNotice({ text: `Rollback started — release #${out.release} re-deploys #${out.rolledBackTo}'s bundle.`, color: colors.success });
+            setOpen(null);
+            setTick((t) => t + 1);
+        }
+        catch (e) {
+            setNotice({ text: e instanceof Error ? e.message : String(e), color: colors.error });
+        }
+    }, [api, fn.id]);
+    if (confirm) {
+        return (React.createElement(ConfirmModal, { title: `Roll ${fn.slug} back to release #${confirm.number}?`, hint: "Re-deploys that release's bundle as a new release. The current release stays in history.", onConfirm: () => {
+                const r = confirm;
+                setConfirm(null);
+                void rollback(r);
+            }, onCancel: () => setConfirm(null) }));
+    }
+    if (open) {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(DetailRow, { label: "Release", value: `#${open.number}${open.isCurrent ? "  (current)" : ""}` }),
+            React.createElement(DetailRow, { label: "Status", value: React.createElement(Text, { color: statusColor(open.status) ?? colors.text }, open.status) }),
+            React.createElement(DetailRow, { label: "Deployed", value: fmtWhen(open.deployedAt) }),
+            React.createElement(DetailRow, { label: "Image", value: open.imageDigest.slice(0, 24) }),
+            open.bundleDigest ? React.createElement(DetailRow, { label: "Bundle", value: open.bundleDigest.slice(0, 24) }) : null,
+            open.commitSha ? React.createElement(DetailRow, { label: "Commit", value: `${open.commitSha.slice(0, 7)}${open.commitMessage ? `  ${open.commitMessage}` : ""}` }) : null,
+            !open.buildId ? (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: colors.dim }, "No source build (image deploy or rollback)."))) : null,
+            notice ? (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: notice.color }, notice.text))) : null,
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: colors.dim }, open.isCurrent ? "Esc back" : "b roll back to this release · Esc back"))));
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        releases === null ? (React.createElement(Spinner, { label: "Loading deployments\u2026" })) : error ? (React.createElement(Text, { color: colors.error },
+            "Error: ",
+            error)) : rows.length === 0 ? (React.createElement(Text, { color: colors.dim }, "No deployments yet \u2014 `synteq function deploy` from the function's directory.")) : (rows.slice(0, Math.max(5, (process.stdout.rows ?? 24) - 14)).map((r, i) => {
+            const focused = i === cursor;
+            return (React.createElement(Box, { key: r.id },
+                React.createElement(Text, { color: focused ? colors.accent : colors.dim }, focused ? `${glyphs.chevronRight} ` : "  "),
+                React.createElement(Box, { width: 7 },
+                    React.createElement(Text, { color: focused ? colors.accent : colors.text, bold: focused }, `#${r.number}`)),
+                React.createElement(Box, { width: 16 },
+                    React.createElement(Text, { color: statusColor(r.status) ?? colors.dim }, r.status)),
+                React.createElement(Box, { width: 14 },
+                    React.createElement(Text, { color: colors.dim }, fmtWhen(r.deployedAt))),
+                React.createElement(Text, { color: colors.dim, wrap: "truncate-end" },
+                    r.isCurrent ? "current  " : "",
+                    r.commitSha ? `${r.commitSha.slice(0, 7)} ` : "",
+                    r.commitMessage ?? "")));
+        })),
+        notice ? (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: notice.color }, notice.text))) : null,
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: colors.dim }, "\u2191\u2193 select \u00B7 Enter details \u00B7 b roll back to selected \u00B7 r refresh"))));
+}
+// ─── Env ─────────────────────────────────────────────────────────────────────
+function EnvTab({ fn, onBusy }) {
+    const api = useApi();
+    const [vars, setVars] = useState(null);
+    const [error, setError] = useState(null);
+    const [cursor, setCursor] = useState(0);
+    const [editing, setEditing] = useState(null);
+    const [draft, setDraft] = useState("");
+    const [promptError, setPromptError] = useState(null);
+    const [revealed, setRevealed] = useState({});
+    const [confirmDelete, setConfirmDelete] = useState(null);
+    const [notice, setNotice] = useState(null);
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        onBusy(editing !== null || confirmDelete !== null);
+    }, [editing, confirmDelete, onBusy]);
+    useEffect(() => {
+        let cancelled = false;
+        api.functions
+            .env(fn.id)
+            .then((vs) => {
+            if (cancelled)
+                return;
+            setVars([...vs].sort((a, b) => a.key.localeCompare(b.key)));
+            setError(null);
+        })
+            .catch((e) => !cancelled && setError(e instanceof Error ? e.message : String(e)));
+        return () => {
+            cancelled = true;
+        };
+    }, [api, fn.id, tick]);
+    const rows = vars ?? [];
+    const selected = rows[cursor];
+    useInput((input, key) => {
+        if (editing || confirmDelete)
+            return;
+        if (key.upArrow || input === "k")
+            setCursor((c) => Math.max(0, c - 1));
+        else if (key.downArrow || input === "j")
+            setCursor((c) => Math.min(rows.length - 1, c + 1));
+        else if (input === "a") {
+            setDraft("");
+            setPromptError(null);
+            setEditing("add");
+        }
+        else if ((input === "e" || key.return) && selected) {
+            setDraft("");
+            setPromptError(null);
+            setEditing("edit");
+        }
+        else if (input === "v" && selected) {
+            void reveal(selected);
+        }
+        else if (input === "x" && selected)
+            setConfirmDelete(selected);
+        else if (input === "r")
+            setTick((t) => t + 1);
+    }, { isActive: true });
+    const reveal = async (v) => {
+        if (revealed[v.key] !== undefined) {
+            setRevealed((r) => {
+                const next = { ...r };
+                delete next[v.key];
+                return next;
+            });
+            return;
+        }
+        try {
+            // A secret arrives already masked (last 4 only); config in full.
+            const out = await api.functions.revealEnv(fn.id, v.key);
+            setRevealed((r) => ({ ...r, [v.key]: out.value }));
+        }
+        catch (e) {
+            setNotice({ text: e instanceof Error ? e.message : String(e), color: colors.error });
+        }
+    };
+    const submit = async (raw) => {
+        let key;
+        let value;
+        if (editing === "add") {
+            const eq = raw.indexOf("=");
+            if (eq <= 0) {
+                setPromptError("Type KEY=VALUE.");
+                return;
+            }
+            key = raw.slice(0, eq).trim();
+            value = raw.slice(eq + 1);
+            if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(key)) {
+                setPromptError("Keys are letters, digits and underscores, not starting with a digit.");
+                return;
+            }
+        }
+        else {
+            if (!selected)
+                return;
+            key = selected.key;
+            value = raw;
+        }
+        setEditing(null);
+        setNotice({ text: `Saving ${key}…`, color: colors.warning });
+        try {
+            await api.functions.setEnv(fn.id, {
+                key,
+                value,
+                scope: editing === "edit" ? selected?.scope : undefined,
+                kind: editing === "edit" ? selected?.kind : undefined,
+            });
+            setNotice({ text: `Saved ${key}. The next release picks it up.`, color: colors.success });
+            setRevealed((r) => {
+                const next = { ...r };
+                delete next[key];
+                return next;
+            });
+            setTick((t) => t + 1);
+        }
+        catch (e) {
+            setNotice({ text: e instanceof Error ? e.message : String(e), color: colors.error });
+        }
+    };
+    const remove = async (v) => {
+        setNotice({ text: `Removing ${v.key}…`, color: colors.warning });
+        try {
+            await api.functions.deleteEnv(fn.id, v.key);
+            setNotice({ text: `Removed ${v.key}.`, color: colors.success });
+            setCursor((c) => Math.max(0, c - 1));
+            setTick((t) => t + 1);
+        }
+        catch (e) {
+            setNotice({ text: e instanceof Error ? e.message : String(e), color: colors.error });
+        }
+    };
+    if (confirmDelete) {
+        return (React.createElement(ConfirmModal, { title: `Remove ${confirmDelete.key} from ${fn.slug}?`, hint: "The value is gone for good; the next release no longer sees it.", onConfirm: () => {
+                const v = confirmDelete;
+                setConfirmDelete(null);
+                void remove(v);
+            }, onCancel: () => setConfirmDelete(null) }));
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        vars === null ? (React.createElement(Spinner, { label: "Loading env\u2026" })) : error ? (React.createElement(Text, { color: colors.error },
+            "Error: ",
+            error)) : rows.length === 0 ? (React.createElement(Text, { color: colors.dim }, "No environment variables. Press a to add one.")) : (rows.map((v, i) => {
+            const focused = i === cursor;
+            const shown = revealed[v.key];
+            return (React.createElement(Box, { key: v.id },
+                React.createElement(Text, { color: focused ? colors.accent : colors.dim }, focused ? `${glyphs.chevronRight} ` : "  "),
+                React.createElement(Box, { width: 28 },
+                    React.createElement(Text, { color: focused ? colors.accent : colors.text, bold: focused, wrap: "truncate-end" }, v.key)),
+                React.createElement(Box, { width: 9 },
+                    React.createElement(Text, { color: colors.dim }, v.scope)),
+                React.createElement(Box, { width: 8 },
+                    React.createElement(Text, { color: colors.dim }, v.kind ?? "secret")),
+                React.createElement(Text, { color: colors.dim }, shown !== undefined ? `= ${shown}` : "••••••"),
+                React.createElement(Text, { color: colors.dim }, `  ${fmtWhen(v.updatedAt)}`)));
+        })),
+        notice ? (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: notice.color }, notice.text))) : null,
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" }, editing ? (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Text, { color: colors.dim }, editing === "add"
+                ? "New variable as KEY=VALUE (stored as a secret; set kind config with `synteq function env set`)."
+                : `New value for ${selected?.key}.`),
+            promptError ? React.createElement(Text, { color: colors.error }, promptError) : null,
+            React.createElement(InputBar, { value: draft, onChange: setDraft, onSubmit: (v) => void submit(v), focused: true, placeholder: editing === "add" ? "API_KEY=sk-…" : "" }),
+            React.createElement(Text, { color: colors.dim }, "Enter to save \u00B7 Esc to cancel"))) : (React.createElement(Text, { color: colors.dim }, "a add \u00B7 e / Enter edit \u00B7 v reveal / hide \u00B7 x remove \u00B7 r refresh"))),
+        React.createElement(EscListener, { active: editing !== null, onEscape: () => setEditing(null) })));
+}
+const SETTING_FIELDS = [
+    { key: "runtime", label: "Runtime", hint: "node22 or python312; applies from the next deploy.", kind: "choice" },
+    { key: "concurrency", label: "Concurrency", hint: "Requests one instance handles at once (1..100).", kind: "int" },
+    { key: "timeoutSeconds", label: "Timeout (s)", hint: "Per-invocation wall-clock limit (1..900).", kind: "int" },
+    { key: "minInstances", label: "Min instances", hint: "Kept warm (0 = scale to zero; keep-warm is metered).", kind: "int" },
+    { key: "maxInstances", label: "Max instances", hint: "Scale-out ceiling for a burst.", kind: "int" },
+    { key: "paused", label: "Paused", hint: "A paused function refuses invocations and bills nothing.", kind: "toggle" },
+];
+const RUNTIMES = ["node22", "python312"];
+function SettingsTab({ fn, onFn, onBusy }) {
+    const api = useApi();
+    const [cursor, setCursor] = useState(0);
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState("");
+    const [promptError, setPromptError] = useState(null);
+    const [notice, setNotice] = useState(null);
+    useEffect(() => {
+        onBusy(editing);
+    }, [editing, onBusy]);
+    const field = SETTING_FIELDS[cursor];
+    const paused = fn.status === "paused";
+    const currentText = (key) => {
+        if (key === "paused")
+            return paused ? "yes" : "no";
+        const v = fn[key];
+        return v == null ? "" : String(v);
+    };
+    const save = useCallback(async (patch, label) => {
+        setNotice({ text: `Saving ${label}…`, color: colors.warning });
+        try {
+            const f = await api.functions.update(fn.id, patch);
+            onFn(f);
+            setNotice({ text: `Saved ${label}.`, color: colors.success });
+        }
+        catch (e) {
+            setNotice({ text: e instanceof Error ? e.message : String(e), color: colors.error });
+        }
+    }, [api, fn.id, onFn]);
+    useInput((input, key) => {
+        if (editing)
+            return;
+        if (key.upArrow || input === "k")
+            setCursor((c) => Math.max(0, c - 1));
+        else if (key.downArrow || input === "j")
+            setCursor((c) => Math.min(SETTING_FIELDS.length - 1, c + 1));
+        else if (key.return || input === "e") {
+            if (field.kind === "toggle") {
+                void save({ paused: !paused }, `${field.label} → ${paused ? "no" : "yes"}`);
+                return;
+            }
+            if (field.kind === "choice") {
+                const next = RUNTIMES[(RUNTIMES.indexOf(fn.runtime) + 1) % RUNTIMES.length];
+                void save({ runtime: next }, `${field.label} → ${next}`);
+                return;
+            }
+            setDraft(currentText(field.key));
+            setPromptError(null);
+            setEditing(true);
+        }
+    }, { isActive: true });
+    const submit = (raw) => {
+        const n = Number(raw.trim());
+        if (!Number.isInteger(n) || n < 0) {
+            setPromptError("A whole number.");
+            return;
+        }
+        if (field.key === "concurrency" && (n < 1 || n > 100)) {
+            setPromptError("Concurrency is 1..100.");
+            return;
+        }
+        if (field.key === "timeoutSeconds" && (n < 1 || n > 900)) {
+            setPromptError("Timeout is 1..900 seconds.");
+            return;
+        }
+        if (field.key === "minInstances" && n > fn.maxInstances) {
+            setPromptError(`Min instances can't exceed max (${fn.maxInstances}).`);
+            return;
+        }
+        if (field.key === "maxInstances" && n < Math.max(1, fn.minInstances)) {
+            setPromptError(`Max instances must be at least ${Math.max(1, fn.minInstances)}.`);
+            return;
+        }
+        setEditing(false);
+        void save({ [field.key]: n }, field.label);
+    };
+    return (React.createElement(Box, { flexDirection: "column" },
+        SETTING_FIELDS.map((f, i) => {
+            const focused = i === cursor;
+            const text = currentText(f.key);
+            return (React.createElement(Box, { key: f.key },
+                React.createElement(Text, { color: focused ? colors.accent : colors.dim }, focused ? `${glyphs.chevronRight} ` : "  "),
+                React.createElement(Box, { width: 24 },
+                    React.createElement(Text, { color: focused ? colors.accent : colors.text, bold: focused }, f.label)),
+                React.createElement(Text, { color: text ? colors.text : colors.dim, wrap: "truncate-end" }, text || "—")));
+        }),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: colors.dim }, `Plan ${fn.planTier} · ${fn.memoryMib} MiB · budget ${fn.budgetState}${fn.monthlyBudgetUsd != null ? ` ($${fn.monthlyBudgetUsd}/mo)` : ""} — plan and budget change in the portal.`)),
+        notice ? (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: notice.color }, notice.text))) : null,
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" }, editing ? (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Text, { color: colors.dim },
+                field.label,
+                " \u2014 ",
+                field.hint),
+            promptError ? React.createElement(Text, { color: colors.error }, promptError) : null,
+            React.createElement(InputBar, { value: draft, onChange: setDraft, onSubmit: submit, focused: true }),
+            React.createElement(Text, { color: colors.dim }, "Enter to save \u00B7 Esc to cancel"))) : (React.createElement(Text, { color: colors.dim },
+            field.hint,
+            "  ·  ",
+            field.kind === "int" ? "Enter / e edits" : "Enter toggles"))),
+        React.createElement(EscListener, { active: editing, onEscape: () => setEditing(false) })));
+}
+// ─── Logs (runs) ─────────────────────────────────────────────────────────────
+const FOLLOW_INTERVAL_MS = 3000;
+const STATUSES = ["", "success", "error", "timeout"];
+function LogsTab({ fn, onBusy }) {
+    const api = useApi();
+    const [runs, setRuns] = useState(null);
+    const [error, setError] = useState(null);
+    const [cursor, setCursor] = useState(0);
+    const [expanded, setExpanded] = useState(false);
+    const [follow, setFollow] = useState(false);
+    const [statusIdx, setStatusIdx] = useState(0);
+    const [search, setSearch] = useState("");
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState("");
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        onBusy(editing);
+    }, [editing, onBusy]);
+    useEffect(() => {
+        let cancelled = false;
+        const load = () => api.functions
+            .runs(fn.id, { limit: 100, status: STATUSES[statusIdx] || undefined, q: search || undefined })
+            .then((page) => {
+            if (cancelled)
+                return;
+            setRuns(page.items);
+            setError(null);
+        })
+            .catch((e) => !cancelled && setError(e instanceof Error ? e.message : String(e)));
+        void load();
+        const id = follow ? setInterval(load, FOLLOW_INTERVAL_MS) : null;
+        return () => {
+            cancelled = true;
+            if (id)
+                clearInterval(id);
+        };
+    }, [api, fn.id, statusIdx, search, follow, tick]);
+    const rows = runs ?? [];
+    const selected = rows[cursor];
+    const height = Math.max(6, (process.stdout.rows ?? 24) - 14);
+    useInput((input, key) => {
+        if (editing)
+            return;
+        if (key.upArrow || input === "k")
+            setCursor((c) => Math.max(0, c - 1));
+        else if (key.downArrow || input === "j")
+            setCursor((c) => Math.min(rows.length - 1, c + 1));
+        else if (key.return || input === "l")
+            setExpanded((v) => !v);
+        else if (input === "f")
+            setFollow((v) => !v);
+        else if (input === "s")
+            setStatusIdx((i) => (i + 1) % STATUSES.length);
+        else if (input === "/") {
+            setDraft(search);
+            setEditing(true);
+        }
+        else if (input === "c") {
+            setSearch("");
+            setStatusIdx(0);
+        }
+        else if (input === "r")
+            setTick((t) => t + 1);
+    }, { isActive: true });
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null,
+            React.createElement(Text, { color: colors.dim }, "Runs "),
+            React.createElement(Text, { color: colors.text }, follow ? "following" : "newest first"),
+            STATUSES[statusIdx] ? (React.createElement(Text, { color: colors.dim },
+                "  ·  status ",
+                React.createElement(Text, { color: colors.text }, STATUSES[statusIdx]))) : null,
+            search ? (React.createElement(Text, { color: colors.dim },
+                "  ·  filter ",
+                React.createElement(Text, { color: colors.text }, search))) : null,
+            React.createElement(Text, { color: colors.dim }, `  ·  ${rows.length} run${rows.length === 1 ? "" : "s"}`)),
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" }, runs === null ? (React.createElement(Spinner, { label: "Loading runs\u2026" })) : error ? (React.createElement(Text, { color: colors.error },
+            "Error: ",
+            error)) : rows.length === 0 ? (React.createElement(Text, { color: colors.dim }, "No runs yet.")) : (rows.slice(0, height).map((run, i) => {
+            const focused = i === cursor;
+            return (React.createElement(Box, { key: run.id, flexDirection: "column" },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: focused ? colors.accent : colors.dim }, focused ? `${glyphs.chevronRight} ` : "  "),
+                    React.createElement(Text, { color: colors.dim }, fmtClock(run.startedAt).padEnd(9)),
+                    React.createElement(Box, { width: 9 },
+                        React.createElement(Text, { color: statusColor(run.status) ?? colors.text }, run.status)),
+                    React.createElement(Box, { width: 6 },
+                        React.createElement(Text, { color: colors.dim }, run.statusCode != null ? String(run.statusCode) : "")),
+                    React.createElement(Box, { width: 9 },
+                        React.createElement(Text, { color: colors.dim }, run.durationMs != null ? `${run.durationMs} ms` : "")),
+                    React.createElement(Text, { color: colors.dim, wrap: "truncate-end" },
+                        run.releaseNumber != null ? `#${run.releaseNumber} ` : "",
+                        run.error ?? "")),
+                focused && expanded ? React.createElement(RunOutput, { run: run }) : null));
+        }))),
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" }, editing ? (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Text, { color: colors.dim }, "Filter \u2014 the server matches it over the run's path and captured output. Empty clears it."),
+            React.createElement(InputBar, { value: draft, onChange: setDraft, onSubmit: (v) => {
+                    setSearch(v.trim());
+                    setEditing(false);
+                }, focused: true, placeholder: "error" }),
+            React.createElement(Text, { color: colors.dim }, "Enter to apply \u00B7 Esc to cancel"))) : (React.createElement(Text, { color: colors.dim }, "\u2191\u2193 select \u00B7 Enter / l output \u00B7 f follow on/off \u00B7 s status \u00B7 / filter \u00B7 c clear \u00B7 r refresh"))),
+        React.createElement(EscListener, { active: editing, onEscape: () => setEditing(false) })));
+}
+/** A run's captured output and outbound calls, indented under its row —
+ *  the `function logs --lines` shape. */
+function RunOutput({ run }) {
+    const lines = run.logLines;
+    return (React.createElement(Box, { flexDirection: "column", paddingLeft: 4 },
+        lines === null || lines === undefined ? (React.createElement(Text, { color: colors.dim }, "(no output captured)")) : lines.length === 0 ? (React.createElement(Text, { color: colors.dim }, "(printed nothing)")) : (lines.slice(-40).map((l, i) => (React.createElement(Text, { key: i, color: colors.text, wrap: "truncate-end" }, l)))),
+        run.logTruncated ? React.createElement(Text, { color: colors.dim }, "\u2026 output truncated") : null,
+        (run.outbound ?? []).map((c, i) => (React.createElement(Text, { key: `o${i}`, color: colors.dim, wrap: "truncate-end" }, `→ ${c.method ?? "GET"} ${c.url} ${c.status != null ? c.status : c.error ?? "…"}${c.durationMs != null ? ` ${c.durationMs} ms` : ""}`))),
+        run.outboundTruncated ? React.createElement(Text, { color: colors.dim }, "\u2026 outbound calls truncated") : null));
+}
+// ─── Cron ────────────────────────────────────────────────────────────────────
+const CRON_RE = /^(\S+\s+){4}\S+$/;
+function CronTab({ fn, onBusy }) {
+    const api = useApi();
+    const [triggers, setTriggers] = useState(null);
+    const [error, setError] = useState(null);
+    const [cursor, setCursor] = useState(0);
+    const [editing, setEditing] = useState(null);
+    const [draft, setDraft] = useState("");
+    const [promptError, setPromptError] = useState(null);
+    const [confirmDelete, setConfirmDelete] = useState(null);
+    const [notice, setNotice] = useState(null);
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        onBusy(editing !== null || confirmDelete !== null);
+    }, [editing, confirmDelete, onBusy]);
+    useEffect(() => {
+        let cancelled = false;
+        api.functions
+            .cronTriggers(fn.id)
+            .then((ts) => {
+            if (cancelled)
+                return;
+            setTriggers([...ts].sort((a, b) => a.createdAt.localeCompare(b.createdAt)));
+            setError(null);
+        })
+            .catch((e) => !cancelled && setError(e instanceof Error ? e.message : String(e)));
+        return () => {
+            cancelled = true;
+        };
+    }, [api, fn.id, tick]);
+    const rows = triggers ?? [];
+    const selected = rows[cursor];
+    const act = useCallback(async (label, work, done) => {
+        setNotice({ text: `${label}…`, color: colors.warning });
+        try {
+            await work();
+            setNotice({ text: done, color: colors.success });
+            setTick((t) => t + 1);
+        }
+        catch (e) {
+            setNotice({ text: e instanceof Error ? e.message : String(e), color: colors.error });
+        }
+    }, []);
+    useInput((input, key) => {
+        if (editing || confirmDelete)
+            return;
+        if (key.upArrow || input === "k")
+            setCursor((c) => Math.max(0, c - 1));
+        else if (key.downArrow || input === "j")
+            setCursor((c) => Math.min(rows.length - 1, c + 1));
+        else if (input === "a") {
+            setDraft("");
+            setPromptError(null);
+            setEditing("add");
+        }
+        else if ((input === "e" || key.return) && selected) {
+            setDraft(selected.schedule);
+            setPromptError(null);
+            setEditing("schedule");
+        }
+        else if (input === "d" && selected) {
+            setDraft(selected.description ?? "");
+            setPromptError(null);
+            setEditing("description");
+        }
+        else if (input === "t" && selected) {
+            const t = selected;
+            void act(t.enabled ? `Disabling ${t.schedule}` : `Enabling ${t.schedule}`, () => api.functions.updateCronTrigger(fn.id, t.id, { enabled: !t.enabled }), `${t.enabled ? "Disabled" : "Enabled"} ${t.schedule}.`);
+        }
+        else if (input === "n" && selected) {
+            const t = selected;
+            void act(`Running ${t.schedule} now`, () => api.functions.runCronTrigger(fn.id, t.id), `Fired ${t.schedule}; the run shows under Logs.`);
+        }
+        else if (input === "x" && selected)
+            setConfirmDelete(selected);
+        else if (input === "r")
+            setTick((t) => t + 1);
+    }, { isActive: true });
+    const submit = (raw) => {
+        const text = raw.trim();
+        if (editing === "description") {
+            if (!selected)
+                return;
+            const t = selected;
+            setEditing(null);
+            void act(`Saving note`, () => api.functions.updateCronTrigger(fn.id, t.id, { description: text || null }), `Saved note on ${t.schedule}.`);
+            return;
+        }
+        if (!CRON_RE.test(text)) {
+            setPromptError("A 5-field cron expression (minute hour day month weekday), UTC.");
+            return;
+        }
+        if (editing === "add") {
+            setEditing(null);
+            void act(`Adding ${text}`, () => api.functions.createCronTrigger(fn.id, { schedule: text }), `Added ${text} (UTC).`);
+            return;
+        }
+        if (!selected)
+            return;
+        const t = selected;
+        setEditing(null);
+        void act(`Rescheduling`, () => api.functions.updateCronTrigger(fn.id, t.id, { schedule: text }), `Rescheduled to ${text}.`);
+    };
+    if (confirmDelete) {
+        return (React.createElement(ConfirmModal, { title: `Remove the ${confirmDelete.schedule} trigger from ${fn.slug}?`, hint: "It stops firing immediately; runs it already made stay in the log.", onConfirm: () => {
+                const t = confirmDelete;
+                setConfirmDelete(null);
+                void act(`Removing ${t.schedule}`, () => api.functions.deleteCronTrigger(fn.id, t.id), `Removed ${t.schedule}.`);
+                setCursor((c) => Math.max(0, c - 1));
+            }, onCancel: () => setConfirmDelete(null) }));
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        triggers === null ? (React.createElement(Spinner, { label: "Loading cron triggers\u2026" })) : error ? (React.createElement(Text, { color: colors.error },
+            "Error: ",
+            error)) : rows.length === 0 ? (React.createElement(Text, { color: colors.dim }, "No cron triggers. Press a to add one (5-field cron, UTC).")) : (rows.map((t, i) => {
+            const focused = i === cursor;
+            return (React.createElement(Box, { key: t.id },
+                React.createElement(Text, { color: focused ? colors.accent : colors.dim }, focused ? `${glyphs.chevronRight} ` : "  "),
+                React.createElement(Box, { width: 18 },
+                    React.createElement(Text, { color: focused ? colors.accent : colors.text, bold: focused }, t.schedule)),
+                React.createElement(Box, { width: 10 },
+                    React.createElement(Text, { color: t.enabled ? colors.success : colors.dim }, t.enabled ? "enabled" : "disabled")),
+                React.createElement(Box, { width: 22 },
+                    React.createElement(Text, { color: colors.dim },
+                        t.lastRunAt ? `${fmtWhen(t.lastRunAt)}` : "never ran",
+                        t.lastStatus ? ` ` : "",
+                        t.lastStatus ? React.createElement(Text, { color: statusColor(t.lastStatus) ?? colors.dim }, t.lastStatus) : null)),
+                React.createElement(Text, { color: colors.dim, wrap: "truncate-end" },
+                    t.retries ? `retries ${t.retries}  ` : "",
+                    t.description ?? "")));
+        })),
+        notice ? (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: notice.color }, notice.text))) : null,
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" }, editing ? (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Text, { color: colors.dim }, editing === "add"
+                ? "New trigger — a 5-field cron expression in UTC (0 9 * * * = 09:00 daily)."
+                : editing === "schedule"
+                    ? `New schedule for ${selected?.schedule} (UTC).`
+                    : `Note on ${selected?.schedule}. Empty clears it.`),
+            promptError ? React.createElement(Text, { color: colors.error }, promptError) : null,
+            React.createElement(InputBar, { value: draft, onChange: setDraft, onSubmit: submit, focused: true, placeholder: editing === "description" ? "nightly report" : "*/15 * * * *" }),
+            React.createElement(Text, { color: colors.dim }, "Enter to save \u00B7 Esc to cancel"))) : (React.createElement(Text, { color: colors.dim }, "a add \u00B7 e / Enter reschedule \u00B7 d note \u00B7 t enable / disable \u00B7 n run now \u00B7 x remove \u00B7 r refresh"))),
+        React.createElement(EscListener, { active: editing !== null, onEscape: () => setEditing(null) })));
+}
+// ─── shared bits ─────────────────────────────────────────────────────────────
+/** Esc inside a text prompt: ink-text-input does not consume it, so the
+ *  owning tab listens while a prompt is open. */
+function EscListener({ active, onEscape }) {
+    useInput((_input, key) => {
+        if (key.escape)
+            onEscape();
+    }, { isActive: active });
+    return null;
+}
+function DetailRow({ label, value }) {
+    return (React.createElement(Box, null,
+        React.createElement(Box, { width: 16 },
+            React.createElement(Text, { color: colors.dim }, label)),
+        typeof value === "string" ? React.createElement(Text, { color: colors.text }, value) : value));
+}
+//# sourceMappingURL=FunctionDetail.js.map