@mrclrchtr/supi-lsp 2.1.0 → 2.2.0

package/node_modules/@mrclrchtr/supi-core/src/settings/settings-ui.ts

@@ -1,79 +1,21 @@
-// Generic settings overlay for SuPi extensions.
+// Declarative settings overlay for SuPi extensions.
 //
-// Uses pi-tui's SettingsList with scope toggle (Tab), extension grouping,
-// and search. Each extension declares its settings via registerSettings().
+// Thin orchestration layer that collects settings contributions and opens the
+// scoped settings list inside a pi-tui custom component overlay.
 
 import type { ExtensionAPI, ExtensionContext } from "@earendil-works/pi-coding-agent";
-import { getSettingsListTheme } from "@earendil-works/pi-coding-agent";
-import {
-  Container,
-  Input,
-  Key,
-  matchesKey,
-  type SelectItem,
-  SelectList,
-  type SelectListTheme,
-  type SettingItem,
-  SettingsList,
-  Text,
-} from "@earendil-works/pi-tui";
-import { getSelectableModels } from "../model-selection.ts";
+import { Container, Key, matchesKey, Text } from "@earendil-works/pi-tui";
+import { ScopedSettingsList } from "./scoped-settings-list.ts";
+import type { SettingsCollectionDiagnostic, SettingsScope } from "./settings-registry.ts";
 import {
   createSettingsContributionCollector,
-  type SettingsCollectionDiagnostic,
-  type SettingsScope,
-  type SettingsSection,
   SUPI_SETTINGS_COLLECT_EVENT,
 } from "./settings-registry.ts";
 
-// ── Input submenu component ──────────────────────────────────
-
-/**
- * Creates a pi-tui Input-backed submenu component with enter-to-confirm
- * and escape-to-cancel handling.
- *
- * @param currentValue - Initial value for the text input.
- * @param label - Label text displayed above the input.
- * @param done - Callback invoked with the confirmed value, or undefined on cancel.
- */
-export function createInputSubmenu(
-  currentValue: string,
-  label: string,
-  done: (selectedValue?: string) => void,
-): {
-  render: (width: number) => string[];
-  invalidate: () => void;
-  handleInput: (data: string) => boolean;
-} {
-  const input = new Input();
-  input.setValue(currentValue);
-
-  return {
-    render: (_width: number) => {
-      const lines = [`  ${label}`];
-      lines.push(...input.render(_width));
-      lines.push("  enter confirm • esc cancel");
-      return lines;
-    },
-    invalidate: () => {
-      input.invalidate();
-    },
-    handleInput: (data: string) => {
-      if (matchesKey(data, Key.escape)) {
-        done();
-        return true;
-      }
-      if (matchesKey(data, Key.enter)) {
-        done(input.getValue());
-        return true;
-      }
-      input.handleInput(data);
-      return true;
-    },
-  };
-}
+// Re-export submenu helpers
+export { createInputSubmenu, createModelPickerSubmenu } from "./settings-submenus.ts";
 
-// ── Types ────────────────────────────────────────────────────
+// ── Overlay ────────────────────────────────────────────────────────────────
 
 interface OverlayStatus {
   kind: "warning" | "error";
@@ -86,45 +28,10 @@ interface OverlayState {
   status?: OverlayStatus;
 }
 
-// ── Pure helpers ─────────────────────────────────────────────
-
 function getScopeLabel(scope: SettingsScope): string {
   return scope === "project" ? "Project" : "Global";
 }
 
-function buildFlatItems(
-  sections: SettingsSection[],
-  scope: SettingsScope,
-  cwd: string,
-  ctx?: ExtensionContext,
-): SettingItem[] {
-  const items: SettingItem[] = [];
-  for (const section of sections) {
-    const sectionItems = section.loadValues(scope, cwd, ctx);
-    for (const item of sectionItems) {
-      items.push({
-        ...item,
-        id: `${section.id}.${item.id}`,
-        label: `${section.label}: ${item.label}`,
-      });
-    }
-  }
-  return items;
-}
-
-function findSectionAndId(
-  sections: SettingsSection[],
-  flatId: string,
-): { section: SettingsSection; itemId: string } | null {
-  const dotIndex = flatId.indexOf(".");
-  if (dotIndex === -1) return null;
-  const sectionId = flatId.slice(0, dotIndex);
-  const itemId = flatId.slice(dotIndex + 1);
-  const section = sections.find((s) => s.id === sectionId);
-  if (!section) return null;
-  return { section, itemId };
-}
-
 function collectSettingsSections(pi: ExtensionAPI) {
   const collector = createSettingsContributionCollector();
   pi.events.emit(SUPI_SETTINGS_COLLECT_EVENT, collector);
@@ -136,199 +43,6 @@ function latestStatus(diagnostics: SettingsCollectionDiagnostic[]): OverlayStatu
   return latest ? { kind: latest.kind, message: latest.message } : undefined;
 }
 
-function formatSettingsError(settingId: string, error: unknown): string {
-  const message = error instanceof Error ? error.message : String(error);
-  return `Could not save SuPi setting "${settingId}": ${message}`;
-}
-
-// ── Component ────────────────────────────────────────────────
-
-interface SettingsOverlayDeps {
-  ctx: ExtensionContext;
-  sections: SettingsSection[];
-  state: OverlayState;
-  container: Container;
-  settingsList: SettingsList | null;
-  tui: Parameters<Parameters<ExtensionContext["ui"]["custom"]>[0]>[0];
-  theme: Parameters<Parameters<ExtensionContext["ui"]["custom"]>[0]>[1];
-  done: () => void;
-}
-
-function createSettingsList(deps: SettingsOverlayDeps): SettingsList {
-  const items = buildFlatItems(deps.sections, deps.state.scope, deps.state.cwd, deps.ctx);
-  const onChange = (flatId: string, newValue: string) => {
-    const found = findSectionAndId(deps.sections, flatId);
-    try {
-      if (found) {
-        found.section.persistChange(deps.state.scope, deps.state.cwd, found.itemId, newValue);
-        deps.state.status = undefined;
-      }
-    } catch (error) {
-      deps.state.status = {
-        kind: "error",
-        message: formatSettingsError(found?.itemId ?? flatId, error),
-      };
-    }
-    // Re-read all values to reflect persisted changes, but keep the list
-    // instance (and its selectedIndex) intact.
-    const updatedItems = buildFlatItems(deps.sections, deps.state.scope, deps.state.cwd, deps.ctx);
-    for (const updated of updatedItems) {
-      const existing = items.find((i) => i.id === updated.id);
-      if (existing && existing.currentValue !== updated.currentValue) {
-        settingsList.updateValue(updated.id, updated.currentValue);
-      }
-    }
-    deps.tui.requestRender();
-  };
-  const settingsList = new SettingsList(
-    items,
-    Math.min(items.length + 4, 20),
-    getSettingsListTheme(),
-    onChange,
-    () => deps.done(),
-    { enableSearch: true },
-  );
-  return settingsList;
-}
-
-function rebuildSettingsList(deps: SettingsOverlayDeps): SettingsList {
-  const settingsList = createSettingsList(deps);
-  deps.settingsList = settingsList;
-
-  deps.container.clear();
-  deps.container.addChild(createHeaderComponent(deps));
-  deps.container.addChild(createStatusComponent(deps));
-  deps.container.addChild(settingsList);
-
-  return settingsList;
-}
-
-function createHeaderComponent(deps: SettingsOverlayDeps): Text {
-  const { theme, state } = deps;
-  const scopeLabel = getScopeLabel(state.scope);
-  const otherScope = state.scope === "project" ? "Global" : "Project";
-  const headerText = new Text(
-    `${theme.fg("accent", theme.bold("SuPi Settings"))}  ${theme.fg("text", `Scope: ${scopeLabel}`)} ${theme.fg("dim", `(tab → ${otherScope})`)}`,
-    0,
-    0,
-  );
-  return headerText;
-}
-
-function createStatusComponent(deps: SettingsOverlayDeps): {
-  render: () => string[];
-  invalidate: () => void;
-} {
-  return {
-    render: () => {
-      const status = deps.state.status;
-      if (!status) return [];
-      return [deps.theme.fg(status.kind, status.message)];
-    },
-    invalidate: () => {},
-  };
-}
-
-function handleScopeToggle(deps: SettingsOverlayDeps): void {
-  deps.state.scope = deps.state.scope === "project" ? "global" : "project";
-  rebuildSettingsList(deps);
-  deps.tui.requestRender();
-}
-
-/** Minimal SelectList theme — uses identity so the parent SettingsList provides styling context. */
-const PASSTHROUGH_THEME: SelectListTheme = {
-  selectedPrefix: (text) => `› ${text}`,
-  selectedText: (text) => text,
-  description: (text) => text,
-  scrollInfo: (text) => text,
-  noMatch: (text) => text,
-};
-
-/**
- * Create a model picker submenu for settings.
- *
- * Shows a scrollable list of selectable models from the scoped model set,
- * with the current session model annotated `[current]`.  The first entry is
- * always `"disabled"`.
- *
- * @param currentValue - Currently configured canonical model id or `"disabled"`.
- * @param done - Callback invoked with the selected value, or undefined on cancel.
- * @param ctx - Extension context for model listing.  When undefined, only
- *   `"disabled"` is offered.
- */
-export function createModelPickerSubmenu(
-  currentValue: string,
-  done: (selectedValue?: string) => void,
-  ctx?: ExtensionContext,
-): {
-  render: (width: number) => string[];
-  invalidate: () => void;
-  handleInput: (data: string) => boolean;
-} {
-  const items = buildModelItems(ctx);
-
-  const initialIndex =
-    currentValue === "disabled"
-      ? 0
-      : Math.max(
-          0,
-          items.findIndex((item) => item.value === currentValue),
-        );
-
-  const container = new Container();
-  container.addChild(new Text("  Select suggestion model", 1, 0));
-  container.addChild(new Text("", 1, 0));
-
-  const selectList = new SelectList(items, Math.min(items.length, 15), PASSTHROUGH_THEME);
-
-  if (initialIndex >= 0) {
-    selectList.setSelectedIndex(initialIndex);
-  }
-
-  selectList.onSelect = (item) => done(item.value);
-  selectList.onCancel = () => done();
-
-  container.addChild(selectList);
-  container.addChild(new Text("  ↑↓ navigate • enter select • esc cancel", 1, 0));
-
-  return {
-    render: (width: number) => container.render(width),
-    invalidate: () => container.invalidate(),
-    handleInput: (data: string) => {
-      selectList.handleInput(data);
-      return true;
-    },
-  };
-}
-
-/** Build selectable model items with "disabled" first. */
-function buildModelItems(ctx?: ExtensionContext): SelectItem[] {
-  const items: SelectItem[] = [
-    {
-      value: "disabled",
-      label: "disabled",
-      description: "No prompt suggestions",
-    },
-  ];
-
-  if (!ctx) return items;
-
-  const models = getSelectableModels(ctx);
-
-  for (const model of models) {
-    const suffix = model.isCurrent ? "  [current]" : "";
-    items.push({
-      value: model.canonicalId,
-      label: `${model.canonicalId}${suffix}`,
-      description: model.label !== model.canonicalId ? model.label : undefined,
-    });
-  }
-
-  return items;
-}
-
-// ── Entry point ──────────────────────────────────────────────
-
 export function openSettingsOverlay(pi: ExtensionAPI, ctx: ExtensionContext): void {
   const collection = collectSettingsSections(pi);
   if (collection.sections.length === 0) {
@@ -342,32 +56,59 @@ export function openSettingsOverlay(pi: ExtensionAPI, ctx: ExtensionContext): vo
       cwd: ctx.cwd,
       status: latestStatus(collection.diagnostics),
     };
-    const container = new Container();
 
-    const deps: SettingsOverlayDeps = {
+    const container = new Container();
+    const scopedList = new ScopedSettingsList(
+      collection.sections,
+      state.scope,
+      state.cwd,
       ctx,
-      sections: collection.sections,
-      state,
-      container,
-      settingsList: null,
-      tui,
       theme,
+      tui,
       done,
+      (message) => {
+        state.status = { kind: "error", message };
+        rebuildOverlay();
+        tui.requestRender();
+      },
+    );
+    scopedList.enableSearch();
+
+    const rebuildOverlay = () => {
+      container.clear();
+      const scopeLabel = getScopeLabel(state.scope);
+      const otherScope = state.scope === "project" ? "Global" : "Project";
+      container.addChild(
+        new Text(
+          `${theme.fg("accent", theme.bold("SuPi Settings"))}  ${theme.fg("text", `Scope: ${scopeLabel}`)} ${theme.fg("dim", `(tab → ${otherScope})`)}`,
+          0,
+          0,
+        ),
+      );
+      if (state.status) {
+        container.addChild(new Text(theme.fg(state.status.kind, state.status.message), 0, 0));
+      }
     };
 
-    rebuildSettingsList(deps);
+    rebuildOverlay();
 
     const component = {
-      render: (width: number) => container.render(width),
-      invalidate: () => container.invalidate(),
+      render: (width: number) => [...container.render(width), ...scopedList.render(width)],
+      invalidate: () => {
+        container.invalidate();
+        scopedList.invalidate();
+      },
       handleInput: (data: string) => {
         if (matchesKey(data, Key.tab)) {
-          handleScopeToggle(deps);
+          state.scope = state.scope === "project" ? "global" : "project";
+          state.status = undefined;
+          scopedList.reload(state.scope, state.cwd, ctx);
+          rebuildOverlay();
+          tui.requestRender();
           return true;
         }
-        // Delegate input to the settings list (always set after rebuildSettingsList)
-        deps.settingsList?.handleInput?.(data);
-        deps.tui.requestRender();
+        scopedList.handleInput(data);
+        tui.requestRender();
         return true;
       },
     };

package/node_modules/@mrclrchtr/supi-core/src/settings-ui.ts

@@ -1,6 +1,3 @@
 // supi-core settings-ui domain — settings TUI components (imports pi-tui at runtime, heavy).
-export {
-  createInputSubmenu,
-  createModelPickerSubmenu,
-  openSettingsOverlay,
-} from "./settings/settings-ui.ts";
+export { createInputSubmenu, createModelPickerSubmenu } from "./settings/settings-submenus.ts";
+export { openSettingsOverlay } from "./settings/settings-ui.ts";

package/node_modules/@mrclrchtr/supi-core/src/settings.ts

@@ -1,4 +1,4 @@
-// supi-core settings domain — event-backed settings contribution types and command wiring.
+// supi-core settings domain — event-backed declarative settings contributions and command wiring.
 
 export { registerSettingsCommand } from "./settings/settings-command.ts";
 export type {
@@ -13,3 +13,19 @@ export {
   isSettingsContributionCollector,
   SUPI_SETTINGS_COLLECT_EVENT,
 } from "./settings/settings-registry.ts";
+export type {
+  BoolField,
+  ConfigHelpers,
+  CustomField,
+  DeclarativeSettingsOptions,
+  EnumField,
+  ModelPickerField,
+  NumberField,
+  ScopedFieldValue,
+  SettingsField,
+  SettingsFieldAction,
+  SettingsPersistedChange,
+  StringListField,
+  ValueSource,
+} from "./settings/settings-schema.ts";
+export { registerDeclarativeSettings } from "./settings/settings-schema.ts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrclrchtr/supi-lsp",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "SuPi LSP extension — Language Server Protocol integration for pi",
   "license": "MIT",
   "repository": {
@@ -38,8 +38,8 @@
     "vscode-jsonrpc": "^9.0.0",
     "vscode-languageserver-protocol": "^3.17.5",
     "vscode-languageserver-types": "^3.17.5",
-    "@mrclrchtr/supi-code-runtime": "2.1.0",
-    "@mrclrchtr/supi-core": "2.1.0"
+    "@mrclrchtr/supi-code-runtime": "2.2.0",
+    "@mrclrchtr/supi-core": "2.2.0"
   },
   "bundledDependencies": [
     "@mrclrchtr/supi-code-runtime",

package/src/config/lsp-settings.ts

@@ -8,7 +8,7 @@ import { loadSupiConfig, loadSupiConfigForScope } from "@mrclrchtr/supi-core/con
 
 // ── Types ────────────────────────────────────────────────────
 
-export interface LspSettings {
+export interface LspSettings extends Record<string, unknown> {
   enabled: boolean;
   severity: number;
   active: string[];

package/node_modules/@mrclrchtr/supi-code-runtime/node_modules/@mrclrchtr/supi-core/src/config/config-settings.ts

@@ -1,207 +0,0 @@
-// Config-aware settings contribution helper for SuPi packages.
-//
-// Registers config-backed settings sections through PI's shared event bus so
-// /supi-settings can collect contributions from all loaded extensions without
-// relying on a shared supi-core module instance.
-
-import type { ExtensionAPI, ExtensionContext } from "@earendil-works/pi-coding-agent";
-import type { SettingItem } from "@earendil-works/pi-tui";
-import {
-  isSettingsContributionCollector,
-  type SettingsScope,
-  type SettingsSection,
-  SUPI_SETTINGS_COLLECT_EVENT,
-} from "../settings/settings-registry.ts";
-import { loadSupiConfigForScope, removeSupiConfigKey, writeSupiConfig } from "./config.ts";
-
-// ── Types ──────────────────────────────────────────────────────────────────
-
-/**
- * Supported config value types for declarative persistChange.
- *
- * - `"boolean"`: maps "on" → true, "off" → false
- * - `"number"`: parses integer via Number.parseInt, falls back to unset on invalid
- * - `"stringList"`: splits on comma, trims whitespace, unsets on empty
- */
-export type ConfigSettingType = "boolean" | "number" | "stringList";
-
-/** Extended setting item that can declare its config type for persistence. */
-export interface ConfigSettingItem extends SettingItem {
-  /** Config value type used for auto-generated persistence. */
-  configType?: ConfigSettingType;
-}
-
-/** Helpers provided to persistChange for scoped SuPi config writes. */
-export interface ConfigSettingsHelpers {
-  /** Write a key to the selected scope's config section. */
-  set(key: string, value: unknown): void;
-  /** Remove a key from the selected scope's config section. */
-  unset(key: string): void;
-}
-
-export interface ConfigSettingsPersistedChange {
-  scope: SettingsScope;
-  cwd: string;
-  settingId: string;
-  value: string;
-}
-
-export interface ConfigSettingsOptions<T> {
-  /** Settings contribution identifier — e.g. "lsp", "claude-md". */
-  id: string;
-  /** Human-readable label shown in the UI. */
-  label: string;
-  /** SuPi config section name — e.g. "lsp", "claude-md". */
-  section: string;
-  /** Default config values. */
-  defaults: T;
-  /** Build SettingItem[] from scoped config. */
-  buildItems: (
-    settings: T,
-    scope: SettingsScope,
-    cwd: string,
-    ctx?: ExtensionContext,
-  ) => ConfigSettingItem[];
-  /**
-   * Convert a UI value into scoped SuPi config writes.
-   *
-   * Optional when every item returned by `buildItems` declares `configType`.
-   * Required when any item lacks `configType`.
-   */
-  persistChange?: (
-    scope: SettingsScope,
-    cwd: string,
-    settingId: string,
-    value: string,
-    helpers: ConfigSettingsHelpers,
-  ) => void;
-  /** Optional live runtime sync after successful persistence. */
-  afterPersist?: (change: ConfigSettingsPersistedChange) => void;
-  /** Optional home directory for config resolution (testing). */
-  homeDir?: string;
-}
-
-// ── Auto-generated persistChange ───────────────────────────────────────────
-
-function autoPersistChange(
-  settingId: string,
-  value: string,
-  helpers: ConfigSettingsHelpers,
-  items: ConfigSettingItem[],
-): void {
-  const item = items.find((i) => i.id === settingId);
-  if (!item?.configType) return;
-
-  switch (item.configType) {
-    case "boolean": {
-      helpers.set(settingId, value === "on");
-      break;
-    }
-    case "number": {
-      const num = Number.parseInt(value, 10);
-      if (Number.isFinite(num) && num > 0) {
-        helpers.set(settingId, num);
-      } else {
-        helpers.unset(settingId);
-      }
-      break;
-    }
-    case "stringList": {
-      const names = value
-        .split(",")
-        .map((s) => s.trim())
-        .filter((s) => s.length > 0);
-      if (names.length > 0) {
-        helpers.set(settingId, names);
-      } else {
-        helpers.unset(settingId);
-      }
-      break;
-    }
-  }
-}
-
-function areAllItemsDeclarative(items: ConfigSettingItem[]): boolean {
-  return items.length > 0 && items.every((i) => i.configType !== undefined);
-}
-
-function createHelpers<T>(options: ConfigSettingsOptions<T>, scope: SettingsScope, cwd: string) {
-  return {
-    set: (key: string, val: unknown) => {
-      writeSupiConfig(
-        { section: options.section, scope, cwd },
-        { [key]: val },
-        { homeDir: options.homeDir },
-      );
-    },
-    unset: (key: string) => {
-      removeSupiConfigKey({ section: options.section, scope, cwd }, key, {
-        homeDir: options.homeDir,
-      });
-    },
-  } satisfies ConfigSettingsHelpers;
-}
-
-function toSettingsSection<T>(options: ConfigSettingsOptions<T>): SettingsSection {
-  let cachedItems: ConfigSettingItem[] | undefined;
-
-  return {
-    id: options.id,
-    label: options.label,
-    loadValues: (scope, cwd, ctx) => {
-      const settings = loadSupiConfigForScope(options.section, cwd, options.defaults, {
-        scope,
-        homeDir: options.homeDir,
-      });
-      const items = options.buildItems(settings, scope, cwd, ctx);
-      cachedItems = items;
-      return items;
-    },
-    persistChange: (scope, cwd, settingId, value) => {
-      const helpers = createHelpers(options, scope, cwd);
-
-      if (options.persistChange) {
-        options.persistChange(scope, cwd, settingId, value, helpers);
-      } else {
-        const items = cachedItems ?? options.buildItems(options.defaults, scope, cwd, undefined);
-        if (!areAllItemsDeclarative(items)) {
-          throw new Error(
-            `Settings contribution "${options.id}" needs persistChange or configType on every item.`,
-          );
-        }
-        autoPersistChange(settingId, value, helpers, items);
-      }
-
-      try {
-        options.afterPersist?.({ scope, cwd, settingId, value });
-      } catch (error) {
-        const message = error instanceof Error ? error.message : String(error);
-        throw new Error(`Saved setting, but live sync failed: ${message}`, { cause: error });
-      }
-    },
-  };
-}
-
-// ── Registration ───────────────────────────────────────────────────────────
-
-/**
- * Register a config-backed settings contribution for `/supi-settings`.
- *
- * Contributions are collected through PI's process-local event bus. Call this
- * during the extension factory function, not in async session handlers.
- */
-export function registerConfigSettings<T>(
-  pi: ExtensionAPI,
-  options: ConfigSettingsOptions<T>,
-): void {
-  const section = toSettingsSection(options);
-  const dispose = pi.events.on(SUPI_SETTINGS_COLLECT_EVENT, (collector) => {
-    if (isSettingsContributionCollector(collector)) {
-      collector.add(section);
-    }
-  });
-
-  pi.on("session_shutdown", () => {
-    dispose();
-  });
-}