@mrclrchtr/supi-ask-user 1.5.0 → 1.6.0

package/node_modules/@mrclrchtr/supi-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrclrchtr/supi-core",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "SuPi core — shared infrastructure for SuPi extensions (XML context tags, config system)",
   "license": "MIT",
   "repository": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrclrchtr/supi-ask-user",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "SuPi ask-user extension — rich questionnaire UI for structured agent-user decisions",
   "license": "MIT",
   "repository": {
@@ -21,7 +21,7 @@
   ],
   "main": "src/api.ts",
   "dependencies": {
-    "@mrclrchtr/supi-core": "1.5.0"
+    "@mrclrchtr/supi-core": "1.6.0"
   },
   "bundledDependencies": [
     "@mrclrchtr/supi-core"

package/src/ui/overlay-component.ts

@@ -24,6 +24,7 @@ import {
   choiceRowValue,
   defaultChoiceRowIndex,
   type FocusTarget,
+  noteTargetLabel,
   type OverlayAction,
   type OverlayMode,
   previewOptionIndexForRows,
@@ -32,7 +33,6 @@ import type { OverlayArgs } from "./types.ts";
 
 export class AskUserOverlay implements Component, Focusable {
   focused = false;
-
   private readonly editor: Editor;
   private focus: FocusTarget = "choices";
   private mode: OverlayMode = "choice";
@@ -40,7 +40,6 @@ export class AskUserOverlay implements Component, Focusable {
   private cachedWidth: number | undefined;
   private cachedLines: string[] | undefined;
   private readonly onAbort: () => void;
-
   private choiceRows: ChoiceRow[] = [];
   private choiceRowIndex = 0;
   private previewOptionIndex = 0;
@@ -48,7 +47,6 @@ export class AskUserOverlay implements Component, Focusable {
   private textActions: Array<{ action: OverlayAction; label: string }> = [];
   private actionIndex = 0;
   private actionList: SelectList | undefined;
-
   constructor(private readonly args: OverlayArgs) {
     this.editor = new Editor(args.tui, makeEditorTheme(args.theme));
     this.editor.onSubmit = (value) => this.handleEditorSubmit(value);
@@ -79,6 +77,10 @@ export class AskUserOverlay implements Component, Focusable {
         this.args.controller.currentQuestion,
         this.previewOptionIndex,
       ),
+      noteTargetLabel:
+        this.mode === "note-input"
+          ? noteTargetLabel(this.args.controller, this.choiceRows, this.choiceRowIndex)
+          : undefined,
     });
     return this.cachedLines;
   }
@@ -155,7 +157,6 @@ export class AskUserOverlay implements Component, Focusable {
 
     this.choiceList.handleInput(data);
   }
-
   private handleActionKey(data: string): void {
     const question = this.args.controller.currentQuestion;
     if (!this.actionList) return;
@@ -390,7 +391,6 @@ export class AskUserOverlay implements Component, Focusable {
     this.cachedLines = undefined;
     this.args.tui.requestRender();
   }
-
   private finish(): void {
     if (this.closed) return;
     this.closed = true;

package/src/ui/overlay-render.ts

@@ -29,6 +29,7 @@ export interface RenderOverlayFrameArgs {
   actionList: SelectList | undefined;
   textActionLabels: string[];
   previewText?: string;
+  noteTargetLabel?: string;
 }
 
 export function renderOverlayFrame(args: RenderOverlayFrameArgs): string[] {
@@ -191,7 +192,9 @@ function renderEditorLines(args: RenderOverlayFrameArgs, width: number): string[
       : args.mode === "custom-input"
         ? "Other answer"
         : args.mode === "note-input"
-          ? "Option note"
+          ? args.noteTargetLabel
+            ? `Note for: ${args.noteTargetLabel}`
+            : "Option note"
           : "Your answer";
 
   const lines = [args.theme.fg("accent", label), ...args.editor.render(Math.max(20, width - 1))];

package/src/ui/overlay-view.ts

@@ -150,19 +150,34 @@ export function choiceRowValue(row: ChoiceRow): string {
   return row.kind === "option" ? `option:${row.optionIndex}` : `action:${row.action}`;
 }
 
+export function noteTargetLabel(
+  controller: AskUserController,
+  choiceRows: ChoiceRow[],
+  choiceRowIndex: number,
+): string | undefined {
+  const question = controller.currentQuestion;
+  if (question.type !== "choice") return undefined;
+  const row = choiceRows[choiceRowIndex];
+  if (row?.kind !== "option") return undefined;
+  return question.options[row.optionIndex]?.label;
+}
+
 function renderOptionRow(args: {
   option: { label: string; description?: string };
   labelText: string;
+  hasNote: boolean;
   isSelected: boolean;
   theme: Theme;
   width: number;
 }): string[] {
-  const { theme, isSelected, labelText, width, option } = args;
+  const { theme, isSelected, labelText, hasNote, width, option } = args;
   const prefix = isSelected ? "\u2192 " : "  ";
+  const baseText = isSelected
+    ? theme.fg("accent", `${prefix}${labelText}`)
+    : `${prefix}${labelText}`;
+  const noteSuffix = hasNote ? ` ${theme.fg("accent", "[note]")}` : "";
 
-  const lines: string[] = [
-    isSelected ? theme.fg("accent", `${prefix}${labelText}`) : `${prefix}${labelText}`,
-  ];
+  const lines: string[] = [`${baseText}${noteSuffix}`];
 
   if (option.description) {
     const descWidth = Math.max(10, width - 2);
@@ -200,9 +215,8 @@ function prepareOptionLabel(
   option: { label: string },
   marker: string,
   recommended: boolean,
-  hasNote: boolean,
 ): string {
-  return `${marker} ${option.label}${recommended ? " (recommended)" : ""}${hasNote ? " [note]" : ""}`;
+  return `${marker} ${option.label}${recommended ? " (recommended)" : ""}`;
 }
 
 export function renderChoiceList(args: {
@@ -228,9 +242,9 @@ export function renderChoiceList(args: {
       const marker = prepareOptionMarker(question, row.optionIndex, selectedIndexes);
       const recommended = question.recommendedIndexes.includes(row.optionIndex);
       const hasNote = !!controller.getChoiceOptionNote(question.id, option.value);
-      const labelText = prepareOptionLabel(option, marker, recommended, hasNote);
+      const labelText = prepareOptionLabel(option, marker, recommended);
 
-      lines.push(...renderOptionRow({ option, labelText, isSelected, theme, width }));
+      lines.push(...renderOptionRow({ option, labelText, hasNote, isSelected, theme, width }));
     } else {
       const answer = controller.getAnswer(question.id);
       const actionLabelText =