@leo-alvarenga/pi-zen-frame 0.19.8 → 0.20.0

package/extensions/editor/palette/input.ts

@@ -1,4 +1,4 @@
-import { matchesKey } from "@earendil-works/pi-tui";
+import { Key, matchesKey } from "@earendil-works/pi-tui";
 
 import { filterPalette, MAX_VISIBLE } from "./items";
 import type { PaletteState } from "./types";
@@ -14,17 +14,23 @@ export function handlePaletteInput(
   state: PaletteState,
   data: string,
 ): PaletteInputResult {
-  if (matchesKey(data, "escape")) {
+  if (matchesKey(data, Key.esc)) {
     return { next: null, submit: null };
   }
 
+  const item = state.items[state.selected];
   if (data === "\r" || data === "\n") {
-    const item = state.items[state.selected];
-
     return { next: null, submit: item ? item.name : null };
   }
 
-  if (data === "\x7f" || data === "\b") {
+  if (matchesKey(data, Key.tab)) {
+    return {
+      submit: null,
+      next: { ...state, query: item.name.replace("/", "") },
+    };
+  }
+
+  if (matchesKey(data, Key.backspace) || matchesKey(data, Key.delete)) {
     if (state.query.length > 0) {
       const query = state.query.slice(0, -1);
 
@@ -48,7 +54,10 @@ export function handlePaletteInput(
     const selected = Math.max(0, state.selected - 1);
     const viewTop = selected < state.viewTop ? selected : state.viewTop;
 
-    return { next: { ...state, selected, viewTop }, submit: null };
+    return {
+      submit: null,
+      next: { ...state, selected, viewTop },
+    };
   }
 
   if (matchesKey(data, "down")) {
@@ -62,7 +71,10 @@ export function handlePaletteInput(
       viewTop = selected - MAX_VISIBLE + 1;
     }
 
-    return { next: { ...state, selected, viewTop }, submit: null };
+    return {
+      submit: null,
+      next: { ...state, selected, viewTop },
+    };
   }
 
   if (data.length === 1 && data >= " ") {
@@ -70,7 +82,6 @@ export function handlePaletteInput(
 
     return {
       submit: null,
-
       next: {
         ...state,
         query,

package/extensions/editor/palette/render.ts

@@ -7,12 +7,29 @@ import type { PaletteState } from "./types";
 const ACTIVE_PREFIX = " → ";
 const INACTIVE_PREFIX = "   ";
 
+function getMaxWidth(width: number, offset: number): number {
+  let modifier = 0.8;
+
+  if (width >= 120) {
+    modifier = 0.6;
+  } else if (width >= 100) {
+    modifier = 0.7;
+  } else if (width >= 80) {
+    modifier = 0.8;
+  } else if (width >= 60) {
+    modifier = 0.9;
+  }
+
+  const maxSize = Math.floor(Math.max(0, width - offset) * modifier);
+  return Math.max(36, maxSize);
+}
+
 export function renderPalette(
   state: PaletteState,
   width: number,
   theme: Theme,
 ): string[] {
-  const boxW = Math.min(68, Math.max(36, width - 4));
+  const boxW = getMaxWidth(width, 4);
 
   const inner = boxW - 2;
   const lPad = " ".repeat(Math.max(0, Math.floor((width - boxW) / 2)));

package/package.json

@@ -2,7 +2,7 @@
   "name": "@leo-alvarenga/pi-zen-frame",
   "description": "A pi-coding-agent extension that gives the TUI editor a simple yet polished look and feel",
   "author": "Leonardo A. Alvarenga",
-  "version": "0.19.8",
+  "version": "0.20.0",
   "license": "MIT",
   "repository": "github.com/leo-alvarenga/pi-mono",
   "publishConfig": {
@@ -26,7 +26,7 @@
     "typebox": "*"
   },
   "dependencies": {
-    "@leo-alvarenga/pi-ext-core": "0.5.0"
+    "@leo-alvarenga/pi-ext-core": "0.5.1"
   },
   "pi": {
     "extensions": [