@thelioo/opencode-balancer 0.1.3 → 0.1.4

package/dist/tui/components/dashboard.js

@@ -0,0 +1,201 @@
+import { jsxs as _jsxs, jsx as _jsx } from "@opentui/solid/jsx-runtime";
+import { createMemo, createSignal, For, onCleanup, onMount, Show } from "solid-js";
+import { listAccounts } from "../../core/accounts";
+import { getBalancingEnabled, setBalancingEnabled } from "../../core/priority";
+import { getUsageSnapshot } from "../../core/usage/store";
+import { dashboardSelectionMarker, moveDashboardFocus, reduceDashboardKey } from "../dashboard-keys";
+import { dashboardContentHeight, dashboardLayoutMode } from "../responsive";
+import { selectedRowColors } from "../selection-colors";
+import { UsageSnapshotBar } from "./usage-display";
+export function Dashboard(props) {
+    const theme = () => props.api.theme.current;
+    const selectedColors = () => selectedRowColors(theme());
+    const [confirmAccount, setConfirmAccount] = createSignal();
+    const [accounts, setAccounts] = createSignal(listAccounts(props.state.db));
+    const [balancing, setBalancing] = createSignal(getBalancingEnabled(props.state.db));
+    const [usage, setUsage] = createSignal({});
+    const [cursor, setCursor] = createSignal(0);
+    const [headerCursor, setHeaderCursor] = createSignal(0);
+    const [focusArea, setFocusArea] = createSignal("content");
+    const layoutMode = () => dashboardLayoutMode({
+        width: props.api.renderer.width,
+        height: props.api.renderer.height,
+    });
+    const compact = () => layoutMode() === "compact";
+    const contentHeight = () => dashboardContentHeight({ height: props.api.renderer.height });
+    const headerActions = [
+        { type: "close", key: "close", label: "close" },
+        { type: "priority", key: "priority", label: "priority" },
+    ];
+    const rows = createMemo(() => [
+        { type: "balancing", key: "balancing" },
+        { type: "connect", key: "connect" },
+        ...accounts().map((account) => ({
+            type: "account",
+            key: `account:${account.providerID}/${account.alias}`,
+            providerID: account.providerID,
+            alias: account.alias,
+        })),
+    ]);
+    const clampCursor = (value) => Math.max(0, Math.min(value, Math.max(0, rows().length - 1)));
+    const clampHeaderCursor = (value) => Math.max(0, Math.min(value, headerActions.length - 1));
+    const refreshDashboard = () => {
+        const nextAccounts = listAccounts(props.state.db);
+        setAccounts(nextAccounts);
+        setBalancing(getBalancingEnabled(props.state.db));
+        setUsage(Object.fromEntries(nextAccounts.map((account) => [
+            `${account.providerID}/${account.alias}`,
+            getUsageSnapshot(props.state.db, account.providerID, account.alias),
+        ])));
+        setCursor((value) => clampCursor(value));
+    };
+    refreshDashboard();
+    const timer = setInterval(refreshDashboard, 500);
+    onCleanup(() => clearInterval(timer));
+    const Button = (buttonProps) => (_jsx("box", { onMouseUp: buttonProps.onClick, paddingLeft: 0, paddingRight: 0, children: _jsxs("text", { fg: buttonProps.danger ? theme().warning : theme().accent, wrapMode: "none", truncate: true, children: ["[ ", buttonProps.label, " ]"] }) }));
+    const Chip = (chipProps) => (_jsxs("text", { fg: chipProps.danger ? theme().warning : theme().accent, wrapMode: "none", children: ["[", chipProps.keyName, "] ", _jsx("span", { style: { fg: theme().textMuted }, children: chipProps.label })] }));
+    const SectionTitle = (sectionProps) => (_jsxs("box", { flexDirection: "row", gap: 1, height: 1, flexShrink: 0, children: [_jsx("text", { fg: theme().primary, wrapMode: "none", children: sectionProps.label }), _jsx("text", { fg: theme().textMuted, wrapMode: "none", children: sectionProps.count === undefined ? "" : `${sectionProps.count}` })] }));
+    const Row = (rowProps) => (_jsx("box", { flexDirection: "row", width: "100%", minWidth: 0, height: 1, flexShrink: 0, backgroundColor: rowProps.selected ? selectedColors().bg : undefined, onMouseUp: rowProps.onMouseUp, children: rowProps.children }));
+    const selected = (key) => focusArea() === "content" && rows()[cursor()]?.key === key;
+    const headerSelected = (key) => focusArea() === "header" && headerActions[headerCursor()]?.key === key;
+    const rowMarker = (key) => dashboardSelectionMarker({
+        focusedArea: focusArea(),
+        itemArea: "content",
+        selected: rows()[cursor()]?.key === key,
+    });
+    const headerMarker = (key) => dashboardSelectionMarker({
+        focusedArea: focusArea(),
+        itemArea: "header",
+        selected: headerActions[headerCursor()]?.key === key,
+    });
+    const current = () => rows()[cursor()];
+    const currentHeader = () => headerActions[headerCursor()];
+    const selectedLabel = () => {
+        const row = current();
+        if (focusArea() === "header")
+            return currentHeader()?.type ?? "header";
+        if (!row)
+            return "none";
+        if (row.type === "balancing")
+            return "balancing";
+        if (row.type === "connect")
+            return "connect";
+        if (row.type === "account")
+            return `account/${row.providerID}/${row.alias}`;
+        return "priority";
+    };
+    const selectedAction = () => {
+        if (focusArea() === "header") {
+            const action = currentHeader();
+            return action?.type === "close" ? "Enter closes dashboard" : "Enter opens provider priority matrix";
+        }
+        const row = current();
+        if (!row)
+            return "Enter opens selected item";
+        if (row.type === "balancing")
+            return "Enter/Space toggles automatic balancing";
+        if (row.type === "connect")
+            return "Enter/C connects a new provider";
+        if (confirmAccount() === `${row.providerID}/${row.alias}`)
+            return "Y confirms removal · N cancels";
+        return "R to rename · D requests removal confirmation";
+    };
+    const accountLabel = (account) => `${account.providerID}/${account.alias} (${account.authType})`;
+    const removeCurrent = () => {
+        const row = current();
+        if (row?.type === "account")
+            setConfirmAccount(`${row.providerID}/${row.alias}`);
+    };
+    const toggleBalancing = () => {
+        setBalancingEnabled(props.state.db, !balancing());
+        refreshDashboard();
+        props.state.refresh();
+    };
+    const confirmCurrent = () => {
+        const row = current();
+        if (row?.type === "account" && confirmAccount() === `${row.providerID}/${row.alias}`) {
+            setConfirmAccount(undefined);
+            props.removeAccount(row.providerID, row.alias);
+            refreshDashboard();
+        }
+    };
+    const runPrimary = () => {
+        if (focusArea() === "header") {
+            const action = currentHeader();
+            if (action?.type === "close")
+                return props.onBack();
+            return props.openPriority();
+        }
+        const row = current();
+        if (!row)
+            return;
+        if (row.type === "balancing")
+            return toggleBalancing();
+        if (row.type === "connect")
+            return props.openConnect();
+        if (row.type === "account")
+            return setConfirmAccount(`${row.providerID}/${row.alias}`);
+    };
+    const handleKey = (event) => {
+        if (props.api.ui.dialog.open)
+            return;
+        const intent = reduceDashboardKey({ name: event.name ?? "" });
+        switch (intent.type) {
+            case "move-cursor":
+                {
+                    const next = moveDashboardFocus({ area: focusArea(), cursor: cursor(), rowCount: rows().length }, intent.delta);
+                    setFocusArea(next.area);
+                    setCursor(clampCursor(next.cursor));
+                }
+                return;
+            case "move-header":
+                setFocusArea("header");
+                setHeaderCursor((value) => clampHeaderCursor(value + intent.delta));
+                return;
+            case "primary":
+                runPrimary();
+                return;
+            case "priority":
+                props.openPriority();
+                return;
+            case "connect":
+                props.openConnect();
+                return;
+            case "rename": {
+                const row = current();
+                if (row?.type === "account")
+                    props.renameAccount(row.providerID, row.alias);
+                return;
+            }
+            case "remove":
+                removeCurrent();
+                return;
+            case "confirm":
+                confirmCurrent();
+                return;
+            case "cancel":
+                setConfirmAccount(undefined);
+                return;
+            case "back":
+                props.onBack();
+                return;
+            default:
+                return;
+        }
+    };
+    let container;
+    onMount(() => container?.focus?.());
+    return (_jsxs("box", { ref: (ref) => (container = ref), focusable: true, onKeyDown: (event) => handleKey(event), flexDirection: "column", gap: 0, padding: 1, width: "100%", height: "100%", children: [_jsxs("box", { flexDirection: "column", gap: 0, paddingBottom: 1, flexShrink: 0, children: [_jsxs("text", { fg: theme().primary, wrapMode: "none", overflow: "hidden", truncate: true, children: ["opencode-balancer", compact() ? "" : " control center"] }), _jsx(Show, { when: !compact(), children: _jsx("text", { fg: theme().textMuted, wrapMode: "none", overflow: "hidden", truncate: true, children: "Manage accounts, usage, and provider failover." }) }), _jsx("box", { flexDirection: "row", gap: 1, height: 1, flexShrink: 0, children: _jsx(For, { each: headerActions, children: (action, index) => (_jsx("box", { height: 1, flexShrink: 0, backgroundColor: headerSelected(action.key) ? selectedColors().bg : undefined, onMouseUp: () => {
+                                    setFocusArea("header");
+                                    setHeaderCursor(index());
+                                    if (action.type === "close")
+                                        props.onBack();
+                                    else
+                                        props.openPriority();
+                                }, children: _jsxs("text", { fg: headerSelected(action.key) ? selectedColors().fg : theme().accent, wrapMode: "none", children: [headerMarker(action.key), " [ ", action.label, " ]"] }) })) }) })] }), _jsxs("scrollbox", { height: contentHeight(), scrollbarOptions: { visible: false }, children: [_jsxs("box", { flexDirection: "column", gap: 0, paddingBottom: 1, onMouseUp: () => setCursor(0), children: [_jsx(SectionTitle, { label: "BALANCING" }), _jsx(Row, { selected: selected("balancing"), onMouseUp: toggleBalancing, children: _jsxs("text", { fg: selected("balancing") ? selectedColors().fg : balancing() ? theme().success : theme().textMuted, wrapMode: "none", overflow: "hidden", truncate: true, children: [rowMarker("balancing"), " Automatic balancing: ", balancing() ? "ON" : "OFF"] }) }), _jsx(Show, { when: !compact(), children: _jsx("text", { fg: theme().textMuted, wrapMode: "none", overflow: "hidden", truncate: true, children: "Enter/Space toggles provider failover. Priority config is in the header." }) })] }), _jsxs("box", { flexDirection: "column", gap: 0, paddingBottom: 1, children: [_jsx(SectionTitle, { label: "ACCOUNTS", count: accounts().length }), _jsxs("box", { flexDirection: "column", gap: 0, flexShrink: 0, onMouseUp: () => setCursor(rows().findIndex((row) => row.key === "connect")), children: [_jsx(Row, { selected: selected("connect"), onMouseUp: props.openConnect, children: _jsxs("text", { fg: selected("connect") ? selectedColors().fg : theme().accent, wrapMode: "none", overflow: "hidden", truncate: true, children: [rowMarker("connect"), " New account"] }) }), _jsx(Show, { when: selected("connect") && !compact(), children: _jsx("text", { fg: theme().textMuted, wrapMode: "none", overflow: "hidden", truncate: true, children: "action: Enter/C opens opencode provider connection" }) })] }), _jsx(Show, { when: accounts().length > 0, fallback: _jsx("text", { fg: theme().textMuted, children: "none" }), children: _jsx(For, { each: accounts(), children: (account) => (_jsxs("box", { flexDirection: "column", gap: 0, flexShrink: 0, onMouseUp: () => setCursor(rows().findIndex((row) => row.key === `account:${account.providerID}/${account.alias}`)), children: [_jsx(Row, { selected: selected(`account:${account.providerID}/${account.alias}`), children: _jsxs("text", { fg: selected(`account:${account.providerID}/${account.alias}`) ? selectedColors().fg : account.disabled ? theme().textMuted : theme().text, wrapMode: "none", overflow: "hidden", truncate: true, children: [rowMarker(`account:${account.providerID}/${account.alias}`), " ", accountLabel(account)] }) }), _jsx(Show, { when: !compact(), children: _jsx(UsageSnapshotBar, { theme: theme(), snapshot: usage()[`${account.providerID}/${account.alias}`], muted: !selected(`account:${account.providerID}/${account.alias}`) }) }), _jsx(Show, { when: confirmAccount() === `${account.providerID}/${account.alias}`, fallback: _jsx(Show, { when: selected(`account:${account.providerID}/${account.alias}`), children: _jsx("text", { fg: theme().textMuted, wrapMode: "none", overflow: "hidden", truncate: true, children: "action: press D to remove this account" }) }), children: _jsxs("box", { flexDirection: "row", gap: 1, children: [_jsx("text", { fg: theme().warning, wrapMode: "none", children: "confirm removal?" }), _jsx(Button, { label: "yes", danger: true, onClick: () => {
+                                                                setConfirmAccount(undefined);
+                                                                props.removeAccount(account.providerID, account.alias);
+                                                                refreshDashboard();
+                                                            } }), _jsx(Button, { label: "no", onClick: () => setConfirmAccount(undefined) })] }) })] })) }) })] })] }), _jsxs("box", { flexDirection: "column", gap: 0, children: [_jsx(Show, { when: !compact(), fallback: _jsx("text", { fg: theme().textMuted, wrapMode: "none", truncate: true, children: "\u2191\u2193 move \u00B7 Enter open \u00B7 Space toggle \u00B7 P priority \u00B7 Esc close" }), children: _jsxs("box", { flexDirection: "row", gap: 2, children: [_jsx(Chip, { keyName: "\u2191\u2193", label: "Move" }), _jsx(Chip, { keyName: "Enter", label: "Open" }), _jsx(Chip, { keyName: "Space", label: "Toggle" }), _jsx(Chip, { keyName: "C", label: "Connect" }), _jsx(Chip, { keyName: "P", label: "Priority" }), _jsx(Chip, { keyName: "R", label: "Rename" }), _jsx(Chip, { keyName: "D", label: "Remove", danger: true }), _jsx(Chip, { keyName: "Esc", label: "Close" })] }) }), _jsxs("text", { fg: theme().textMuted, wrapMode: "none", truncate: true, children: ["selected: ", selectedLabel(), " \u00B7 ", selectedAction()] })] })] }));
+}
+//# sourceMappingURL=dashboard.js.map

package/dist/tui/components/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../../../src/tui/components/dashboard.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/dashboard.tsx

@@ -0,0 +1,393 @@
+/** @jsxImportSource @opentui/solid */
+
+import type { TuiPluginApi } from "@opencode-ai/plugin/tui";
+import { createMemo, createSignal, For, onCleanup, onMount, Show } from "solid-js";
+import { listAccounts } from "../../core/accounts";
+import { getBalancingEnabled, setBalancingEnabled } from "../../core/priority";
+import { getUsageSnapshot } from "../../core/usage/store";
+import type { ProviderUsageSnapshot } from "../../core/usage/types";
+import { dashboardSelectionMarker, moveDashboardFocus, reduceDashboardKey, type DashboardFocusArea } from "../dashboard-keys";
+import { dashboardContentHeight, dashboardLayoutMode } from "../responsive";
+import { selectedRowColors } from "../selection-colors";
+import type { BalancerTuiState } from "../state";
+import { UsageSnapshotBar } from "./usage-display";
+
+type KeyLike = { name?: string };
+
+type DashboardRow =
+    | { type: "balancing"; key: string }
+    | { type: "connect"; key: string }
+    | { type: "account"; key: string; providerID: string; alias: string };
+
+type HeaderAction = { type: "close" | "priority"; key: string; label: string };
+
+export function Dashboard(props: {
+    api: TuiPluginApi;
+    state: BalancerTuiState;
+    onBack: () => void;
+    openPriority: () => void;
+    openConnect: () => void;
+    renameAccount: (providerID: string, alias: string) => void;
+    removeAccount: (providerID: string, alias: string) => void;
+}) {
+    const theme = () => props.api.theme.current;
+    const selectedColors = () => selectedRowColors(theme());
+    const [confirmAccount, setConfirmAccount] = createSignal<string | undefined>();
+    const [accounts, setAccounts] = createSignal(listAccounts(props.state.db));
+    const [balancing, setBalancing] = createSignal(getBalancingEnabled(props.state.db));
+    const [usage, setUsage] = createSignal<Record<string, ProviderUsageSnapshot | undefined>>({});
+    const [cursor, setCursor] = createSignal(0);
+    const [headerCursor, setHeaderCursor] = createSignal(0);
+    const [focusArea, setFocusArea] = createSignal<DashboardFocusArea>("content");
+    const layoutMode = () =>
+        dashboardLayoutMode({
+            width: (props.api.renderer as unknown as { width?: number }).width,
+            height: (props.api.renderer as unknown as { height?: number }).height,
+        });
+    const compact = () => layoutMode() === "compact";
+    const contentHeight = () =>
+        dashboardContentHeight({ height: (props.api.renderer as unknown as { height?: number }).height });
+    const headerActions: HeaderAction[] = [
+        { type: "close", key: "close", label: "close" },
+        { type: "priority", key: "priority", label: "priority" },
+    ];
+    const rows = createMemo<DashboardRow[]>(() => [
+        { type: "balancing", key: "balancing" },
+        { type: "connect", key: "connect" },
+        ...accounts().map((account) => ({
+            type: "account" as const,
+            key: `account:${account.providerID}/${account.alias}`,
+            providerID: account.providerID,
+            alias: account.alias,
+        })),
+    ]);
+    const clampCursor = (value: number) => Math.max(0, Math.min(value, Math.max(0, rows().length - 1)));
+    const clampHeaderCursor = (value: number) => Math.max(0, Math.min(value, headerActions.length - 1));
+    const refreshDashboard = () => {
+        const nextAccounts = listAccounts(props.state.db);
+        setAccounts(nextAccounts);
+        setBalancing(getBalancingEnabled(props.state.db));
+        setUsage(
+            Object.fromEntries(
+                nextAccounts.map((account) => [
+                    `${account.providerID}/${account.alias}`,
+                    getUsageSnapshot(props.state.db, account.providerID, account.alias),
+                ]),
+            ),
+        );
+        setCursor((value) => clampCursor(value));
+    };
+    refreshDashboard();
+    const timer = setInterval(refreshDashboard, 500);
+    onCleanup(() => clearInterval(timer));
+    const Button = (buttonProps: { label: string; danger?: boolean; onClick: () => void }) => (
+        <box onMouseUp={buttonProps.onClick} paddingLeft={0} paddingRight={0}>
+            <text fg={buttonProps.danger ? theme().warning : theme().accent} wrapMode="none" truncate>
+                [ {buttonProps.label} ]
+            </text>
+        </box>
+    );
+
+    const Chip = (chipProps: { keyName: string; label: string; danger?: boolean }) => (
+        <text fg={chipProps.danger ? theme().warning : theme().accent} wrapMode="none">
+            [{chipProps.keyName}] <span style={{ fg: theme().textMuted }}>{chipProps.label}</span>
+        </text>
+    );
+
+    const SectionTitle = (sectionProps: { label: string; count?: number }) => (
+        <box flexDirection="row" gap={1} height={1} flexShrink={0}>
+            <text fg={theme().primary} wrapMode="none">
+                {sectionProps.label}
+            </text>
+            <text fg={theme().textMuted} wrapMode="none">
+                {sectionProps.count === undefined ? "" : `${sectionProps.count}`}
+            </text>
+        </box>
+    );
+
+    const Row = (rowProps: { selected?: boolean; onMouseUp?: () => void; children: unknown }) => (
+        <box
+            flexDirection="row"
+            width="100%"
+            minWidth={0}
+            height={1}
+            flexShrink={0}
+            backgroundColor={rowProps.selected ? selectedColors().bg : undefined}
+            onMouseUp={rowProps.onMouseUp}
+        >
+            {rowProps.children}
+        </box>
+    );
+
+    const selected = (key: string) => focusArea() === "content" && rows()[cursor()]?.key === key;
+    const headerSelected = (key: string) => focusArea() === "header" && headerActions[headerCursor()]?.key === key;
+    const rowMarker = (key: string) =>
+        dashboardSelectionMarker({
+            focusedArea: focusArea(),
+            itemArea: "content",
+            selected: rows()[cursor()]?.key === key,
+        });
+    const headerMarker = (key: string) =>
+        dashboardSelectionMarker({
+            focusedArea: focusArea(),
+            itemArea: "header",
+            selected: headerActions[headerCursor()]?.key === key,
+        });
+    const current = () => rows()[cursor()];
+    const currentHeader = () => headerActions[headerCursor()];
+    const selectedLabel = () => {
+        const row = current();
+        if (focusArea() === "header") return currentHeader()?.type ?? "header";
+        if (!row) return "none";
+        if (row.type === "balancing") return "balancing";
+        if (row.type === "connect") return "connect";
+        if (row.type === "account") return `account/${row.providerID}/${row.alias}`;
+        return "priority";
+    };
+
+    const selectedAction = () => {
+        if (focusArea() === "header") {
+            const action = currentHeader();
+            return action?.type === "close" ? "Enter closes dashboard" : "Enter opens provider priority matrix";
+        }
+        const row = current();
+        if (!row) return "Enter opens selected item";
+        if (row.type === "balancing") return "Enter/Space toggles automatic balancing";
+        if (row.type === "connect") return "Enter/C connects a new provider";
+        if (confirmAccount() === `${row.providerID}/${row.alias}`) return "Y confirms removal · N cancels";
+        return "R to rename · D requests removal confirmation";
+    };
+    const accountLabel = (account: { providerID: string; alias: string; authType: string }) =>
+        `${account.providerID}/${account.alias} (${account.authType})`;
+    const removeCurrent = () => {
+        const row = current();
+        if (row?.type === "account") setConfirmAccount(`${row.providerID}/${row.alias}`);
+    };
+
+    const toggleBalancing = () => {
+        setBalancingEnabled(props.state.db, !balancing());
+        refreshDashboard();
+        props.state.refresh();
+    };
+
+    const confirmCurrent = () => {
+        const row = current();
+        if (row?.type === "account" && confirmAccount() === `${row.providerID}/${row.alias}`) {
+            setConfirmAccount(undefined);
+            props.removeAccount(row.providerID, row.alias);
+            refreshDashboard();
+        }
+    };
+
+    const runPrimary = () => {
+        if (focusArea() === "header") {
+            const action = currentHeader();
+            if (action?.type === "close") return props.onBack();
+            return props.openPriority();
+        }
+        const row = current();
+        if (!row) return;
+        if (row.type === "balancing") return toggleBalancing();
+        if (row.type === "connect") return props.openConnect();
+        if (row.type === "account") return setConfirmAccount(`${row.providerID}/${row.alias}`);
+    };
+
+    const handleKey = (event: KeyLike) => {
+        if (props.api.ui.dialog.open) return;
+        const intent = reduceDashboardKey({ name: event.name ?? "" });
+        switch (intent.type) {
+            case "move-cursor":
+                {
+                    const next = moveDashboardFocus(
+                        { area: focusArea(), cursor: cursor(), rowCount: rows().length },
+                        intent.delta,
+                    );
+                    setFocusArea(next.area);
+                    setCursor(clampCursor(next.cursor));
+                }
+                return;
+            case "move-header":
+                setFocusArea("header");
+                setHeaderCursor((value) => clampHeaderCursor(value + intent.delta));
+                return;
+            case "primary":
+                runPrimary();
+                return;
+            case "priority":
+                props.openPriority();
+                return;
+            case "connect":
+                props.openConnect();
+                return;
+            case "rename": {
+                const row = current();
+                if (row?.type === "account") props.renameAccount(row.providerID, row.alias);
+                return;
+            }
+            case "remove":
+                removeCurrent();
+                return;
+            case "confirm":
+                confirmCurrent();
+                return;
+            case "cancel":
+                setConfirmAccount(undefined);
+                return;
+            case "back":
+                props.onBack();
+                return;
+            default:
+                return;
+        }
+    };
+
+    let container: { focus?: () => void } | undefined;
+    onMount(() => container?.focus?.());
+
+    return (
+        <box
+            ref={(ref: unknown) => (container = ref as { focus?: () => void })}
+            focusable
+            onKeyDown={(event: KeyLike) => handleKey(event)}
+            flexDirection="column"
+            gap={0}
+            padding={1}
+            width="100%"
+            height="100%"
+        >
+            <box flexDirection="column" gap={0} paddingBottom={1} flexShrink={0}>
+                <text fg={theme().primary} wrapMode="none" overflow="hidden" truncate>
+                    opencode-balancer{compact() ? "" : " control center"}
+                </text>
+                <Show when={!compact()}>
+                    <text fg={theme().textMuted} wrapMode="none" overflow="hidden" truncate>
+                        Manage accounts, usage, and provider failover.
+                    </text>
+                </Show>
+                <box flexDirection="row" gap={1} height={1} flexShrink={0}>
+                    <For each={headerActions}>
+                        {(action, index) => (
+                            <box
+                                height={1}
+                                flexShrink={0}
+                                backgroundColor={headerSelected(action.key) ? selectedColors().bg : undefined}
+                                onMouseUp={() => {
+                                    setFocusArea("header");
+                                    setHeaderCursor(index());
+                                    if (action.type === "close") props.onBack();
+                                    else props.openPriority();
+                                }}
+                            >
+                                <text fg={headerSelected(action.key) ? selectedColors().fg : theme().accent} wrapMode="none">
+                                    {headerMarker(action.key)} [ {action.label} ]
+                                </text>
+                            </box>
+                        )}
+                    </For>
+                </box>
+            </box>
+
+            <scrollbox height={contentHeight()} scrollbarOptions={{ visible: false }}>
+                <box flexDirection="column" gap={0} paddingBottom={1} onMouseUp={() => setCursor(0)}>
+                    <SectionTitle label="BALANCING" />
+                    <Row selected={selected("balancing")} onMouseUp={toggleBalancing}>
+                        <text fg={selected("balancing") ? selectedColors().fg : balancing() ? theme().success : theme().textMuted} wrapMode="none" overflow="hidden" truncate>
+                            {rowMarker("balancing")} Automatic balancing: {balancing() ? "ON" : "OFF"}
+                        </text>
+                    </Row>
+                    <Show when={!compact()}>
+                        <text fg={theme().textMuted} wrapMode="none" overflow="hidden" truncate>
+                            Enter/Space toggles provider failover. Priority config is in the header.
+                        </text>
+                    </Show>
+                </box>
+
+                <box flexDirection="column" gap={0} paddingBottom={1}>
+                    <SectionTitle label="ACCOUNTS" count={accounts().length} />
+                    <box flexDirection="column" gap={0} flexShrink={0} onMouseUp={() => setCursor(rows().findIndex((row) => row.key === "connect"))}>
+                        <Row selected={selected("connect")} onMouseUp={props.openConnect}>
+                            <text fg={selected("connect") ? selectedColors().fg : theme().accent} wrapMode="none" overflow="hidden" truncate>
+                                {rowMarker("connect")} New account
+                            </text>
+                        </Row>
+                        <Show when={selected("connect") && !compact()}>
+                            <text fg={theme().textMuted} wrapMode="none" overflow="hidden" truncate>
+                                action: Enter/C opens opencode provider connection
+                            </text>
+                        </Show>
+                    </box>
+                    <Show when={accounts().length > 0} fallback={<text fg={theme().textMuted}>none</text>}>
+                        <For each={accounts()}>
+                            {(account) => (
+                                <box flexDirection="column" gap={0} flexShrink={0} onMouseUp={() => setCursor(rows().findIndex((row) => row.key === `account:${account.providerID}/${account.alias}`))}>
+                                    <Row selected={selected(`account:${account.providerID}/${account.alias}`)}>
+                                        <text fg={selected(`account:${account.providerID}/${account.alias}`) ? selectedColors().fg : account.disabled ? theme().textMuted : theme().text} wrapMode="none" overflow="hidden" truncate>
+                                            {rowMarker(`account:${account.providerID}/${account.alias}`)} {accountLabel(account)}
+                                        </text>
+                                    </Row>
+                                    <Show when={!compact()}>
+                                        <UsageSnapshotBar
+                                            theme={theme()}
+                                            snapshot={usage()[`${account.providerID}/${account.alias}`]}
+                                            muted={!selected(`account:${account.providerID}/${account.alias}`)}
+                                        />
+                                    </Show>
+                                    <Show
+                                        when={confirmAccount() === `${account.providerID}/${account.alias}`}
+                                        fallback={
+                                            <Show when={selected(`account:${account.providerID}/${account.alias}`)}>
+                                                <text fg={theme().textMuted} wrapMode="none" overflow="hidden" truncate>
+                                                    action: press D to remove this account
+                                                </text>
+                                            </Show>
+                                        }
+                                    >
+                                        <box flexDirection="row" gap={1}>
+                                            <text fg={theme().warning} wrapMode="none">confirm removal?</text>
+                                            <Button
+                                                label="yes"
+                                                danger
+                                                onClick={() => {
+                                                    setConfirmAccount(undefined);
+                                                    props.removeAccount(account.providerID, account.alias);
+                                                    refreshDashboard();
+                                                }}
+                                            />
+                                            <Button label="no" onClick={() => setConfirmAccount(undefined)} />
+                                        </box>
+                                    </Show>
+                                </box>
+                            )}
+                        </For>
+                    </Show>
+                </box>
+
+            </scrollbox>
+
+            <box flexDirection="column" gap={0}>
+                <Show
+                    when={!compact()}
+                    fallback={
+                        <text fg={theme().textMuted} wrapMode="none" truncate>
+                            ↑↓ move · Enter open · Space toggle · P priority · Esc close
+                        </text>
+                    }
+                >
+                    <box flexDirection="row" gap={2}>
+                        <Chip keyName="↑↓" label="Move" />
+                        <Chip keyName="Enter" label="Open" />
+                        <Chip keyName="Space" label="Toggle" />
+                        <Chip keyName="C" label="Connect" />
+                        <Chip keyName="P" label="Priority" />
+                        <Chip keyName="R" label="Rename" />
+                        <Chip keyName="D" label="Remove" danger />
+                        <Chip keyName="Esc" label="Close" />
+                    </box>
+                </Show>
+                <text fg={theme().textMuted} wrapMode="none" truncate>
+                    selected: {selectedLabel()} · {selectedAction()}
+                </text>
+            </box>
+        </box>
+    );
+}

package/dist/tui/components/priority-screen.d.ts

@@ -0,0 +1,9 @@
+/** @jsxImportSource @opentui/solid */
+import type { TuiPluginApi } from "@opencode-ai/plugin/tui";
+import type { BalancerTuiState } from "../state";
+export declare function PriorityScreen(props: {
+    api: TuiPluginApi;
+    state: BalancerTuiState;
+    onBack: () => void;
+    openModelPicker: (providerID: string) => void;
+}): any;