@pi-unipi/unipi 2.1.2 → 2.1.3

package/packages/notify/tui/recap-model-selector.ts

@@ -1,301 +0,0 @@
-/**
- * @pi-unipi/notify — Recap Model Selector TUI
- *
- * Interactive overlay for selecting the recap summarization model.
- * Uses the project-wide cached model list from ~/.unipi/config/models-cache.json.
- */
-
-import type { Component } from "@earendil-works/pi-tui";
-import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
-import type { Theme } from "@earendil-works/pi-coding-agent";
-import { readModelCache, type CachedModel } from "@pi-unipi/core";
-import { loadConfig, saveConfig } from "../settings.js";
-
-const DEFAULT_MODEL = "openrouter/openai/gpt-oss-20b";
-
-/**
- * Model selector overlay for recap model selection.
- */
-export class RecapModelSelectorOverlay implements Component {
-  private models: CachedModel[] = [];
-  private filteredModels: CachedModel[] = [];
-  private selectedIndex = 0;
-  private filter = "";
-  private filterMode = false;
-  private saved = false;
-  private error: string | null = null;
-  onClose?: () => void;
-  requestRender?: () => void;
-  private theme: Theme | null = null;
-
-  constructor() {
-    // Load all cached models from project-wide cache
-    this.models = readModelCache();
-    this.applyFilter();
-
-    // Pre-select current config model
-    const config = loadConfig();
-    const currentModel = config.recap.model;
-    const idx = this.filteredModels.findIndex(
-      (m) => `${m.provider}/${m.id}` === currentModel
-    );
-    if (idx >= 0) this.selectedIndex = idx;
-  }
-
-  setTheme(theme: Theme): void {
-    this.theme = theme;
-  }
-
-  invalidate(): void {}
-
-  handleInput(data: string): void {
-    // Filter mode: type to search
-    if (this.filterMode) {
-      if (data === "\r") {
-        // Enter — exit filter mode
-        this.filterMode = false;
-        return;
-      }
-      if (data === "\x1b") {
-        // Escape — clear filter and exit filter mode
-        this.filter = "";
-        this.filterMode = false;
-        this.applyFilter();
-        this.selectedIndex = 0;
-        return;
-      }
-      if (data === "\x7f" || data === "\b") {
-        // Backspace
-        this.filter = this.filter.slice(0, -1);
-        this.applyFilter();
-        this.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.filteredModels.length - 1));
-        return;
-      }
-      if (data.length === 1 && data >= " ") {
-        this.filter += data;
-        this.applyFilter();
-        this.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.filteredModels.length - 1));
-        return;
-      }
-      return;
-    }
-
-    switch (data) {
-      case "\x1b[A": // Up
-      case "k":
-        this.selectedIndex = Math.max(0, this.selectedIndex - 1);
-        break;
-      case "\x1b[B": // Down
-      case "j":
-        this.selectedIndex = Math.min(
-          this.filteredModels.length - 1,
-          this.selectedIndex + 1
-        );
-        break;
-      case "/": // Start filter
-        this.filterMode = true;
-        this.filter = "";
-        break;
-      case "\r": // Enter — select and save
-        this.selectModel();
-        break;
-      case "\x1b": // Escape — close
-        this.onClose?.();
-        break;
-    }
-  }
-
-  private applyFilter(): void {
-    const q = this.filter.toLowerCase();
-    if (!q) {
-      this.filteredModels = [...this.models];
-    } else {
-      this.filteredModels = this.models.filter(
-        (m) =>
-          m.id.toLowerCase().includes(q) ||
-          (m.name?.toLowerCase().includes(q) ?? false)
-      );
-    }
-  }
-
-  private selectModel(): void {
-    const model = this.filteredModels[this.selectedIndex];
-    if (!model) {
-      this.error = "No model selected";
-      return;
-    }
-
-    const modelRef = `${model.provider}/${model.id}`;
-    const config = loadConfig();
-    config.recap.model = modelRef;
-    saveConfig(config);
-    this.saved = true;
-    this.error = null;
-    setTimeout(() => this.onClose?.(), 500);
-  }
-
-  // ─── Theme helpers ───────────────────────────────────────────────────
-
-  private fg(color: string, text: string): string {
-    if (this.theme) return this.theme.fg(color as any, text);
-    const c: Record<string, string> = {
-      accent: "\x1b[36m",
-      success: "\x1b[32m",
-      warning: "\x1b[33m",
-      error: "\x1b[31m",
-      dim: "\x1b[2m",
-      borderMuted: "\x1b[90m",
-    };
-    return `${c[color] ?? ""}${text}\x1b[0m`;
-  }
-
-  private bold(text: string): string {
-    return this.theme ? this.theme.bold(text) : `\x1b[1m${text}\x1b[0m`;
-  }
-
-  private frameLine(content: string, innerWidth: number): string {
-    const truncated = truncateToWidth(content, innerWidth, "");
-    const padding = Math.max(0, innerWidth - visibleWidth(truncated));
-    return `${this.fg("borderMuted", "│")}${truncated}${" ".repeat(padding)}${this.fg("borderMuted", "│")}`;
-  }
-
-  private ruleLine(innerWidth: number): string {
-    return this.fg("borderMuted", `├${"─".repeat(innerWidth)}┤`);
-  }
-
-  private borderLine(innerWidth: number, edge: "top" | "bottom"): string {
-    const left = edge === "top" ? "┌" : "└";
-    const right = edge === "top" ? "┐" : "┘";
-    return this.fg("borderMuted", `${left}${"─".repeat(innerWidth)}${right}`);
-  }
-
-  render(width: number): string[] {
-    const innerWidth = Math.max(40, width - 2);
-    const lines: string[] = [];
-
-    lines.push(this.borderLine(innerWidth, "top"));
-    lines.push(
-      this.frameLine(
-        this.fg("accent", this.bold("🤖 Recap Model Selector")),
-        innerWidth
-      )
-    );
-    lines.push(
-      this.frameLine(
-        this.fg("dim", "Select model for notification recaps"),
-        innerWidth
-      )
-    );
-    lines.push(this.ruleLine(innerWidth));
-
-    // Filter bar
-    if (this.filterMode) {
-      lines.push(
-        this.frameLine(
-          `  ${this.fg("accent", "Filter:")} ${this.filter}${this.fg("accent", "█")}`,
-          innerWidth
-        )
-      );
-    } else if (this.filter) {
-      lines.push(
-        this.frameLine(
-          `  ${this.fg("dim", "Filter:")} ${this.filter} ${this.fg("dim", "(press / to edit)")}`,
-          innerWidth
-        )
-      );
-    } else {
-      lines.push(
-        this.frameLine(
-          `  ${this.fg("dim", `/${this.models.length} models · press / to filter`)}`,
-          innerWidth
-        )
-      );
-    }
-    lines.push(this.ruleLine(innerWidth));
-
-    // Model list
-    const terminalRows = process.stdout.rows ?? 30;
-    const maxVisible = Math.max(5, terminalRows - 14);
-    const startIdx = Math.max(
-      0,
-      this.selectedIndex - Math.floor(maxVisible / 2)
-    );
-    const endIdx = Math.min(
-      this.filteredModels.length,
-      startIdx + maxVisible
-    );
-
-    if (this.filteredModels.length === 0) {
-      lines.push(
-        this.frameLine(
-          `  ${this.fg("dim", "No models found")}`,
-          innerWidth
-        )
-      );
-    } else {
-      for (let i = startIdx; i < endIdx; i++) {
-        const m = this.filteredModels[i];
-        const isSelected = i === this.selectedIndex;
-        const marker = isSelected ? this.fg("accent", "▸") : " ";
-        const label = m.name || m.id;
-        const fullRef = `${m.provider}/${m.id}`;
-        const isDefault = fullRef === DEFAULT_MODEL;
-        const defaultTag = isDefault
-          ? ` ${this.fg("warning", "(default)")}`
-          : "";
-
-        const providerTag = this.fg("dim", `[${m.provider}]`);
-        const display = isSelected
-          ? `${providerTag} ${this.bold(label)}${defaultTag}`
-          : `${providerTag} ${this.fg("dim", label)}${defaultTag}`;
-
-        lines.push(this.frameLine(`  ${marker} ${display}`, innerWidth));
-      }
-    }
-
-    // Scroll indicator
-    if (this.filteredModels.length > maxVisible) {
-      const pct = Math.round(
-        ((this.selectedIndex + 1) / this.filteredModels.length) * 100
-      );
-      lines.push(
-        this.frameLine(
-          this.fg("dim", `  ${pct}% (${this.selectedIndex + 1}/${this.filteredModels.length})`),
-          innerWidth
-        )
-      );
-    }
-
-    // Status messages
-    if (this.error) {
-      lines.push(this.ruleLine(innerWidth));
-      lines.push(
-        this.frameLine(`  ${this.fg("error", `⚠ ${this.error}`)}`, innerWidth)
-      );
-    }
-    if (this.saved) {
-      lines.push(this.ruleLine(innerWidth));
-      lines.push(
-        this.frameLine(
-          `  ${this.fg("success", "✓ Model saved")}`,
-          innerWidth
-        )
-      );
-    }
-
-    // Footer
-    lines.push(this.ruleLine(innerWidth));
-    lines.push(
-      this.frameLine(
-        this.fg(
-          "dim",
-          "↑↓ navigate · / filter · Enter select · Esc cancel"
-        ),
-        innerWidth
-      )
-    );
-    lines.push(this.borderLine(innerWidth, "bottom"));
-
-    return lines;
-  }
-}

package/packages/notify/tui/settings-overlay.ts

@@ -1,352 +0,0 @@
-/**
- * @pi-unipi/notify — Settings TUI Component
- *
- * Interactive settings editor for notification configuration.
- * Allows toggling platforms, configuring credentials, and per-event settings.
- */
-
-import type { Component } from "@earendil-works/pi-tui";
-import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
-import type { Theme } from "@earendil-works/pi-coding-agent";
-import {
-  loadConfig,
-  saveConfig,
-  validateConfig,
-} from "../settings.js";
-import { loadNtfyConfig, saveNtfyConfig, getNtfyConfigScope } from "../ntfy-config.js";
-import type { NotifyConfig, NtfyConfig } from "../types.js";
-
-/** Section types */
-type Section = "platforms" | "events" | "recap";
-
-/**
- * Settings overlay component.
- */
-export class NotifySettingsOverlay implements Component {
-  private config: NotifyConfig;
-  private ntfyConfig: NtfyConfig;
-  private ntfyScope: "project" | "global" | "none";
-  private section: Section = "platforms";
-  private selectedIndex = 0;
-  private error: string | null = null;
-  private saved = false;
-  onClose?: () => void;
-  requestRender?: () => void;
-  /** Called when user presses M in recap section to open model selector */
-  onOpenModelSelector?: () => void;
-  private theme: Theme | null = null;
-
-  constructor() {
-    this.config = loadConfig();
-    const cwd = process.cwd();
-    this.ntfyConfig = loadNtfyConfig(cwd);
-    this.ntfyScope = getNtfyConfigScope(cwd);
-  }
-
-  setTheme(theme: Theme): void {
-    this.theme = theme;
-  }
-
-  invalidate(): void {}
-
-  handleInput(data: string): void {
-    switch (data) {
-      case "\x1b[A": // Up
-      case "k":
-        this.selectedIndex = Math.max(0, this.selectedIndex - 1);
-        break;
-      case "\x1b[B": // Down
-      case "j":
-        this.selectedIndex = Math.min(this.maxItems - 1, this.selectedIndex + 1);
-        break;
-      case " ": // Space - toggle
-        this.toggleCurrent();
-        break;
-      case "\t": // Tab - switch section
-        {
-          const sections: Section[] = ["platforms", "events", "recap"];
-          const idx = sections.indexOf(this.section);
-          this.section = sections[(idx + 1) % sections.length];
-          this.selectedIndex = 0;
-        }
-        break;
-      case "m": // M - open model selector (only in recap section)
-        if (this.section === "recap") {
-          this.onOpenModelSelector?.();
-        }
-        break;
-      case "\r": // Enter - save
-        this.save();
-        break;
-      case "\x1b": // Escape - close
-        this.onClose?.();
-        break;
-    }
-  }
-
-  private get maxItems(): number {
-    if (this.section === "platforms") return 5; // native, gotify, telegram, ntfy + suppress option
-    if (this.section === "recap") return 1; // toggle
-    return Object.keys(this.config.events).length;
-  }
-
-  private toggleCurrent(): void {
-    if (this.section === "platforms") {
-      const platforms: Array<"native" | "gotify" | "telegram" | "ntfy"> = [
-        "native",
-        "gotify",
-        "telegram",
-        "ntfy",
-      ];
-      if (this.selectedIndex < platforms.length) {
-        const key = platforms[this.selectedIndex];
-        if (key === "ntfy") {
-          // ntfy toggle updates the resolved ntfy config
-          this.ntfyConfig.enabled = !this.ntfyConfig.enabled;
-        } else if (key) {
-          this.config[key].enabled = !this.config[key].enabled;
-        }
-      } else {
-        // suppressWhenFocused toggle (index 4)
-        this.config.native.suppressWhenFocused = !this.config.native.suppressWhenFocused;
-      }
-    } else if (this.section === "recap") {
-      this.config.recap.enabled = !this.config.recap.enabled;
-    } else {
-      const eventKeys = Object.keys(this.config.events);
-      const key = eventKeys[this.selectedIndex];
-      if (key && this.config.events[key]) {
-        this.config.events[key].enabled = !this.config.events[key].enabled;
-      }
-    }
-  }
-
-  private save(): void {
-    const errors = validateConfig(this.config);
-    if (errors.length > 0) {
-      this.error = errors.join("; ");
-      return;
-    }
-    this.error = null;
-    saveConfig(this.config);
-    // Save ntfy config to its own file if scope is known
-    if (this.ntfyScope !== "none") {
-      saveNtfyConfig(this.ntfyScope, process.cwd(), this.ntfyConfig);
-    }
-    this.saved = true;
-    setTimeout(() => this.onClose?.(), 500);
-  }
-
-  // ─── Theme helpers ───────────────────────────────────────────────────
-
-  private fg(color: string, text: string): string {
-    if (this.theme) return this.theme.fg(color as any, text);
-    const c: Record<string, string> = {
-      accent: "\x1b[36m", success: "\x1b[32m", warning: "\x1b[33m",
-      error: "\x1b[31m", dim: "\x1b[2m", borderMuted: "\x1b[90m",
-    };
-    return `${c[color] ?? ""}${text}\x1b[0m`;
-  }
-
-  private bold(text: string): string {
-    return this.theme ? this.theme.bold(text) : `\x1b[1m${text}\x1b[0m`;
-  }
-
-  private frameLine(content: string, innerWidth: number): string {
-    const truncated = truncateToWidth(content, innerWidth, "");
-    const padding = Math.max(0, innerWidth - visibleWidth(truncated));
-    return `${this.fg("borderMuted", "│")}${truncated}${" ".repeat(padding)}${this.fg("borderMuted", "│")}`;
-  }
-
-  private ruleLine(innerWidth: number): string {
-    return this.fg("borderMuted", `├${"─".repeat(innerWidth)}┤`);
-  }
-
-  private borderLine(innerWidth: number, edge: "top" | "bottom"): string {
-    const left = edge === "top" ? "┌" : "└";
-    const right = edge === "top" ? "┐" : "┘";
-    return this.fg("borderMuted", `${left}${"─".repeat(innerWidth)}${right}`);
-  }
-
-  private getDialogHeight(): number {
-    const terminalRows = process.stdout.rows ?? 30;
-    return Math.max(14, Math.min(24, Math.floor(terminalRows * 0.65)));
-  }
-
-  render(width: number): string[] {
-    const innerWidth = Math.max(22, width - 2);
-    const lines: string[] = [];
-
-    lines.push(this.borderLine(innerWidth, "top"));
-    lines.push(this.frameLine(this.fg("accent", this.bold("🔔 Notify Settings")), innerWidth));
-    lines.push(this.frameLine(this.fg("dim", "Configure notification platforms and events"), innerWidth));
-    lines.push(this.ruleLine(innerWidth));
-
-    // Section tabs
-    const platformTab =
-      this.section === "platforms"
-        ? this.fg("accent", this.bold("[Platforms]"))
-        : this.fg("dim", "Platforms");
-    const eventsTab =
-      this.section === "events"
-        ? this.fg("accent", this.bold("[Events]"))
-        : this.fg("dim", "Events");
-    const recapTab =
-      this.section === "recap"
-        ? this.fg("accent", this.bold("[Recap]"))
-        : this.fg("dim", "Recap");
-    lines.push(this.frameLine(`  ${platformTab}  ${eventsTab}  ${recapTab}`, innerWidth));
-    lines.push(this.ruleLine(innerWidth));
-
-    if (this.section === "platforms") {
-      this.renderPlatforms(lines, innerWidth);
-    } else if (this.section === "recap") {
-      this.renderRecap(lines, innerWidth);
-    } else {
-      this.renderEvents(lines, innerWidth);
-    }
-
-    // Status messages
-    if (this.error) {
-      lines.push(this.ruleLine(innerWidth));
-      lines.push(this.frameLine(`  ${this.fg("error", `⚠ ${this.error}`)}`, innerWidth));
-    }
-    if (this.saved) {
-      lines.push(this.ruleLine(innerWidth));
-      lines.push(this.frameLine(`  ${this.fg("success", "✓ Settings saved")}`, innerWidth));
-    }
-
-    // Footer
-    lines.push(this.ruleLine(innerWidth));
-    const footerHint = this.section === "recap"
-      ? "↑↓ navigate · Space toggle · M change model · Tab switch · Enter save · Esc cancel"
-      : "↑↓ navigate · Space toggle · Tab switch · Enter save · Esc cancel";
-    lines.push(this.frameLine(this.fg("dim", footerHint), innerWidth));
-    lines.push(this.borderLine(innerWidth, "bottom"));
-
-    return lines;
-  }
-
-  private renderPlatforms(lines: string[], innerWidth: number): void {
-    const platforms: Array<{
-      key: "native" | "gotify" | "telegram" | "ntfy";
-      label: string;
-      detail: string;
-    }> = [
-      {
-        key: "native",
-        label: "Native OS",
-        detail: "Desktop notifications (node-notifier)",
-      },
-      {
-        key: "gotify",
-        label: "Gotify",
-        detail: this.config.gotify.serverUrl
-          ? `Server: ${this.config.gotify.serverUrl}`
-          : "Self-hosted push server",
-      },
-      {
-        key: "telegram",
-        label: "Telegram",
-        detail: this.config.telegram.botToken
-          ? "Bot configured"
-          : "Bot API notifications",
-      },
-      {
-        key: "ntfy",
-        label: "ntfy",
-        detail: this.ntfyScope !== "none"
-          ? `Topic: ${this.ntfyConfig.topic ?? "—"} · P${this.ntfyConfig.priority} · [${this.ntfyScope}]`
-          : "Not configured",
-      },
-    ];
-
-    for (let i = 0; i < platforms.length; i++) {
-      const p = platforms[i];
-      const isSelected = i === this.selectedIndex;
-      const toggleOn = this.fg("success", "●");
-      const toggleOff = this.fg("dim", "○");
-      // ntfy enabled state comes from resolved ntfy.json, not config.json
-      const isEnabled = p.key === "ntfy" ? this.ntfyConfig.enabled : this.config[p.key].enabled;
-      const toggle = isEnabled ? toggleOn : toggleOff;
-      const label = isSelected ? this.bold(p.label) : this.fg("dim", p.label);
-
-      lines.push(
-        this.frameLine(
-          `${isSelected ? this.fg("accent", "▸") : " "} ${toggle} ${label}  ${this.fg("dim", p.detail)}`,
-          innerWidth
-        )
-      );
-    }
-
-    // suppressWhenFocused toggle (index 4)
-    {
-      const i = platforms.length;
-      const isSelected = i === this.selectedIndex;
-      const isEnabled = this.config.native.suppressWhenFocused === true;
-      const toggleOn = this.fg("success", "●");
-      const toggleOff = this.fg("dim", "○");
-      const toggle = isEnabled ? toggleOn : toggleOff;
-      const label = isSelected
-        ? this.bold("Suppress when focused")
-        : this.fg("dim", "Suppress when focused");
-      const detail = this.fg("dim", isEnabled ? "Windows only — terminal in foreground → skip" : "Windows only");
-
-      lines.push(
-        this.frameLine(
-          `${isSelected ? this.fg("accent", "▸") : " "} ${toggle} ${label}  ${detail}`,
-          innerWidth
-        )
-      );
-    }
-  }
-
-  private renderEvents(lines: string[], innerWidth: number): void {
-    const events = Object.entries(this.config.events);
-
-    for (let i = 0; i < events.length; i++) {
-      const [key, cfg] = events[i];
-      const isSelected = i === this.selectedIndex;
-      const toggleOn = this.fg("success", "●");
-      const toggleOff = this.fg("dim", "○");
-      const toggle = cfg.enabled ? toggleOn : toggleOff;
-      const label = isSelected ? this.bold(key) : this.fg("dim", key);
-
-      lines.push(
-        this.frameLine(
-          `${isSelected ? this.fg("accent", "▸") : " "} ${toggle} ${label}`,
-          innerWidth
-        )
-      );
-    }
-  }
-
-  private renderRecap(lines: string[], innerWidth: number): void {
-    // Toggle
-    const isSelected = this.selectedIndex === 0;
-    const toggleOn = this.fg("success", "●");
-    const toggleOff = this.fg("dim", "○");
-    const toggle = this.config.recap.enabled ? toggleOn : toggleOff;
-    const label = isSelected
-      ? this.bold("Enable Recap")
-      : this.fg("dim", "Enable Recap");
-
-    lines.push(
-      this.frameLine(
-        `${isSelected ? this.fg("accent", "▸") : " "} ${toggle} ${label}`,
-        innerWidth
-      )
-    );
-
-    // Current model display
-    const modelRef = this.config.recap.model;
-    const modelLabel = this.fg("dim", `  Model: ${modelRef}`);
-    lines.push(this.frameLine(modelLabel, innerWidth));
-    lines.push(
-      this.frameLine(
-        this.fg("dim", "  Press M to change model"),
-        innerWidth
-      )
-    );
-  }
-}