termcast 1.3.32 → 1.3.34

package/src/examples/list-with-detail.vitest.tsx

@@ -39,7 +39,7 @@ test('list with detail view display and navigation', async () => {
 
       ›bulbasaur #001
        ivysaur #002                         │ bulbasaur                         ▲
-       charmander #004                      │                                   ▀
+       charmander #004                      │                                   █
        charmeleon #005                      │ Illustration
        squirtle #007                        │
        wartortle #008                       │ Types
@@ -52,11 +52,11 @@ test('list with detail view display and navigation', async () => {
                                             │ Abilities
                                             │ - Chlorophyll
                                             │ - Overgrow
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Grass:
+                                            │ Types
+                                            │
+                                            │ Grass
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -78,7 +78,7 @@ test('list with detail view display and navigation', async () => {
 
        bulbasaur #001
       ›ivysaur #002                         │ ivysaur                           ▲
-       charmander #004                      │                                   ▀
+       charmander #004                      │                                   █
        charmeleon #005                      │ Illustration
        squirtle #007                        │
        wartortle #008                       │ Types
@@ -91,11 +91,11 @@ test('list with detail view display and navigation', async () => {
                                             │ Abilities
                                             │ - Chlorophyll
                                             │ - Overgrow
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Grass:
+                                            │ Types
+                                            │
+                                            │ Grass
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -128,11 +128,11 @@ test('list with detail view display and navigation', async () => {
                                             │ Abilities
                                             │ - Blaze
                                             │ - Solar Power
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Fire:
+                                            │ Types
+                                            │
+                                            │ Fire
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -142,17 +142,21 @@ test('list with detail view display and navigation', async () => {
   await session.press(['ctrl', 'k'])
 
   const actionsSnapshot = await session.text()
+  // Fast feedback loop: fail if list/detail content leaks under the actions dialog
+  expect(actionsSnapshot).toContain('Actions')
+  expect(actionsSnapshot).not.toContain('charmander #004')
+  expect(actionsSnapshot).not.toContain('Illustration')
   expect(actionsSnapshot).toMatchInlineSnapshot(`
     "
 
 
-       Pokemon List ─────────────────────────────────────────────────────────────
 
-       > Search Pokemon...
 
-       bulbasaur #001
-       ivysaur #002                         │ charmander                        ▲
-      ›charmander #004                      │                                   █
+
+
+
+
+
       ╭──────────────────────────────────────────────────────────────────────────╮
       │                                                                          │
       │   Actions                                                          esc   │
@@ -164,14 +168,14 @@ test('list with detail view display and navigation', async () => {
       │                                                                          │
       │   Settings                                                               │
       │   Change Theme...                                                        │
-      │                                                                          │
+      │   See Console Logs                                                       │
       │                                                                          │
       │                                                                          │
       │   ↵ select   ↑↓ navigate                                                 │
       │                                                                          │
       ╰──────────────────────────────────────────────────────────────────────────╯
-       ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
-         detail                             │                                   ▼
+
+
 
     "
   `)
@@ -248,11 +252,11 @@ test('list with detail view display and navigation', async () => {
                                             │ Abilities
                                             │ - Blaze
                                             │ - Solar Power
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Fire:
+                                            │ Types
+                                            │
+                                            │ Fire
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -297,11 +301,11 @@ test('list detail view search functionality', async () => {
                                             │ Abilities
                                             │ - Blaze
                                             │ - Solar Power
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Fire:
+                                            │ Types
+                                            │
+                                            │ Fire
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -343,11 +347,11 @@ test('list detail view search functionality', async () => {
                                             │ Abilities
                                             │ - Torrent
                                             │ - Rain Dish
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Water:
+                                            │ Types
+                                            │
+                                            │ Water
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -380,11 +384,11 @@ test('list detail view search functionality', async () => {
                                             │ Abilities
                                             │ - Torrent
                                             │ - Rain Dish
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Water:
+                                            │ Types
+                                            │
+                                            │ Water
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -416,7 +420,7 @@ test('list detail metadata rendering', async () => {
 
       ›bulbasaur #001
        ivysaur #002                         │ bulbasaur                         ▲
-       charmander #004                      │                                   ▀
+       charmander #004                      │                                   █
        charmeleon #005                      │ Illustration
        squirtle #007                        │
        wartortle #008                       │ Types
@@ -429,11 +433,11 @@ test('list detail metadata rendering', async () => {
                                             │ Abilities
                                             │ - Chlorophyll
                                             │ - Overgrow
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Grass:
+                                            │ Types
+                                            │
+                                            │ Grass
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -473,11 +477,11 @@ test('list detail metadata rendering', async () => {
                                             │ Abilities
                                             │ - Torrent
                                             │ - Rain Dish
-                                            │ ─────────────────────────────────
                                             │
-                                            │ Types:
                                             │
-                                            │ Water:
+                                            │ Types
+                                            │
+                                            │ Water
        ↵ toggle        ↑↓ navigate ^k action│ ─────────────────
          detail                             │                                   ▼
 
@@ -532,6 +536,9 @@ test('list with detail layout consistency - short vs long detail content', async
        Another Item                         │
                                             │ This is short.
                                             │
+                                            │
+                                            │
+                                            │
        ↑↓ navigate   ^k actions             │
 
 
@@ -542,9 +549,6 @@ test('list with detail layout consistency - short vs long detail content', async
 
 
 
-
-
-
     "
   `)
   expect(longDetailSnapshot).toMatchInlineSnapshot(`

package/src/examples/list-with-dropdown.vitest.tsx

@@ -50,7 +50,7 @@ test('list with dropdown navigation', async () => {
        Apple Juice Juice
 
 
-       ↑↓ navigate   ^k actions
+       ↑↓ navigate   ^p dropdown   ^k actions
 
 
 
@@ -212,11 +212,11 @@ test('list with dropdown navigation', async () => {
        Pinot Noir Wine
 
 
-       ↑↓ navigate   ^k actions
 
 
 
 
+       ↑↓ navigate   ^p dropdown   ^k actions
 
 
 
@@ -308,7 +308,7 @@ test('list with dropdown search and filter', async () => {
       │   ↵ select   ↑↓ navigate                                       │
       │                                                                │
       ╰────────────────────────────────────────────────────────────────╯
-       ↑↓ navigate   ^k actions
+       ↑↓ navigate   ^p dropdown   ^k actions
 
 
 
@@ -336,11 +336,11 @@ test('list with dropdown search and filter', async () => {
        Pinot Noir Wine
 
 
-       ↑↓ navigate   ^k actions
 
 
 
 
+       ↑↓ navigate   ^p dropdown   ^k actions
 
 
 
@@ -371,12 +371,12 @@ test('list with dropdown search and filter', async () => {
       ›Pinot Noir Wine
 
 
-       ↑↓ navigate   ^k actions
 
 
 
 
 
+       ↑↓ navigate   ^p dropdown   ^k actions
 
 
 

package/src/examples/list-with-sections.vitest.tsx

@@ -3,8 +3,10 @@ import { test, expect, afterEach, beforeEach } from 'vitest'
 import { launchTerminal, Session } from 'tuistory/src'
 
 let session: Session
+let sessionStartMs = 0
 
 beforeEach(async () => {
+  sessionStartMs = Date.now()
   session = await launchTerminal({
     command: 'bun',
     args: ['src/examples/list-with-sections.tsx'],
@@ -17,6 +19,18 @@ afterEach(() => {
   session?.close()
 })
 
+test('list startup shows first content near instantly', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /search items/i.test(text)
+    },
+  })
+
+  const loadTimeMs = Date.now() - sessionStartMs
+  // Allow more headroom in CI where machine speed varies
+  expect(loadTimeMs).toBeLessThan(1500)
+}, 10000)
+
 test('list with sections navigation', async () => {
   await session.text({
     waitFor: (text) => {
@@ -172,12 +186,12 @@ test('list with sections search functionality', async () => {
       ›Banana Yellow and nutritious                               Ripe
 
 
-       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
 
 
+       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
@@ -208,12 +222,12 @@ test('list with sections search functionality', async () => {
       ›Lettuce Green and fresh
 
 
-       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
 
 
+       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
@@ -271,12 +285,12 @@ test('list with sections search functionality', async () => {
       ›Bread Freshly baked                                 Today [New]
 
 
-       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
 
 
+       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
@@ -417,11 +431,16 @@ test('list actions panel with ctrl+k', async () => {
   await session.press(['ctrl', 'k'])
 
   const afterCtrlKSnapshot = await session.text()
+  // Fast feedback loop: fail if list content leaks under the actions dialog.
+  expect(afterCtrlKSnapshot).toContain('Actions')
+  expect(afterCtrlKSnapshot).not.toContain('Search items...')
+  expect(afterCtrlKSnapshot).not.toContain('Apple Red and sweet')
+  expect(afterCtrlKSnapshot).not.toContain('Fruitsions')
   expect(afterCtrlKSnapshot).toMatchInlineSnapshot(`
     "
 
 
-       Simple List Example ────────────────────────────────────────────
+
 
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
@@ -434,7 +453,7 @@ test('list actions panel with ctrl+k', async () => {
       │                                                                │
       │   Settings                                                     │
       │   Change Theme...                                              │
-      │                                                                │
+      │   See Console Logs                                             │
       │                                                                │
       │                                                                │
       │   ↵ select   ↑↓ navigate                                       │
@@ -449,7 +468,7 @@ test('list actions panel with ctrl+k', async () => {
     "
 
 
-       Simple List Example ────────────────────────────────────────────
+
 
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
@@ -462,7 +481,7 @@ test('list actions panel with ctrl+k', async () => {
       │                                                                │
       │   Settings                                                     │
       │   Change Theme...                                              │
-      │                                                                │
+      │   See Console Logs                                             │
       │                                                                │
       │                                                                │
       │   ↵ select   ↑↓ navigate                                       │
@@ -492,7 +511,7 @@ test('list actions panel with ctrl+k', async () => {
                                                                        ▼
 
 
-       ✓ Added to Cart  Apple has been added to your cart
+     ✓ Added to Cart  Apple has been added to your cart
 
     "
   `)
@@ -538,11 +557,11 @@ test('filtering selects first visible item and navigation works', async () => {
        Carrot Orange and crunchy                             [Healthy]
 
 
-       ↑↓ navigate   ^k actions
 
 
 
 
+       ↑↓ navigate   ^k actions
 
 
 
@@ -566,11 +585,11 @@ test('filtering selects first visible item and navigation works', async () => {
       ›Carrot Orange and crunchy                             [Healthy]
 
 
-       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
 
+       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
@@ -594,11 +613,11 @@ test('filtering selects first visible item and navigation works', async () => {
        Carrot Orange and crunchy                             [Healthy]
 
 
-       ↑↓ navigate   ^k actions
 
 
 
 
+       ↑↓ navigate   ^k actions
 
 
 
@@ -622,11 +641,11 @@ test('filtering selects first visible item and navigation works', async () => {
       ›Carrot Orange and crunchy                             [Healthy]
 
 
-       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
 
+       ↵ view details   ↑↓ navigate   ^k actions
 
 
 
@@ -792,3 +811,37 @@ test('list scrollbox scrolling with sections', async () => {
     "
   `)
 }, 15000)
+
+test('search resets selection to first visible item without flash', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /search/i.test(text)
+    },
+  })
+
+  // Navigate down to select Grape (4th item, index 3)
+  await session.press('down')
+  await session.press('down')
+  await session.press('down')
+
+  const beforeSearch = await session.text()
+  expect(beforeSearch).toContain('›Grape')
+
+  // Type one char at a time and check each intermediate frame:
+  // After each keystroke, the › marker must be on the first visible match.
+  // A flash bug would show › on a stale item or missing entirely.
+  await session.press('l')
+  const afterL = await session.text()
+  // 'l' matches: Lettuce, Apple, Bell Pepper, … — first visible must be selected
+  expect(afterL).toMatch(/›\S/)
+
+  await session.press('e')
+  const afterLe = await session.text()
+  expect(afterLe).toMatch(/›\S/)
+
+  await session.press('t')
+  const afterLet = await session.text()
+  // Only "Lettuce" matches "let"
+  expect(afterLet).toContain('›Lettuce')
+  expect(afterLet).not.toContain('›Grape')
+}, 10000)

package/src/examples/list-with-toast.vitest.tsx

@@ -39,8 +39,8 @@ test('list navigation works while toast is shown', async () => {
        Fifth Item
 
 
-       ✓ Selected  First Item
 
+     ✓ Selected  First Item
 
 
 
@@ -67,8 +67,8 @@ test('list navigation works while toast is shown', async () => {
        Fifth Item
 
 
-       ✓ Selected  Second Item
 
+     ✓ Selected  Second Item
 
 
 
@@ -95,8 +95,8 @@ test('list navigation works while toast is shown', async () => {
        Fifth Item
 
 
-       ✓ Selected  Third Item
 
+     ✓ Selected  Third Item
 
 
 
@@ -123,8 +123,8 @@ test('list navigation works while toast is shown', async () => {
        Fifth Item
 
 
-       ✓ Selected  Second Item
 
+     ✓ Selected  Second Item
 
 
 

package/src/examples/simple-file-picker.vitest.tsx

@@ -38,17 +38,14 @@ test('file picker shows form fields', async () => {
       │
       ◇  Select Files
       │  Enter file path...
-      │
       │  Choose one or more files to upload
       │
       ◇  Select Folder
       │  Enter file path...
-      │
       │  Choose a folder for output
       │
       ◇  Select Single File
       │  Enter file path...
-      │
       │  Choose exactly one file
       │
       └
@@ -74,6 +71,9 @@ test('file picker shows form fields', async () => {
 
 
 
+
+
+
 
 
 
@@ -108,7 +108,6 @@ test('typing opens autocomplete dialog with file list', async () => {
       │
       ◇  Select Files
       │  Enter file path...
-      │
       │  Choose one or more files to upload
       │
       ╭────────────────────────────────────────────────────────────────╮
@@ -119,8 +118,6 @@ test('typing opens autocomplete dialog with file list', async () => {
       │                                                                │
       │ ↑↓ navigate  ⏎/tab select  esc close                           │
       ╰────────────────────────────────────────────────────────────────╯
-      │  Choose exactly one file
-      │
       └
 
 
@@ -144,6 +141,9 @@ test('typing opens autocomplete dialog with file list', async () => {
 
 
 
+
+
+
 
 
 
@@ -186,17 +186,14 @@ test('escape closes autocomplete without going back', async () => {
       │
       ◇  Select Files
       │  Enter file path...
-      │
       │  Choose one or more files to upload
       │
       ◆  Select Folder
       │  s
-      │
       │  Choose a folder for output
       │
       ◇  Select Single File
       │  Enter file path...
-      │
       │  Choose exactly one file
       │
       └
@@ -222,6 +219,9 @@ test('escape closes autocomplete without going back', async () => {
 
 
 
+
+
+
 
 
 
@@ -265,7 +265,6 @@ test('selecting first item with enter adds it to the list', async () => {
       │
       ◇  Select Files
       │  Enter file path...
-      │
       │  Choose one or more files to upload
       │
       ◆  Select Folder
@@ -273,12 +272,10 @@ test('selecting first item with enter adds it to the list', async () => {
       │
       │  Selected files:
       │  • /Users/morse/Documents/GitHub/termcast/termcast/src
-      │
       │  Choose a folder for output
       │
       ◇  Select Single File
       │  Enter file path...
-      │
       │  Choose exactly one file
       │
       └
@@ -302,6 +299,9 @@ test('selecting first item with enter adds it to the list', async () => {
 
 
 
+
+
+