@boundless.network/setup 0.1.1 → 0.1.2

package/dist/app.js

@@ -19,8 +19,7 @@ import { Frame, Muted, Para, Title } from "./ui/frame.js";
 import { MultiSelect, Select } from "./ui/menu.js";
 import { Spinner } from "./ui/spinner.js";
 import { LOGO, LOGO_COLUMNS, LOGO_ROWS } from "./ui/logo.js";
-import { ModelTable } from "./ui/table.js";
-import { TextInput } from "./ui/text-input.js";
+import { ModelSelect } from "./ui/table.js";
 import { BAD, BRAND, MUTED, OK, WARN } from "./ui/theme.js";
 const NAV = "↑↓ navigate  enter select";
 function message(error) {
@@ -173,9 +172,7 @@ export function App({ onFinish }) {
                     setScreen({ kind: "model", role: "primary" });
                 }, onError: (error) => fail(error, { kind: "catalog" }), wizard: wizard }));
         case "model":
-            return (_jsx(ModelPicker, { catalog: wizard.catalog, harnesses: chosen(), onOther: () => setScreen({ kind: "type-model", role: screen.role }), onSelect: (id) => chooseModel(screen.role, id), role: screen.role }));
-        case "type-model":
-            return (_jsx(TypeModel, { catalog: wizard.catalog, onCancel: () => setScreen({ kind: "model", role: screen.role }), onSubmit: (id) => chooseModel(screen.role, id) }));
+            return (_jsx(ModelPicker, { catalog: wizard.catalog, harnesses: chosen(), onSelect: (id) => chooseModel(screen.role, id), role: screen.role }));
         case "review":
             return (_jsx(Review, { harnesses: chosen(), input: planInput(), onCancel: () => exit(), onPlans: (plans) => {
                     wizard.plans = plans;
@@ -312,22 +309,10 @@ function Catalog({ onDone, onError, wizard }) {
     }, []);
     return (_jsx(Frame, { hints: "", children: _jsx(Spinner, { label: "Reading the model catalog" }) }));
 }
-function ModelPicker({ catalog, harnesses, onOther, onSelect, role, }) {
+function ModelPicker({ catalog, harnesses, onSelect, role, }) {
     const lead = harnesses.find((harness) => role === "primary" || harness.backgroundDefault !== null) ?? harnesses[0];
     const recommended = role === "primary" ? lead?.defaultModel : lead?.backgroundDefault;
-    const ids = new Set(catalog.map((model) => model.id));
-    const cheapest = [...catalog].sort((a, b) => a.outputPerMillionTokens - b.outputPerMillionTokens).map((model) => model.id);
-    const picks = [recommended, ...cheapest].filter((id) => typeof id === "string" && ids.has(id));
-    const options = [...new Set(picks)].slice(0, 4).map((id, index) => ({
-        hint: index === 0 ? `recommended for ${lead?.name ?? "you"}` : undefined,
-        label: id,
-        value: id,
-    }));
-    return (_jsxs(Frame, { hints: NAV, children: [_jsx(Title, { children: role === "primary" ? "Which model should be the default?" : "Which model for background work?" }), _jsxs(Muted, { center: true, children: [role === "primary" ? "Every configured harness gets this model." : "Cheap, fast tasks (Claude Code haiku slot, OpenCode small_model, omp tiny).", " Prices are USD per 1M tokens from the live catalog."] }), _jsx(ModelTable, { models: catalog }), _jsx(Box, { justifyContent: "center", children: _jsx(Select, { onSelect: (id) => (id === "__other" ? onOther() : onSelect(id)), options: [...options, { label: "Another model from the table", value: "__other" }] }) })] }));
-}
-function TypeModel({ catalog, onCancel, onSubmit }) {
-    const [rejected, setRejected] = useState(null);
-    return (_jsxs(Frame, { hints: "enter confirm  esc back", children: [_jsx(Title, { children: "Type a model ID" }), _jsx(ModelTable, { models: catalog }), _jsx(Box, { justifyContent: "center", children: _jsx(TextInput, { onCancel: onCancel, onSubmit: (id) => (catalog.some((model) => model.id === id) ? onSubmit(id) : setRejected(id)), placeholder: "model id" }) }), rejected ? (_jsx(Box, { justifyContent: "center", marginTop: 1, children: _jsxs(Text, { color: WARN, children: [rejected, " is not served right now."] }) })) : null] }));
+    return (_jsxs(Frame, { hints: NAV, children: [_jsx(Title, { children: role === "primary" ? "Which model should be the default?" : "Which model for background work?" }), _jsxs(Muted, { center: true, children: [role === "primary" ? "Every configured harness gets this model." : "Cheap, fast tasks (Claude Code haiku slot, OpenCode small_model, omp tiny).", " Prices are USD per 1M tokens from the live catalog", lead ? `; the recommendation is ${lead.name}'s documented default.` : "."] }), _jsx(ModelSelect, { models: catalog, onSelect: onSelect, recommended: recommended ?? undefined }, role)] }));
 }
 function Review({ harnesses, input, onCancel, onPlans, onProceed, wizard, }) {
     const [plans, setPlans] = useState(null);

package/dist/ui/table.js

@@ -1,17 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
+import { Box, Text, useInput } from "ink";
+import { useState } from "react";
 import { usd } from "../lib/catalog.js";
-import { MUTED } from "./theme.js";
-const columns = (model) => [
+import { BRAND, MUTED } from "./theme.js";
+const HEADER = ["ID", "Input /1M", "Output /1M", "Context", ""];
+const cells = (model, recommended) => [
     model.id,
     usd(model.inputPerMillionTokens),
     usd(model.outputPerMillionTokens),
     model.contextTokens.toLocaleString("en-US"),
+    model.id === recommended ? "recommended" : "",
 ];
-export function ModelTable({ models }) {
-    const header = ["ID", "Input /1M", "Output /1M", "Context"];
-    const rows = models.map(columns);
-    const widths = header.map((cell, column) => Math.max(cell.length, ...rows.map((row) => row[column]?.length ?? 0)));
-    const line = (cells) => cells.map((cell, column) => (column === 0 ? cell.padEnd(widths[column] ?? 0) : cell.padStart(widths[column] ?? 0))).join("  ");
-    return (_jsxs(Box, { alignItems: "center", flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: MUTED, children: line(header) }), rows.map((row) => (_jsx(Text, { children: line(row) }, row[0])))] }));
+export function ModelSelect({ models, onSelect, recommended, }) {
+    const start = Math.max(models.findIndex((model) => model.id === recommended), 0);
+    const [index, setIndex] = useState(start);
+    useInput((input, key) => {
+        if (key.upArrow || input === "k") {
+            setIndex((index + models.length - 1) % models.length);
+        }
+        else if (key.downArrow || input === "j") {
+            setIndex((index + 1) % models.length);
+        }
+        else if (key.return) {
+            const chosen = models[index];
+            if (chosen) {
+                onSelect(chosen.id);
+            }
+        }
+    });
+    const rows = models.map((model) => cells(model, recommended));
+    const widths = HEADER.map((cell, column) => Math.max(cell.length, ...rows.map((row) => row[column]?.length ?? 0)));
+    const line = (row) => row
+        .map((cell, column) => (column === 0 || column === 4 ? cell.padEnd(widths[column] ?? 0) : cell.padStart(widths[column] ?? 0)))
+        .join("  ");
+    return (_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: MUTED, children: `  ${line(HEADER)}` }), rows.map((row, position) => {
+                    const active = position === index;
+                    return (_jsxs(Text, { bold: active, color: active ? BRAND : undefined, children: [active ? "▸ " : "  ", line(row)] }, row[0]));
+                })] }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boundless.network/setup",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Set up Boundless as the inference provider for your coding harness. Run: npx -y @boundless.network/setup@latest",
   "license": "MIT",
   "type": "module",