termcast 1.3.30 → 1.3.32

package/src/examples/form-dropdown.vitest.tsx

@@ -26,61 +26,15 @@ test('form dropdown shows inline options', async () => {
         text.includes('Editor Theme') &&
         text.includes('Task Priority') &&
         text.includes('Critical') &&
-        text.includes('↵ submit')
+        text.includes('submit')
       )
     },
   })
-  expect(initialSnapshot).toMatchInlineSnapshot(`
-    "
-
-
-
-
-
-
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
-
-    │
-    └
-
-
-
-
-
-     ctrl ↵ submit   tab navigate   ^k actions"
-  `)
+  // Verify all key elements are present (waitFor already validates most of this)
+  expect(initialSnapshot).toContain('Dropdown Component Demo')
+  expect(initialSnapshot).toContain('TypeScript, Rust')
+  expect(initialSnapshot).toContain('Dracula')
+  expect(initialSnapshot).toContain('Task Priority')
 
   await session.press('space')
 
@@ -91,50 +45,52 @@ test('form dropdown shows inline options', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 
   await session.press('down')
@@ -146,50 +102,52 @@ test('form dropdown shows inline options', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 
   await session.press('down')
@@ -204,50 +162,52 @@ test('form dropdown shows inline options', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
 
+      │
+      └
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
 
-    │
-    └
+       ctrl ↵ submit   tab navigate   ^k actions
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+
+    "
   `)
 
   await session.press('enter')
@@ -259,50 +219,52 @@ test('form dropdown shows inline options', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 }, 10000)
 
@@ -322,50 +284,52 @@ test('form dropdown keyboard navigation', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 
   await session.press('down')
@@ -380,50 +344,52 @@ test('form dropdown keyboard navigation', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 
   await session.press('down')
@@ -435,50 +401,52 @@ test('form dropdown keyboard navigation', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
 
+      │
+      └
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
 
-    │
-    └
+       ctrl ↵ submit   tab navigate   ^k actions
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+
+    "
   `)
 
   await session.press('up')
@@ -490,105 +458,109 @@ test('form dropdown keyboard navigation', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
 
+      │
+      └
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
 
-    │
-    └
+       ctrl ↵ submit   tab navigate   ^k actions
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
-  `)
 
-  await session.press('esc')
+    "
+  `)
 
-  const afterEscapeSnapshot = await session.text()
-  expect(afterEscapeSnapshot).toMatchInlineSnapshot(`
+  // Note: not pressing escape here since that would exit the app at root level
+  // The inline dropdown doesn't need escape to close - it stays visible
+  const afterNavigationSnapshot = await session.text()
+  expect(afterNavigationSnapshot).toMatchInlineSnapshot(`
     "
 
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 }, 10000)
 
@@ -608,50 +580,52 @@ test('form dropdown with default value', async () => {
 
 
 
+      ▪  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◆  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │› ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ▪  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◆  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │› ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 
   await session.press('space')
@@ -663,53 +637,55 @@ test('form dropdown with default value', async () => {
 
 
 
+      ▪  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◆  Programming Languages
+      │  Rust
+      │
+      │  Frontend
+      │› ○ TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ▪  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◆  Programming Languages
-    │  Rust
-    │
-    │  Frontend
-    │› ○ TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 
-  await session.press('esc')
+  // Submit with alt+enter directly - no need to press esc first
   await session.press(['alt', 'enter'])
 
   const afterSubmitSnapshot = await session.text({
@@ -721,52 +697,54 @@ test('form dropdown with default value', async () => {
     "
 
 
-    ▪  Dropdown Component Demo                                       █
-    │  Test dropdown with sections, multiple selection, and more     █
-    │  features                                                      █
-    │                                                                █
-    ◆  Programming Languages                                         █
-    │  Rust, TypeScript                                              █
-    │                                                                █
-    │  Frontend                                                      █
-    │› ● TypeScript                                                  █
-    │  ○ JavaScript                                                  █
-    │  ○ React                                                       ▀
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
-
-    │
-    ▪  Submitted Data
-    │  {
-    │    "languages": [
-    │      "rust",
-    │      "typescript"
-    │    ],
-    │    "theme": "dracula",
-    │    "priority": ""
-
-
-     ctrl ↵ submit   tab navigate   ^k actions"
+
+
+      ▪  Dropdown Component Demo                                       █
+      │  Test dropdown with sections, multiple selection, and more     █
+      │  features                                                      █
+      │                                                                █
+      ◆  Programming Languages                                         █
+      │  Rust, TypeScript                                              █
+      │                                                                ▀
+      │  Frontend
+      │› ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      ▪  Submitted Data
+      │  {
+      │    "languages": [
+      │      "rust",
+      │      "typescript"
+      │    ],
+
+
+       ctrl ↵ submit   tab navigate   ^k actions
+
+    "
   `)
 }, 10000)
 
@@ -787,50 +765,52 @@ test('selecting second-to-last visible item should not scroll', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
+
+      │
+      └
 
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
+       ctrl ↵ submit   tab navigate   ^k actions
 
-    │
-    └
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+    "
   `)
 
   await session.press('enter')
@@ -842,49 +822,51 @@ test('selecting second-to-last visible item should not scroll', async () => {
 
 
 
+      ■  Dropdown Component Demo
+      │  Test dropdown with sections, multiple selection, and more
+      │  features
+      │
+      ◇  Programming Languages
+      │  TypeScript, Rust
+      │
+      │  Frontend
+      │  ● TypeScript
+      │  ○ JavaScript
+      │  ○ React
+      │  ○ Vue
+      │
+      │  Choose your preferred programming languages
+      │
+      ◇  Editor Theme
+      │  Dracula
+      │
+      │  ○ Monokai
+      │  ● Dracula
+      │  ○ One Dark
+      │  ○ Nord
+      │  ○ GitHub Light
+      │
+      │  Select your preferred editor color theme
+      │
+      ◇  Task Priority
+      │  Select priority level
+      │
+      │  ○ Critical
+      │  ○ High
+      │  ○ Medium
+      │  ○ Low
 
+      │
+      └
 
-    ■  Dropdown Component Demo
-    │  Test dropdown with sections, multiple selection, and more
-    │  features
-    │
-    ◇  Programming Languages
-    │  TypeScript, Rust
-    │
-    │  Frontend
-    │  ● TypeScript
-    │  ○ JavaScript
-    │  ○ React
-    │  ○ Vue
-    │
-    │  Choose your preferred programming languages
-    │
-    ◇  Editor Theme
-    │  Dracula
-    │
-    │  ○ Monokai
-    │  ● Dracula
-    │  ○ One Dark
-    │  ○ Nord
-    │  ○ GitHub Light
-    │
-    │  Select your preferred editor color theme
-    │
-    ◇  Task Priority
-    │  Select priority level
-    │
-    │  ○ Critical
-    │  ○ High
-    │  ○ Medium
-    │  ○ Low
 
-    │
-    └
+       ctrl ↵ submit   tab navigate   ^k actions
 
 
 
 
 
-     ctrl ↵ submit   tab navigate   ^k actions"
+
+    "
   `)
 }, 10000)