@astralyn/pi 0.81.1-1

package/dist/extensions/question/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/extensions/question/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAiC,MAAM,wBAAwB,CAAC;AACrH,OAAO,EAAoB,KAAK,KAAK,EAAE,MAAM,wCAAwC,CAAC;AAYtF,OAAO,KAAK,EAAE,YAAY,EAA4B,QAAQ,EAAkB,MAAM,YAAY,CAAC;AAYnG,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,QAAQ,EAAE;;;;;EAilBzD","sourcesContent":["import { Editor, type EditorTheme, Markdown, type TUI, truncateToWidth, visibleWidth } from \"@earendil-works/pi-tui\";\nimport { getMarkdownTheme, type Theme } from \"../../modes/interactive/theme/theme.ts\";\nimport { ruleBorder, wrapWithPrefix } from \"./dialog-primitives.ts\";\nimport { QUESTION_LIMITS } from \"./limits.ts\";\nimport { WidthCachedRender } from \"./render-cache.ts\";\nimport {\n\tdisplayOptions,\n\tfirstUnanswered,\n\thasAnswer,\n\thasMultiAnswer,\n\tnewQuestionState,\n\torderedAnswers,\n} from \"./state.ts\";\nimport type { DialogResult, DisplayOption, InputMode, Question, QuestionOption } from \"./types.ts\";\n\ntype DialogView = \"question\" | \"review\";\n\ntype DialogKeybindings = {\n\tmatches(data: string, keybinding: string): boolean;\n\tgetKeys(keybinding: string): string[];\n};\n\nconst PREVIEW_MAX_LINES = 16;\nconst PREVIEW_CHROME_ROWS = 18;\n\nexport function createQuestionDialog(questions: Question[]) {\n\treturn (tui: TUI, theme: Theme, keybindings: unknown, done: (result: DialogResult) => void) => {\n\t\tlet currentIdx = 0;\n\t\tlet view: DialogView = \"question\";\n\t\tlet inputMode: InputMode;\n\t\tlet noteTarget: string | undefined;\n\t\tlet dialogFocused = false;\n\t\tlet footerFocused = false;\n\t\tconst cache = new WidthCachedRender();\n\t\tconst states = questions.map(() => newQuestionState());\n\t\tconst bindings = keybindings as DialogKeybindings;\n\n\t\tconst editorTheme: EditorTheme = {\n\t\t\tborderColor: (s) => theme.fg(\"accent\", s),\n\t\t\tselectList: {\n\t\t\t\tselectedPrefix: (t) => theme.fg(\"accent\", t),\n\t\t\t\tselectedText: (t) => theme.fg(\"accent\", t),\n\t\t\t\tdescription: (t) => theme.fg(\"muted\", t),\n\t\t\t\tscrollInfo: (t) => theme.fg(\"dim\", t),\n\t\t\t\tnoMatch: (t) => theme.fg(\"warning\", t),\n\t\t\t},\n\t\t};\n\t\tconst editor = new Editor(tui, editorTheme);\n\n\t\tconst currentQuestion = () => questions[currentIdx];\n\t\tconst currentState = () => states[currentIdx];\n\t\tconst keyMatches = (data: string, keybinding: string) => bindings.matches(data, keybinding);\n\t\tconst keyLabel = (keybinding: string, fallback: string) => bindings.getKeys(keybinding).join(\"/\") || fallback;\n\n\t\tfunction refresh(): void {\n\t\t\tcache.invalidate();\n\t\t\ttui.requestRender();\n\t\t}\n\n\t\tfunction syncEditorFocus(): void {\n\t\t\teditor.focused = dialogFocused && inputMode !== undefined;\n\t\t}\n\n\t\tfunction setCurrentIdx(index: number): void {\n\t\t\tcurrentIdx = Math.max(0, Math.min(questions.length - 1, index));\n\t\t\tview = \"question\";\n\t\t\tinputMode = undefined;\n\t\t\tnoteTarget = undefined;\n\t\t\tfooterFocused = false;\n\t\t\teditor.setText(\"\");\n\t\t\tsyncEditorFocus();\n\t\t\trefresh();\n\t\t}\n\n\t\tfunction clearWarning(): void {\n\t\t\tcurrentState().warning = undefined;\n\t\t}\n\n\t\tfunction focusedOption(): DisplayOption | undefined {\n\t\t\treturn displayOptions(currentQuestion())[currentState().optionIndex];\n\t\t}\n\n\t\tfunction showReview(): void {\n\t\t\tconst missing = firstUnanswered(states);\n\t\t\tif (missing !== undefined) {\n\t\t\t\tsetCurrentIdx(missing);\n\t\t\t\tcurrentState().warning = \"Answer this question before reviewing your answers.\";\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tview = \"review\";\n\t\t\tinputMode = undefined;\n\t\t\tnoteTarget = undefined;\n\t\t\tfooterFocused = false;\n\t\t\teditor.setText(\"\");\n\t\t\tsyncEditorFocus();\n\t\t\trefresh();\n\t\t}\n\n\t\tfunction advanceAfterAnswer(): void {\n\t\t\tif (questions.length === 1 && !currentQuestion().multiSelect) {\n\t\t\t\tdone({ answers: orderedAnswers(questions, states), outcome: \"answered\" });\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst missing = firstUnanswered(states);\n\t\t\tif (missing === undefined) {\n\t\t\t\tshowReview();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetCurrentIdx(missing);\n\t\t}\n\n\t\tfunction beginCustomInput(): void {\n\t\t\tconst state = currentState();\n\t\t\tinputMode = \"custom\";\n\t\t\tnoteTarget = undefined;\n\t\t\tconst existingSingle = state.singleAnswer?.kind === \"custom\" ? state.singleAnswer.answer : undefined;\n\t\t\teditor.setText(state.customAnswer?.text ?? existingSingle ?? \"\");\n\t\t\tsyncEditorFocus();\n\t\t\trefresh();\n\t\t}\n\n\t\tfunction selectSingleOption(option: QuestionOption): void {\n\t\t\tconst question = currentQuestion();\n\t\t\tconst state = currentState();\n\t\t\tstate.singleAnswer = {\n\t\t\t\tquestionIndex: currentIdx,\n\t\t\t\tquestion: question.question,\n\t\t\t\theader: question.header,\n\t\t\t\tkind: \"option\",\n\t\t\t\tanswer: option.label,\n\t\t\t\t...(option.preview ? { preview: option.preview } : {}),\n\t\t\t};\n\t\t\tstate.warning = undefined;\n\t\t}\n\n\t\tfunction beginNotesInput(): void {\n\t\t\tconst question = currentQuestion();\n\t\t\tconst state = currentState();\n\t\t\tconst option = focusedOption();\n\t\t\tif (!option || option.kind === \"other\") {\n\t\t\t\tbeginCustomInput();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (question.multiSelect && !state.multiSelected.has(option.optionIndex)) {\n\t\t\t\tstate.warning = \"Select the option first, then add notes.\";\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (!question.multiSelect) selectSingleOption(option);\n\t\t\tinputMode = \"notes\";\n\t\t\tnoteTarget = option.label;\n\t\t\teditor.setText(state.notesByOption.get(option.label) ?? \"\");\n\t\t\tsyncEditorFocus();\n\t\t\trefresh();\n\t\t}\n\n\t\tfunction recordSingle(option: DisplayOption): void {\n\t\t\tif (option.kind === \"other\") {\n\t\t\t\tif (currentState().singleAnswer?.kind === \"custom\") {\n\t\t\t\t\tadvanceAfterAnswer();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tbeginCustomInput();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tselectSingleOption(option);\n\t\t\tadvanceAfterAnswer();\n\t\t}\n\n\t\tfunction recordMulti(): void {\n\t\t\tconst state = currentState();\n\t\t\tif (!hasMultiAnswer(state)) {\n\t\t\t\tstate.warning = \"Select at least one option, type a custom answer, or cancel the questions.\";\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tstate.warning = undefined;\n\t\t\tadvanceAfterAnswer();\n\t\t}\n\n\t\tfunction finishReview(): void {\n\t\t\tconst missing = firstUnanswered(states);\n\t\t\tif (missing !== undefined) {\n\t\t\t\tsetCurrentIdx(missing);\n\t\t\t\tcurrentState().warning = \"Answer this question before submitting.\";\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tdone({ answers: orderedAnswers(questions, states), outcome: \"answered\" });\n\t\t}\n\n\t\teditor.onSubmit = (value) => {\n\t\t\tconst trimmed = value.trim();\n\t\t\tconst question = currentQuestion();\n\t\t\tconst state = currentState();\n\t\t\tif (trimmed.length > QUESTION_LIMITS.userTextChars) {\n\t\t\t\tstate.warning = `Keep notes and custom answers under ${QUESTION_LIMITS.userTextChars} characters.`;\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (inputMode === \"notes\") {\n\t\t\t\tif (noteTarget) {\n\t\t\t\t\tif (trimmed) state.notesByOption.set(noteTarget, trimmed);\n\t\t\t\t\telse state.notesByOption.delete(noteTarget);\n\t\t\t\t}\n\t\t\t\tinputMode = undefined;\n\t\t\t\tnoteTarget = undefined;\n\t\t\t\teditor.setText(\"\");\n\t\t\t\tsyncEditorFocus();\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (inputMode === \"custom\") {\n\t\t\t\tif (!trimmed) {\n\t\t\t\t\tinputMode = undefined;\n\t\t\t\t\teditor.setText(\"\");\n\t\t\t\t\tsyncEditorFocus();\n\t\t\t\t\trefresh();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (question.multiSelect) {\n\t\t\t\t\tstate.customAnswer = { text: trimmed, selected: true };\n\t\t\t\t\tstate.optionIndex = question.options.length;\n\t\t\t\t\tinputMode = undefined;\n\t\t\t\t\teditor.setText(\"\");\n\t\t\t\t\tsyncEditorFocus();\n\t\t\t\t\trefresh();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tstate.singleAnswer = {\n\t\t\t\t\tquestionIndex: currentIdx,\n\t\t\t\t\tquestion: question.question,\n\t\t\t\t\theader: question.header,\n\t\t\t\t\tkind: \"custom\",\n\t\t\t\t\tanswer: trimmed,\n\t\t\t\t};\n\t\t\t\tinputMode = undefined;\n\t\t\t\teditor.setText(\"\");\n\t\t\t\tsyncEditorFocus();\n\t\t\t\tadvanceAfterAnswer();\n\t\t\t}\n\t\t};\n\n\t\tfunction handleReviewInput(data: string): void {\n\t\t\tif (keyMatches(data, \"tui.editor.cursorLeft\")) {\n\t\t\t\tsetCurrentIdx(questions.length - 1);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (keyMatches(data, \"tui.select.confirm\")) {\n\t\t\t\tfinishReview();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (keyMatches(data, \"tui.select.cancel\")) {\n\t\t\t\tsetCurrentIdx(questions.length - 1);\n\t\t\t}\n\t\t}\n\n\t\tfunction handleQuestionInput(data: string): void {\n\t\t\tif (inputMode) {\n\t\t\t\tif (keyMatches(data, \"tui.select.cancel\")) {\n\t\t\t\t\tinputMode = undefined;\n\t\t\t\t\tnoteTarget = undefined;\n\t\t\t\t\teditor.setText(\"\");\n\t\t\t\t\tsyncEditorFocus();\n\t\t\t\t\trefresh();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\teditor.handleInput(data);\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (keyMatches(data, \"tui.editor.cursorLeft\")) {\n\t\t\t\tif (currentIdx > 0) setCurrentIdx(currentIdx - 1);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (keyMatches(data, \"tui.editor.cursorRight\")) {\n\t\t\t\tif (currentIdx < questions.length - 1) setCurrentIdx(currentIdx + 1);\n\t\t\t\telse if (firstUnanswered(states) === undefined) showReview();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst state = currentState();\n\t\t\tconst options = displayOptions(currentQuestion());\n\t\t\tif (keyMatches(data, \"tui.select.up\")) {\n\t\t\t\tif (footerFocused) {\n\t\t\t\t\tfooterFocused = false;\n\t\t\t\t\tstate.optionIndex = options.length - 1;\n\t\t\t\t} else if (state.optionIndex > 0) {\n\t\t\t\t\tstate.optionIndex--;\n\t\t\t\t}\n\t\t\t\tclearWarning();\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (keyMatches(data, \"tui.select.down\")) {\n\t\t\t\tif (footerFocused) return;\n\t\t\t\tif (state.optionIndex < options.length - 1) state.optionIndex++;\n\t\t\t\telse footerFocused = true;\n\t\t\t\tclearWarning();\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (keyMatches(data, \"tui.input.tab\")) {\n\t\t\t\tif (!footerFocused) beginNotesInput();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (footerFocused) {\n\t\t\t\tif (keyMatches(data, \"tui.select.confirm\")) {\n\t\t\t\t\tdone({ answers: orderedAnswers(questions, states), outcome: \"needs_clarification\" });\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (keyMatches(data, \"tui.select.cancel\")) {\n\t\t\t\t\tdone({ answers: orderedAnswers(questions, states), outcome: \"cancelled\" });\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst question = currentQuestion();\n\t\t\tconst option = options[state.optionIndex];\n\t\t\tif (question.multiSelect && keyMatches(data, \"app.list.toggle\")) {\n\t\t\t\tif (option?.kind === \"other\") {\n\t\t\t\t\tif (state.customAnswer) {\n\t\t\t\t\t\tstate.customAnswer.selected = !state.customAnswer.selected;\n\t\t\t\t\t\tclearWarning();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstate.warning = `Press ${keyLabel(\"tui.input.tab\", \"Tab\")} to type a custom answer.`;\n\t\t\t\t\t}\n\t\t\t\t\trefresh();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif (option?.kind === \"option\") {\n\t\t\t\t\tif (state.multiSelected.has(option.optionIndex)) state.multiSelected.delete(option.optionIndex);\n\t\t\t\t\telse state.multiSelected.add(option.optionIndex);\n\t\t\t\t}\n\t\t\t\tclearWarning();\n\t\t\t\trefresh();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (keyMatches(data, \"tui.select.confirm\")) {\n\t\t\t\tif (question.multiSelect) recordMulti();\n\t\t\t\telse if (option) recordSingle(option);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (keyMatches(data, \"tui.select.cancel\")) {\n\t\t\t\tdone({ answers: orderedAnswers(questions, states), outcome: \"cancelled\" });\n\t\t\t}\n\t\t}\n\n\t\tfunction handleInput(data: string): void {\n\t\t\tif (view === \"review\") handleReviewInput(data);\n\t\t\telse handleQuestionInput(data);\n\t\t}\n\n\t\tfunction render(width: number): string[] {\n\t\t\treturn cache.get(width, tui.terminal.rows, compute);\n\t\t}\n\n\t\tfunction renderTabs(renderWidth: number, lines: string[]): void {\n\t\t\tif (questions.length < 2) return;\n\t\t\tconst tabCount = questions.length + 1;\n\t\t\tconst headerWidth = Math.max(4, Math.floor((renderWidth - tabCount * 5) / tabCount));\n\t\t\tconst tabs = [\n\t\t\t\t...questions.map((question, index) => {\n\t\t\t\t\tconst answered = hasAnswer(states[index]);\n\t\t\t\t\tconst label = ` ${answered ? \"■\" : \"□\"} ${truncateToWidth(question.header, headerWidth)} `;\n\t\t\t\t\tif (view === \"question\" && index === currentIdx) {\n\t\t\t\t\t\treturn theme.bg(\"selectedBg\", theme.fg(answered ? \"success\" : \"text\", label));\n\t\t\t\t\t}\n\t\t\t\t\treturn theme.fg(answered ? \"success\" : \"muted\", label);\n\t\t\t\t}),\n\t\t\t\tview === \"review\"\n\t\t\t\t\t? theme.bg(\"selectedBg\", theme.fg(\"text\", \" ✓ Submit \"))\n\t\t\t\t\t: theme.fg(firstUnanswered(states) === undefined ? \"success\" : \"dim\", \" ✓ Submit \"),\n\t\t\t].join(\" \");\n\t\t\twrapWithPrefix(\" \", tabs, renderWidth, lines);\n\t\t\tlines.push(\"\");\n\t\t}\n\n\t\tfunction previewLines(previewText: string, width: number, terminalRows: number): string[] {\n\t\t\tconst markdown = new Markdown(previewText, 1, 0, getMarkdownTheme());\n\t\t\tconst rendered = markdown.render(Math.max(1, width));\n\t\t\tconst maxLines = Math.max(4, Math.min(PREVIEW_MAX_LINES, terminalRows - PREVIEW_CHROME_ROWS));\n\t\t\tif (rendered.length <= maxLines) return rendered;\n\t\t\treturn [\n\t\t\t\t...rendered.slice(0, maxLines),\n\t\t\t\ttheme.fg(\n\t\t\t\t\t\"dim\",\n\t\t\t\t\ttruncateToWidth(`… ${rendered.length - maxLines} preview lines hidden`, Math.max(1, width)),\n\t\t\t\t),\n\t\t\t];\n\t\t}\n\n\t\tfunction renderReview(renderWidth: number, lines: string[]): void {\n\t\t\twrapWithPrefix(\" \", theme.fg(\"accent\", \"Review answers\"), renderWidth, lines);\n\t\t\tlines.push(\"\");\n\t\t\tfor (const answer of orderedAnswers(questions, states)) {\n\t\t\t\twrapWithPrefix(\n\t\t\t\t\t\" \",\n\t\t\t\t\ttheme.fg(\"text\", `${answer.questionIndex + 1}. ${answer.question}`),\n\t\t\t\t\trenderWidth,\n\t\t\t\t\tlines,\n\t\t\t\t);\n\t\t\t\tconst response =\n\t\t\t\t\tanswer.kind === \"multi\"\n\t\t\t\t\t\t? (answer.selected?.join(\", \") ?? \"(no input)\")\n\t\t\t\t\t\t: (answer.answer ?? \"(no input)\");\n\t\t\t\twrapWithPrefix(\"    \", theme.fg(\"success\", response), renderWidth, lines);\n\t\t\t\tfor (const note of answer.notes ?? []) {\n\t\t\t\t\twrapWithPrefix(\"    \", theme.fg(\"muted\", `Note for ${note.option}: ${note.text}`), renderWidth, lines);\n\t\t\t\t}\n\t\t\t\tlines.push(\"\");\n\t\t\t}\n\t\t\twrapWithPrefix(\n\t\t\t\t\" \",\n\t\t\t\ttheme.fg(\n\t\t\t\t\t\"dim\",\n\t\t\t\t\t`${keyLabel(\"tui.select.confirm\", \"Enter\")} to submit • ${keyLabel(\"tui.select.cancel\", \"Esc\")} to edit the last question`,\n\t\t\t\t),\n\t\t\t\trenderWidth,\n\t\t\t\tlines,\n\t\t\t);\n\t\t}\n\n\t\tfunction compute(width: number, terminalRows: number): string[] {\n\t\t\tconst lines: string[] = [];\n\t\t\tconst renderWidth = Math.max(1, width);\n\t\t\tlines.push(ruleBorder(theme, renderWidth));\n\t\t\trenderTabs(renderWidth, lines);\n\n\t\t\tif (view === \"review\") {\n\t\t\t\trenderReview(renderWidth, lines);\n\t\t\t\tlines.push(ruleBorder(theme, renderWidth));\n\t\t\t\treturn lines;\n\t\t\t}\n\n\t\t\tconst question = currentQuestion();\n\t\t\tconst state = currentState();\n\t\t\tconst options = displayOptions(question);\n\t\t\tconst isMulti = question.multiSelect === true;\n\t\t\twrapWithPrefix(\n\t\t\t\t\" \",\n\t\t\t\t`${theme.fg(\"accent\", question.header)}  ${theme.fg(\"text\", question.question)}`,\n\t\t\t\trenderWidth,\n\t\t\t\tlines,\n\t\t\t);\n\t\t\tlines.push(\"\");\n\n\t\t\tconst optionLines: string[] = [];\n\t\t\tconst hasPreview = !isMulti && options.some((option) => option.kind === \"option\" && option.preview);\n\t\t\tconst showPreviewSideBySide = hasPreview && renderWidth >= 60;\n\t\t\tconst listWidth = showPreviewSideBySide ? Math.max(20, Math.floor(renderWidth * 0.4)) : renderWidth;\n\n\t\t\tfor (let index = 0; index < options.length; index++) {\n\t\t\t\tconst option = options[index];\n\t\t\t\tconst focused = !footerFocused && index === state.optionIndex;\n\t\t\t\tconst checked =\n\t\t\t\t\tisMulti &&\n\t\t\t\t\t((option.kind === \"option\" && state.multiSelected.has(option.optionIndex)) ||\n\t\t\t\t\t\t(option.kind === \"other\" && state.customAnswer?.selected === true));\n\t\t\t\tconst selectedSingle =\n\t\t\t\t\t!isMulti &&\n\t\t\t\t\t(option.kind === \"other\"\n\t\t\t\t\t\t? state.singleAnswer?.kind === \"custom\"\n\t\t\t\t\t\t: state.singleAnswer?.answer === option.label);\n\t\t\t\tconst marker = isMulti\n\t\t\t\t\t? option.kind === \"other\"\n\t\t\t\t\t\t? state.customAnswer\n\t\t\t\t\t\t\t? checked\n\t\t\t\t\t\t\t\t? theme.fg(\"success\", \"[x]\")\n\t\t\t\t\t\t\t\t: theme.fg(\"dim\", \"[ ]\")\n\t\t\t\t\t\t\t: \"   \"\n\t\t\t\t\t\t: checked\n\t\t\t\t\t\t\t? theme.fg(\"success\", \"[x]\")\n\t\t\t\t\t\t\t: theme.fg(\"dim\", \"[ ]\")\n\t\t\t\t\t: \"\";\n\t\t\t\tconst focusArrow = focused ? theme.fg(\"accent\", \"→\") : \" \";\n\t\t\t\tconst note =\n\t\t\t\t\toption.kind === \"option\" && state.notesByOption.has(option.label) ? theme.fg(\"success\", \" +note\") : \"\";\n\t\t\t\tconst customText =\n\t\t\t\t\toption.kind === \"other\"\n\t\t\t\t\t\t? (state.customAnswer?.text ??\n\t\t\t\t\t\t\t(state.singleAnswer?.kind === \"custom\" ? state.singleAnswer.answer : undefined))\n\t\t\t\t\t\t: undefined;\n\t\t\t\tconst labelText = customText ? `${option.label}  ✎ ${customText}` : option.label;\n\t\t\t\tconst label = `${index + 1}. ${labelText}${selectedSingle ? \" ✓\" : \"\"}${note}`;\n\t\t\t\tconst color = focused ? \"accent\" : selectedSingle || checked ? \"success\" : \"text\";\n\t\t\t\twrapWithPrefix(`${focusArrow} ${marker} `, theme.fg(color, label), listWidth, optionLines);\n\t\t\t\tif (option.kind === \"option\" && option.description) {\n\t\t\t\t\twrapWithPrefix(\"       \", theme.fg(\"muted\", option.description), listWidth, optionLines);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (inputMode) {\n\t\t\t\toptionLines.push(\"\");\n\t\t\t\tconst label = inputMode === \"notes\" ? `Notes for ${noteTarget ?? \"option\"}:` : \"Your answer:\";\n\t\t\t\twrapWithPrefix(\" \", theme.fg(\"muted\", label), listWidth, optionLines);\n\t\t\t\tfor (const line of editor.render(Math.max(1, listWidth - 2))) optionLines.push(` ${line}`);\n\t\t\t}\n\n\t\t\tif (showPreviewSideBySide) {\n\t\t\t\tconst gap = 2;\n\t\t\t\tconst rightWidth = renderWidth - listWidth - gap;\n\t\t\t\tconst focused = options[state.optionIndex];\n\t\t\t\tconst previewText = focused?.kind === \"option\" && focused.preview ? focused.preview : \"\";\n\t\t\t\tconst rightLines = previewText\n\t\t\t\t\t? previewLines(previewText, rightWidth, terminalRows)\n\t\t\t\t\t: [theme.fg(\"dim\", \"(no preview)\")];\n\t\t\t\tconst maxRows = Math.max(optionLines.length, rightLines.length);\n\t\t\t\tconst pad = \" \".repeat(gap);\n\t\t\t\tfor (let row = 0; row < maxRows; row++) {\n\t\t\t\t\tconst left = row < optionLines.length ? optionLines[row] : \"\";\n\t\t\t\t\tconst leftPadded = left + \" \".repeat(Math.max(0, listWidth - visibleWidth(left)));\n\t\t\t\t\tconst right = row < rightLines.length ? rightLines[row] : \"\";\n\t\t\t\t\tlines.push(`${leftPadded}${pad}${right}`);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlines.push(...optionLines);\n\t\t\t\tif (hasPreview) {\n\t\t\t\t\tconst focused = options[state.optionIndex];\n\t\t\t\t\tconst previewText = focused?.kind === \"option\" && focused.preview ? focused.preview : \"\";\n\t\t\t\t\tif (previewText) {\n\t\t\t\t\t\tlines.push(\"\");\n\t\t\t\t\t\tlines.push(ruleBorder(theme, renderWidth, \"dim\"));\n\t\t\t\t\t\tlines.push(...previewLines(previewText, renderWidth, terminalRows));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlines.push(\"\");\n\t\t\tconst chatPrefix = footerFocused ? theme.fg(\"accent\", \"→\") : \" \";\n\t\t\twrapWithPrefix(\n\t\t\t\t`${chatPrefix} `,\n\t\t\t\ttheme.fg(footerFocused ? \"accent\" : \"text\", \"Chat about this\"),\n\t\t\t\trenderWidth,\n\t\t\t\tlines,\n\t\t\t);\n\t\t\tif (state.warning) {\n\t\t\t\tlines.push(\"\");\n\t\t\t\twrapWithPrefix(\" \", theme.fg(\"warning\", state.warning), renderWidth, lines);\n\t\t\t}\n\t\t\tlines.push(\"\");\n\t\t\tif (inputMode === \"notes\") {\n\t\t\t\twrapWithPrefix(\n\t\t\t\t\t\" \",\n\t\t\t\t\ttheme.fg(\n\t\t\t\t\t\t\"dim\",\n\t\t\t\t\t\t`${keyLabel(\"tui.select.confirm\", \"Enter\")} to save notes • ${keyLabel(\"tui.select.cancel\", \"Esc\")} to go back`,\n\t\t\t\t\t),\n\t\t\t\t\trenderWidth,\n\t\t\t\t\tlines,\n\t\t\t\t);\n\t\t\t} else if (inputMode === \"custom\") {\n\t\t\t\tconst hint = isMulti ? \"to save custom answer\" : \"to continue\";\n\t\t\t\twrapWithPrefix(\n\t\t\t\t\t\" \",\n\t\t\t\t\ttheme.fg(\n\t\t\t\t\t\t\"dim\",\n\t\t\t\t\t\t`${keyLabel(\"tui.select.confirm\", \"Enter\")} ${hint} • ${keyLabel(\"tui.select.cancel\", \"Esc\")} to go back`,\n\t\t\t\t\t),\n\t\t\t\t\trenderWidth,\n\t\t\t\t\tlines,\n\t\t\t\t);\n\t\t\t} else if (footerFocused) {\n\t\t\t\twrapWithPrefix(\n\t\t\t\t\t\" \",\n\t\t\t\t\ttheme.fg(\n\t\t\t\t\t\t\"dim\",\n\t\t\t\t\t\t`${keyLabel(\"tui.select.confirm\", \"Enter\")} to discuss • ${keyLabel(\"tui.select.up\", \"Up\")} to return to options`,\n\t\t\t\t\t),\n\t\t\t\t\trenderWidth,\n\t\t\t\t\tlines,\n\t\t\t\t);\n\t\t\t} else if (isMulti) {\n\t\t\t\twrapWithPrefix(\n\t\t\t\t\t\" \",\n\t\t\t\t\ttheme.fg(\n\t\t\t\t\t\t\"dim\",\n\t\t\t\t\t\t`${keyLabel(\"app.list.toggle\", \"Space\")} to toggle • ${keyLabel(\"tui.input.tab\", \"Tab\")} for notes/custom • ${keyLabel(\"tui.select.confirm\", \"Enter\")} to continue • ${keyLabel(\"tui.editor.cursorLeft\", \"Left\")}/${keyLabel(\"tui.editor.cursorRight\", \"Right\")} questions • ${keyLabel(\"tui.select.cancel\", \"Esc\")} to cancel`,\n\t\t\t\t\t),\n\t\t\t\t\trenderWidth,\n\t\t\t\t\tlines,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\twrapWithPrefix(\n\t\t\t\t\t\" \",\n\t\t\t\t\ttheme.fg(\n\t\t\t\t\t\t\"dim\",\n\t\t\t\t\t\t`${keyLabel(\"tui.input.tab\", \"Tab\")} for notes/custom • ${keyLabel(\"tui.select.confirm\", \"Enter\")} to select • ${keyLabel(\"tui.editor.cursorLeft\", \"Left\")}/${keyLabel(\"tui.editor.cursorRight\", \"Right\")} questions • ${keyLabel(\"tui.select.cancel\", \"Esc\")} to cancel`,\n\t\t\t\t\t),\n\t\t\t\t\trenderWidth,\n\t\t\t\t\tlines,\n\t\t\t\t);\n\t\t\t}\n\t\t\tlines.push(ruleBorder(theme, renderWidth));\n\t\t\treturn lines;\n\t\t}\n\n\t\treturn {\n\t\t\tget focused() {\n\t\t\t\treturn dialogFocused;\n\t\t\t},\n\t\t\tset focused(value: boolean) {\n\t\t\t\tdialogFocused = value;\n\t\t\t\tsyncEditorFocus();\n\t\t\t},\n\t\t\trender,\n\t\t\tinvalidate: () => {\n\t\t\t\tcache.invalidate();\n\t\t\t},\n\t\t\thandleInput,\n\t\t};\n\t};\n}\n"]}

package/dist/extensions/question/dialog.js

@@ -0,0 +1,519 @@
+import { Editor, Markdown, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { getMarkdownTheme } from "../../modes/interactive/theme/theme.js";
+import { ruleBorder, wrapWithPrefix } from "./dialog-primitives.js";
+import { QUESTION_LIMITS } from "./limits.js";
+import { WidthCachedRender } from "./render-cache.js";
+import { displayOptions, firstUnanswered, hasAnswer, hasMultiAnswer, newQuestionState, orderedAnswers, } from "./state.js";
+const PREVIEW_MAX_LINES = 16;
+const PREVIEW_CHROME_ROWS = 18;
+export function createQuestionDialog(questions) {
+    return (tui, theme, keybindings, done) => {
+        let currentIdx = 0;
+        let view = "question";
+        let inputMode;
+        let noteTarget;
+        let dialogFocused = false;
+        let footerFocused = false;
+        const cache = new WidthCachedRender();
+        const states = questions.map(() => newQuestionState());
+        const bindings = keybindings;
+        const editorTheme = {
+            borderColor: (s) => theme.fg("accent", s),
+            selectList: {
+                selectedPrefix: (t) => theme.fg("accent", t),
+                selectedText: (t) => theme.fg("accent", t),
+                description: (t) => theme.fg("muted", t),
+                scrollInfo: (t) => theme.fg("dim", t),
+                noMatch: (t) => theme.fg("warning", t),
+            },
+        };
+        const editor = new Editor(tui, editorTheme);
+        const currentQuestion = () => questions[currentIdx];
+        const currentState = () => states[currentIdx];
+        const keyMatches = (data, keybinding) => bindings.matches(data, keybinding);
+        const keyLabel = (keybinding, fallback) => bindings.getKeys(keybinding).join("/") || fallback;
+        function refresh() {
+            cache.invalidate();
+            tui.requestRender();
+        }
+        function syncEditorFocus() {
+            editor.focused = dialogFocused && inputMode !== undefined;
+        }
+        function setCurrentIdx(index) {
+            currentIdx = Math.max(0, Math.min(questions.length - 1, index));
+            view = "question";
+            inputMode = undefined;
+            noteTarget = undefined;
+            footerFocused = false;
+            editor.setText("");
+            syncEditorFocus();
+            refresh();
+        }
+        function clearWarning() {
+            currentState().warning = undefined;
+        }
+        function focusedOption() {
+            return displayOptions(currentQuestion())[currentState().optionIndex];
+        }
+        function showReview() {
+            const missing = firstUnanswered(states);
+            if (missing !== undefined) {
+                setCurrentIdx(missing);
+                currentState().warning = "Answer this question before reviewing your answers.";
+                refresh();
+                return;
+            }
+            view = "review";
+            inputMode = undefined;
+            noteTarget = undefined;
+            footerFocused = false;
+            editor.setText("");
+            syncEditorFocus();
+            refresh();
+        }
+        function advanceAfterAnswer() {
+            if (questions.length === 1 && !currentQuestion().multiSelect) {
+                done({ answers: orderedAnswers(questions, states), outcome: "answered" });
+                return;
+            }
+            const missing = firstUnanswered(states);
+            if (missing === undefined) {
+                showReview();
+                return;
+            }
+            setCurrentIdx(missing);
+        }
+        function beginCustomInput() {
+            const state = currentState();
+            inputMode = "custom";
+            noteTarget = undefined;
+            const existingSingle = state.singleAnswer?.kind === "custom" ? state.singleAnswer.answer : undefined;
+            editor.setText(state.customAnswer?.text ?? existingSingle ?? "");
+            syncEditorFocus();
+            refresh();
+        }
+        function selectSingleOption(option) {
+            const question = currentQuestion();
+            const state = currentState();
+            state.singleAnswer = {
+                questionIndex: currentIdx,
+                question: question.question,
+                header: question.header,
+                kind: "option",
+                answer: option.label,
+                ...(option.preview ? { preview: option.preview } : {}),
+            };
+            state.warning = undefined;
+        }
+        function beginNotesInput() {
+            const question = currentQuestion();
+            const state = currentState();
+            const option = focusedOption();
+            if (!option || option.kind === "other") {
+                beginCustomInput();
+                return;
+            }
+            if (question.multiSelect && !state.multiSelected.has(option.optionIndex)) {
+                state.warning = "Select the option first, then add notes.";
+                refresh();
+                return;
+            }
+            if (!question.multiSelect)
+                selectSingleOption(option);
+            inputMode = "notes";
+            noteTarget = option.label;
+            editor.setText(state.notesByOption.get(option.label) ?? "");
+            syncEditorFocus();
+            refresh();
+        }
+        function recordSingle(option) {
+            if (option.kind === "other") {
+                if (currentState().singleAnswer?.kind === "custom") {
+                    advanceAfterAnswer();
+                    return;
+                }
+                beginCustomInput();
+                return;
+            }
+            selectSingleOption(option);
+            advanceAfterAnswer();
+        }
+        function recordMulti() {
+            const state = currentState();
+            if (!hasMultiAnswer(state)) {
+                state.warning = "Select at least one option, type a custom answer, or cancel the questions.";
+                refresh();
+                return;
+            }
+            state.warning = undefined;
+            advanceAfterAnswer();
+        }
+        function finishReview() {
+            const missing = firstUnanswered(states);
+            if (missing !== undefined) {
+                setCurrentIdx(missing);
+                currentState().warning = "Answer this question before submitting.";
+                refresh();
+                return;
+            }
+            done({ answers: orderedAnswers(questions, states), outcome: "answered" });
+        }
+        editor.onSubmit = (value) => {
+            const trimmed = value.trim();
+            const question = currentQuestion();
+            const state = currentState();
+            if (trimmed.length > QUESTION_LIMITS.userTextChars) {
+                state.warning = `Keep notes and custom answers under ${QUESTION_LIMITS.userTextChars} characters.`;
+                refresh();
+                return;
+            }
+            if (inputMode === "notes") {
+                if (noteTarget) {
+                    if (trimmed)
+                        state.notesByOption.set(noteTarget, trimmed);
+                    else
+                        state.notesByOption.delete(noteTarget);
+                }
+                inputMode = undefined;
+                noteTarget = undefined;
+                editor.setText("");
+                syncEditorFocus();
+                refresh();
+                return;
+            }
+            if (inputMode === "custom") {
+                if (!trimmed) {
+                    inputMode = undefined;
+                    editor.setText("");
+                    syncEditorFocus();
+                    refresh();
+                    return;
+                }
+                if (question.multiSelect) {
+                    state.customAnswer = { text: trimmed, selected: true };
+                    state.optionIndex = question.options.length;
+                    inputMode = undefined;
+                    editor.setText("");
+                    syncEditorFocus();
+                    refresh();
+                    return;
+                }
+                state.singleAnswer = {
+                    questionIndex: currentIdx,
+                    question: question.question,
+                    header: question.header,
+                    kind: "custom",
+                    answer: trimmed,
+                };
+                inputMode = undefined;
+                editor.setText("");
+                syncEditorFocus();
+                advanceAfterAnswer();
+            }
+        };
+        function handleReviewInput(data) {
+            if (keyMatches(data, "tui.editor.cursorLeft")) {
+                setCurrentIdx(questions.length - 1);
+                return;
+            }
+            if (keyMatches(data, "tui.select.confirm")) {
+                finishReview();
+                return;
+            }
+            if (keyMatches(data, "tui.select.cancel")) {
+                setCurrentIdx(questions.length - 1);
+            }
+        }
+        function handleQuestionInput(data) {
+            if (inputMode) {
+                if (keyMatches(data, "tui.select.cancel")) {
+                    inputMode = undefined;
+                    noteTarget = undefined;
+                    editor.setText("");
+                    syncEditorFocus();
+                    refresh();
+                    return;
+                }
+                editor.handleInput(data);
+                refresh();
+                return;
+            }
+            if (keyMatches(data, "tui.editor.cursorLeft")) {
+                if (currentIdx > 0)
+                    setCurrentIdx(currentIdx - 1);
+                return;
+            }
+            if (keyMatches(data, "tui.editor.cursorRight")) {
+                if (currentIdx < questions.length - 1)
+                    setCurrentIdx(currentIdx + 1);
+                else if (firstUnanswered(states) === undefined)
+                    showReview();
+                return;
+            }
+            const state = currentState();
+            const options = displayOptions(currentQuestion());
+            if (keyMatches(data, "tui.select.up")) {
+                if (footerFocused) {
+                    footerFocused = false;
+                    state.optionIndex = options.length - 1;
+                }
+                else if (state.optionIndex > 0) {
+                    state.optionIndex--;
+                }
+                clearWarning();
+                refresh();
+                return;
+            }
+            if (keyMatches(data, "tui.select.down")) {
+                if (footerFocused)
+                    return;
+                if (state.optionIndex < options.length - 1)
+                    state.optionIndex++;
+                else
+                    footerFocused = true;
+                clearWarning();
+                refresh();
+                return;
+            }
+            if (keyMatches(data, "tui.input.tab")) {
+                if (!footerFocused)
+                    beginNotesInput();
+                return;
+            }
+            if (footerFocused) {
+                if (keyMatches(data, "tui.select.confirm")) {
+                    done({ answers: orderedAnswers(questions, states), outcome: "needs_clarification" });
+                    return;
+                }
+                if (keyMatches(data, "tui.select.cancel")) {
+                    done({ answers: orderedAnswers(questions, states), outcome: "cancelled" });
+                }
+                return;
+            }
+            const question = currentQuestion();
+            const option = options[state.optionIndex];
+            if (question.multiSelect && keyMatches(data, "app.list.toggle")) {
+                if (option?.kind === "other") {
+                    if (state.customAnswer) {
+                        state.customAnswer.selected = !state.customAnswer.selected;
+                        clearWarning();
+                    }
+                    else {
+                        state.warning = `Press ${keyLabel("tui.input.tab", "Tab")} to type a custom answer.`;
+                    }
+                    refresh();
+                    return;
+                }
+                if (option?.kind === "option") {
+                    if (state.multiSelected.has(option.optionIndex))
+                        state.multiSelected.delete(option.optionIndex);
+                    else
+                        state.multiSelected.add(option.optionIndex);
+                }
+                clearWarning();
+                refresh();
+                return;
+            }
+            if (keyMatches(data, "tui.select.confirm")) {
+                if (question.multiSelect)
+                    recordMulti();
+                else if (option)
+                    recordSingle(option);
+                return;
+            }
+            if (keyMatches(data, "tui.select.cancel")) {
+                done({ answers: orderedAnswers(questions, states), outcome: "cancelled" });
+            }
+        }
+        function handleInput(data) {
+            if (view === "review")
+                handleReviewInput(data);
+            else
+                handleQuestionInput(data);
+        }
+        function render(width) {
+            return cache.get(width, tui.terminal.rows, compute);
+        }
+        function renderTabs(renderWidth, lines) {
+            if (questions.length < 2)
+                return;
+            const tabCount = questions.length + 1;
+            const headerWidth = Math.max(4, Math.floor((renderWidth - tabCount * 5) / tabCount));
+            const tabs = [
+                ...questions.map((question, index) => {
+                    const answered = hasAnswer(states[index]);
+                    const label = ` ${answered ? "■" : "□"} ${truncateToWidth(question.header, headerWidth)} `;
+                    if (view === "question" && index === currentIdx) {
+                        return theme.bg("selectedBg", theme.fg(answered ? "success" : "text", label));
+                    }
+                    return theme.fg(answered ? "success" : "muted", label);
+                }),
+                view === "review"
+                    ? theme.bg("selectedBg", theme.fg("text", " ✓ Submit "))
+                    : theme.fg(firstUnanswered(states) === undefined ? "success" : "dim", " ✓ Submit "),
+            ].join(" ");
+            wrapWithPrefix(" ", tabs, renderWidth, lines);
+            lines.push("");
+        }
+        function previewLines(previewText, width, terminalRows) {
+            const markdown = new Markdown(previewText, 1, 0, getMarkdownTheme());
+            const rendered = markdown.render(Math.max(1, width));
+            const maxLines = Math.max(4, Math.min(PREVIEW_MAX_LINES, terminalRows - PREVIEW_CHROME_ROWS));
+            if (rendered.length <= maxLines)
+                return rendered;
+            return [
+                ...rendered.slice(0, maxLines),
+                theme.fg("dim", truncateToWidth(`… ${rendered.length - maxLines} preview lines hidden`, Math.max(1, width))),
+            ];
+        }
+        function renderReview(renderWidth, lines) {
+            wrapWithPrefix(" ", theme.fg("accent", "Review answers"), renderWidth, lines);
+            lines.push("");
+            for (const answer of orderedAnswers(questions, states)) {
+                wrapWithPrefix(" ", theme.fg("text", `${answer.questionIndex + 1}. ${answer.question}`), renderWidth, lines);
+                const response = answer.kind === "multi"
+                    ? (answer.selected?.join(", ") ?? "(no input)")
+                    : (answer.answer ?? "(no input)");
+                wrapWithPrefix("    ", theme.fg("success", response), renderWidth, lines);
+                for (const note of answer.notes ?? []) {
+                    wrapWithPrefix("    ", theme.fg("muted", `Note for ${note.option}: ${note.text}`), renderWidth, lines);
+                }
+                lines.push("");
+            }
+            wrapWithPrefix(" ", theme.fg("dim", `${keyLabel("tui.select.confirm", "Enter")} to submit • ${keyLabel("tui.select.cancel", "Esc")} to edit the last question`), renderWidth, lines);
+        }
+        function compute(width, terminalRows) {
+            const lines = [];
+            const renderWidth = Math.max(1, width);
+            lines.push(ruleBorder(theme, renderWidth));
+            renderTabs(renderWidth, lines);
+            if (view === "review") {
+                renderReview(renderWidth, lines);
+                lines.push(ruleBorder(theme, renderWidth));
+                return lines;
+            }
+            const question = currentQuestion();
+            const state = currentState();
+            const options = displayOptions(question);
+            const isMulti = question.multiSelect === true;
+            wrapWithPrefix(" ", `${theme.fg("accent", question.header)}  ${theme.fg("text", question.question)}`, renderWidth, lines);
+            lines.push("");
+            const optionLines = [];
+            const hasPreview = !isMulti && options.some((option) => option.kind === "option" && option.preview);
+            const showPreviewSideBySide = hasPreview && renderWidth >= 60;
+            const listWidth = showPreviewSideBySide ? Math.max(20, Math.floor(renderWidth * 0.4)) : renderWidth;
+            for (let index = 0; index < options.length; index++) {
+                const option = options[index];
+                const focused = !footerFocused && index === state.optionIndex;
+                const checked = isMulti &&
+                    ((option.kind === "option" && state.multiSelected.has(option.optionIndex)) ||
+                        (option.kind === "other" && state.customAnswer?.selected === true));
+                const selectedSingle = !isMulti &&
+                    (option.kind === "other"
+                        ? state.singleAnswer?.kind === "custom"
+                        : state.singleAnswer?.answer === option.label);
+                const marker = isMulti
+                    ? option.kind === "other"
+                        ? state.customAnswer
+                            ? checked
+                                ? theme.fg("success", "[x]")
+                                : theme.fg("dim", "[ ]")
+                            : "   "
+                        : checked
+                            ? theme.fg("success", "[x]")
+                            : theme.fg("dim", "[ ]")
+                    : "";
+                const focusArrow = focused ? theme.fg("accent", "→") : " ";
+                const note = option.kind === "option" && state.notesByOption.has(option.label) ? theme.fg("success", " +note") : "";
+                const customText = option.kind === "other"
+                    ? (state.customAnswer?.text ??
+                        (state.singleAnswer?.kind === "custom" ? state.singleAnswer.answer : undefined))
+                    : undefined;
+                const labelText = customText ? `${option.label}  ✎ ${customText}` : option.label;
+                const label = `${index + 1}. ${labelText}${selectedSingle ? " ✓" : ""}${note}`;
+                const color = focused ? "accent" : selectedSingle || checked ? "success" : "text";
+                wrapWithPrefix(`${focusArrow} ${marker} `, theme.fg(color, label), listWidth, optionLines);
+                if (option.kind === "option" && option.description) {
+                    wrapWithPrefix("       ", theme.fg("muted", option.description), listWidth, optionLines);
+                }
+            }
+            if (inputMode) {
+                optionLines.push("");
+                const label = inputMode === "notes" ? `Notes for ${noteTarget ?? "option"}:` : "Your answer:";
+                wrapWithPrefix(" ", theme.fg("muted", label), listWidth, optionLines);
+                for (const line of editor.render(Math.max(1, listWidth - 2)))
+                    optionLines.push(` ${line}`);
+            }
+            if (showPreviewSideBySide) {
+                const gap = 2;
+                const rightWidth = renderWidth - listWidth - gap;
+                const focused = options[state.optionIndex];
+                const previewText = focused?.kind === "option" && focused.preview ? focused.preview : "";
+                const rightLines = previewText
+                    ? previewLines(previewText, rightWidth, terminalRows)
+                    : [theme.fg("dim", "(no preview)")];
+                const maxRows = Math.max(optionLines.length, rightLines.length);
+                const pad = " ".repeat(gap);
+                for (let row = 0; row < maxRows; row++) {
+                    const left = row < optionLines.length ? optionLines[row] : "";
+                    const leftPadded = left + " ".repeat(Math.max(0, listWidth - visibleWidth(left)));
+                    const right = row < rightLines.length ? rightLines[row] : "";
+                    lines.push(`${leftPadded}${pad}${right}`);
+                }
+            }
+            else {
+                lines.push(...optionLines);
+                if (hasPreview) {
+                    const focused = options[state.optionIndex];
+                    const previewText = focused?.kind === "option" && focused.preview ? focused.preview : "";
+                    if (previewText) {
+                        lines.push("");
+                        lines.push(ruleBorder(theme, renderWidth, "dim"));
+                        lines.push(...previewLines(previewText, renderWidth, terminalRows));
+                    }
+                }
+            }
+            lines.push("");
+            const chatPrefix = footerFocused ? theme.fg("accent", "→") : " ";
+            wrapWithPrefix(`${chatPrefix} `, theme.fg(footerFocused ? "accent" : "text", "Chat about this"), renderWidth, lines);
+            if (state.warning) {
+                lines.push("");
+                wrapWithPrefix(" ", theme.fg("warning", state.warning), renderWidth, lines);
+            }
+            lines.push("");
+            if (inputMode === "notes") {
+                wrapWithPrefix(" ", theme.fg("dim", `${keyLabel("tui.select.confirm", "Enter")} to save notes • ${keyLabel("tui.select.cancel", "Esc")} to go back`), renderWidth, lines);
+            }
+            else if (inputMode === "custom") {
+                const hint = isMulti ? "to save custom answer" : "to continue";
+                wrapWithPrefix(" ", theme.fg("dim", `${keyLabel("tui.select.confirm", "Enter")} ${hint} • ${keyLabel("tui.select.cancel", "Esc")} to go back`), renderWidth, lines);
+            }
+            else if (footerFocused) {
+                wrapWithPrefix(" ", theme.fg("dim", `${keyLabel("tui.select.confirm", "Enter")} to discuss • ${keyLabel("tui.select.up", "Up")} to return to options`), renderWidth, lines);
+            }
+            else if (isMulti) {
+                wrapWithPrefix(" ", theme.fg("dim", `${keyLabel("app.list.toggle", "Space")} to toggle • ${keyLabel("tui.input.tab", "Tab")} for notes/custom • ${keyLabel("tui.select.confirm", "Enter")} to continue • ${keyLabel("tui.editor.cursorLeft", "Left")}/${keyLabel("tui.editor.cursorRight", "Right")} questions • ${keyLabel("tui.select.cancel", "Esc")} to cancel`), renderWidth, lines);
+            }
+            else {
+                wrapWithPrefix(" ", theme.fg("dim", `${keyLabel("tui.input.tab", "Tab")} for notes/custom • ${keyLabel("tui.select.confirm", "Enter")} to select • ${keyLabel("tui.editor.cursorLeft", "Left")}/${keyLabel("tui.editor.cursorRight", "Right")} questions • ${keyLabel("tui.select.cancel", "Esc")} to cancel`), renderWidth, lines);
+            }
+            lines.push(ruleBorder(theme, renderWidth));
+            return lines;
+        }
+        return {
+            get focused() {
+                return dialogFocused;
+            },
+            set focused(value) {
+                dialogFocused = value;
+                syncEditorFocus();
+            },
+            render,
+            invalidate: () => {
+                cache.invalidate();
+            },
+            handleInput,
+        };
+    };
+}
+//# sourceMappingURL=dialog.js.map