@astralyn/pi 0.87.6 → 1.0.0

package/dist/extensions/provider/ui/model-options.js

@@ -4,8 +4,9 @@ import { keyHint, rawKeyHint } from "../../../modes/interactive/components/keybi
 import { builtinDefaults } from "../catalog.js";
 import { API_TYPES, INPUT_TYPES, truncate } from "../constants.js";
 import { DELETE } from "../store.js";
+import { ChoicePane, InlineEdit, moveSelection } from "./controls.js";
 import { baseUrlHint, validateBaseUrlValue } from "./provider-fields.js";
-import { isPrintableInput, renderInfoLine, renderKeyValueLine, renderPlainLine, ValueEditor } from "./value-row.js";
+import { isPrintableInput, renderInfoLine, renderKeyValueLine, renderPlainLine } from "./value-row.js";
 // -------------------------------------------------------------------------
 // reasoning
 // -------------------------------------------------------------------------
@@ -15,61 +16,15 @@ const REASONING_OPTIONS = [
     { label: "default (false)", value: undefined },
 ];
 /** Radio sub-page for reasoning — consistent with the other nested model settings. */
-export class ReasoningPane {
-    constructor(host, model) {
-        this.crumb = "reasoning";
-        this.index = 0;
-        this.focused = false;
-        this.host = host;
-        this.model = model;
-        const current = model.read().reasoning;
-        this.index = current === true ? 0 : current === false ? 1 : 2;
-    }
-    render(width) {
-        const theme = this.host.theme;
-        const current = this.model.read().reasoning;
-        return REASONING_OPTIONS.map((option, optionIndex) => {
-            const selected = option.value === undefined ? current === undefined : current === option.value;
-            return renderPlainLine(theme, `${selected ? "●" : "○"} ${option.label}`, {
-                active: optionIndex === this.index,
-                paneFocused: this.focused,
-                dim: option.value === undefined,
-                width,
-            });
-        });
-    }
-    handleInput(data) {
-        const kb = this.host.keybindings;
-        if (kb.matches(data, "tui.select.up")) {
-            this.index = this.index === 0 ? REASONING_OPTIONS.length - 1 : this.index - 1;
-            this.host.refresh();
-            return;
-        }
-        if (kb.matches(data, "tui.select.down")) {
-            this.index = (this.index + 1) % REASONING_OPTIONS.length;
-            this.host.refresh();
-            return;
-        }
-        if (kb.matches(data, "tui.select.cancel")) {
-            this.host.popPane();
-            return;
-        }
-        if (kb.matches(data, "tui.select.confirm") || kb.matches(data, "app.list.toggle")) {
-            const option = REASONING_OPTIONS[this.index];
-            this.host.mutate(() => this.model.setField(["reasoning"], option.value === undefined ? DELETE : option.value));
-            this.host.popPane();
-        }
-    }
-    setFocused(focused) {
-        this.focused = focused;
-    }
-    hints() {
-        return [
-            rawKeyHint("↑↓", "move"),
-            keyHint("tui.select.confirm", "set"),
-            keyHint("tui.select.cancel", "back"),
-        ].join("  ");
-    }
+export function createReasoningPane(host, model) {
+    return new ChoicePane(host, "reasoning", {
+        current: () => model.read().reasoning,
+        choices: () => REASONING_OPTIONS.map((option) => ({ ...option, dim: option.value === undefined })),
+        choose: (value) => {
+            model.setField(["reasoning"], value === undefined ? DELETE : value);
+            return undefined;
+        },
+    });
 }
 // -------------------------------------------------------------------------
 // input modalities
@@ -103,13 +58,9 @@ export class InputTypesPane {
     }
     handleInput(data) {
         const kb = this.host.keybindings;
-        if (kb.matches(data, "tui.select.up")) {
-            this.index = this.index === 0 ? INPUT_TYPES.length - 1 : this.index - 1;
-            this.host.refresh();
-            return;
-        }
-        if (kb.matches(data, "tui.select.down")) {
-            this.index = (this.index + 1) % INPUT_TYPES.length;
+        const next = moveSelection(kb, data, this.index, INPUT_TYPES.length);
+        if (next !== undefined) {
+            this.index = next;
             this.host.refresh();
             return;
         }
@@ -129,7 +80,7 @@ export class InputTypesPane {
             }
             this.error = undefined;
             const next = INPUT_TYPES.filter((entry) => selected.has(entry));
-            this.host.mutate(() => this.model.setField(["input"], [...next]));
+            this.model.setField(["input"], [...next]);
             return;
         }
         if (kb.matches(data, "tui.select.confirm") || kb.matches(data, "tui.select.cancel")) {
@@ -158,6 +109,7 @@ export class CostPane {
         this.index = 0;
         this.focused = false;
         this.host = host;
+        this.edit = new InlineEdit(() => host.refresh());
         this.model = model;
     }
     cost() {
@@ -178,7 +130,7 @@ export class CostPane {
                 unset: value === undefined,
                 active: rowIndex === this.index,
                 paneFocused: this.focused,
-                editing: this.editingRate === rate ? this.editing : undefined,
+                editing: this.edit.editor(rate),
                 width,
             }));
         }
@@ -186,26 +138,17 @@ export class CostPane {
         if (tiers && tiers.length > 0) {
             lines.push(renderInfoLine(theme, `tiers: ${tiers.length} (read-only; kept as-is)`, width));
         }
-        if (this.error)
-            lines.push(theme.fg("error", truncate(this.error, Math.max(10, width - 2))));
+        if (this.edit.error)
+            lines.push(theme.fg("error", truncate(this.edit.error, Math.max(10, width - 2))));
         return lines;
     }
     handleInput(data) {
         const kb = this.host.keybindings;
-        if (this.editing) {
-            if (kb.matches(data, "tui.select.up") || kb.matches(data, "tui.select.down"))
-                return;
-            this.editing.handleInput(data);
-            this.host.refresh();
-            return;
-        }
-        if (kb.matches(data, "tui.select.up")) {
-            this.index = this.index === 0 ? COST_RATES.length - 1 : this.index - 1;
-            this.host.refresh();
+        if (this.edit.handleInput(data, kb))
             return;
-        }
-        if (kb.matches(data, "tui.select.down")) {
-            this.index = (this.index + 1) % COST_RATES.length;
+        const next = moveSelection(kb, data, this.index, COST_RATES.length);
+        if (next !== undefined) {
+            this.index = next;
             this.host.refresh();
             return;
         }
@@ -225,53 +168,30 @@ export class CostPane {
     beginEdit(mode, firstData) {
         const rate = COST_RATES[this.index];
         const current = this.cost()?.[rate];
-        const editor = new ValueEditor({
-            onCommit: (value) => this.commit(rate, value),
-            onCancel: () => {
-                this.editing = undefined;
-                this.editingRate = undefined;
-                this.error = undefined;
-                this.host.refresh();
-            },
-        });
-        this.editing = editor;
-        this.editingRate = rate;
-        editor.focused = this.focused;
-        if (mode === "overwrite")
-            editor.beginOverwrite(firstData);
-        else
-            editor.beginTweak(current === undefined ? "" : String(current));
-        this.host.refresh();
+        this.edit.begin(rate, current === undefined ? "" : String(current), mode, this.focused, (value) => this.commit(rate, value), firstData);
     }
     commit(rate, raw) {
         const value = raw.trim();
         const parsed = value === "" ? 0 : Number(value);
         if (!Number.isFinite(parsed) || parsed < 0) {
-            this.error = "cost rates must be finite non-negative numbers.";
-            this.host.refresh();
-            return;
+            return "cost rates must be finite non-negative numbers.";
         }
-        this.error = undefined;
-        this.editing = undefined;
-        this.editingRate = undefined;
         // A cost object must stay complete: first edit materializes the other rates as 0; tiers are preserved.
-        this.host.mutate(() => {
-            if (this.model.read().cost)
-                this.model.setField(["cost", rate], parsed);
-            else
-                this.model.setField(["cost"], { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, [rate]: parsed });
-        });
+        if (this.model.read().cost)
+            this.model.setField(["cost", rate], parsed);
+        else
+            this.model.setField(["cost"], { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, [rate]: parsed });
+        return undefined;
     }
     setFocused(focused) {
         this.focused = focused;
-        if (this.editing)
-            this.editing.focused = focused;
+        this.edit.setFocused(focused);
     }
     isEditing() {
-        return this.editing !== undefined;
+        return this.edit.editing;
     }
     hints() {
-        if (this.editing)
+        if (this.edit.editing)
             return [keyHint("tui.input.submit", "save"), keyHint("tui.select.cancel", "cancel")].join("  ");
         return [
             rawKeyHint("type", "overwrite"),
@@ -295,6 +215,7 @@ export class ModelSpecificApiPane {
         this.index = 0;
         this.focused = false;
         this.host = host;
+        this.edit = new InlineEdit(() => host.refresh());
         this.model = model;
     }
     /** Where an unset model field resolves from; undefined when nothing resolves it. */
@@ -313,36 +234,22 @@ export class ModelSpecificApiPane {
         const lines = [];
         for (const [rowIndex, row] of this.rows.entries()) {
             const active = rowIndex === this.index;
-            if (row === "baseUrl") {
-                const override = current.baseUrl;
-                const inherited = override ? undefined : this.inherited("baseUrl");
-                lines.push(renderKeyValueLine(theme, {
-                    keyLabel: "baseUrl",
-                    valueText: override ?? inherited?.value ?? "not set",
-                    unset: !override,
-                    note: inherited ? `· ${inherited.via}` : undefined,
-                    active,
-                    paneFocused: this.focused,
-                    editing: this.editing,
-                    width,
-                }));
-            }
-            else {
-                const override = current.api;
-                const inherited = override ? undefined : this.inherited("api");
-                lines.push(renderKeyValueLine(theme, {
-                    keyLabel: "API Type",
-                    valueText: override ?? inherited?.value ?? "not set",
-                    unset: !override,
-                    note: inherited ? `· ${inherited.via}` : undefined,
-                    active,
-                    paneFocused: this.focused,
-                    width,
-                }));
-            }
+            const key = row === "apiType" ? "api" : row;
+            const override = current[key];
+            const inherited = override ? undefined : this.inherited(key);
+            lines.push(renderKeyValueLine(theme, {
+                keyLabel: row === "apiType" ? "API Type" : row,
+                valueText: override ?? inherited?.value ?? "not set",
+                unset: !override,
+                note: inherited ? `· ${inherited.via}` : undefined,
+                active,
+                paneFocused: this.focused,
+                editing: row === "baseUrl" ? this.edit.editor(row) : undefined,
+                width,
+            }));
         }
-        if (this.error)
-            lines.push(theme.fg("error", truncate(this.error, Math.max(10, width - 2))));
+        if (this.edit.error)
+            lines.push(theme.fg("error", truncate(this.edit.error, Math.max(10, width - 2))));
         const hint = baseUrlHint(this.host.effectiveApi(current));
         if (hint)
             lines.push(renderInfoLine(theme, hint, width));
@@ -350,20 +257,11 @@ export class ModelSpecificApiPane {
     }
     handleInput(data) {
         const kb = this.host.keybindings;
-        if (this.editing) {
-            if (kb.matches(data, "tui.select.up") || kb.matches(data, "tui.select.down"))
-                return;
-            this.editing.handleInput(data);
-            this.host.refresh();
+        if (this.edit.handleInput(data, kb))
             return;
-        }
-        if (kb.matches(data, "tui.select.up")) {
-            this.index = this.index === 0 ? this.rows.length - 1 : this.index - 1;
-            this.host.refresh();
-            return;
-        }
-        if (kb.matches(data, "tui.select.down")) {
-            this.index = (this.index + 1) % this.rows.length;
+        const next = moveSelection(kb, data, this.index, this.rows.length);
+        if (next !== undefined) {
+            this.index = next;
             this.host.refresh();
             return;
         }
@@ -373,7 +271,7 @@ export class ModelSpecificApiPane {
         }
         if (kb.matches(data, "tui.select.confirm")) {
             if (this.rows[this.index] === "apiType")
-                this.host.pushPane(new ModelApiTypePane(this.host, this.model));
+                this.host.pushPane(createModelApiPane(this.host, this.model));
             else
                 this.beginEdit("tweak");
             return;
@@ -387,48 +285,29 @@ export class ModelSpecificApiPane {
     }
     /** Tweak starts from the inherited value, so adjusting it writes the override directly. */
     beginEdit(mode, firstData) {
-        const current = this.model.read();
-        const base = current.baseUrl ?? this.inherited("baseUrl")?.value ?? "";
-        const editor = new ValueEditor({
-            onCommit: (value) => this.commit(value),
-            onCancel: () => {
-                this.editing = undefined;
-                this.error = undefined;
-                this.host.refresh();
-            },
-        });
-        this.editing = editor;
-        editor.focused = this.focused;
-        if (mode === "overwrite")
-            editor.beginOverwrite(firstData);
-        else
-            editor.beginTweak(base);
-        this.host.refresh();
+        const base = this.model.read().baseUrl ?? this.inherited("baseUrl")?.value ?? "";
+        this.edit.begin("baseUrl", base, mode, this.focused, (value) => this.commit(value), firstData);
     }
     commit(raw) {
         const value = raw.trim();
         if (value) {
             const invalid = validateBaseUrlValue(value);
             if (invalid) {
-                this.error = invalid;
-                this.host.refresh();
-                return;
+                return invalid;
             }
         }
-        this.error = undefined;
-        this.editing = undefined;
-        this.host.mutate(() => this.model.setField(["baseUrl"], value === "" ? DELETE : value));
+        this.model.setField(["baseUrl"], value === "" ? DELETE : value);
+        return undefined;
     }
     setFocused(focused) {
         this.focused = focused;
-        if (this.editing)
-            this.editing.focused = focused;
+        this.edit.setFocused(focused);
     }
     isEditing() {
-        return this.editing !== undefined;
+        return this.edit.editing;
     }
     hints() {
-        if (this.editing)
+        if (this.edit.editing)
             return [keyHint("tui.input.submit", "save"), keyHint("tui.select.cancel", "cancel")].join("  ");
         return [
             rawKeyHint("type", "overwrite"),
@@ -438,93 +317,33 @@ export class ModelSpecificApiPane {
     }
 }
 /** Single-select model api: the inherited default plus every known API tag. Enter applies and returns. */
-export class ModelApiTypePane {
-    constructor(host, model) {
-        this.crumb = "API Type";
-        this.index = 0;
-        this.focused = false;
-        this.host = host;
-        this.model = model;
-        const current = model.read().api;
-        const options = this.options();
-        this.index = Math.max(0, options.findIndex((option) => option.value === current));
-    }
-    /** The api this model inherits when it defines none — provider first, then the built-in catalog. */
-    fallback() {
-        const provider = this.host.store.getProvider(this.host.providerId);
-        return provider?.api ?? builtinDefaults(this.host.providerId, this.model.read().id, provider?.api).api;
-    }
-    /** value undefined = inherit; a custom api already stored is preserved and appended. */
-    options() {
-        const current = this.model.read().api;
-        const providerApi = this.host.store.getProvider(this.host.providerId)?.api;
-        const fallback = this.fallback();
-        const inheritedLabel = providerApi
-            ? `provider: ${providerApi}`
-            : fallback
-                ? `built-in: ${fallback}`
-                : "no provider or built-in API";
-        const options = [{ label: inheritedLabel, value: undefined }];
-        for (const api of API_TYPES)
-            options.push({ label: api, value: api });
-        if (current && !API_TYPES.includes(current))
-            options.push({ label: current, value: current });
-        return options;
-    }
-    render(width) {
-        const theme = this.host.theme;
-        const current = this.model.read().api;
-        const lines = this.options().map((option, rowIndex) => {
-            const selected = option.value === current;
-            return renderPlainLine(theme, `${selected ? "●" : "○"} ${option.label}`, {
-                active: rowIndex === this.index,
-                paneFocused: this.focused,
-                dim: option.value === undefined,
-                width,
-            });
-        });
-        if (this.error)
-            lines.push(theme.fg("error", truncate(this.error, Math.max(10, width - 2))));
-        return lines;
-    }
-    handleInput(data) {
-        const kb = this.host.keybindings;
-        const options = this.options();
-        if (kb.matches(data, "tui.select.up")) {
-            this.index = this.index === 0 ? options.length - 1 : this.index - 1;
-            this.host.refresh();
-            return;
-        }
-        if (kb.matches(data, "tui.select.down")) {
-            this.index = (this.index + 1) % options.length;
-            this.host.refresh();
-            return;
-        }
-        if (kb.matches(data, "tui.select.cancel")) {
-            this.host.popPane();
-            return;
-        }
-        if (kb.matches(data, "tui.select.confirm") || kb.matches(data, "app.list.toggle")) {
-            const option = options[this.index];
-            if (option.value === undefined && !this.fallback()) {
-                this.error = "Nothing to inherit — pick an API.";
-                this.host.refresh();
-                return;
-            }
-            this.error = undefined;
-            this.host.mutate(() => this.model.setField(["api"], option.value ?? DELETE));
-            this.host.popPane();
-        }
-    }
-    setFocused(focused) {
-        this.focused = focused;
-    }
-    hints() {
-        return [
-            rawKeyHint("↑↓", "move"),
-            keyHint("tui.select.confirm", "select"),
-            keyHint("tui.select.cancel", "back"),
-        ].join("  ");
-    }
+export function createModelApiPane(host, model) {
+    const fallback = () => {
+        const provider = host.store.getProvider(host.providerId);
+        return provider?.api ?? builtinDefaults(host.providerId, model.read().id, provider?.api).api;
+    };
+    return new ChoicePane(host, "API Type", {
+        current: () => model.read().api,
+        choices: () => {
+            const providerApi = host.store.getProvider(host.providerId)?.api;
+            const inherited = fallback();
+            const label = providerApi
+                ? `provider: ${providerApi}`
+                : inherited
+                    ? `built-in: ${inherited}`
+                    : "no provider or built-in API";
+            const values = [undefined, ...API_TYPES];
+            const current = model.read().api;
+            if (current && !values.includes(current))
+                values.push(current);
+            return values.map((value) => ({ value, label: value ?? label, dim: value === undefined }));
+        },
+        choose: (value) => {
+            if (value === undefined && !fallback())
+                return "Nothing to inherit — pick an API.";
+            model.setField(["api"], value ?? DELETE);
+            return undefined;
+        },
+    });
 }
 //# sourceMappingURL=model-options.js.map