@boundless.network/setup 0.1.0 → 0.1.2

package/dist/app.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Text, useApp, useInput } from "ink";
+import { Box, Text, useApp, useInput, useWindowSize } from "ink";
 import { useEffect, useRef, useState } from "react";
 // Async screens run their task exactly once, on mount; the wizard object is mutable and shared.
 import { HARNESSES } from "./harnesses/index.js";
@@ -18,8 +18,8 @@ import { Facts } from "./ui/facts.js";
 import { Frame, Muted, Para, Title } from "./ui/frame.js";
 import { MultiSelect, Select } from "./ui/menu.js";
 import { Spinner } from "./ui/spinner.js";
-import { ModelTable } from "./ui/table.js";
-import { TextInput } from "./ui/text-input.js";
+import { LOGO, LOGO_COLUMNS, LOGO_ROWS } from "./ui/logo.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) {
@@ -172,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;
@@ -232,7 +230,9 @@ function Welcome({ onSelect, wizard }) {
     if (env.remote) {
         facts.splice(2, 0, { label: "Remote", state: "warn", value: env.remote });
     }
-    return (_jsxs(Frame, { hints: NAV, children: [_jsx(Title, { children: "Boundless Setup" }), _jsxs(Muted, { center: true, children: ["Signs you in through your browser, creates an inference key on your account,", "\n", "configures your coding harnesses, and sends one small test request.", "\n", "The key is never printed. Nothing is purchased."] }), _jsx(Facts, { facts: facts }), _jsx(Box, { justifyContent: "center", children: _jsx(Select, { onSelect: onSelect, options: [
+    const { columns, rows } = useWindowSize();
+    const logo = rows >= LOGO_ROWS + 22 && columns >= LOGO_COLUMNS + 4;
+    return (_jsxs(Frame, { hints: NAV, children: [logo ? (_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsx(Text, { color: BRAND, children: LOGO }) })) : null, _jsx(Title, { children: "Boundless Setup" }), _jsxs(Muted, { center: true, children: ["Signs you in through your browser, creates an inference key on your account,", "\n", "configures your coding harnesses, and sends one small test request.", "\n", "The key is never printed. Nothing is purchased."] }), _jsx(Facts, { facts: facts }), _jsx(Box, { justifyContent: "center", children: _jsx(Select, { onSelect: onSelect, options: [
                         { label: "Continue", value: "continue" },
                         { label: "What this does", value: "what" },
                         { label: "Privacy & data", value: "privacy" },
@@ -309,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/logo.js

@@ -0,0 +1,25 @@
+export const LOGO = `               ~Ja@@@@@@@@@@bY}
+            \\8@@@@@@@@@@@@@@@@@@@@q1
+          [@@@@@@@@%%@@@@@@@@@&tvW@@@@b+
+         /@@@Q:           iX&@@@BY  uW@@@#~
+         @@-                  \`Q@@@@u  t@@@@Z
+        "m   Ia@@@@@@@@@@@0I     "b@@@&:  b@@@M.
+           -B@@@@@@@@@aQXzCOh8q     O@@@@~  Z@@@W
+          u@@@@x u@@k           .|    b@@@B   p@@@w
+          W@@%   @@@-                   %@@@c  .8@@B>
+          &@@p   8@@Z                    u@@@b   0@@@0
+          *@@%   "@@@Y                    1@@@@   r@@@J
+          I@@@a   Y@@@(                    !@@@p   t@@@U
+           [@@@Z   J@@@k                    U@@@^   q@@%.
+            }@@@*   /@@@#                    @@@r   u@@@[
+              M@@%!   W@@@j                  d@@j   Z@@@+
+               x@@@o   n@@@%i   {-          1@@W   h@@@&
+                 b@@@d   q@@@Wl   'd%kLzucZ&@@@vYM@@@@m
+                   h@@@*'  0@@@8}     /M@@@@@@@@@@@@w   u}
+                     J@@@@r  )B@@@Z'       I-tnt_"     W@
+                       !a@@@&n  JB@@@h}             ]W@@f
+                          ~d@@@@*){W@@@@@@%0znnzZB@@@@B?
+                              th@@@@@@@@@@@@@@@@@@@@&t
+                                  \`jm#@@@@@@@@@@WZ[`;
+export const LOGO_ROWS = 23;
+export const LOGO_COLUMNS = 58;

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.0",
+  "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",