@caupulican/pi-adaptative 0.81.41 → 0.81.43

package/dist/modes/interactive/components/settings-selector.js

@@ -4,10 +4,7 @@ import { DEFAULT_AUTONOMY_GOAL_AUTO_CONTINUE, DEFAULT_AUTONOMY_GOAL_AUTO_CONTINU
 import { getSelectListTheme, getSettingsListTheme, theme } from "../theme/theme.js";
 import { DynamicBorder } from "./dynamic-border.js";
 import { keyDisplayText } from "./keybinding-hints.js";
-const SETTINGS_SUBMENU_SELECT_LIST_LAYOUT = {
-    minPrimaryColumnWidth: 12,
-    maxPrimaryColumnWidth: 32,
-};
+import { COMPACT_SELECTOR_LIST_LAYOUT, SelectorHeading } from "./selector-list.js";
 const AUTO_LEARN_CUSTOM_MODEL_VALUE = "__custom_auto_learn_model__";
 const MODEL_ROUTER_UNSET_MODEL_VALUE = "__unset_model_router_model__";
 const MODEL_ROUTER_INHERIT_THINKING_VALUE = "__inherit_model_router_thinking__";
@@ -252,15 +249,9 @@ function buildModelRouterThinkingOptions(inheritDescription, availableLevels = O
     ];
 }
 class TextInputSubmenu extends Container {
-    input;
     constructor(title, description, currentValue, onSubmit, onCancel, emptyHint = "empty clears the setting") {
         super();
-        this.addChild(new Text(theme.bold(theme.fg("accent", title)), 0, 0));
-        if (description) {
-            this.addChild(new Spacer(1));
-            this.addChild(new Text(theme.fg("muted", description), 0, 0));
-        }
-        this.addChild(new Spacer(1));
+        this.addChild(new SelectorHeading(title, description));
         this.input = new Input();
         this.input.setValue(currentValue);
         this.input.focused = true;
@@ -275,9 +266,6 @@ class TextInputSubmenu extends Container {
     }
 }
 class ModelSelectionSubmenu extends Container {
-    searchInput;
-    selectList;
-    customInput = null;
     constructor(options, currentValue, onSelect, onCancel, labels = {
         title: "Auto Learn Scavenger Model",
         description: "Choose active or a model from currently configured subscription/API accounts. Type to filter; choose manual for a custom pattern.",
@@ -287,15 +275,13 @@ class ModelSelectionSubmenu extends Container {
         customEmptyValue: AUTO_LEARN_DEFAULTS.model,
     }) {
         super();
-        this.addChild(new Text(theme.bold(theme.fg("accent", labels.title)), 0, 0));
-        this.addChild(new Spacer(1));
-        this.addChild(new Text(theme.fg("muted", labels.description), 0, 0));
-        this.addChild(new Spacer(1));
+        this.customInput = null;
+        this.addChild(new SelectorHeading(labels.title, labels.description));
         this.searchInput = new Input();
         this.searchInput.focused = true;
         this.addChild(this.searchInput);
         this.addChild(new Spacer(1));
-        this.selectList = new SelectList(options, Math.min(options.length, 10), getSelectListTheme(), SETTINGS_SUBMENU_SELECT_LIST_LAYOUT);
+        this.selectList = new SelectList(options, Math.min(options.length, 10), getSelectListTheme(), COMPACT_SELECTOR_LIST_LAYOUT);
         const currentIndex = options.findIndex((option) => option.value === currentValue);
         if (currentIndex !== -1) {
             this.selectList.setSelectedIndex(currentIndex);
@@ -341,10 +327,16 @@ class ModelSelectionSubmenu extends Container {
         this.customInput?.invalidate?.();
     }
 }
-class SelfModificationSettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class SettingsListSubmenu extends Container {
+    mountSettingsList(items, onChange, onCancel) {
+        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), onChange, onCancel);
+        this.addChild(this.settingsList);
+    }
+    handleInput(data) {
+        this.settingsList.handleInput(data);
+    }
+}
+class SelfModificationSettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, onChange, onCancel, scope = "global") {
         super();
         this.state = { ...settings, enabled: settings.enabled ?? false };
@@ -377,7 +369,7 @@ class SelfModificationSettingsSubmenu extends Container {
                 }, () => done()),
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "self-modification-scope":
                     this.scope = newValue;
@@ -389,16 +381,9 @@ class SelfModificationSettingsSubmenu extends Container {
                     break;
             }
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class AutonomySettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class AutonomySettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, onChange, onCancel, scope = "global") {
         super();
         this.state = {
@@ -461,7 +446,7 @@ class AutonomySettingsSubmenu extends Container {
                 values: AUTONOMY_GOAL_AUTO_CONTINUE_DELAY_MS_VALUES,
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "autonomy-scope":
                     this.scope = newValue;
@@ -489,16 +474,9 @@ class AutonomySettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class ResearchLaneSettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class ResearchLaneSettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, onChange, onCancel, scope = "global") {
         super();
         this.state = {
@@ -554,7 +532,7 @@ class ResearchLaneSettingsSubmenu extends Container {
                 values: RESEARCH_LANE_MAX_RUNS_PER_SESSION_VALUES,
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "research-lane-scope":
                     this.scope = newValue;
@@ -579,16 +557,9 @@ class ResearchLaneSettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class LearningPolicySettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class LearningPolicySettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, onChange, onCancel, scope = "global") {
         super();
         this.state = { ...settings };
@@ -637,7 +608,7 @@ class LearningPolicySettingsSubmenu extends Container {
                 values: ["1", "2", "3", "5"],
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "learning-policy-scope":
                     this.scope = newValue;
@@ -662,16 +633,9 @@ class LearningPolicySettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class ModelCapabilitySettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class ModelCapabilitySettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, onChange, onCancel, scope = "global") {
         super();
         this.state = { ...settings };
@@ -692,7 +656,7 @@ class ModelCapabilitySettingsSubmenu extends Container {
                 values: ["auto", "off", "full", "lean", "minimal", "chat"],
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "model-capability-scope":
                     this.scope = newValue;
@@ -705,16 +669,9 @@ class ModelCapabilitySettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class ContextCurationSettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class ContextCurationSettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, modelOptions, onChange, onCancel, scope = "global") {
         super();
         this.state = {
@@ -754,7 +711,7 @@ class ContextCurationSettingsSubmenu extends Container {
                 values: ["1", "2", "4", "8", "16"],
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "context-curation-scope":
                     this.scope = newValue;
@@ -773,16 +730,9 @@ class ContextCurationSettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class WorkerDelegationSettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class WorkerDelegationSettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, onChange, onCancel, scope = "global") {
         super();
         this.state = {
@@ -836,7 +786,7 @@ class WorkerDelegationSettingsSubmenu extends Container {
                 values: ["1", "2", "3"],
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "worker-delegation-scope":
                     this.scope = newValue;
@@ -861,16 +811,9 @@ class WorkerDelegationSettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class AutoLearnSettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class AutoLearnSettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, currentModelPattern, modelOptions, onChange, onCancel, scope = "global") {
         super();
         this.state = { ...settings };
@@ -969,7 +912,7 @@ class AutoLearnSettingsSubmenu extends Container {
                 values: ["15", "30", "60", "120"],
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "auto-learn-scope":
                     this.scope = newValue;
@@ -1009,16 +952,9 @@ class AutoLearnSettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class ContextPolicyEnforcementSettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class ContextPolicyEnforcementSettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, onChange, onCancel, scope = "global") {
         super();
         this.state = { ...settings };
@@ -1053,7 +989,7 @@ class ContextPolicyEnforcementSettingsSubmenu extends Container {
                 values: CONTEXT_POLICY_MIN_CHARS_VALUES,
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "context-policy-scope":
                     this.scope = newValue;
@@ -1072,16 +1008,9 @@ class ContextPolicyEnforcementSettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class ContextMemoryRetrievalSettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class ContextMemoryRetrievalSettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, onChange, onCancel, scope = "global") {
         super();
         this.state = {
@@ -1128,7 +1057,7 @@ class ContextMemoryRetrievalSettingsSubmenu extends Container {
                 values: ["false", "true"],
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "context-memory-scope":
                     this.scope = newValue;
@@ -1150,16 +1079,9 @@ class ContextMemoryRetrievalSettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
-class ModelRouterSettingsSubmenu extends Container {
-    settingsList;
-    state;
-    scope;
+class ModelRouterSettingsSubmenu extends SettingsListSubmenu {
     constructor(settings, currentModelPattern, modelOptions, resolveModelThinkingLevels, onChange, onCancel, scope = "global") {
         super();
         this.state = {
@@ -1449,7 +1371,7 @@ class ModelRouterSettingsSubmenu extends Container {
                 values: ["false", "true"],
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "model-router-scope":
                     this.scope = newValue;
@@ -1465,18 +1387,12 @@ class ModelRouterSettingsSubmenu extends Container {
             }
             onChange({ ...this.state }, this.scope);
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
 /**
  * A submenu component for selecting from a list of options.
  */
-class WarningSettingsSubmenu extends Container {
-    settingsList;
-    state;
+class WarningSettingsSubmenu extends SettingsListSubmenu {
     constructor(warnings, onChange, onCancel) {
         super();
         this.state = { ...warnings };
@@ -1489,7 +1405,7 @@ class WarningSettingsSubmenu extends Container {
                 values: ["true", "false"],
             },
         ];
-        this.settingsList = new SettingsList(items, Math.min(items.length, 10), getSettingsListTheme(), (id, newValue) => {
+        this.mountSettingsList(items, (id, newValue) => {
             switch (id) {
                 case "anthropic-extra-usage":
                     this.state = { ...this.state, anthropicExtraUsage: newValue === "true" };
@@ -1497,30 +1413,17 @@ class WarningSettingsSubmenu extends Container {
                     break;
             }
         }, onCancel);
-        this.addChild(this.settingsList);
-    }
-    handleInput(data) {
-        this.settingsList.handleInput(data);
     }
 }
 export class SelectSubmenu extends Container {
-    selectList;
     getSelectList() {
         return this.selectList;
     }
     constructor(title, description, options, currentValue, onSelect, onCancel, onSelectionChange) {
         super();
-        // Title
-        this.addChild(new Text(theme.bold(theme.fg("accent", title)), 0, 0));
-        // Description
-        if (description) {
-            this.addChild(new Spacer(1));
-            this.addChild(new Text(theme.fg("muted", description), 0, 0));
-        }
-        // Spacer
-        this.addChild(new Spacer(1));
+        this.addChild(new SelectorHeading(title, description));
         // Select list
-        this.selectList = new SelectList(options, Math.min(options.length, 10), getSelectListTheme(), SETTINGS_SUBMENU_SELECT_LIST_LAYOUT);
+        this.selectList = new SelectList(options, Math.min(options.length, 10), getSelectListTheme(), COMPACT_SELECTOR_LIST_LAYOUT);
         // Pre-select current value
         const currentIndex = options.findIndex((o) => o.value === currentValue);
         if (currentIndex !== -1) {
@@ -1553,7 +1456,6 @@ export class SelectSubmenu extends Container {
  * Main settings selector component.
  */
 export class SettingsSelectorComponent extends Container {
-    settingsList;
     constructor(config, callbacks) {
         super();
         const supportsImages = getCapabilities().images;