termcast 1.3.21 → 1.3.25

package/src/examples/file-autocomplete.vitest.tsx

@@ -16,18 +16,19 @@ afterEach(() => {
   session?.close()
 })
 
-test('autocomplete shows on ./ input with proper background', async () => {
+test('autocomplete shows flat file list in dialog', async () => {
   await session.text({
     waitFor: (text) => text.includes('Select Files') && text.includes('Select Folder'),
   })
 
+  // Navigate to folder picker (canChooseDirectories=true)
   await session.press('tab')
   await session.press('tab')
 
-  await session.type('./')
+  await session.type('s')
 
   const snapshot = await session.text({
-    waitFor: (text) => text.includes('📁'),
+    waitFor: (text) => text.includes('Filter:') && text.includes('📁'),
   })
   expect(snapshot).toMatchInlineSnapshot(`
     "
@@ -37,74 +38,28 @@ test('autocomplete shows on ./ input with proper background', async () => {
 
     ◇  Your Name
     │  John Doe
-    │  ┌────────────────────────────────────────────────────────────┐
-    ◇  │ 📁 dist                                                    │
-    │  │ 📁 fixtures                                                │
-    │  │ 📁 node_modules                                            │
-    │  │ 📁 src                                                     │
-    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
-    ◆  └────────────────────────────────────────────────────────────┘
-    ┃  ./
-    ┃
-    ┃  Choose a folder for output
-    ┃
-    ◇  Select Single File
-    │  Enter file path...
     │
-    │  Choose exactly one file
-    │
-    └
-
-
-
-
-     ctrl ↵ submit   ↑↓ navigate   ^k actions"
-  `)
-}, 10000)
-
-test('autocomplete dropdown covers background content', async () => {
-  await session.text({
-    waitFor: (text) => text.includes('Select Files'),
-  })
-
-  await session.press('tab')
-  await session.press('tab')
-
-  await session.type('src/')
-
-  const snapshot = await session.text({
-    waitFor: (text) => text.includes('📁 apis'),
-  })
-  expect(snapshot).toMatchInlineSnapshot(`
-    "
-
-
-       ┌────────────────────────────────────────────────────────────┐
-       │ 📁 apis                                                    │
-    ◇  │ 📁 components                                              │
-    │  │ 📁 examples                                                │
-    │  │ 📁 extensions                                              │
-    ◇  │ 📁 hooks                                                   │
-    │  │ 📁 internal                                                │
-    │  │ 📁 store-api                                               │
-    │  │ 📁 utils                                                   │
-    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
-    ◆  └────────────────────────────────────────────────────────────┘
-    ┃  src/
-    ┃
-    ┃  Choose a folder for output
-    ┃
-    ◇  Select Single File
+    ◇  Select Files
     │  Enter file path...
-    │
-    │  Choose exactly one file
-    │
-    └
-
-
-
-
-     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+    │┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    │┃
+    │┃ Filter: s
+    ◆┃
+    │┃  📁 extensions/
+    │┃  📁 extensions/messages/
+    │┃  📁 extensions/messages/assets/
+    │┃  📁 extensions/messages/metadata/
+    ◇┃  📁 extensions/messages/src/
+    │┃  📁 extensions/messages/src/api/
+    │┃  📁 extensions/messages/src/components/
+    │┃  📁 extensions/messages/src/hooks/
+    │┃  📁 extensions/messages/src/tools/
+    └┃  📁 extensions/messages/swift/
+     ┃
+     ┃ ↑↓ navigate  ⏎/tab select  esc close
+     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+     ctrl ↵ submit   tab navigate   ^k actions"
   `)
 }, 10000)
 
@@ -115,10 +70,10 @@ test('autocomplete navigation with down/up keys', async () => {
 
   await session.press('tab')
   await session.press('tab')
-  await session.type('src/')
+  await session.type('s')
 
   await session.text({
-    waitFor: (text) => text.includes('📁 apis'),
+    waitFor: (text) => text.includes('📁'),
   })
 
   await session.press('down')
@@ -129,32 +84,32 @@ test('autocomplete navigation with down/up keys', async () => {
     "
 
 
-       ┌────────────────────────────────────────────────────────────┐
-       │ 📁 apis                                                    │
-    ◇  │ 📁 components                                              │
-    │  │ 📁 examples                                                │
-    │  │ 📁 extensions                                              │
-    ◇  │ 📁 hooks                                                   │
-    │  │ 📁 internal                                                │
-    │  │ 📁 store-api                                               │
-    │  │ 📁 utils                                                   │
-    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
-    ◆  └────────────────────────────────────────────────────────────┘
-    ┃  src/
-    ┃
-    ┃  Choose a folder for output
-    ┃
-    ◇  Select Single File
-    │  Enter file path...
-    │
-    │  Choose exactly one file
-    │
-    └
-
-
 
 
-     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+    ◇  Your Name
+    │  John Doe
+    │
+    ◇  Select Files
+    │  Enter file path...
+    │┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    │┃
+    │┃ Filter: s
+    ◆┃
+    │┃  📁 extensions/
+    │┃  📁 extensions/messages/
+    │┃  📁 extensions/messages/assets/
+    │┃  📁 extensions/messages/metadata/
+    ◇┃  📁 extensions/messages/src/
+    │┃  📁 extensions/messages/src/api/
+    │┃  📁 extensions/messages/src/components/
+    │┃  📁 extensions/messages/src/hooks/
+    │┃  📁 extensions/messages/src/tools/
+    └┃  📁 extensions/messages/swift/
+     ┃
+     ┃ ↑↓ navigate  ⏎/tab select  esc close
+     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+     ctrl ↵ submit   tab navigate   ^k actions"
   `)
 
   await session.press('up')
@@ -164,52 +119,102 @@ test('autocomplete navigation with down/up keys', async () => {
     "
 
 
-       ┌────────────────────────────────────────────────────────────┐
-       │ 📁 apis                                                    │
-    ◇  │ 📁 components                                              │
-    │  │ 📁 examples                                                │
-    │  │ 📁 extensions                                              │
-    ◇  │ 📁 hooks                                                   │
-    │  │ 📁 internal                                                │
-    │  │ 📁 store-api                                               │
-    │  │ 📁 utils                                                   │
-    │  │ ↑↓ navigate  ⏎ open folder  ⇥ select folder  esc close     │
-    ◆  └────────────────────────────────────────────────────────────┘
-    ┃  src/
-    ┃
-    ┃  Choose a folder for output
-    ┃
-    ◇  Select Single File
-    │  Enter file path...
-    │
-    │  Choose exactly one file
+
+
+    ◇  Your Name
+    │  John Doe
     │
-    └
+    ◇  Select Files
+    │  Enter file path...
+    │┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    │┃
+    │┃ Filter: s
+    ◆┃
+    │┃  📁 extensions/
+    │┃  📁 extensions/messages/
+    │┃  📁 extensions/messages/assets/
+    │┃  📁 extensions/messages/metadata/
+    ◇┃  📁 extensions/messages/src/
+    │┃  📁 extensions/messages/src/api/
+    │┃  📁 extensions/messages/src/components/
+    │┃  📁 extensions/messages/src/hooks/
+    │┃  📁 extensions/messages/src/tools/
+    └┃  📁 extensions/messages/swift/
+     ┃
+     ┃ ↑↓ navigate  ⏎/tab select  esc close
+     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+     ctrl ↵ submit   tab navigate   ^k actions"
+  `)
+}, 10000)
+
+test('file picker shows only files, not folders', async () => {
+  await session.text({
+    waitFor: (text) => text.includes('Select Files'),
+  })
+
+  // Navigate to file picker (canChooseFiles=true, canChooseDirectories=false)
+  await session.press('tab') // to Select Files field
+
+  await session.type('t')
+
+  const snapshot = await session.text({
+    waitFor: (text) => text.includes('Filter:') && text.includes('📄'),
+  })
+  
+  // Should show files (📄) not folders (📁)
+  expect(snapshot).toMatchInlineSnapshot(`
+    "
 
 
 
 
-     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+    ◇  Your Name
+    │  John Doe
+    │
+    ◆  Select Files
+    │  t
+    │┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+    │┃
+    │┃ Filter: t
+    ◇┃
+    │┃  📄 ARCHITECTURE.md
+    │┃  📄 EXTENSIONS.md
+    │┃  📄 OAUTH_SETUP.md
+    │┃  📄 RAYCAST_SCROLLING.md
+    ◇┃  📄 TESTING_RAYCAST_EXTENSIONS.md
+    │┃  📄 bunfig.toml
+    │┃  📄 extensions/messages/CHANGELOG.md
+    │┃  📄 extensions/messages/README.md
+    │┃  📄 extensions/messages/assets/apple-messages-icon.png
+    └┃  📄 extensions/messages/bun.lock
+     ┃
+     ┃ ↑↓ navigate  ⏎/tab select  esc close
+     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+     ctrl ↵ submit   tab navigate   ^k actions"
   `)
+  expect(snapshot).toContain('📄')
+  expect(snapshot).not.toContain('📁')
 }, 10000)
 
-test('escape closes autocomplete', async () => {
+test('escape closes autocomplete and form stays visible', async () => {
   await session.text({
     waitFor: (text) => text.includes('Select Files'),
   })
 
   await session.press('tab')
   await session.press('tab')
-  await session.type('./')
+  await session.type('s')
 
   await session.text({
-    waitFor: (text) => text.includes('📁'),
+    waitFor: (text) => text.includes('Filter:'),
   })
 
   await session.press('esc')
 
   const afterEsc = await session.text({
-    waitFor: (text) => !text.includes('📁'),
+    waitFor: (text) => text.includes('Select Folder') && !text.includes('Filter:'),
   })
   expect(afterEsc).toMatchInlineSnapshot(`
     "
@@ -226,10 +231,10 @@ test('escape closes autocomplete', async () => {
     │  Choose one or more files to upload
     │
     ◆  Select Folder
-    ┃  ./
-    ┃
-    ┃  Choose a folder for output
-    ┃
+    │  s
+    │
+    │  Choose a folder for output
+    │
     ◇  Select Single File
     │  Enter file path...
     │
@@ -240,6 +245,6 @@ test('escape closes autocomplete', async () => {
 
 
 
-     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+     ctrl ↵ submit   tab navigate   ^k actions"
   `)
 }, 10000)