chore(ui): unify keybinding hints in Wizard + SessionPicker

Bracket-style `[↑↓] navigate · [Enter] X · [Esc] Y` matches the Confirm
modals; Wizard and SessionPicker were the last surfaces using the older
free-form `↑/↓ move · enter X · esc Y` style. Doc-comment examples in
Select.tsx updated to match.
This commit is contained in:
esengine committed 2026-04-25 06:18:19 -07:00
1 parent d6bb4054dc
commit 98f19d1d47
3 files changed
+7 -7

No files matched your search

+2 -2
View File
@@ -30,7 +30,7 @@ export interface SingleSelectProps<V extends string> {
onCancel?: () => void;
/**
* Optional footer rendered dim beneath the list, e.g.
* `"↑/↓ navigate · Enter select · Esc cancel"`. Makes keyboard
* `"[↑↓] navigate · [Enter] select · [Esc] cancel"`. Makes keyboard
* affordances discoverable — otherwise new users hit `y`/`n` and
* wonder why nothing happens.
*/
@@ -87,7 +87,7 @@ export interface MultiSelectProps<V extends string> {
initialSelected?: V[];
onSubmit: (values: V[]) => void;
onCancel?: () => void;
/** Footer hint under the list — e.g. "space toggle · enter confirm". */
/** Footer hint under the list — e.g. "[Space] toggle · [Enter] confirm". */
footer?: string;
}
+1 -1
View File
@@ -48,7 +48,7 @@ export function SessionPicker({
onSubmit={(v) => onChoose(v as SessionChoice)}
/>
<Box marginTop={1}>
<Text dimColor>↑↓ to move · Enter to pick</Text>
<Text dimColor>[↑↓] navigate · [Enter] select</Text>
</Box>
</Box>
);
+4 -4
View File
@@ -97,7 +97,7 @@ export function Wizard({ onComplete, onCancel, existingApiKey, initial }: Wizard
}}
/>
<Box marginTop={1}>
<Text dimColor>↑/↓ move · enter confirm · esc cancel</Text>
<Text dimColor>[↑↓] navigate · [Enter] confirm · [Esc] cancel</Text>
</Box>
</StepFrame>
);
@@ -115,7 +115,7 @@ export function Wizard({ onComplete, onCancel, existingApiKey, initial }: Wizard
const needsArgs = selected.some((name) => CATALOG_BY_NAME.get(name)?.userArgs);
setStep(needsArgs ? "mcpArgs" : "review");
}}
footer="↑/↓ move · space toggle · enter confirm · esc cancel · leave empty to skip"
footer="[↑↓] navigate · [Space] toggle · [Enter] confirm · [Esc] cancel · empty = skip"
/>
</StepFrame>
);
@@ -174,7 +174,7 @@ export function Wizard({ onComplete, onCancel, existingApiKey, initial }: Wizard
</Box>
) : null}
<Box marginTop={1}>
<Text dimColor>enter save · esc cancel</Text>
<Text dimColor>[Enter] save · [Esc] cancel</Text>
</Box>
</Box>
<ReviewConfirm
@@ -213,7 +213,7 @@ export function Wizard({ onComplete, onCancel, existingApiKey, initial }: Wizard
<Text>Run `reasonix` any time to start chatting — your settings are remembered.</Text>
</Box>
<Box marginTop={1}>
<Text dimColor>Press enter to exit.</Text>
<Text dimColor>[Enter] to exit</Text>
</Box>
<ExitOnEnter onExit={exit} />
</Box>