omp-uwu 0.5.0 → 0.6.0

package/README.md

@@ -25,7 +25,7 @@ Restart omp. Defaults are **on**, **rewrite**, **mid**, **auto**, with colors **
 - `/uwu display` explicitly opts into **experimental, ANSI-TUI-only** display styling; never changes history or adds a prompt
 - `/uwu level low` / `/uwu level mid` / `/uwu level max` selects light, standard or stronger intensity
 - `/uwu locale auto` / `/uwu locale en` / `/uwu locale tr` selects critical-word protection and prompt language guidance
-- `/uwu status` reports settings and observed capabilities (unknown/pending is not a support guarantee)
+- `/uwu status` opens a compact, host-themed TUI dashboard: **Controls** has switches, preset chips, an intensity meter and a live sample; **Compatibility** reports observed capabilities, not a support guarantee. ↑/↓ focuses a control, ←/→ or Enter/Space edits it, and Tab switches tabs. **Enter on Save** applies the draft once; **Esc cancels** without changing settings, colors or history. Navigation never saves. Other modes or hosts without custom UI keep the original plain summary.
 - `/uwu preview <text>` shows a deterministic sample with its original case, without changing any settings—even if uwu is off
 - `/uwu colors on` / `/uwu colors off` enables or disables the optional kawaii palette (off by default; preference persists)
 
@@ -80,7 +80,7 @@ Capability fallback is explicit: `/uwu status` distinguishes a missing `Containe
 
 ```sh
 omp plugin install omp-uwu          # from npm (recommended)
-omp plugin install omp-uwu@0.5.0    # pin a version
+omp plugin install omp-uwu@0.6.0    # pin a version
 omp plugin uninstall omp-uwu        # remove
 ```
 
@@ -98,7 +98,7 @@ omp -e ./src/index.ts  # or load it for a single run
 
 The full-module integration tests exercise real omp Markdown/Assistant components, narrow wrapping, inline/fenced code preservation, unchanged raw messages, cache invalidation without colors, and host-transform precedence. They restore patched prototypes after each case. An additional installed-host test automatically uses `~/.bun/install/global/node_modules/@oh-my-pi/pi-tui` if present; set `OMP_UWU_HOST_TUI` to a different pi-tui package directory to test another installation (otherwise that case is skipped).
 
-For an interactive smoke check, start `omp -e ./src/index.ts` in an isolated test agent directory, run `/uwu colors off`, `/uwu display`, then `/uwu status`. Ask for ordinary prose plus inline/fenced code and narrow the terminal; prose should be styled and rewrapped while code stays exact. Change `/uwu level low` to `max`, switch locales and `/uwu off` without enabling colors: existing assistant paragraphs should refresh. Reopen the saved transcript/export to confirm raw text is unchanged, and verify the next model prompt has no uwu instruction. On a native client, expect unchanged prose, not fallback prompt styling.
+For an interactive smoke check, start `omp -e ./src/index.ts` in an isolated test agent directory, run `/uwu colors off`, `/uwu display`, then `/uwu status`. Edit the draft and switch tabs: the sample should update while existing messages/settings stay unchanged. Esc should discard it; reopen, focus Save and press Enter to persist it and refresh colors, the badge and discovered assistant paragraphs. Narrow the terminal to check wrapping. Ask for ordinary prose plus inline/fenced code: prose should be styled and rewrapped while code stays exact. Change intensity, locale and mode without enabling colors: existing assistant paragraphs should refresh after Save. Reopen the saved transcript/export to confirm raw text is unchanged, and verify the next model prompt has no uwu instruction in display mode. Prompt-style samples are deterministic approximations, not predictions of model output; display samples use prose-only styling, and mode off shows the original sample. On a native client, expect unchanged prose, not fallback prompt styling.
 
 ### Re-recording the demo
 
@@ -124,8 +124,8 @@ CI (`.github/workflows/ci.yml`) runs `check` and the tests on pushes to `main` a
 
 ```sh
 # bump "version" in package.json, commit, then:
-git tag v0.5.0
-git push origin main v0.5.0
+git tag v0.6.0
+git push origin main v0.6.0
 ```
 
 The workflow uses npm [trusted publishing](https://docs.npmjs.com/trusted-publishers/), so the repository has no npm token. npm only allows trusted publishing on a package that already exists, so the first version is published by hand with `npm publish --access public`. After that, go to the package's Settings → Trusted publishing on npmjs.com and add GitHub Actions with user `NaC-L`, repository `omp-uwu`, and workflow `publish.yml`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omp-uwu",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "omp extension for playful uwu chat styling, markdown-safe rewrites, and kawaii kaomoji",
   "type": "module",
   "license": "MIT",

package/src/index.ts

@@ -2,8 +2,9 @@ import { readFile, writeFile } from "node:fs/promises";
 import { join } from "node:path";
 import { KawaiiTheme } from "./kawaii.ts";
 import { type ContainerClass, installSparkles, sparkle, themePaint } from "./sparkle.ts";
+import { createStatusCard, type UwuSettings, type UwuStatus } from "./status.ts";
 
-import type { ExtensionAPI, Theme } from "@oh-my-pi/pi-coding-agent";
+import type { ExtensionAPI, ExtensionUIContext, Theme } from "@oh-my-pi/pi-coding-agent";
 import { type UwuLevel, type UwuLocale, uwufy, uwufyProse } from "./uwufy.ts";
 
 export const UWU_PROMPT = `
@@ -57,6 +58,7 @@ type UiContext = {
     notify(message: string, level: "info"): void;
     setStatus?(key: string, text: string | undefined): void;
     theme?: Theme;
+    custom?: ExtensionUIContext["custom"];
   };
 };
 
@@ -114,6 +116,18 @@ export default function uwuExtension(pi: ExtensionAPI) {
     else kawaiiTheme.disable(ctx.ui.theme);
   };
 
+  const persistSettings = async (ctx: UiContext) => {
+    try {
+      await saveState();
+    } catch {
+      ctx.ui?.notify("uwu setting could not be saved; it may reset next session", "info");
+    }
+    renderAllowed = ctx.mode === "tui";
+    syncColors(ctx);
+    rendering?.refresh();
+    updateBadge(ctx);
+  };
+
   pi.registerCommand("uwu", {
     description: "UwU style, intensity, locale and experimental display (use /uwu status)",
     handler: async (args, rawCtx) => {
@@ -127,7 +141,25 @@ export default function uwuExtension(pi: ExtensionAPI) {
       const value = option.toLowerCase();
       if (arg === "status" && !option) {
         const display = !host.Container ? "unavailable (no Container)" : rendering?.isSupported() ? "ANSI hook detected" : "pending component discovery";
-        ctx.ui?.notify(`uwu ${enabled ? "on" : "off"}; style=${style}; level=${level}; locale=${locale}; colors=${colorsEnabled ? "on" : "off"}; rewrite=${hookSupport === undefined ? "unknown" : hookSupport ? "detected" : "not observed"}; display=${display}; native/client display=unsupported; prompt fallback=${enabled && style === "rewrite" && hookSupport !== true ? "on" : "off"}`, "info");
+        const status: UwuStatus = {
+          enabled, style, level, locale, colorsEnabled,
+          rewrite: hookSupport === undefined ? "unknown" : hookSupport ? "detected" : "not observed",
+          display,
+          promptFallback: enabled && style === "rewrite" && hookSupport !== true,
+        };
+        if (ctx.mode === "tui" && typeof ctx.ui?.custom === "function") {
+          const settings = await ctx.ui.custom<UwuSettings | undefined>((tui, theme, _keybindings, done) =>
+            createStatusCard(status, theme, done, () => tui.requestRender()), {
+              overlay: true,
+              overlayOptions: { width: 68, anchor: "center", margin: 1 },
+            });
+          if (settings) {
+            ({ enabled, style, level, locale, colorsEnabled } = settings);
+            await persistSettings(ctx);
+          }
+        } else {
+          ctx.ui?.notify(`uwu ${enabled ? "on" : "off"}; style=${style}; level=${level}; locale=${locale}; colors=${colorsEnabled ? "on" : "off"}; rewrite=${hookSupport === undefined ? "unknown" : hookSupport ? "detected" : "not observed"}; display=${display}; native/client display=unsupported; prompt fallback=${enabled && style === "rewrite" && hookSupport !== true ? "on" : "off"}`, "info");
+        }
         return;
       }
       if (arg === "preview") {
@@ -154,15 +186,7 @@ export default function uwuExtension(pi: ExtensionAPI) {
         ctx.ui?.notify(USAGE, "info");
         return;
       }
-      try {
-        await saveState();
-      } catch {
-        ctx.ui?.notify("uwu setting could not be saved; it may reset next session", "info");
-      }
-      renderAllowed = ctx.mode === "tui";
-      syncColors(ctx);
-      rendering?.refresh();
-      updateBadge(ctx);
+      await persistSettings(ctx);
       if (arg === "colors") {
         ctx.ui?.notify(`kawaii chat colors ${colorsEnabled ? "on" : "off"}${colorsEnabled && !enabled ? " (active when uwu mode is on)" : ""}`, "info");
       } else {

package/src/status.ts

@@ -0,0 +1,154 @@
+import type { ExtensionUiComponent, Theme } from "@oh-my-pi/pi-coding-agent";
+import { Key, matchesKey, truncateToWidth, visibleWidth, wrapTextWithAnsi } from "@oh-my-pi/pi-tui";
+import { type UwuLevel, type UwuLocale, uwufy, uwufyProse } from "./uwufy.ts";
+
+export type UwuSettings = {
+  enabled: boolean;
+  style: "rewrite" | "prompt" | "display";
+  level: UwuLevel;
+  locale: UwuLocale;
+  colorsEnabled: boolean;
+};
+
+export type UwuStatus = UwuSettings & {
+  rewrite: "unknown" | "detected" | "not observed";
+  display: "unavailable (no Container)" | "ANSI hook detected" | "pending component discovery";
+  promptFallback: boolean;
+};
+
+export function createStatusCard(
+  status: UwuStatus,
+  theme: Theme,
+  done: (settings: UwuSettings | undefined) => void,
+  requestRender: () => void,
+): ExtensionUiComponent {
+  const draft: UwuSettings = {
+    enabled: status.enabled, style: status.style, level: status.level,
+    locale: status.locale, colorsEnabled: status.colorsEnabled,
+  };
+  const styles: UwuSettings["style"][] = ["rewrite", "prompt", "display"];
+  const levels: UwuLevel[] = ["low", "mid", "max"];
+  const locales: UwuLocale[] = ["auto", "en", "tr"];
+  const sample = "Really lovely progress. Merhaba, bugün beraber çalışalım. Keep `raw_code` unchanged.";
+  let tab: "controls" | "compatibility" = "controls";
+  let focus = 0;
+  let closed = false;
+  const close = (settings?: UwuSettings) => {
+    if (closed) return;
+    closed = true;
+    done(settings);
+  };
+  const cycle = <T,>(values: T[], current: T, direction: number): T =>
+    values[(values.indexOf(current) + direction + values.length) % values.length];
+
+  return {
+    render(width: number): string[] {
+      if (width < 1) return [];
+      const cardWidth = Math.min(68, Math.floor(width));
+      const bordered = cardWidth >= 4;
+      const padding = cardWidth >= 24 ? 1 : 0;
+      const contentWidth = cardWidth - (bordered ? 2 : 0) - padding * 2;
+      const lines: string[] = [];
+      const border = (text: string) => theme.fg("borderMuted", text);
+      const rule = (left: string, right: string) => {
+        if (bordered) lines.push(border(`${left}${"─".repeat(cardWidth - 2)}${right}`));
+      };
+      const row = (text: string) => {
+        for (const wrapped of wrapTextWithAnsi(text, contentWidth)) {
+          const line = truncateToWidth(wrapped, contentWidth, "");
+          const padded = `${" ".repeat(padding)}${line}${" ".repeat(Math.max(0, contentWidth - visibleWidth(line)) + padding)}`;
+          lines.push(bordered ? `${border("│")}${padded}${border("│")}` : padded);
+        }
+      };
+      const chip = (label: string, selected: boolean) => selected
+        ? theme.bg("selectedBg", theme.fg("accent", theme.bold(`[ ${label} ]`)))
+        : theme.fg("dim", `[ ${label} ]`);
+      const presets = (values: string[], selected: string) => values.map((value) => chip(value, value === selected)).join(" ");
+      const control = (index: number, label: string, value: string) => {
+        const cursor = theme.fg("accent", focus === index ? "› " : "  ");
+        const name = theme.fg(focus === index ? "accent" : "muted", label);
+        if (contentWidth >= 42) row(`${cursor}${name}${" ".repeat(Math.max(1, 14 - label.length))}${value}`);
+        else {
+          row(`${cursor}${name}`);
+          row(`  ${value}`);
+        }
+      };
+      const setting = (label: string, value: string) => {
+        const key = contentWidth >= 34 ? label.padEnd(16) : `${label}: `;
+        row(`${theme.fg("muted", key)}${value}`);
+      };
+
+      rule("╭", "╮");
+      const title = theme.fg("accent", theme.bold("UwU"));
+      const badge = theme.fg(draft.enabled ? "success" : "dim", theme.bold(draft.enabled ? "[ON]" : "[OFF]"));
+      row(`${title}${" ".repeat(Math.max(1, contentWidth - visibleWidth(title) - visibleWidth(badge)))}${badge}`);
+      row(`${chip("Controls", tab === "controls")} ${chip("Compatibility", tab === "compatibility")}`);
+      rule("├", "┤");
+      if (tab === "controls") {
+        control(0, "Mode", `${chip(draft.enabled ? "● ON" : "ON", draft.enabled)} ${chip(draft.enabled ? "OFF" : "OFF ●", !draft.enabled)}`);
+        control(1, "Style", presets(styles, draft.style));
+        const filled = (levels.indexOf(draft.level) + 1) * 2;
+        control(2, "Intensity", `${presets(levels, draft.level)} ${theme.fg("accent", "▰".repeat(filled))}${theme.fg("dim", "▱".repeat(6 - filled))}`);
+        control(3, "Locale", presets(locales, draft.locale));
+        control(4, "Kawaii colors", `${chip(draft.colorsEnabled ? "● ON" : "ON", draft.colorsEnabled)} ${chip(draft.colorsEnabled ? "OFF" : "OFF ●", !draft.colorsEnabled)}`);
+        row("");
+        row(`${theme.fg("accent", focus === 5 ? "› " : "  ")}${chip("Save", focus === 5)}`);
+        const changes = (Object.keys(draft) as (keyof UwuSettings)[]).filter((key) => draft[key] !== status[key]).length;
+        row(theme.fg(changes ? "warning" : "dim", changes ? `${changes} unsaved ${changes === 1 ? "change" : "changes"}` : "Draft unchanged"));
+        rule("├", "┤");
+        const previewKind = !draft.enabled ? "mode off" : draft.style === "display" ? "prose only · experimental" : draft.style === "prompt" ? "approximation" : "deterministic";
+        row(theme.fg("accent", theme.bold(`Preview · ${previewKind}`)));
+        const preview = !draft.enabled ? sample : draft.style === "display"
+          ? uwufyProse(sample, { level: draft.level, locale: draft.locale })
+          : uwufy(sample, { level: draft.level, locale: draft.locale });
+        row(theme.fg("text", preview));
+        rule("├", "┤");
+        row(theme.fg("muted", "↑↓ focus · ←→ / Enter / Space edit"));
+        row(theme.fg("muted", "Tab tabs · Enter on Save · Esc cancel"));
+      } else {
+        row(theme.fg("accent", theme.bold("Observed capabilities")));
+        setting("Rewrite", theme.fg(status.rewrite === "detected" ? "success" : "muted", status.rewrite));
+        setting("ANSI display", theme.fg(status.display === "ANSI hook detected" ? "success" : "muted", status.display));
+        setting("Native/client", theme.fg("warning", "unsupported"));
+        setting("Prompt fallback", theme.fg(status.promptFallback ? "success" : "dim", status.promptFallback ? "on" : "off"));
+        row("");
+        row(theme.fg("dim", `Fallback reflects saved ${status.style}/${status.enabled ? "on" : "off"} settings, not the draft.`));
+        row(theme.fg("warning", "Display is experimental: ANSI prose only, not native/client rendering."));
+        row(theme.fg("dim", "Unknown/pending is not a support guarantee. Display never adds a prompt or changes history."));
+        rule("├", "┤");
+        row(theme.fg("muted", "Tab controls · Esc cancel"));
+      }
+      rule("╰", "╯");
+      return lines;
+    },
+    invalidate() {},
+    handleInput(data: string) {
+      if (closed) return;
+      if (matchesKey(data, Key.escape)) {
+        close();
+        return;
+      }
+      if (matchesKey(data, Key.tab)) {
+        tab = tab === "controls" ? "compatibility" : "controls";
+      } else if (tab === "controls" && matchesKey(data, Key.up)) {
+        focus = (focus + 5) % 6;
+      } else if (tab === "controls" && matchesKey(data, Key.down)) {
+        focus = (focus + 1) % 6;
+      } else if (tab === "controls" && focus === 5 && matchesKey(data, Key.enter)) {
+        close({ ...draft });
+        return;
+      } else if (tab === "controls" && focus < 5 && (
+        matchesKey(data, Key.left) || matchesKey(data, Key.right) ||
+        matchesKey(data, Key.enter) || matchesKey(data, Key.space)
+      )) {
+        const direction = matchesKey(data, Key.left) ? -1 : 1;
+        if (focus === 0) draft.enabled = !draft.enabled;
+        else if (focus === 1) draft.style = cycle(styles, draft.style, direction);
+        else if (focus === 2) draft.level = cycle(levels, draft.level, direction);
+        else if (focus === 3) draft.locale = cycle(locales, draft.locale, direction);
+        else draft.colorsEnabled = !draft.colorsEnabled;
+      } else return;
+      requestRender();
+    },
+  };
+}