diff --git a/.changeset/input-isolation-prompt-props.md b/.changeset/input-isolation-prompt-props.md
new file mode 100644
index 00000000..618c6902
--- /dev/null
+++ b/.changeset/input-isolation-prompt-props.md
@@ -0,0 +1,13 @@
+---
+'@kidd-cli/core': minor
+---
+
+Replace implicit input gating with explicit `PromptProps` (`focused`, `disabled`)
+
+- Add `PromptProps` interface with `focused` and `disabled` fields, shared by all prompt components
+- Remove `InputBlock` / `useInputBlock` context-based input gating
+- Remove `useFocus` from all prompt components (was conflicting with Tabs key interception)
+- Remove `@inkjs/ui` dependency (no longer needed)
+- Rename `isDisabled` to `disabled` across all prompts and stories
+- Stories viewer passes `focused` explicitly to story components in preview mode
+- Remove `useInput` proxy wrapper — all components now import `useInput` directly from `ink`
diff --git a/.gitignore b/.gitignore
index 62d93e53..488de720 100644
--- a/.gitignore
+++ b/.gitignore
@@ -153,3 +153,6 @@ vite.config.ts.timestamp-*
 .zpress/content/
 .zpress/dist/
 .zpress/cache/
+
+# bun
+*.bun-build
diff --git a/packages/core/package.json b/packages/core/package.json
index 862d93e9..4668c2ab 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -89,7 +89,6 @@
     "zod": "catalog:"
   },
   "devDependencies": {
-    "@inkjs/ui": "^2.0.0",
     "@types/node": "catalog:",
     "@types/react": "^19.2.14",
     "@types/yargs": "^17.0.35",
@@ -100,7 +99,6 @@
     "vitest": "catalog:"
   },
   "peerDependencies": {
-    "@inkjs/ui": ">=2.0.0",
     "ink": ">=5.0.0",
     "jiti": ">=2.0.0",
     "pino": ">=9.0.0",
@@ -108,9 +106,6 @@
     "vitest": ">=2.0.0"
   },
   "peerDependenciesMeta": {
-    "@inkjs/ui": {
-      "optional": true
-    },
     "jiti": {
       "optional": true
     },
diff --git a/packages/core/src/stories/viewer/components/field-control.tsx b/packages/core/src/stories/viewer/components/field-control.tsx
index c5f1910d..0ebdd673 100644
--- a/packages/core/src/stories/viewer/components/field-control.tsx
+++ b/packages/core/src/stories/viewer/components/field-control.tsx
@@ -1,9 +1,12 @@
-import type { Option } from '@inkjs/ui'
-import { ConfirmInput, MultiSelect, Select, TextInput } from '@inkjs/ui'
 import { Box, Text } from 'ink'
 import type { ReactElement } from 'react'
 import { match } from 'ts-pattern'
 
+import { Confirm } from '../../../ui/prompts/confirm.js'
+import { MultiSelect } from '../../../ui/prompts/multi-select.js'
+import { Select } from '../../../ui/prompts/select.js'
+import { TextInput } from '../../../ui/prompts/text-input.js'
+import type { PromptOption } from '../../../ui/prompts/types.js'
 import type { FieldControlKind } from '../../types.js'
 
 // ---------------------------------------------------------------------------
@@ -44,35 +47,31 @@ export function FieldControl({
     .with('text', () => (
       <TextInput
         defaultValue={valueToString(value)}
-        isDisabled={!isFocused}
+        focused={isFocused}
         onSubmit={(submitted) => onChange(submitted)}
       />
     ))
     .with('number', () => (
       <TextInput
         defaultValue={valueToString(value)}
-        isDisabled={!isFocused}
+        focused={isFocused}
         onSubmit={(submitted) => onChange(parseNumericValue(submitted))}
       />
     ))
     .with('boolean', () => (
-      <Box>
-        <ConfirmInput
-          isDisabled={!isFocused}
-          defaultChoice={match(value)
-            .with(true, () => 'confirm' as const)
-            .otherwise(() => 'cancel' as const)}
-          onConfirm={() => onChange(true)}
-          onCancel={() => onChange(false)}
-        />
-        <Text dimColor> (current: {String(value)})</Text>
-      </Box>
+      <Confirm
+        defaultValue={match(value)
+          .with(true, () => true)
+          .otherwise(() => false)}
+        focused={isFocused}
+        onSubmit={(submitted) => onChange(submitted)}
+      />
     ))
     .with('select', () => {
       const selectOptions = buildSelectOptions(options)
       return (
         <Select
-          isDisabled={!isFocused}
+          focused={isFocused}
           options={selectOptions}
           onChange={(selected) => onChange(selected)}
         />
@@ -84,7 +83,7 @@ export function FieldControl({
       return (
         <Box flexDirection="column">
           <MultiSelect
-            isDisabled={!isFocused}
+            focused={isFocused}
             options={selectOptions}
             defaultValue={defaultSelected}
             onSubmit={(selectedValues) => onChange(selectedValues)}
@@ -96,7 +95,7 @@ export function FieldControl({
     .with('json', () => (
       <TextInput
         defaultValue={stringifyJsonValue(value)}
-        isDisabled={!isFocused}
+        focused={isFocused}
         onSubmit={(submitted) => onChange(parseJsonValue(submitted))}
       />
     ))
@@ -160,7 +159,9 @@ function parseNumericValue(input: string): number {
  * @param options - The raw string options.
  * @returns An array of label/value option objects.
  */
-function buildSelectOptions(options: readonly string[] | undefined): Option[] {
+function buildSelectOptions(
+  options: readonly string[] | undefined
+): readonly PromptOption<string>[] {
   if (options === undefined) {
     return []
   }
diff --git a/packages/core/src/stories/viewer/components/help-overlay.tsx b/packages/core/src/stories/viewer/components/help-overlay.tsx
index 0bd537e5..92357ce8 100644
--- a/packages/core/src/stories/viewer/components/help-overlay.tsx
+++ b/packages/core/src/stories/viewer/components/help-overlay.tsx
@@ -7,24 +7,29 @@ import type { ReactElement } from 'react'
 
 const BROWSE_SHORTCUTS = [
   { key: 'Up/Down', description: 'Navigate story tree' },
-  { key: 'Enter', description: 'Select story / expand-collapse group' },
-  { key: 'i', description: 'Enter interactive mode' },
+  { key: 'Enter', description: 'Select story' },
   { key: 'b', description: 'Toggle sidebar' },
   { key: 'r', description: 'Reset props to defaults' },
   { key: '?', description: 'Toggle help' },
   { key: 'q', description: 'Quit' },
 ] as const
 
-const EDIT_SHORTCUTS = [
-  { key: 'Tab', description: 'Cycle to next prop' },
-  { key: 'Left/Right', description: 'Switch between prop fields' },
-  { key: 'Esc', description: 'Back to story browser' },
-  { key: 'b', description: 'Toggle sidebar' },
+const PREVIEW_SHORTCUTS = [
+  { key: 'Enter', description: 'Edit props' },
+  { key: 'i', description: 'Enter interactive mode' },
   { key: 'r', description: 'Reset props to defaults' },
+  { key: 'b', description: 'Toggle sidebar' },
+  { key: 'Esc', description: 'Back to browse' },
   { key: '?', description: 'Toggle help' },
   { key: 'q', description: 'Quit' },
 ] as const
 
+const EDIT_SHORTCUTS = [
+  { key: 'Tab', description: 'Cycle to next prop' },
+  { key: 'Left/Right', description: 'Switch between prop fields' },
+  { key: 'Esc', description: 'Back to preview' },
+] as const
+
 const INTERACTIVE_SHORTCUTS = [{ key: 'Esc Esc', description: 'Exit interactive mode' }] as const
 
 // ---------------------------------------------------------------------------
@@ -72,6 +77,18 @@ export function HelpOverlay({ onClose }: HelpOverlayProps): ReactElement {
         </Box>
       ))}
       <Text> </Text>
+      <Text bold color="blue">
+        Preview Mode
+      </Text>
+      {PREVIEW_SHORTCUTS.map((shortcut) => (
+        <Box key={shortcut.key} gap={2}>
+          <Box width={12}>
+            <Text color="cyan">{shortcut.key}</Text>
+          </Box>
+          <Text>{shortcut.description}</Text>
+        </Box>
+      ))}
+      <Text> </Text>
       <Text bold color="yellow">
         Edit Mode
       </Text>
diff --git a/packages/core/src/stories/viewer/components/preview.tsx b/packages/core/src/stories/viewer/components/preview.tsx
index bb393372..84f24360 100644
--- a/packages/core/src/stories/viewer/components/preview.tsx
+++ b/packages/core/src/stories/viewer/components/preview.tsx
@@ -47,6 +47,7 @@ interface PreviewProps {
   readonly errors: readonly FieldError[]
   readonly onPropsChange: (name: string, value: unknown) => void
   readonly isFocused: boolean
+  readonly editable?: boolean
   readonly borderless?: boolean
   readonly interactive?: boolean
 }
@@ -75,6 +76,7 @@ export function Preview({
   errors,
   onPropsChange,
   isFocused,
+  editable = false,
   borderless = false,
   interactive = false,
 }: PreviewProps): ReactElement {
@@ -150,7 +152,7 @@ export function Preview({
       <Box ref={contentRef} flexDirection="column" flexGrow={1}>
         <ScrollArea height={Math.max(1, componentAreaHeight)}>
           <ErrorBoundary key={context.displayName}>
-            <DecoratedComponent {...currentProps} />
+            <DecoratedComponent {...currentProps} focused={false} />
           </ErrorBoundary>
         </ScrollArea>
         <Box height={propsAreaHeight} overflow="hidden" flexDirection="column">
@@ -159,7 +161,7 @@ export function Preview({
             values={currentProps}
             errors={errors}
             onChange={onPropsChange}
-            isFocused={isFocused}
+            isFocused={editable}
           />
         </Box>
       </Box>
diff --git a/packages/core/src/stories/viewer/components/status-bar.tsx b/packages/core/src/stories/viewer/components/status-bar.tsx
index 864043f1..55669597 100644
--- a/packages/core/src/stories/viewer/components/status-bar.tsx
+++ b/packages/core/src/stories/viewer/components/status-bar.tsx
@@ -44,15 +44,15 @@ export function StatusBar({ mode, hasSelection, isReloading }: StatusBarProps):
         .with({ isReloading: false, mode: 'browse' }, () => (
           <BrowseHints hasSelection={hasSelection} />
         ))
+        .with({ isReloading: false, mode: 'preview' }, () => <PreviewHints />)
         .with({ isReloading: false, mode: 'edit' }, () => <EditHints />)
         .with({ isReloading: false, mode: 'interactive' }, () => <InteractiveHints />)
         .exhaustive()}
       <Spacer />
       {match(mode)
-        .with('interactive', () => null)
         .with('browse', () => <QuitHint />)
-        .with('edit', () => <QuitHint />)
-        .exhaustive()}
+        .with('preview', () => <QuitHint />)
+        .otherwise(() => null)}
     </Box>
   )
 }
@@ -74,12 +74,14 @@ function ModeIndicator({ mode }: { readonly mode: ViewerMode }): ReactElement {
       bold
       color={match(mode)
         .with('browse', () => 'cyan' as const)
+        .with('preview', () => 'blue' as const)
         .with('edit', () => 'yellow' as const)
         .with('interactive', () => 'green' as const)
         .exhaustive()}
     >
       {match(mode)
         .with('browse', () => '● Browse')
+        .with('preview', () => '● Preview')
         .with('edit', () => '● Edit')
         .with('interactive', () => '● Interactive')
         .exhaustive()}
@@ -123,29 +125,50 @@ function BrowseHints({ hasSelection }: { readonly hasSelection: boolean }): Reac
 }
 
 /**
- * Render keyboard hints for edit mode.
+ * Render keyboard hints for preview mode.
  *
  * @private
  * @returns A rendered hints element.
  */
-function EditHints(): ReactElement {
+function PreviewHints(): ReactElement {
   return (
     <Box>
-      <Text dimColor>tab/←→</Text>
-      <Text>: prop</Text>
+      <Text dimColor>enter</Text>
+      <Text>: edit props</Text>
       <Text> </Text>
-      <Text dimColor>esc</Text>
-      <Text>: back</Text>
+      <Text dimColor>i</Text>
+      <Text>: interactive</Text>
       <Text> </Text>
       <Text dimColor>r</Text>
       <Text>: reset</Text>
       <Text> </Text>
+      <Text dimColor>esc</Text>
+      <Text>: back</Text>
+      <Text> </Text>
       <Text dimColor>?</Text>
       <Text>: help</Text>
     </Box>
   )
 }
 
+/**
+ * Render keyboard hints for edit mode.
+ *
+ * @private
+ * @returns A rendered hints element.
+ */
+function EditHints(): ReactElement {
+  return (
+    <Box>
+      <Text dimColor>tab/←→</Text>
+      <Text>: prop</Text>
+      <Text> </Text>
+      <Text dimColor>esc</Text>
+      <Text>: back</Text>
+    </Box>
+  )
+}
+
 /**
  * Render keyboard hints for interactive mode.
  *
diff --git a/packages/core/src/stories/viewer/hooks/use-double-escape.ts b/packages/core/src/stories/viewer/hooks/use-double-escape.ts
deleted file mode 100644
index 0abaa530..00000000
--- a/packages/core/src/stories/viewer/hooks/use-double-escape.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { useKeyBinding } from '../../../ui/use-key-binding.js'
-
-// ---------------------------------------------------------------------------
-// Types
-// ---------------------------------------------------------------------------
-
-/**
- * Options for the {@link useDoubleEscape} hook.
- */
-interface DoubleEscapeOptions {
-  readonly onExit: () => void
-  readonly active: boolean
-}
-
-// ---------------------------------------------------------------------------
-// Exports
-// ---------------------------------------------------------------------------
-
-/**
- * Listen for a double-press Escape sequence and call `onExit` when detected.
- * The binding is only active when `active` is `true`, allowing the caller
- * to enable it only in interactive mode.
- *
- * @param options - The hook options with exit callback and active state.
- * @returns Nothing. Registers the key binding side effect.
- */
-export function useDoubleEscape({ onExit, active }: DoubleEscapeOptions): void {
-  useKeyBinding({ keys: ['escape escape'], action: onExit, active })
-}
diff --git a/packages/core/src/stories/viewer/hooks/use-panel-focus.ts b/packages/core/src/stories/viewer/hooks/use-panel-focus.ts
index 326641c4..481333b0 100644
--- a/packages/core/src/stories/viewer/hooks/use-panel-focus.ts
+++ b/packages/core/src/stories/viewer/hooks/use-panel-focus.ts
@@ -8,16 +8,19 @@ import { useCallback, useState } from 'react'
  * The current interaction mode in the stories viewer.
  *
  * - `browse` — Sidebar is active, user navigates the story tree.
+ * - `preview` — Preview panel is focused, story and props are visible but read-only.
  * - `edit` — Props editor is active, user edits field values.
- * - `interactive` — Story component has full terminal control.
+ * - `interactive` — Story component has full terminal control, props are hidden.
  */
-export type ViewerMode = 'browse' | 'edit' | 'interactive'
+export type ViewerMode = 'browse' | 'preview' | 'edit' | 'interactive'
 
 /**
  * State and controls for managing the viewer interaction mode.
  */
 export interface ViewerModeState {
   readonly mode: ViewerMode
+  readonly enterPreviewMode: () => void
+  readonly exitPreviewMode: () => void
   readonly enterEditMode: () => void
   readonly exitEditMode: () => void
   readonly enterInteractiveMode: () => void
@@ -29,21 +32,30 @@ export interface ViewerModeState {
 // ---------------------------------------------------------------------------
 
 /**
- * Manage the interaction mode between browsing stories and editing props.
- * The viewer starts in browse mode. Entering edit mode is only possible
- * when a story has been selected. Exiting edit mode returns to browse.
+ * Manage the interaction mode between browsing, previewing, editing, and
+ * interactive control. The viewer starts in browse mode. Selecting a story
+ * enters preview mode. From preview, the user can enter edit or interactive
+ * mode. Exiting returns one level up.
  *
  * @returns The current viewer mode state and control functions.
  */
 export function useViewerMode(): ViewerModeState {
   const [mode, setMode] = useState<ViewerMode>('browse')
 
+  const enterPreviewMode = useCallback(() => {
+    setMode('preview')
+  }, [])
+
+  const exitPreviewMode = useCallback(() => {
+    setMode('browse')
+  }, [])
+
   const enterEditMode = useCallback(() => {
     setMode('edit')
   }, [])
 
   const exitEditMode = useCallback(() => {
-    setMode('browse')
+    setMode('preview')
   }, [])
 
   const enterInteractiveMode = useCallback(() => {
@@ -51,8 +63,16 @@ export function useViewerMode(): ViewerModeState {
   }, [])
 
   const exitInteractiveMode = useCallback(() => {
-    setMode('browse')
+    setMode('preview')
   }, [])
 
-  return { mode, enterEditMode, exitEditMode, enterInteractiveMode, exitInteractiveMode }
+  return {
+    mode,
+    enterPreviewMode,
+    exitPreviewMode,
+    enterEditMode,
+    exitEditMode,
+    enterInteractiveMode,
+    exitInteractiveMode,
+  }
 }
diff --git a/packages/core/src/stories/viewer/stories-app.tsx b/packages/core/src/stories/viewer/stories-app.tsx
index aba084c8..50a58bae 100644
--- a/packages/core/src/stories/viewer/stories-app.tsx
+++ b/packages/core/src/stories/viewer/stories-app.tsx
@@ -9,6 +9,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react'
 import { match } from 'ts-pattern'
 
 import { FullScreen } from '../../ui/layout/fullscreen.js'
+import { useHotkey } from '../../ui/use-key-binding.js'
 import type { StoryRegistry } from '../registry.js'
 import { schemaToFieldDescriptors } from '../schema.js'
 import type { Story, StoryEntry, StoryGroup } from '../types.js'
@@ -19,7 +20,6 @@ import { Preview } from './components/preview.js'
 import type { PreviewContext } from './components/preview.js'
 import { Sidebar } from './components/sidebar.js'
 import { StatusBar } from './components/status-bar.js'
-import { useDoubleEscape } from './hooks/use-double-escape.js'
 import { useViewerMode } from './hooks/use-panel-focus.js'
 import { useStories } from './hooks/use-stories.js'
 
@@ -44,17 +44,26 @@ interface StoriesAppProps {
  * preview, props editor, and status bar into a fullscreen interactive
  * terminal application.
  *
- * Operates in two modes:
+ * Operates in four modes:
  * - **browse** — Sidebar is active, user navigates the story tree.
+ * - **preview** — Preview panel focused, story and props visible but read-only.
  * - **edit** — Props editor is active, user edits field values.
+ * - **interactive** — Story has full terminal control, props are hidden.
  *
  * @param props - The stories app props.
  * @returns A rendered stories app element.
  */
 export function StoriesApp({ registry, isReloading }: StoriesAppProps): ReactElement {
   const entries = useStories(registry)
-  const { mode, enterEditMode, exitEditMode, enterInteractiveMode, exitInteractiveMode } =
-    useViewerMode()
+  const {
+    mode,
+    enterPreviewMode,
+    exitPreviewMode,
+    enterEditMode,
+    exitEditMode,
+    enterInteractiveMode,
+    exitInteractiveMode,
+  } = useViewerMode()
   const [selectedStoryId, setSelectedStoryId] = useState<string | null>(null)
   const [currentProps, setCurrentProps] = useState<Record<string, unknown>>({})
   const [showHelp, setShowHelp] = useState(false)
@@ -109,9 +118,9 @@ export function StoriesApp({ registry, isReloading }: StoriesAppProps): ReactEle
       if (resolved !== null) {
         setCurrentProps({ ...resolved.props })
       }
-      enterEditMode()
+      enterPreviewMode()
     },
-    [entries, enterEditMode]
+    [entries, enterPreviewMode]
   )
 
   const handlePropsChange = useCallback((name: string, value: unknown) => {
@@ -128,18 +137,32 @@ export function StoriesApp({ registry, isReloading }: StoriesAppProps): ReactEle
     setShowHelp(false)
   }, [])
 
-  useDoubleEscape({ onExit: exitInteractiveMode, active: mode === 'interactive' })
+  useHotkey({
+    keys: ['escape escape'],
+    action: exitInteractiveMode,
+    active: mode === 'interactive',
+  })
+
+  useInput(
+    (_input, key) => {
+      if (key.escape) {
+        exitEditMode()
+      }
+    },
+    { isActive: mode === 'edit' }
+  )
 
   useInput(
     (input, key) => {
       if (showHelp) {
         return
       }
-      if (input === 'q') {
-        exit()
+      if (key.return && selectedStory !== null) {
+        enterEditMode()
+        return
       }
-      if (key.escape && mode === 'edit') {
-        exitEditMode()
+      if (key.escape) {
+        exitPreviewMode()
       }
       if (input === 'i' && selectedStory !== null) {
         enterInteractiveMode()
@@ -147,6 +170,30 @@ export function StoriesApp({ registry, isReloading }: StoriesAppProps): ReactEle
       if (input === 'r') {
         handleResetProps()
       }
+      if (input === 'q') {
+        exit()
+      }
+      if (input === '?') {
+        setShowHelp(true)
+      }
+      if (input === 'b') {
+        setShowSidebar((prev) => !prev)
+      }
+    },
+    { isActive: mode === 'preview' }
+  )
+
+  useInput(
+    (input, _key) => {
+      if (showHelp) {
+        return
+      }
+      if (input === 'q') {
+        exit()
+      }
+      if (input === 'r') {
+        handleResetProps()
+      }
       if (input === '?') {
         setShowHelp(true)
       }
@@ -154,7 +201,7 @@ export function StoriesApp({ registry, isReloading }: StoriesAppProps): ReactEle
         setShowSidebar((prev) => !prev)
       }
     },
-    { isActive: mode !== 'interactive' }
+    { isActive: mode === 'browse' }
   )
 
   if (showHelp) {
@@ -198,7 +245,8 @@ export function StoriesApp({ registry, isReloading }: StoriesAppProps): ReactEle
                   fields={fields}
                   errors={errors}
                   onPropsChange={handlePropsChange}
-                  isFocused={mode === 'edit'}
+                  isFocused={mode === 'preview' || mode === 'edit'}
+                  editable={mode === 'edit'}
                   borderless={isInteractive || !showSidebar}
                   interactive={isInteractive}
                 />
diff --git a/packages/core/src/ui/index.ts b/packages/core/src/ui/index.ts
index 7f66dbf7..8642bc9a 100644
--- a/packages/core/src/ui/index.ts
+++ b/packages/core/src/ui/index.ts
@@ -1,5 +1,5 @@
 // ---------------------------------------------------------------------------
-// Base — raw Ink + @inkjs/ui primitives
+// Base — raw Ink primitives
 // ---------------------------------------------------------------------------
 
 export {
@@ -62,6 +62,7 @@ export type {
   PasswordInputProps,
   PathInputProps,
   PromptOption,
+  PromptProps,
   SelectKeyProps,
   SelectProps,
   TextInputProps,
@@ -133,8 +134,5 @@ export type { ThemeColor, Variant } from './theme.js'
 // Input
 // ---------------------------------------------------------------------------
 
-export { useKeyBinding } from './use-key-binding.js'
-export type { UseKeyBindingArgs } from './use-key-binding.js'
-
-export { useKeyInput } from './use-key-input.js'
-export type { KeyInputEvent, KeyInputOptions } from './use-key-input.js'
+export { useHotkey } from './use-key-binding.js'
+export type { UseHotkeyArgs } from './use-key-binding.js'
diff --git a/packages/core/src/ui/prompts/autocomplete.stories.tsx b/packages/core/src/ui/prompts/autocomplete.stories.tsx
index acd79bb3..1fc0acb2 100644
--- a/packages/core/src/ui/prompts/autocomplete.stories.tsx
+++ b/packages/core/src/ui/prompts/autocomplete.stories.tsx
@@ -8,7 +8,7 @@ import { Autocomplete } from './autocomplete.js'
 const schema = z.object({
   placeholder: z.string().optional().describe('Placeholder text for the search input'),
   maxVisible: z.number().optional().describe('Maximum visible options'),
-  isDisabled: z.boolean().optional().describe('Disable the component'),
+  disabled: z.boolean().optional().describe('Disable the component'),
 })
 
 const defaultOptions = [
@@ -49,7 +49,7 @@ const storyGroup: StoryGroup = stories({
       description: 'Autocomplete with a custom starts-with filter.',
     },
     Disabled: {
-      props: { isDisabled: true },
+      props: { disabled: true },
       description: 'Autocomplete in disabled state.',
     },
   },
diff --git a/packages/core/src/ui/prompts/autocomplete.tsx b/packages/core/src/ui/prompts/autocomplete.tsx
index 38d2d55a..280cb912 100644
--- a/packages/core/src/ui/prompts/autocomplete.tsx
+++ b/packages/core/src/ui/prompts/autocomplete.tsx
@@ -9,7 +9,7 @@ import { CursorValue } from './cursor-value.js'
 import { resolveInitialIndex } from './navigation.js'
 import { OptionRow } from './option-row.js'
 import { insertCharAt, removeCharAt } from './string-utils.js'
-import type { PromptOption } from './types.js'
+import type { PromptOption, PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -18,7 +18,7 @@ import type { PromptOption } from './types.js'
 /**
  * Props for the {@link Autocomplete} component.
  */
-export interface AutocompleteProps<TValue> {
+export interface AutocompleteProps<TValue> extends PromptProps {
   /** The full list of selectable options. */
   readonly options: readonly PromptOption<TValue>[]
 
@@ -39,9 +39,6 @@ export interface AutocompleteProps<TValue> {
 
   /** Called when the user presses Enter to confirm. */
   readonly onSubmit?: (value: TValue) => void
-
-  /** When `true`, the component does not respond to input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -67,7 +64,8 @@ export function Autocomplete<TValue>({
   filter = defaultFilter,
   onChange,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: AutocompleteProps<TValue>): ReactElement {
   const [search, setSearch] = useState('')
   const [focusIndex, setFocusIndex] = useState(resolveInitialIndex({ options, defaultValue }))
@@ -87,9 +85,9 @@ export function Autocomplete<TValue>({
         const clamped = Math.min(focusIndex, filtered.length - 1)
         const next = Math.max(0, clamped - 1)
         setFocusIndex(next)
-        const focused = filtered[next]
-        if (onChange && focused !== undefined) {
-          onChange(focused.value)
+        const focusedOption = filtered[next]
+        if (onChange && focusedOption !== undefined) {
+          onChange(focusedOption.value)
         }
         return
       }
@@ -100,17 +98,17 @@ export function Autocomplete<TValue>({
         }
         const next = Math.min(filtered.length - 1, focusIndex + 1)
         setFocusIndex(next)
-        const focused = filtered[next]
-        if (onChange && focused !== undefined) {
-          onChange(focused.value)
+        const focusedOption = filtered[next]
+        if (onChange && focusedOption !== undefined) {
+          onChange(focusedOption.value)
         }
         return
       }
 
       if (key.return) {
-        const focused = filtered[focusIndex]
-        if (onSubmit && focused !== undefined && !focused.disabled) {
-          onSubmit(focused.value)
+        const focusedOption = filtered[focusIndex]
+        if (onSubmit && focusedOption !== undefined && !focusedOption.disabled) {
+          onSubmit(focusedOption.value)
         }
         return
       }
@@ -125,20 +123,20 @@ export function Autocomplete<TValue>({
         return
       }
 
-      if (key.backspace) {
-        if (cursorOffset > 0) {
-          const nextSearch = removeCharAt({ str: search, index: cursorOffset - 1 })
+      if (key.ctrl && input === 'd') {
+        if (cursorOffset < search.length) {
+          const nextSearch = removeCharAt({ str: search, index: cursorOffset })
           setSearch(nextSearch)
-          setCursorOffset(cursorOffset - 1)
           setFocusIndex(0)
         }
         return
       }
 
-      if (key.delete) {
-        if (cursorOffset < search.length) {
-          const nextSearch = removeCharAt({ str: search, index: cursorOffset })
+      if (key.backspace || key.delete) {
+        if (cursorOffset > 0) {
+          const nextSearch = removeCharAt({ str: search, index: cursorOffset - 1 })
           setSearch(nextSearch)
+          setCursorOffset(cursorOffset - 1)
           setFocusIndex(0)
         }
         return
@@ -151,7 +149,7 @@ export function Autocomplete<TValue>({
         setFocusIndex(0)
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   return (
@@ -159,7 +157,7 @@ export function Autocomplete<TValue>({
       <SearchInput
         value={search}
         placeholder={placeholder}
-        isDisabled={isDisabled}
+        disabled={disabled}
         cursorOffset={cursorOffset}
       />
       {match(filtered.length > 0)
@@ -179,7 +177,7 @@ export function Autocomplete<TValue>({
                   indicator={indicator}
                   isFocused={isFocused}
                   isSelected={isFocused}
-                  isDisabled={isDisabled}
+                  disabled={disabled}
                 />
               )
             })}
@@ -203,7 +201,7 @@ export function Autocomplete<TValue>({
 interface SearchInputProps {
   readonly value: string
   readonly placeholder?: string
-  readonly isDisabled: boolean
+  readonly disabled: boolean
   readonly cursorOffset: number
 }
 
@@ -232,7 +230,7 @@ function defaultFilter<TValue>(search: string, option: PromptOption<TValue>): bo
 function SearchInput({
   value,
   placeholder,
-  isDisabled,
+  disabled,
   cursorOffset,
 }: SearchInputProps): ReactElement {
   return (
@@ -243,7 +241,7 @@ function SearchInput({
       {match({ isEmpty: value === '', hasPlaceholder: placeholder !== undefined })
         .with({ isEmpty: true, hasPlaceholder: true }, () => <Text dimColor>{placeholder}</Text>)
         .otherwise(() => (
-          <CursorValue value={value} cursor={cursorOffset} isDisabled={isDisabled} />
+          <CursorValue value={value} cursor={cursorOffset} disabled={disabled} />
         ))}
     </Box>
   )
diff --git a/packages/core/src/ui/prompts/confirm.stories.tsx b/packages/core/src/ui/prompts/confirm.stories.tsx
index a007f7ed..0badcd02 100644
--- a/packages/core/src/ui/prompts/confirm.stories.tsx
+++ b/packages/core/src/ui/prompts/confirm.stories.tsx
@@ -9,7 +9,7 @@ const schema = z.object({
   active: z.string().describe('Label for the affirmative choice'),
   inactive: z.string().describe('Label for the negative choice'),
   defaultValue: z.boolean().describe('Initial value'),
-  isDisabled: z.boolean().describe('Disable interaction'),
+  disabled: z.boolean().describe('Disable interaction'),
 })
 
 const storyGroup: StoryGroup = stories({
@@ -21,7 +21,7 @@ const storyGroup: StoryGroup = stories({
   },
   stories: {
     Default: {
-      props: { active: 'Yes', inactive: 'No', defaultValue: true, isDisabled: false },
+      props: { active: 'Yes', inactive: 'No', defaultValue: true, disabled: false },
       description: 'Standard confirm with default labels',
     },
     CustomLabels: {
@@ -29,16 +29,16 @@ const storyGroup: StoryGroup = stories({
         active: 'Proceed',
         inactive: 'Cancel',
         defaultValue: true,
-        isDisabled: false,
+        disabled: false,
       },
       description: 'Confirm with custom active/inactive labels',
     },
     DefaultNo: {
-      props: { active: 'Yes', inactive: 'No', defaultValue: false, isDisabled: false },
+      props: { active: 'Yes', inactive: 'No', defaultValue: false, disabled: false },
       description: 'Confirm defaulting to the negative choice',
     },
     Disabled: {
-      props: { active: 'Yes', inactive: 'No', defaultValue: true, isDisabled: true },
+      props: { active: 'Yes', inactive: 'No', defaultValue: true, disabled: true },
       description: 'Fully disabled confirm',
     },
   },
diff --git a/packages/core/src/ui/prompts/confirm.tsx b/packages/core/src/ui/prompts/confirm.tsx
index 3c920263..82a52602 100644
--- a/packages/core/src/ui/prompts/confirm.tsx
+++ b/packages/core/src/ui/prompts/confirm.tsx
@@ -4,6 +4,7 @@ import { useState } from 'react'
 import { match } from 'ts-pattern'
 
 import { colors } from '../theme.js'
+import type { PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -12,7 +13,7 @@ import { colors } from '../theme.js'
 /**
  * Props for the {@link Confirm} component.
  */
-export interface ConfirmProps {
+export interface ConfirmProps extends PromptProps {
   /** Label for the affirmative choice. @default "Yes" */
   readonly active?: string
 
@@ -24,9 +25,6 @@ export interface ConfirmProps {
 
   /** Callback fired when the value is submitted via Enter. */
   readonly onSubmit?: (value: boolean) => void
-
-  /** When `true`, the component ignores all keyboard input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -54,7 +52,8 @@ export function Confirm({
   inactive = 'No',
   defaultValue = true,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: ConfirmProps): ReactElement {
   const [value, setValue] = useState(defaultValue)
 
@@ -81,14 +80,14 @@ export function Confirm({
         setValue(false)
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   return (
     <Box gap={1}>
-      <ConfirmChoice label={active} isActive={value} isDisabled={isDisabled} />
+      <ConfirmChoice label={active} isActive={value} disabled={disabled} />
       <Text dimColor>/</Text>
-      <ConfirmChoice label={inactive} isActive={!value} isDisabled={isDisabled} />
+      <ConfirmChoice label={inactive} isActive={!value} disabled={disabled} />
     </Box>
   )
 }
@@ -105,7 +104,7 @@ export function Confirm({
 interface ConfirmChoiceProps {
   readonly label: string
   readonly isActive: boolean
-  readonly isDisabled: boolean
+  readonly disabled: boolean
 }
 
 /**
@@ -115,14 +114,14 @@ interface ConfirmChoiceProps {
  * @param props - The choice props.
  * @returns A rendered choice element.
  */
-function ConfirmChoice({ label, isActive, isDisabled }: ConfirmChoiceProps): ReactElement {
-  const color = match({ isActive, isDisabled })
-    .with({ isDisabled: true }, () => undefined)
+function ConfirmChoice({ label, isActive, disabled }: ConfirmChoiceProps): ReactElement {
+  const color = match({ isActive, disabled })
+    .with({ disabled: true }, () => undefined)
     .with({ isActive: true }, () => colors.primary)
     .otherwise(() => undefined)
 
   return (
-    <Text color={color} dimColor={!isActive || isDisabled} underline={isActive && !isDisabled}>
+    <Text color={color} dimColor={!isActive || disabled} underline={isActive && !disabled}>
       {label}
     </Text>
   )
diff --git a/packages/core/src/ui/prompts/cursor-value.tsx b/packages/core/src/ui/prompts/cursor-value.tsx
index 8cabf133..7877be58 100644
--- a/packages/core/src/ui/prompts/cursor-value.tsx
+++ b/packages/core/src/ui/prompts/cursor-value.tsx
@@ -17,7 +17,7 @@ export interface CursorValueProps {
   readonly cursor: number
 
   /** When `true`, the value is rendered dimmed. */
-  readonly isDisabled: boolean
+  readonly disabled: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -33,13 +33,13 @@ export interface CursorValueProps {
  * @param props - The cursor value props.
  * @returns A rendered value element with cursor.
  */
-export function CursorValue({ value, cursor, isDisabled }: CursorValueProps): ReactElement {
+export function CursorValue({ value, cursor, disabled }: CursorValueProps): ReactElement {
   const beforeCursor = value.slice(0, cursor)
   const atCursor = value[cursor]
   const afterCursor = value.slice(cursor + 1)
 
   return (
-    <Text dimColor={isDisabled}>
+    <Text dimColor={disabled}>
       {beforeCursor}
       <Text inverse>
         {match(atCursor)
diff --git a/packages/core/src/ui/prompts/group-multi-select.stories.tsx b/packages/core/src/ui/prompts/group-multi-select.stories.tsx
index 70b71388..0a17c825 100644
--- a/packages/core/src/ui/prompts/group-multi-select.stories.tsx
+++ b/packages/core/src/ui/prompts/group-multi-select.stories.tsx
@@ -8,7 +8,7 @@ import { GroupMultiSelect } from './group-multi-select.js'
 const schema = z.object({
   required: z.boolean().optional().describe('Require at least one selection'),
   selectableGroups: z.boolean().optional().describe('Allow toggling entire groups'),
-  isDisabled: z.boolean().optional().describe('Disable the component'),
+  disabled: z.boolean().optional().describe('Disable the component'),
 })
 
 const defaultOptions = {
diff --git a/packages/core/src/ui/prompts/group-multi-select.tsx b/packages/core/src/ui/prompts/group-multi-select.tsx
index 3dec8ce9..c223f2ad 100644
--- a/packages/core/src/ui/prompts/group-multi-select.tsx
+++ b/packages/core/src/ui/prompts/group-multi-select.tsx
@@ -6,7 +6,7 @@ import { match } from 'ts-pattern'
 
 import { ErrorMessage } from '../display/error-message.js'
 import { colors, symbols } from '../theme.js'
-import type { PromptOption } from './types.js'
+import type { PromptOption, PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -15,7 +15,7 @@ import type { PromptOption } from './types.js'
 /**
  * Props for the {@link GroupMultiSelect} component.
  */
-export interface GroupMultiSelectProps<TValue> {
+export interface GroupMultiSelectProps<TValue> extends PromptProps {
   /** Options organized by group name. */
   readonly options: Readonly<Record<string, readonly PromptOption<TValue>[]>>
 
@@ -33,9 +33,6 @@ export interface GroupMultiSelectProps<TValue> {
 
   /** Called when the user presses Enter to confirm. */
   readonly onSubmit?: (value: readonly TValue[]) => void
-
-  /** When `true`, the component does not respond to input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -60,7 +57,8 @@ export function GroupMultiSelect<TValue>({
   selectableGroups = false,
   onChange,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: GroupMultiSelectProps<TValue>): ReactElement {
   const flatItems = useMemo(
     () => buildFlatItems({ options, selectableGroups }),
@@ -120,7 +118,7 @@ export function GroupMultiSelect<TValue>({
         }
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   return (
@@ -133,7 +131,7 @@ export function GroupMultiSelect<TValue>({
             item={item}
             isFocused={isFocused}
             isSelected={isItemSelected(item, selectedSet, options)}
-            isDisabled={isDisabled}
+            disabled={disabled}
           />
         )
       })}
@@ -183,7 +181,7 @@ interface FlatItemRowProps {
   readonly item: FlatItem
   readonly isFocused: boolean
   readonly isSelected: boolean
-  readonly isDisabled: boolean
+  readonly disabled: boolean
 }
 
 /**
@@ -343,11 +341,11 @@ function itemKey(item: FlatItem): string {
  * @param props - The row props.
  * @returns A rendered row element.
  */
-function FlatItemRow({ item, isFocused, isSelected, isDisabled }: FlatItemRowProps): ReactElement {
+function FlatItemRow({ item, isFocused, isSelected, disabled }: FlatItemRowProps): ReactElement {
   return match(item)
     .with({ kind: 'group' }, (groupItem) => (
       <Box>
-        <Text bold dimColor={isDisabled}>
+        <Text bold dimColor={disabled}>
           {match(isFocused)
             .with(true, () => `${symbols.pointer} `)
             .with(false, () => '  ')
@@ -362,12 +360,12 @@ function FlatItemRow({ item, isFocused, isSelected, isDisabled }: FlatItemRowPro
     ))
     .with({ kind: 'option' }, (optionItem) => {
       const { option } = optionItem
-      const disabled = isDisabled || (option.disabled ?? false)
+      const isOptionDisabled = disabled || (option.disabled ?? false)
       return (
         <Box paddingLeft={2}>
           <Text
-            color={match({ isFocused, disabled })
-              .with({ disabled: true }, () => 'gray' as const)
+            color={match({ isFocused, isOptionDisabled })
+              .with({ isOptionDisabled: true }, () => 'gray' as const)
               .with({ isFocused: true }, () => colors.primary)
               .otherwise(() => undefined)}
           >
@@ -380,7 +378,7 @@ function FlatItemRow({ item, isFocused, isSelected, isDisabled }: FlatItemRowPro
               .with(false, () => `${symbols.checkboxOff} `)
               .exhaustive()}
             {option.label}
-            {match(disabled && !picocolors.isColorSupported)
+            {match(isOptionDisabled && !picocolors.isColorSupported)
               .with(true, () => ' (disabled)')
               .with(false, () => '')
               .exhaustive()}
@@ -389,7 +387,7 @@ function FlatItemRow({ item, isFocused, isSelected, isDisabled }: FlatItemRowPro
             .with(undefined, () => null)
             .otherwise((hint) => (
               <Text
-                color={match(disabled)
+                color={match(isOptionDisabled)
                   .with(true, () => 'gray' as const)
                   .with(false, () => undefined)
                   .exhaustive()}
diff --git a/packages/core/src/ui/prompts/index.ts b/packages/core/src/ui/prompts/index.ts
index 6eb169a9..1624c56e 100644
--- a/packages/core/src/ui/prompts/index.ts
+++ b/packages/core/src/ui/prompts/index.ts
@@ -1,4 +1,4 @@
-export type { PromptOption } from './types.js'
+export type { PromptOption, PromptProps } from './types.js'
 
 export { Autocomplete } from './autocomplete.js'
 export type { AutocompleteProps } from './autocomplete.js'
diff --git a/packages/core/src/ui/prompts/input-state.ts b/packages/core/src/ui/prompts/input-state.ts
index 4d09b8d9..12a62b61 100644
--- a/packages/core/src/ui/prompts/input-state.ts
+++ b/packages/core/src/ui/prompts/input-state.ts
@@ -1,5 +1,3 @@
-import { match } from 'ts-pattern'
-
 // ---------------------------------------------------------------------------
 // Types
 // ---------------------------------------------------------------------------
@@ -43,7 +41,11 @@ export interface ResolveStateOptions {
  * Compute the next input state from a keyboard event.
  *
  * Handles cursor movement (left/right, home/end), character deletion
- * (backspace/delete), and character insertion.
+ * (backspace, Ctrl+D for forward-delete), and character insertion.
+ *
+ * Both `key.backspace` and `key.delete` are treated as backspace
+ * because macOS terminals send `\x7f` (DEL) for the Backspace key,
+ * which ink reports as `key.delete`. Forward-delete uses Ctrl+D.
  *
  * @param options - The state resolution options.
  * @returns The next input state.
@@ -65,23 +67,20 @@ export function resolveNextState({ state, input, key }: ResolveStateOptions): In
     return { ...state, cursor: state.value.length }
   }
 
+  if (key.ctrl && input === 'd') {
+    if (state.cursor >= state.value.length) {
+      return state
+    }
+    const nextValue = state.value.slice(0, state.cursor) + state.value.slice(state.cursor + 1)
+    return { ...state, value: nextValue, error: undefined }
+  }
+
   if (key.backspace || key.delete) {
-    return match(key.backspace)
-      .with(true, () => {
-        if (state.cursor === 0) {
-          return state
-        }
-        const nextValue = state.value.slice(0, state.cursor - 1) + state.value.slice(state.cursor)
-        return { ...state, value: nextValue, cursor: state.cursor - 1, error: undefined }
-      })
-      .with(false, () => {
-        if (state.cursor >= state.value.length) {
-          return state
-        }
-        const nextValue = state.value.slice(0, state.cursor) + state.value.slice(state.cursor + 1)
-        return { ...state, value: nextValue, error: undefined }
-      })
-      .exhaustive()
+    if (state.cursor === 0) {
+      return state
+    }
+    const nextValue = state.value.slice(0, state.cursor - 1) + state.value.slice(state.cursor)
+    return { ...state, value: nextValue, cursor: state.cursor - 1, error: undefined }
   }
 
   if (key.ctrl || key.meta) {
diff --git a/packages/core/src/ui/prompts/multi-select.stories.tsx b/packages/core/src/ui/prompts/multi-select.stories.tsx
index 19dab5c7..eb539f4a 100644
--- a/packages/core/src/ui/prompts/multi-select.stories.tsx
+++ b/packages/core/src/ui/prompts/multi-select.stories.tsx
@@ -8,7 +8,7 @@ import { MultiSelect } from './multi-select.js'
 const schema = z.object({
   maxVisible: z.number().describe('Max visible options'),
   required: z.boolean().describe('Require at least one selection'),
-  isDisabled: z.boolean().describe('Disable interaction'),
+  disabled: z.boolean().describe('Disable interaction'),
 })
 
 const storyGroup: StoryGroup = stories({
@@ -26,18 +26,18 @@ const storyGroup: StoryGroup = stories({
   },
   stories: {
     Default: {
-      props: { maxVisible: 5, required: false, isDisabled: false },
+      props: { maxVisible: 5, required: false, disabled: false },
       description: 'Standard multi-select with default settings',
     },
     WithRequired: {
-      props: { maxVisible: 5, required: true, isDisabled: false },
+      props: { maxVisible: 5, required: true, disabled: false },
       description: 'Multi-select that requires at least one selection',
     },
     DisabledOptions: {
       props: {
         maxVisible: 5,
         required: false,
-        isDisabled: false,
+        disabled: false,
         options: [
           { value: 'a', label: 'Available' },
           { value: 'b', label: 'Blocked', disabled: true },
@@ -51,13 +51,13 @@ const storyGroup: StoryGroup = stories({
       props: {
         maxVisible: 5,
         required: false,
-        isDisabled: false,
+        disabled: false,
         defaultValue: ['ts', 'prettier'],
       },
       description: 'Pre-selected values on mount',
     },
     Disabled: {
-      props: { maxVisible: 5, required: false, isDisabled: true },
+      props: { maxVisible: 5, required: false, disabled: true },
       description: 'Fully disabled multi-select',
     },
   },
diff --git a/packages/core/src/ui/prompts/multi-select.tsx b/packages/core/src/ui/prompts/multi-select.tsx
index b0da49c7..1834857f 100644
--- a/packages/core/src/ui/prompts/multi-select.tsx
+++ b/packages/core/src/ui/prompts/multi-select.tsx
@@ -8,7 +8,7 @@ import { ScrollArea } from '../layout/scroll-area.js'
 import { symbols } from '../theme.js'
 import { resolveDirection, resolveFirstEnabledIndex, resolveNextFocusIndex } from './navigation.js'
 import { OptionRow } from './option-row.js'
-import type { PromptOption } from './types.js'
+import type { PromptOption, PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -19,7 +19,7 @@ import type { PromptOption } from './types.js'
  *
  * @typeParam TValue - The type of each option's value.
  */
-export interface MultiSelectProps<TValue> {
+export interface MultiSelectProps<TValue> extends PromptProps {
   /** The list of selectable options. */
   readonly options: readonly PromptOption<TValue>[]
 
@@ -37,9 +37,6 @@ export interface MultiSelectProps<TValue> {
 
   /** Callback fired when the selection is submitted via Enter. */
   readonly onSubmit?: (value: readonly TValue[]) => void
-
-  /** When `true`, the component ignores all keyboard input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -69,7 +66,8 @@ export function MultiSelect<TValue>({
   required = false,
   onChange,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: MultiSelectProps<TValue>): ReactElement {
   const initialSelected = resolveInitialSelected(options, defaultValue)
   const [focusedIndex, setFocusedIndex] = useState(resolveFirstEnabledIndex(options))
@@ -114,7 +112,7 @@ export function MultiSelect<TValue>({
         setFocusedIndex(nextIndex)
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   return (
@@ -134,7 +132,7 @@ export function MultiSelect<TValue>({
               indicator={indicator}
               isFocused={index === focusedIndex}
               isSelected={isSelected}
-              isDisabled={isDisabled}
+              disabled={disabled}
             />
           )
         })}
diff --git a/packages/core/src/ui/prompts/option-row.tsx b/packages/core/src/ui/prompts/option-row.tsx
index 865c1a71..d3beab8e 100644
--- a/packages/core/src/ui/prompts/option-row.tsx
+++ b/packages/core/src/ui/prompts/option-row.tsx
@@ -27,7 +27,7 @@ export interface OptionRowProps<TValue> {
   readonly isSelected: boolean
 
   /** Whether the entire prompt is disabled. */
-  readonly isDisabled: boolean
+  readonly disabled: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -48,9 +48,9 @@ export function OptionRow<TValue>({
   indicator,
   isFocused,
   isSelected,
-  isDisabled,
+  disabled,
 }: OptionRowProps<TValue>): ReactElement {
-  const isOptionDisabled = option.disabled === true || isDisabled
+  const isOptionDisabled = option.disabled === true || disabled
 
   return (
     <Box>
diff --git a/packages/core/src/ui/prompts/password-input.stories.tsx b/packages/core/src/ui/prompts/password-input.stories.tsx
index 5de4abdf..8f941a15 100644
--- a/packages/core/src/ui/prompts/password-input.stories.tsx
+++ b/packages/core/src/ui/prompts/password-input.stories.tsx
@@ -8,7 +8,7 @@ import { PasswordInput } from './password-input.js'
 const schema = z.object({
   placeholder: z.string().describe('Placeholder text'),
   mask: z.string().describe('Mask character'),
-  isDisabled: z.boolean().describe('Disable interaction'),
+  disabled: z.boolean().describe('Disable interaction'),
 })
 
 const storyGroup: StoryGroup = stories({
@@ -20,18 +20,18 @@ const storyGroup: StoryGroup = stories({
   },
   stories: {
     Default: {
-      props: { placeholder: 'Enter password...', mask: '*', isDisabled: false },
+      props: { placeholder: 'Enter password...', mask: '*', disabled: false },
       description: 'Standard password input with asterisk mask',
     },
     CustomMask: {
-      props: { placeholder: 'Enter secret...', mask: '#', isDisabled: false },
+      props: { placeholder: 'Enter secret...', mask: '#', disabled: false },
       description: 'Password input with custom hash mask character',
     },
     WithValidation: {
       props: {
         placeholder: 'Enter at least 8 characters...',
         mask: '*',
-        isDisabled: false,
+        disabled: false,
         validate: (value: string) => {
           if (value.length < 8) {
             return 'Password must be at least 8 characters'
@@ -42,7 +42,7 @@ const storyGroup: StoryGroup = stories({
       description: 'Password input with minimum length validation',
     },
     Disabled: {
-      props: { placeholder: 'Disabled input', mask: '*', isDisabled: true },
+      props: { placeholder: 'Disabled input', mask: '*', disabled: true },
       description: 'Fully disabled password input',
     },
   },
diff --git a/packages/core/src/ui/prompts/password-input.tsx b/packages/core/src/ui/prompts/password-input.tsx
index cc800c65..2772186f 100644
--- a/packages/core/src/ui/prompts/password-input.tsx
+++ b/packages/core/src/ui/prompts/password-input.tsx
@@ -7,6 +7,7 @@ import { ErrorMessage } from '../display/error-message.js'
 import { CursorValue } from './cursor-value.js'
 import type { InputState } from './input-state.js'
 import { resolveNextState } from './input-state.js'
+import type { PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -15,7 +16,7 @@ import { resolveNextState } from './input-state.js'
 /**
  * Props for the {@link PasswordInput} component.
  */
-export interface PasswordInputProps {
+export interface PasswordInputProps extends PromptProps {
   /** Placeholder text shown dimmed when the input is empty. */
   readonly placeholder?: string
 
@@ -30,9 +31,6 @@ export interface PasswordInputProps {
 
   /** Callback fired when the value is submitted via Enter. */
   readonly onSubmit?: (value: string) => void
-
-  /** When `true`, the component ignores all keyboard input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -63,7 +61,8 @@ export function PasswordInput({
   validate,
   onChange,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: PasswordInputProps): ReactElement {
   const [state, setState] = useState<InputState>({
     value: '',
@@ -96,7 +95,7 @@ export function PasswordInput({
         }
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   const maskedValue = mask.repeat(state.value.length)
@@ -106,7 +105,7 @@ export function PasswordInput({
       {match(state.value.length === 0 && placeholder !== undefined)
         .with(true, () => <Text dimColor>{placeholder}</Text>)
         .with(false, () => (
-          <CursorValue value={maskedValue} cursor={state.cursor} isDisabled={isDisabled} />
+          <CursorValue value={maskedValue} cursor={state.cursor} disabled={disabled} />
         ))
         .exhaustive()}
       <ErrorMessage message={state.error} />
diff --git a/packages/core/src/ui/prompts/path-input.stories.tsx b/packages/core/src/ui/prompts/path-input.stories.tsx
index e64d6166..21479357 100644
--- a/packages/core/src/ui/prompts/path-input.stories.tsx
+++ b/packages/core/src/ui/prompts/path-input.stories.tsx
@@ -9,7 +9,7 @@ const schema = z.object({
   root: z.string().optional().describe('Root directory for completions'),
   directoryOnly: z.boolean().optional().describe('Only suggest directories'),
   defaultValue: z.string().optional().describe('Initial input value'),
-  isDisabled: z.boolean().optional().describe('Disable the component'),
+  disabled: z.boolean().optional().describe('Disable the component'),
 })
 
 const storyGroup: StoryGroup = stories({
diff --git a/packages/core/src/ui/prompts/path-input.tsx b/packages/core/src/ui/prompts/path-input.tsx
index b11099ac..f97a14e8 100644
--- a/packages/core/src/ui/prompts/path-input.tsx
+++ b/packages/core/src/ui/prompts/path-input.tsx
@@ -9,6 +9,7 @@ import { match } from 'ts-pattern'
 import { ErrorMessage } from '../display/error-message.js'
 import { colors } from '../theme.js'
 import { insertCharAt, removeCharAt } from './string-utils.js'
+import type { PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Constants
@@ -23,7 +24,7 @@ const MAX_SUGGESTIONS = 5
 /**
  * Props for the {@link PathInput} component.
  */
-export interface PathInputProps {
+export interface PathInputProps extends PromptProps {
   /** Root directory for completion lookups. Defaults to `process.cwd()`. */
   readonly root?: string
 
@@ -41,9 +42,6 @@ export interface PathInputProps {
 
   /** Called when the user presses Enter to confirm. */
   readonly onSubmit?: (value: string) => void
-
-  /** When `true`, the component does not respond to input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -68,7 +66,8 @@ export function PathInput({
   validate,
   onChange,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: PathInputProps): ReactElement {
   const resolvedRoot = root ?? process.cwd()
   const [value, setValue] = useState(defaultValue)
@@ -155,7 +154,7 @@ export function PathInput({
         }
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   return (
@@ -164,7 +163,7 @@ export function PathInput({
         <Text color={colors.primary} bold>
           {'> '}
         </Text>
-        <Text dimColor={isDisabled}>{value}</Text>
+        <Text dimColor={disabled}>{value}</Text>
       </Box>
       {match(suggestions.length > 0)
         .with(true, () => (
diff --git a/packages/core/src/ui/prompts/select-key.stories.tsx b/packages/core/src/ui/prompts/select-key.stories.tsx
index 4fb8f687..eab35fcd 100644
--- a/packages/core/src/ui/prompts/select-key.stories.tsx
+++ b/packages/core/src/ui/prompts/select-key.stories.tsx
@@ -6,7 +6,7 @@ import { z } from 'zod'
 import { SelectKey } from './select-key.js'
 
 const schema = z.object({
-  isDisabled: z.boolean().optional().describe('Disable the component'),
+  disabled: z.boolean().optional().describe('Disable the component'),
 })
 
 const defaultOptions = [
@@ -32,7 +32,7 @@ const storyGroup: StoryGroup = stories({
       description: 'Key-press driven selection with highlighted key characters.',
     },
     Disabled: {
-      props: { isDisabled: true },
+      props: { disabled: true },
       description: 'Select-key in disabled state.',
     },
   },
diff --git a/packages/core/src/ui/prompts/select-key.tsx b/packages/core/src/ui/prompts/select-key.tsx
index 519b57e9..b7afcf34 100644
--- a/packages/core/src/ui/prompts/select-key.tsx
+++ b/packages/core/src/ui/prompts/select-key.tsx
@@ -3,7 +3,7 @@ import type { ReactElement } from 'react'
 import { match } from 'ts-pattern'
 
 import { colors } from '../theme.js'
-import type { PromptOption } from './types.js'
+import type { PromptOption, PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -12,15 +12,12 @@ import type { PromptOption } from './types.js'
 /**
  * Props for the {@link SelectKey} component.
  */
-export interface SelectKeyProps<TValue extends string> {
+export interface SelectKeyProps<TValue extends string> extends PromptProps {
   /** Options where each `value` is a single key character. */
   readonly options: readonly PromptOption<TValue>[]
 
   /** Called when the user presses a matching key. */
   readonly onSubmit?: (value: TValue) => void
-
-  /** When `true`, the component does not respond to input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -41,7 +38,8 @@ export interface SelectKeyProps<TValue extends string> {
 export function SelectKey<TValue extends string>({
   options,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: SelectKeyProps<TValue>): ReactElement {
   useInput(
     (input) => {
@@ -53,13 +51,13 @@ export function SelectKey<TValue extends string>({
         onSubmit(matched.value)
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   return (
     <Box flexDirection="column">
       {options.map((option) => (
-        <KeyOptionRow key={option.value} option={option} isDisabled={isDisabled} />
+        <KeyOptionRow key={option.value} option={option} disabled={disabled} />
       ))}
     </Box>
   )
@@ -76,7 +74,7 @@ export function SelectKey<TValue extends string>({
  */
 interface KeyOptionRowProps<TValue extends string = string> {
   readonly option: PromptOption<TValue>
-  readonly isDisabled: boolean
+  readonly disabled: boolean
 }
 
 /**
@@ -86,15 +84,15 @@ interface KeyOptionRowProps<TValue extends string = string> {
  * @param props - The row props.
  * @returns A rendered row element.
  */
-function KeyOptionRow({ option, isDisabled }: KeyOptionRowProps): ReactElement {
-  const disabled = isDisabled || (option.disabled ?? false)
+function KeyOptionRow({ option, disabled }: KeyOptionRowProps): ReactElement {
+  const isOptionDisabled = disabled || (option.disabled ?? false)
   const keyChar = option.value.charAt(0)
   const restLabel = option.label.slice(1)
   const startsWithKey = option.label.charAt(0).toLowerCase() === keyChar.toLowerCase()
 
   return (
     <Box>
-      {match(disabled)
+      {match(isOptionDisabled)
         .with(true, () => (
           <Text dimColor>
             {'  '}[{keyChar}] {option.label}
diff --git a/packages/core/src/ui/prompts/select.stories.tsx b/packages/core/src/ui/prompts/select.stories.tsx
index 2fa067ec..0d51aa4d 100644
--- a/packages/core/src/ui/prompts/select.stories.tsx
+++ b/packages/core/src/ui/prompts/select.stories.tsx
@@ -7,7 +7,7 @@ import { Select } from './select.js'
 
 const schema = z.object({
   maxVisible: z.number().describe('Max visible options'),
-  isDisabled: z.boolean().describe('Disable interaction'),
+  disabled: z.boolean().describe('Disable interaction'),
 })
 
 const storyGroup: StoryGroup = stories({
@@ -25,13 +25,13 @@ const storyGroup: StoryGroup = stories({
   },
   stories: {
     Default: {
-      props: { maxVisible: 5, isDisabled: false },
+      props: { maxVisible: 5, disabled: false },
       description: 'Standard select with default settings',
     },
     WithHints: {
       props: {
         maxVisible: 5,
-        isDisabled: false,
+        disabled: false,
         options: [
           { value: 'ts', label: 'TypeScript', hint: 'Strongly typed' },
           { value: 'js', label: 'JavaScript', hint: 'Dynamic typing' },
@@ -44,7 +44,7 @@ const storyGroup: StoryGroup = stories({
     DisabledOptions: {
       props: {
         maxVisible: 5,
-        isDisabled: false,
+        disabled: false,
         options: [
           { value: 'a', label: 'Available' },
           { value: 'b', label: 'Blocked', disabled: true },
@@ -57,7 +57,7 @@ const storyGroup: StoryGroup = stories({
     Scrolling: {
       props: {
         maxVisible: 3,
-        isDisabled: false,
+        disabled: false,
         options: [
           { value: '1', label: 'Option 1' },
           { value: '2', label: 'Option 2' },
@@ -70,7 +70,7 @@ const storyGroup: StoryGroup = stories({
       description: 'Scrollable list with maxVisible=3',
     },
     Disabled: {
-      props: { maxVisible: 5, isDisabled: true },
+      props: { maxVisible: 5, disabled: true },
       description: 'Fully disabled select',
     },
   },
diff --git a/packages/core/src/ui/prompts/select.tsx b/packages/core/src/ui/prompts/select.tsx
index 25b63779..cac82e65 100644
--- a/packages/core/src/ui/prompts/select.tsx
+++ b/packages/core/src/ui/prompts/select.tsx
@@ -7,7 +7,7 @@ import { ScrollArea } from '../layout/scroll-area.js'
 import { symbols } from '../theme.js'
 import { resolveDirection, resolveInitialIndex, resolveNextFocusIndex } from './navigation.js'
 import { OptionRow } from './option-row.js'
-import type { PromptOption } from './types.js'
+import type { PromptOption, PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -18,7 +18,7 @@ import type { PromptOption } from './types.js'
  *
  * @typeParam TValue - The type of each option's value.
  */
-export interface SelectProps<TValue> {
+export interface SelectProps<TValue> extends PromptProps {
   /** The list of selectable options. */
   readonly options: readonly PromptOption<TValue>[]
 
@@ -33,9 +33,6 @@ export interface SelectProps<TValue> {
 
   /** Callback fired when an option is submitted via Enter. */
   readonly onSubmit?: (value: TValue) => void
-
-  /** When `true`, the component ignores all keyboard input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -63,7 +60,8 @@ export function Select<TValue>({
   maxVisible = 5,
   onChange,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: SelectProps<TValue>): ReactElement {
   const initialIndex = resolveInitialIndex({ options, defaultValue })
   const [focusedIndex, setFocusedIndex] = useState(initialIndex)
@@ -96,7 +94,7 @@ export function Select<TValue>({
         }
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   return (
@@ -115,7 +113,7 @@ export function Select<TValue>({
             indicator={indicator}
             isFocused={index === focusedIndex}
             isSelected={isSelected}
-            isDisabled={isDisabled}
+            disabled={disabled}
           />
         )
       })}
diff --git a/packages/core/src/ui/prompts/text-input.stories.tsx b/packages/core/src/ui/prompts/text-input.stories.tsx
index 26baca6c..f53d3e57 100644
--- a/packages/core/src/ui/prompts/text-input.stories.tsx
+++ b/packages/core/src/ui/prompts/text-input.stories.tsx
@@ -8,7 +8,7 @@ import { TextInput } from './text-input.js'
 const schema = z.object({
   placeholder: z.string().describe('Placeholder text'),
   defaultValue: z.string().describe('Initial value'),
-  isDisabled: z.boolean().describe('Disable interaction'),
+  disabled: z.boolean().describe('Disable interaction'),
 })
 
 const storyGroup: StoryGroup = stories({
@@ -20,18 +20,18 @@ const storyGroup: StoryGroup = stories({
   },
   stories: {
     Default: {
-      props: { placeholder: '', defaultValue: '', isDisabled: false },
+      props: { placeholder: '', defaultValue: '', disabled: false },
       description: 'Empty text input with no placeholder',
     },
     WithPlaceholder: {
-      props: { placeholder: 'Enter your name...', defaultValue: '', isDisabled: false },
+      props: { placeholder: 'Enter your name...', defaultValue: '', disabled: false },
       description: 'Text input with placeholder text',
     },
     WithValidation: {
       props: {
         placeholder: 'Enter at least 3 characters...',
         defaultValue: '',
-        isDisabled: false,
+        disabled: false,
         validate: (value: string) => {
           if (value.length < 3) {
             return 'Must be at least 3 characters'
@@ -42,7 +42,7 @@ const storyGroup: StoryGroup = stories({
       description: 'Text input with minimum length validation',
     },
     Disabled: {
-      props: { placeholder: 'Disabled input', defaultValue: '', isDisabled: true },
+      props: { placeholder: 'Disabled input', defaultValue: '', disabled: true },
       description: 'Fully disabled text input',
     },
   },
diff --git a/packages/core/src/ui/prompts/text-input.tsx b/packages/core/src/ui/prompts/text-input.tsx
index 2c3134bb..1c63e891 100644
--- a/packages/core/src/ui/prompts/text-input.tsx
+++ b/packages/core/src/ui/prompts/text-input.tsx
@@ -7,6 +7,7 @@ import { ErrorMessage } from '../display/error-message.js'
 import { CursorValue } from './cursor-value.js'
 import type { InputState } from './input-state.js'
 import { resolveNextState } from './input-state.js'
+import type { PromptProps } from './types.js'
 
 // ---------------------------------------------------------------------------
 // Types
@@ -15,7 +16,7 @@ import { resolveNextState } from './input-state.js'
 /**
  * Props for the {@link TextInput} component.
  */
-export interface TextInputProps {
+export interface TextInputProps extends PromptProps {
   /** Placeholder text shown dimmed when the input is empty. */
   readonly placeholder?: string
 
@@ -30,9 +31,6 @@ export interface TextInputProps {
 
   /** Callback fired when the value is submitted via Enter. */
   readonly onSubmit?: (value: string) => void
-
-  /** When `true`, the component ignores all keyboard input. */
-  readonly isDisabled?: boolean
 }
 
 // ---------------------------------------------------------------------------
@@ -62,7 +60,8 @@ export function TextInput({
   validate,
   onChange,
   onSubmit,
-  isDisabled = false,
+  focused = true,
+  disabled = false,
 }: TextInputProps): ReactElement {
   const [state, setState] = useState<InputState>({
     value: defaultValue,
@@ -95,7 +94,7 @@ export function TextInput({
         }
       }
     },
-    { isActive: !isDisabled }
+    { isActive: focused && !disabled }
   )
 
   return (
@@ -103,7 +102,7 @@ export function TextInput({
       {match(state.value.length === 0 && placeholder !== undefined)
         .with(true, () => <Text dimColor>{placeholder}</Text>)
         .with(false, () => (
-          <CursorValue value={state.value} cursor={state.cursor} isDisabled={isDisabled} />
+          <CursorValue value={state.value} cursor={state.cursor} disabled={disabled} />
         ))
         .exhaustive()}
       <ErrorMessage message={state.error} />
diff --git a/packages/core/src/ui/prompts/types.ts b/packages/core/src/ui/prompts/types.ts
index e26ad618..bc4830ab 100644
--- a/packages/core/src/ui/prompts/types.ts
+++ b/packages/core/src/ui/prompts/types.ts
@@ -2,11 +2,30 @@
 // Exports
 // ---------------------------------------------------------------------------
 
+/**
+ * Shared props for all interactive prompt components.
+ *
+ * Every prompt accepts `focused` and `disabled` so that hosts (like the
+ * stories viewer) can control input routing through explicit props.
+ *
+ * - `focused` — whether the component currently owns keyboard input.
+ * - `disabled` — whether the component is visually and functionally disabled.
+ *
+ * When neither is provided, the component defaults to focused and enabled.
+ */
+export interface PromptProps {
+  /** Whether the component currently has input focus. @default true */
+  readonly focused?: boolean
+
+  /** Whether the component is visually and functionally disabled. @default false */
+  readonly disabled?: boolean
+}
+
 /**
  * A single option in a prompt component.
  *
- * Replaces `@inkjs/ui`'s `Option` (`{ label: string, value: string }`)
- * with support for generic values, disabled state, and hint text.
+ * A single option in a prompt component with support for generic values,
+ * disabled state, and hint text.
  *
  * @typeParam TValue - The type of the option's value.
  */
diff --git a/packages/core/src/ui/use-key-binding.test.ts b/packages/core/src/ui/use-key-binding.test.ts
index 524ca042..cb800b1e 100644
--- a/packages/core/src/ui/use-key-binding.test.ts
+++ b/packages/core/src/ui/use-key-binding.test.ts
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest'
 
-import { useKeyBinding } from './use-key-binding.js'
+import { useHotkey } from './use-key-binding.js'
 
 describe('use-key-binding', () => {
-  it('should export useKeyBinding as a function', () => {
-    expect(typeof useKeyBinding).toBe('function')
+  it('should export useHotkey as a function', () => {
+    expect(typeof useHotkey).toBe('function')
   })
 })
diff --git a/packages/core/src/ui/use-key-binding.ts b/packages/core/src/ui/use-key-binding.ts
index cae50da8..a8a43039 100644
--- a/packages/core/src/ui/use-key-binding.ts
+++ b/packages/core/src/ui/use-key-binding.ts
@@ -25,12 +25,12 @@ const MIN_HISTORY_LENGTH = 10
 // ---------------------------------------------------------------------------
 
 /**
- * Arguments for the {@link useKeyBinding} hook.
+ * Arguments for the {@link useHotkey} hook.
  *
  * Each call binds one action to one or more key patterns. Use multiple
- * `useKeyBinding` calls for independent actions.
+ * `useHotkey` calls for independent actions.
  */
-export interface UseKeyBindingArgs {
+export interface UseHotkeyArgs {
   /**
    * Key patterns that trigger the action (e.g. `['q']`, `['escape escape']`).
    */
@@ -65,18 +65,18 @@ interface KeyHistoryEntry extends NormalizedKeyEvent {
 /**
  * Bind one or more key patterns to a single action. Supports single keys
  * (`'q'`), modifier combinations (`'ctrl+c'`), and space-separated
- * sequences (`'escape escape'`). Use multiple `useKeyBinding` calls for
+ * sequences (`'escape escape'`). Use multiple `useHotkey` calls for
  * independent actions.
  *
  * @param args - Key patterns, action callback, and optional configuration.
  * @returns Nothing.
  */
-export function useKeyBinding({
+export function useHotkey({
   keys,
   action,
   active = true,
   sequenceTimeout = DEFAULT_SEQUENCE_TIMEOUT,
-}: UseKeyBindingArgs): void {
+}: UseHotkeyArgs): void {
   const historyRef = useRef<KeyHistoryEntry[]>([])
   const actionRef = useRef(action)
   const activeRef = useRef(active)
diff --git a/packages/core/src/ui/use-key-input.test.ts b/packages/core/src/ui/use-key-input.test.ts
deleted file mode 100644
index 9c910edc..00000000
--- a/packages/core/src/ui/use-key-input.test.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { describe, expect, it } from 'vitest'
-
-import { useKeyInput } from './use-key-input.js'
-
-describe('use-key-input', () => {
-  it('should export useKeyInput as a function', () => {
-    expect(typeof useKeyInput).toBe('function')
-  })
-})
diff --git a/packages/core/src/ui/use-key-input.ts b/packages/core/src/ui/use-key-input.ts
deleted file mode 100644
index 015c390c..00000000
--- a/packages/core/src/ui/use-key-input.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import type { Key } from 'ink'
-import { useInput } from 'ink'
-import { useCallback } from 'react'
-
-import type { NormalizedKeyEvent } from './keys.js'
-import { normalizeKey } from './keys.js'
-
-// ---------------------------------------------------------------------------
-// Types
-// ---------------------------------------------------------------------------
-
-/**
- * A normalized keyboard event with the raw input string and resolved key name.
- */
-export interface KeyInputEvent extends NormalizedKeyEvent {
-  readonly input: string
-}
-
-/**
- * Options for the {@link useKeyInput} hook.
- */
-export interface KeyInputOptions {
-  readonly isActive?: boolean
-}
-
-// ---------------------------------------------------------------------------
-// Exports
-// ---------------------------------------------------------------------------
-
-/**
- * Enhanced raw input hook that wraps Ink's `useInput` with a normalized
- * {@link KeyInputEvent}. Maps Ink's `Key` boolean fields to a single `key`
- * string and passes through modifier flags for convenient pattern matching.
- *
- * @param handler - Callback invoked on each key press with a normalized event.
- * @param options - Optional configuration for the hook.
- */
-export function useKeyInput(
-  handler: (event: KeyInputEvent) => void,
-  options: KeyInputOptions = {}
-): void {
-  const { isActive = true } = options
-
-  const inputHandler = useCallback(
-    (input: string, key: Key) => {
-      handler({ ...normalizeKey(input, key), input })
-    },
-    [handler]
-  )
-
-  useInput(inputHandler, { isActive })
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1657a15c..5c8e4abf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -417,9 +417,6 @@ importers:
         specifier: 'catalog:'
         version: 4.3.6
     devDependencies:
-      '@inkjs/ui':
-        specifier: ^2.0.0
-        version: 2.0.0(ink@6.8.0(@types/react@19.2.14)(react@19.2.4))
       '@types/node':
         specifier: 'catalog:'
         version: 25.5.0