termcast 1.3.50 → 1.3.52

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

@@ -7,7 +7,7 @@ beforeEach(async () => {
   session = await launchTerminal({
     command: 'bun',
     args: ['src/examples/list-dropdown-default.tsx'],
-    cols: 80,
+    cols: 100,
     rows: 30,
   })
 })
@@ -31,9 +31,9 @@ test('dropdown defaults to first item when no value is provided', async () => {
     "
 
 
-       Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────────────────────────
 
-       > Search...                                                        Apple ▾
+       > Search...                                                                            Apple ▾
 
       ›First Item This list has a dropdown
        Second Item The dropdown should default to first item
@@ -43,7 +43,7 @@ test('dropdown defaults to first item when no value is provided', async () => {
 
 
 
-       ↵ show selected fruit   ↑↓ navigate   ^p dropdown  powered by termcast.app
+       ↵ show selected fruit   ↑↓ navigate   ^k actions   ^p filter by categorpowered by termcast.app
 
 
 
@@ -76,22 +76,22 @@ test('dropdown opens and shows items', async () => {
     "
 
 
-       Dropdown Default Value Example ───────────────────────────────────────────
-      ╭──────────────────────────────────────────────────────────────────────────╮
-      │                                                                          │
-      │   Filter by category                                               esc   │
-      │                                                                          │
-      │   > Select category...                                                   │
-      │                                                                          │
-      │  ›Apple                                                                  │
-      │   Banana                                                                 │
-      │   Orange                                                                 │
-      │   Grape                                                                  │
-      │                                                                          │
-      │                                                                          │
-      │   ↵ select   ↑↓ navigate                        powered by termcast.app  │
-      │                                                                          │
-      ╰──────────────────────────────────────────────────────────────────────────╯
+       Dropdown Default Value Example ───────────────────────────────────────────────────────────────
+                ╭──────────────────────────────────────────────────────────────────────────╮
+       > Search.│                                                                          │  Apple ▾
+                │   Filter by category                                               esc   │
+      ›First Ite│                                                                          │
+       Second It│   > Select category...                                                   │
+       Vegetable│                                                                          │
+       Carrot Wi│  ›Apple                                                                  │
+                │   Banana                                                                 │
+                │   Orange                                                                 │
+                │   Grape                                                                  │
+                │                                                                          │
+       ↵ show se│                                                                          │mcast.app
+                │   ↵ select   ↑↓ navigate                        powered by termcast.app  │
+                │                                                                          │
+                ╰──────────────────────────────────────────────────────────────────────────╯
 
 
 
@@ -113,22 +113,22 @@ test('dropdown opens and shows items', async () => {
     "
 
 
-       Dropdown Default Value Example ───────────────────────────────────────────
-      ╭──────────────────────────────────────────────────────────────────────────╮
-      │                                                                          │
-      │   Filter by category                                               esc   │
-      │                                                                          │
-      │   > Select category...                                                   │
-      │                                                                          │
-      │   Apple                                                                  │
-      │  ›Banana                                                                 │
-      │   Orange                                                                 │
-      │   Grape                                                                  │
-      │                                                                          │
-      │                                                                          │
-      │   ↵ select   ↑↓ navigate                        powered by termcast.app  │
-      │                                                                          │
-      ╰──────────────────────────────────────────────────────────────────────────╯
+       Dropdown Default Value Example ───────────────────────────────────────────────────────────────
+                ╭──────────────────────────────────────────────────────────────────────────╮
+       > Search.│                                                                          │  Apple ▾
+                │   Filter by category                                               esc   │
+      ›First Ite│                                                                          │
+       Second It│   > Select category...                                                   │
+       Vegetable│                                                                          │
+       Carrot Wi│   Apple                                                                  │
+                │  ›Banana                                                                 │
+                │   Orange                                                                 │
+                │   Grape                                                                  │
+                │                                                                          │
+       ↵ show se│                                                                          │mcast.app
+                │   ↵ select   ↑↓ navigate                        powered by termcast.app  │
+                │                                                                          │
+                ╰──────────────────────────────────────────────────────────────────────────╯
 
 
 
@@ -150,9 +150,9 @@ test('dropdown opens and shows items', async () => {
     "
 
 
-       Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────────────────────────
 
-       > Search...                                                       Banana ▾
+       > Search...                                                                           Banana ▾
 
       ›First Item This list has a dropdown
        Second Item The dropdown should default to first item
@@ -162,7 +162,7 @@ test('dropdown opens and shows items', async () => {
 
 
 
-       ↵ show selected fruit   ↑↓ navigate   ^p dropdown  powered by termcast.app
+       ↵ show selected fruit   ↑↓ navigate   ^k actions   ^p filter by categorpowered by termcast.app
 
 
 
@@ -195,22 +195,22 @@ test('clicking dropdown opens it', async () => {
     "
 
 
-       Dropdown Default Value Example ───────────────────────────────────────────
-      ╭──────────────────────────────────────────────────────────────────────────╮
-      │                                                                          │
-      │   Filter by category                                               esc   │
-      │                                                                          │
-      │   > Select category...                                                   │
-      │                                                                          │
-      │  ›Apple                                                                  │
-      │   Banana                                                                 │
-      │   Orange                                                                 │
-      │   Grape                                                                  │
-      │                                                                          │
-      │                                                                          │
-      │   ↵ select   ↑↓ navigate                        powered by termcast.app  │
-      │                                                                          │
-      ╰──────────────────────────────────────────────────────────────────────────╯
+       Dropdown Default Value Example ───────────────────────────────────────────────────────────────
+                ╭──────────────────────────────────────────────────────────────────────────╮
+       > Search.│                                                                          │  Apple ▾
+                │   Filter by category                                               esc   │
+      ›First Ite│                                                                          │
+       Second It│   > Select category...                                                   │
+       Vegetable│                                                                          │
+       Carrot Wi│  ›Apple                                                                  │
+                │   Banana                                                                 │
+                │   Orange                                                                 │
+                │   Grape                                                                  │
+                │                                                                          │
+       ↵ show se│                                                                          │mcast.app
+                │   ↵ select   ↑↓ navigate                        powered by termcast.app  │
+                │                                                                          │
+                ╰──────────────────────────────────────────────────────────────────────────╯
 
 
 
@@ -232,9 +232,9 @@ test('clicking dropdown opens it', async () => {
     "
 
 
-       Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────────────────────────
 
-       > Search...                                                       Orange ▾
+       > Search...                                                                           Orange ▾
 
       ›First Item This list has a dropdown
        Second Item The dropdown should default to first item
@@ -244,7 +244,7 @@ test('clicking dropdown opens it', async () => {
 
 
 
-       ↵ show selected fruit   ↑↓ navigate   ^p dropdown  powered by termcast.app
+       ↵ show selected fruit   ↑↓ navigate   ^k actions   ^p filter by categorpowered by termcast.app
 
 
 
@@ -262,3 +262,23 @@ test('clicking dropdown opens it', async () => {
     "
   `)
 }, 10000)
+
+test('clicking footer dropdown hint opens dropdown', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /Dropdown Default Value Example/i.test(text)
+    },
+  })
+
+  const beforeClick = await session.text()
+  expect(beforeClick).toContain('^p')
+
+  await session.click('^p', { first: true })
+
+  const afterClick = await session.text({
+    waitFor: (text) => {
+      return /Filter by category/i.test(text)
+    },
+  })
+  expect(afterClick).toContain('Filter by category')
+}, 10000)

package/src/examples/list-slot.tsx

@@ -0,0 +1,38 @@
+/**
+ * Example: List with logo prop on the title bar, no dropdown.
+ * Logo appears on the right edge after the separator line.
+ */
+import React from 'react'
+import { List, ActionPanel, Action, renderWithProviders, Color } from 'termcast'
+
+function ListSlotExample() {
+  const items = [
+    { id: '1', title: 'Dashboard', subtitle: 'Main overview' },
+    { id: '2', title: 'Settings', subtitle: 'Preferences' },
+    { id: '3', title: 'Profile', subtitle: 'Account info' },
+    { id: '4', title: 'Notifications', subtitle: 'Alerts' },
+    { id: '5', title: 'Analytics', subtitle: 'Usage stats' },
+  ]
+
+  return (
+    <List
+      logo={<text fg={Color.Orange}>◆ Acme</text>}
+    >
+      {items.map((item) => (
+        <List.Item
+          key={item.id}
+          id={item.id}
+          title={item.title}
+          subtitle={item.subtitle}
+          actions={
+            <ActionPanel>
+              <Action title="Open" onAction={() => {}} />
+            </ActionPanel>
+          }
+        />
+      ))}
+    </List>
+  )
+}
+
+renderWithProviders(<ListSlotExample />)

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

@@ -573,16 +573,16 @@ test('list with detail layout consistency - short vs long detail content', async
                                             │
                                             │
                                             │
-                                            │
-                                            │
-                                            │
-                                            │
-                                            │
-                                            │
-                                            │
-                                            │
        ↑↓ navigate   ^k actions             │
 
+
+
+
+
+
+
+
+
     "
   `)
   expect(longDetailSnapshot).toMatchInlineSnapshot(`

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

@@ -1,5 +1,5 @@
 import React, { useState, ReactElement } from 'react'
-import { List, renderWithProviders } from 'termcast'
+import { List, renderWithProviders, Color } from 'termcast'
 import type { DropdownProps } from 'termcast/src/components/list'
 
 function DrinkDropdown(props: {
@@ -73,7 +73,7 @@ function ListWithDropdownExample() {
   return (
     <List
       navigationTitle='Search Beers'
-      // searchBarPlaceholder="Search your favorite drink"
+      logo={<text fg={Color.Orange}>◆ Acme</text>}
       searchBarAccessory={
         (
           <DrinkDropdown

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

@@ -33,7 +33,7 @@ test('list with dropdown navigation', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
 
        > Search...                                                All ▾
 
@@ -49,7 +49,7 @@ test('list with dropdown navigation', async () => {
        Apple Juice Juice
 
 
-       ↑↓ navigate   ^p dropdown   ^k actions
+       ↑↓ navigate   ^k actions   ^p select drink type
 
 
 
@@ -69,7 +69,7 @@ test('list with dropdown navigation', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
       │   Select Drink Type                                      esc   │
@@ -103,7 +103,7 @@ test('list with dropdown navigation', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
       │   Select Drink Type                                      esc   │
@@ -135,7 +135,7 @@ test('list with dropdown navigation', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
       │   Select Drink Type                                      esc   │
@@ -167,7 +167,7 @@ test('list with dropdown navigation', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
       │   Select Drink Type                                      esc   │
@@ -203,7 +203,7 @@ test('list with dropdown navigation', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
 
        > Search...                                               Wine ▾
 
@@ -215,7 +215,7 @@ test('list with dropdown navigation', async () => {
 
 
 
-       ↑↓ navigate   ^p dropdown   ^k actions
+       ↑↓ navigate   ^k actions   ^p select drink type
 
 
 
@@ -253,7 +253,7 @@ test('small screen: dropdown accessory wastes vertical space', async () => {
       "
 
 
-         Search Beers ─────────────────────────────────────────
+         Search Beers ────────────────────────────────── ◆ Acme
 
          > Search...                                      All ▾
 
@@ -265,7 +265,7 @@ test('small screen: dropdown accessory wastes vertical space', async () => {
          Pinot Noir Wine
 
 
-         ↑↓ navigate   ^p dropdown   ^k actions"
+         ↑↓ navigate   ^k actions   ^p select drink type"
     `)
   } finally {
     smallSession.close()
@@ -292,7 +292,7 @@ test('list with dropdown search and filter', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
       ╭────────────────────────────────────────────────────────────────╮
       │                                                                │
       │   Select Drink Type                                      esc   │
@@ -334,7 +334,7 @@ test('list with dropdown search and filter', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
 
        > Search...                                                All ▾
 
@@ -370,7 +370,7 @@ test('list with dropdown search and filter', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
 
        > Search...                                               Wine ▾
 
@@ -382,7 +382,7 @@ test('list with dropdown search and filter', async () => {
 
 
 
-       ↑↓ navigate   ^p dropdown   ^k actions
+       ↑↓ navigate   ^k actions   ^p select drink type
 
 
 
@@ -406,7 +406,7 @@ test('list with dropdown search and filter', async () => {
     "
 
 
-       Search Beers ───────────────────────────────────────────────────
+       Search Beers ──────────────────────────────────────────── ◆ Acme
 
        > pinot                                                   Wine ▾
 
@@ -418,7 +418,7 @@ test('list with dropdown search and filter', async () => {
 
 
 
-       ↑↓ navigate   ^p dropdown   ^k actions
+       ↑↓ navigate   ^k actions   ^p select drink type
 
 
 

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

@@ -334,67 +334,79 @@ test('list click functionality', async () => {
     },
   })
 
-  // Click on "Banana" item (visible in initial view)
+  // Click on "Banana" — should immediately execute first action (navigate to detail)
   await session.click('Banana', { first: true })
 
-  const afterClickBananaSnapshot = await session.text()
-  expect(afterClickBananaSnapshot).toMatchInlineSnapshot(`
+  const afterClickBanana = await session.text()
+  expect(afterClickBanana).toMatchInlineSnapshot(`
     "
 
 
-       Simple List Example ────────────────────────────────────────────
 
-       > Search items...
 
-       Fruits
-       Apple Red and sweet                                Fresh Popular
-      ›Banana Yellow and nutritious                                Ripe
-       Orange Citrus and juicy                                    Fresh
-       Grape Sweet clusters                                    Seasonal
-       Mango Tropical delight                                  Imported
-       Pineapple Sweet and tangy
-       Strawberry Red and sweet                                 Popular
+      Banana
 
+      A yellow tropical fruit that's nutritious and energy-rich.
 
+      Benefits
+
+      - High in potassium
+      - Natural energy booster
+      - Aids digestion
+
+
+
+      esc go back   ^k actions
 
-       ↵ view details   ↑↓ navigate   ^k actions
 
     "
   `)
+  expect(afterClickBanana).toContain('Banana')
+  expect(afterClickBanana).toContain('go back')
 
-  // Click on "Apple" item
+  // Go back to list
+  await session.press('escape')
+  await session.text({ waitFor: (text) => /search/i.test(text) })
+
+  // Click on "Apple" — should also immediately execute (Apple has actions)
   await session.click('Apple', { first: true })
 
-  const afterClickAppleSnapshot = await session.text()
-  expect(afterClickAppleSnapshot).toMatchInlineSnapshot(`
+  const afterClickApple = await session.text()
+  expect(afterClickApple).toMatchInlineSnapshot(`
     "
 
 
-       Simple List Example ────────────────────────────────────────────
 
-       > Search items...
 
-       Fruits
-      ›Apple Red and sweet                                Fresh Popular
-       Banana Yellow and nutritious                                Ripe
-       Orange Citrus and juicy                                    Fresh
-       Grape Sweet clusters                                    Seasonal
-       Mango Tropical delight                                  Imported
-       Pineapple Sweet and tangy
-       Strawberry Red and sweet                                 Popular
+      Apple
 
+      A delicious red fruit that's sweet and crunchy.
 
+      Nutrition Facts
+
+      - High in fiber
+      - Rich in antioxidants
+      - Good source of vitamin C
+
+
+
+      esc go back   ^k actions
 
-       ↵ view details   ↑↓ navigate   ^k actions
 
     "
   `)
+  expect(afterClickApple).toContain('Apple')
+  expect(afterClickApple).toContain('go back')
+
+  // Go back to list
+  await session.press('escape')
+  await session.text({ waitFor: (text) => /search/i.test(text) })
 
-  // Click on "Grape" item (visible in initial view)
+  // Click on "Grape" — no actions, should just select
   await session.click('Grape', { first: true })
 
-  const afterClickGrapeSnapshot = await session.text()
-  expect(afterClickGrapeSnapshot).toMatchInlineSnapshot(`
+  const afterClickGrape = await session.text()
+  expect(afterClickGrape).toMatchInlineSnapshot(`
     "
 
 
@@ -417,7 +429,8 @@ test('list click functionality', async () => {
 
     "
   `)
-}, 10000)
+  expect(afterClickGrape).toContain('Grape')
+}, 15000)
 
 test('list actions panel with ctrl+k', async () => {
   await session.text({

package/src/examples/simple-detail-table.vitest.tsx

@@ -66,7 +66,6 @@ test('markdown tables render with borderless layout', async () => {
       ap-south-1  89ms                     /api/health  500
 
 
-      esc go back   ^k actions                             powered by termcast.app
 
 
 
@@ -83,6 +82,7 @@ test('markdown tables render with borderless layout', async () => {
 
 
 
+      esc go back   ^k actions                             powered by termcast.app
 
     "
   `)
@@ -166,7 +166,6 @@ test('two tables render side by side in a Row', async () => {
       ap-south-1  89ms                     /api/health  500
 
 
-      esc go back   ^k actions                             powered by termcast.app
 
 
 
@@ -183,6 +182,7 @@ test('two tables render side by side in a Row', async () => {
 
 
 
+      esc go back   ^k actions                             powered by termcast.app
 
     "
   `)

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

@@ -271,7 +271,7 @@ test('selecting first item with enter adds it to the list', async () => {
       │  Enter file path...
       │
       │  Selected files:
-      │  • /Users/morse/Documents/GitHub/termcast/termcast/src
+      │  • /Users/morse/Documents/GitHub/termcast/termcast/src ✕
       │  Choose a folder for output
       │
       ◇  Select Single File