termcast 1.4.0 → 1.5.0

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

@@ -80,13 +80,11 @@ test('list with detail view display and navigation', async () => {
        > Search Pokemon...
 
        bulbasaur #001                       │ ivysaur                           ▲
-      ›ivysaur #002                         │                                   █
-       charmander #004                      │
-       charmeleon #005                      │ Illustration
-       squirtle #007                        │ Types
-       wartortle #008                       │
-                                            │ Grass / Poison
-                                            │ Characteristics
+      ›ivysaur #002                         │ Illustration                      █
+       charmander #004                      │ Types
+       charmeleon #005                      │
+       squirtle #007                        │ Grass / Poison
+       wartortle #008                       │ Characteristics
                                             │
                                             │ - Height: 1m
                                             │ - Weight: 13kg
@@ -103,7 +101,9 @@ test('list with detail view display and navigation', async () => {
                                             │
                                             │ Poison
                                             │
-       ↵ toggle detail   ↑↓ navigate   ^k a │ ───────────────────────────────── ▼
+                                            │ ─────────────────────────────────
+                                            │
+       ↵ toggle detail   ↑↓ navigate   ^k a │ Characteristics                   ▼
 
     "
   `)
@@ -120,13 +120,11 @@ test('list with detail view display and navigation', async () => {
        > Search Pokemon...
 
        bulbasaur #001                       │ charmander                        ▲
-       ivysaur #002                         │                                   █
-      ›charmander #004                      │                                   ▀
-       charmeleon #005                      │ Illustration
-       squirtle #007                        │ Types
-       wartortle #008                       │
-                                            │ Fire
-                                            │ Characteristics
+       ivysaur #002                         │ Illustration                      █
+      ›charmander #004                      │ Types                             ▀
+       charmeleon #005                      │
+       squirtle #007                        │ Fire
+       wartortle #008                       │ Characteristics
                                             │
                                             │ - Height: 0.6m
                                             │ - Weight: 8.5kg
@@ -143,7 +141,9 @@ test('list with detail view display and navigation', async () => {
                                             │
                                             │ Characteristics
                                             │
-       ↵ toggle detail   ↑↓ navigate   ^k a │ Height:      0.6m                 ▼
+                                            │ Height:      0.6m
+                                            │
+       ↵ toggle detail   ↑↓ navigate   ^k a │ ───────────────────────────────── ▼
 
     "
   `)
@@ -163,8 +163,8 @@ test('list with detail view display and navigation', async () => {
        > Search Pokemon...
 
        bulbasaur #001                       │ charmander                        ▲
-       ivysaur #002                         │                                   █
-      ›charmander #004                      │                                   ▀
+       ivysaur #002                         │ Illustration                      █
+      ›charmander #004                      │ Types                             ▀
       ╭──────────────────────────────────────────────────────────────────────────╮
       │                                                                          │
       │   Actions                                                          esc   │
@@ -186,7 +186,7 @@ test('list with detail view display and navigation', async () => {
       │                                                                          │
       ╰──────────────────────────────────────────────────────────────────────────╯
                                             │
-       ↵ toggle detail   ↑↓ navigate   ^k a │ Height:      0.6m                 ▼
+       ↵ toggle detail   ↑↓ navigate   ^k a │ ───────────────────────────────── ▼
 
     "
   `)
@@ -304,10 +304,8 @@ test('list detail view search functionality', async () => {
        > char
 
       ›charmander #004                      │ charmander                        ▲
-       charmeleon #005                      │                                   █
-                                            │                                   ▀
-                                            │ Illustration
-                                            │ Types
+       charmeleon #005                      │ Illustration                      █
+                                            │ Types                             ▀
                                             │
                                             │ Fire
                                             │ Characteristics
@@ -327,7 +325,9 @@ test('list detail view search functionality', async () => {
                                             │
                                             │ Characteristics
                                             │
-       ↵ toggle detail   ↑↓ navigate   ^k a │ Height:      0.6m                 ▼
+                                            │ Height:      0.6m
+                                            │
+       ↵ toggle detail   ↑↓ navigate   ^k a │ ───────────────────────────────── ▼
 
     "
   `)
@@ -353,10 +353,8 @@ test('list detail view search functionality', async () => {
        > water
 
                                             │ wartortle                         ▲
-                                            │                                   █
-                  No items found            │                                   ▀
-                                            │ Illustration
-                                            │ Types
+                                            │ Illustration                      █
+                  No items found            │ Types                             ▀
                                             │
                                             │ Water
                                             │ Characteristics
@@ -376,7 +374,9 @@ test('list detail view search functionality', async () => {
                                             │
                                             │ Characteristics
                                             │
-       ↵ toggle detail   ↑↓ navigate   ^k a │ Height:    1m                     ▼
+                                            │ Height:    1m
+                                            │
+       ↵ toggle detail   ↑↓ navigate   ^k a │ ───────────────────────────────── ▼
 
     "
   `)
@@ -393,10 +393,8 @@ test('list detail view search functionality', async () => {
        > water
 
                                             │ wartortle                         ▲
-                                            │                                   █
-                  No items found            │                                   ▀
-                                            │ Illustration
-                                            │ Types
+                                            │ Illustration                      █
+                  No items found            │ Types                             ▀
                                             │
                                             │ Water
                                             │ Characteristics
@@ -416,7 +414,9 @@ test('list detail view search functionality', async () => {
                                             │
                                             │ Characteristics
                                             │
-       ↵ toggle detail   ↑↓ navigate   ^k a │ Height:    1m                     ▼
+                                            │ Height:    1m
+                                            │
+       ↵ toggle detail   ↑↓ navigate   ^k a │ ───────────────────────────────── ▼
 
     "
   `)
@@ -492,13 +492,11 @@ test('list detail metadata rendering', async () => {
        > Search Pokemon...
 
        bulbasaur #001                       │ squirtle                          ▲
-       ivysaur #002                         │                                   █
-       charmander #004                      │                                   ▀
-       charmeleon #005                      │ Illustration
-      ›squirtle #007                        │ Types
-       wartortle #008                       │
-                                            │ Water
-                                            │ Characteristics
+       ivysaur #002                         │ Illustration                      █
+       charmander #004                      │ Types                             ▀
+       charmeleon #005                      │
+      ›squirtle #007                        │ Water
+       wartortle #008                       │ Characteristics
                                             │
                                             │ - Height: 0.5m
                                             │ - Weight: 9kg
@@ -515,7 +513,9 @@ test('list detail metadata rendering', async () => {
                                             │
                                             │ Characteristics
                                             │
-       ↵ toggle detail   ↑↓ navigate   ^k a │ Height:    0.5m                   ▼
+                                            │ Height:    0.5m
+                                            │
+       ↵ toggle detail   ↑↓ navigate   ^k a │ ───────────────────────────────── ▼
 
     "
   `)
@@ -595,9 +595,7 @@ test('list with detail layout consistency - short vs long detail content', async
 
        Short Detail                         │ This item has extensive detail    ▲
       ›Long Detail                          │ content                           ▀
-       Another Item                         │
-                                            │
-                                            │ Section 1
+       Another Item                         │ Section 1
                                             │
                                             │ This is a very long description
                                             │ that contains multiple paragraphs
@@ -609,7 +607,9 @@ test('list with detail layout consistency - short vs long detail content', async
                                             │ More content here to ensure we
                                             │ have enough text to cause
                                             │ vertical overflow in the detail
-       ↑↓ navigate   ^k actions   :vim      │ panel scrollbox.                  ▼
+                                            │ panel scrollbox.
+                                            │ Section 3
+       ↑↓ navigate   ^k actions   :vim      │                                   ▼
 
     "
   `)

package/src/examples/simple-candle-chart.vitest.tsx

@@ -49,9 +49,9 @@ test('candle chart renders in list detail with axes', async () => {
        Mixed Components                               │        │ │▌▌▘▘        ▘▘
        BTC - Candles Real BTC/USD hourly candles      │ $61,957│  ││
        ETH - Candle + Line Candles plus closing line  │         12d        8d         4d         Now
-       SOL - Candle + Volume Candles plus volume spli │
+       SOL - Candle + VolumeCandles plus volume split │
        BTC vs ETH Side-by-side crypto leaders         │ Price:    $67,641
-       DOGE - Candle + Line Low-priced asset formatti │
+       DOGE - Candle + Lin Low-priced ...t formatting │
                                                       │ Change:   -0.2%
                                                       │
                                                       │ Category: Store of Value
@@ -151,9 +151,9 @@ test('candle + line overlay (mixed components)', async () => {
        Mixed Components                               │        12d        8d          4d         Now
        BTC - Candles Real BTC/USD hourly candles      │
       ›ETH - Candle + Line Candles plus closing line  │ $2,197│                           ⢠⣆⣠⡀
-       SOL - Candle + Volume Candles plus volume spli │       │       ⣴⣤⣤ ⣀         ⢠⣀   ⢠⣿⣿⣿⣷⣶⣦⡀
+       SOL - Candle + VolumeCandles plus volume split │       │       ⣴⣤⣤ ⣀         ⢠⣀   ⢠⣿⣿⣿⣷⣶⣦⡀
        BTC vs ETH Side-by-side crypto leaders         │ $1,997│      ⢰⣿⣿⣿⣿⣿⣇   ⣠⣷⣴⣄⣀⢸⣿⣶⣠⣤⣼⣿⣿⣿⣿⣿⣿⣧⣤⣤⣤
-       DOGE - Candle + Line Low-priced asset formatti │       │⣶⡄   ⣦⣾⣿⣿⣿⣿⣿⣿⣶⣶⢠⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
+       DOGE - Candle + Lin Low-priced ...t formatting │       │⣶⡄   ⣦⣾⣿⣿⣿⣿⣿⣿⣶⣶⢠⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
                                                       │ $1,797│⣿⣿⣷⣦⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
                                                       │        12d        8d          4d         Now
                                                       │
@@ -200,9 +200,9 @@ test('candle + volume bar chart (mixed components)', async () => {
        Mixed Components                               │        12d        8d          4d         Now
        BTC - Candles Real BTC/USD hourly candles      │
        ETH - Candle + Line Candles plus closing line  │   ┌Second half: 95.3%┐
-      ›SOL - Candle + Volume Candles plus volume spli │
+      ›SOL - Candle + VolumeCandles plus volume split │
        BTC vs ETH Side-by-side crypto leaders         │
-       DOGE - Candle + Line Low-priced asset formatti │ ────────────────────────────────────────────
+       DOGE - Candle + Lin Low-priced ...t formatting │ ────────────────────────────────────────────
                                                       │
                                                       │ Price:  $83.31
                                                       │
@@ -249,9 +249,9 @@ test('side-by-side candle charts in Row', async () => {
        Mixed Components                               │         30d        Now        30d        Now
        BTC - Candles Real BTC/USD hourly candles      │
        ETH - Candle + Line Candles plus closing line  │ ────────────────────────────────────────────
-       SOL - Candle + Volume Candles plus volume spli │
+       SOL - Candle + VolumeCandles plus volume split │
       ›BTC vs ETH Side-by-side crypto leaders         │ Price:  $67,641
-       DOGE - Candle + Line Low-priced asset formatti │
+       DOGE - Candle + Lin Low-priced ...t formatting │
                                                       │ Change: -0.2%
                                                       │
                                                       │

package/src/examples/simple-dotted-line-graph.tsx

@@ -0,0 +1,53 @@
+// Example: DottedLineGraph showing metric dashboard lines without box borders.
+
+import { Color, DottedLineGraph, Markdown } from 'termcast'
+import { renderWithProviders } from '../utils'
+
+const minutes = Array.from({ length: 60 }, (_, index) => {
+  if (index < 25) return 18
+  if (index < 35) return 74 + (index % 3) * 4
+  if (index < 57) return 20
+  return 66
+})
+
+const memory = Array.from({ length: 60 }, (_, index) => {
+  if (index < 24) return 34
+  if (index < 40) return 58 + (index % 5) * 3
+  return 36
+})
+
+const requests2xx = Array.from({ length: 60 }, (_, index) => {
+  if (index < 42) return 52
+  if (index < 56) return 43
+  return 63
+})
+
+const requests5xx = Array.from({ length: 60 }, (_, index) => {
+  if (index < 12) return 24
+  if (index < 45) return 30
+  return 28
+})
+
+function SimpleDottedLineGraph() {
+  return (
+    <>
+      <Markdown content="## Dotted metrics" />
+      <Markdown content="Metric-style dotted lines with braille subcell movement." />
+      <DottedLineGraph
+        height={12}
+        xLabels={['7:28 AM', '7:43 AM', '7:58 AM', '8:13 AM', '8:28 AM']}
+        yRange={[0, 100]}
+        yTicks={4}
+        yFormat={(value) => `${value.toFixed(0)}%`}
+        dotSpacing={4}
+      >
+        <DottedLineGraph.Series data={minutes} color={Color.Blue} title="CPU" />
+        <DottedLineGraph.Series data={memory} color={Color.Purple} title="Memory" />
+        <DottedLineGraph.Series data={requests2xx} color={Color.Green} title="2xx" />
+        <DottedLineGraph.Series data={requests5xx} color={Color.Red} title="5xx" />
+      </DottedLineGraph>
+    </>
+  )
+}
+
+void renderWithProviders(<SimpleDottedLineGraph />)

package/src/examples/simple-dotted-line-graph.vitest.tsx

@@ -0,0 +1,62 @@
+import { test, expect, afterEach, beforeEach } from 'vitest'
+import { launchTerminal, Session } from 'tuistory/src'
+
+let session: Session
+
+beforeEach(async () => {
+  session = await launchTerminal({
+    command: 'bun',
+    args: ['src/examples/simple-dotted-line-graph.tsx'],
+    cols: 90,
+    rows: 28,
+  })
+})
+
+afterEach(() => {
+  session?.close()
+})
+
+test('dotted line graph renders metric lines and legend', async () => {
+  const text = await session.text({
+    waitFor: (text) => {
+      return text.includes('Dotted metrics') && text.includes('CPU') && text.includes('│')
+    },
+    timeout: 10000,
+  })
+
+  expect(text).toMatchInlineSnapshot(`
+    "
+
+
+      Dotted metrics
+      Metric-style dotted lines with braille subcell movement.
+      100%│
+          │
+          │                                  ⠄⠈⢀ ⠄⠈⢀ ⠠⠈⢀ ⠠
+          │                                ⠠ ⠁  ⠁ ⠠ ⠁   ⠁⠰      ⠄
+       67%│                                ⠈⠊ ⠠ ⠂⠁ ⠂ ⠠⠐ ⠁ ⠂ ⠄⠐ ⠁⠐                      ⠐ ⡃⠃⠘
+          │⡀⢀⢀ ⡀⢀ ⡀⡀⢀ ⡀⢀⢀ ⡀⢀⢀ ⡀⢀ ⡀⡀⢀ ⡀⢀⢀ ⡀⢀⢁⠈⡁⢀ ⡀⡀⢀ ⡁⢀⢀ ⡀⢀⠂⡁⡀⢀ ⡀⡐⢀ ⡀                   ⠁⢀
+          │                                ⠁⠈             ⠐      ⠂  ⢄⢀ ⡀⢀ ⡀⡀⢀ ⡀⡀⢀ ⡀⢀⢀ ⡈ ⡀
+       33%│⡀⢀⢀ ⡀⢀ ⡀⡀⢀ ⡀⢀⢀ ⡀⢀⢀ ⡀⢀ ⡀⡀⢀ ⡀⢀⢀ ⡀⢈ ⠁             ⠐      ⠰ ⠄⠠⠠ ⠄⠠ ⠄⠄⠠ ⠄⠄⠠ ⠄⠠⠠ ⠄⠠⡀⠄⠄⠠
+          │                ⠐⠐ ⠂⠐ ⠂⠂⠐ ⠂⠐⠐ ⠂⠐⠐⠁⠂⠐ ⠂⠂⠐ ⠂⠐⠐ ⠂⠐⠐⠂⠂⠐ ⠂⠂⠐ ⠂⠐⠐ ⠂⠠ ⠄⠄⠠ ⠄⠄⠠ ⠄⠠⠠ ⠄⢠ ⠄⠄⠠
+          │⡁⢈⢈ ⡁⢈ ⡁⡁⢈ ⡁⢈⢈ ⡁⢀⢀ ⡀⢀ ⡀⡀⢀ ⡀⢀⢀ ⡀⢀⢈               ⠆⠄⠠ ⠄⠄⠠ ⠄⠠⠠ ⠄⠠ ⠄⠄⠠ ⠄⠄⠠ ⠄⠠⠠ ⠄⠠
+          │
+        0%│
+           7:28 AM          7:43 AM             7:58 AM             8:13 AM          8:28 AM
+           ● CPU  ● Memory  ● 2xx  ● 5xx
+
+
+
+
+
+
+
+
+
+    "
+  `)
+  expect(text).toContain('Dotted metrics')
+  expect(text).toContain('CPU')
+  expect(text).toContain('8:28 AM')
+  expect(text).toMatch(/[\u2800-\u28FF]/)
+}, 30000)

package/src/examples/simple-grid.vitest.tsx

@@ -228,7 +228,7 @@ test('grid search functionality', async () => {
        🚀 Rocket
        ⭐ Star
        🌙 Moon
-       ☀ Sun
+       ☀️ Sun
 
 
        ↵ show details   ↑↓ navigate   ^k actions   :vim
@@ -268,7 +268,7 @@ test('grid search functionality', async () => {
        🚀 Rocket
        ⭐ Star
        🌙 Moon
-       ☀ Sun
+       ☀️ Sun
 
 
        ↵ show details   ↑↓ navigate   ^k actions   :vim
@@ -342,7 +342,7 @@ test('grid search functionality', async () => {
        🚀 Rocket
        ⭐ Star
        🌙 Moon
-       ☀ Sun
+       ☀️ Sun
 
 
        ↵ show details   ↑↓ navigate   ^k actions   :vim
@@ -535,7 +535,7 @@ test('grid mouse interaction', async () => {
        🚀 Rocket
       ›⭐ Star
        🌙 Moon
-       ☀ Sun
+       ☀️ Sun
 
 
 

package/src/examples/simple-histogram.tsx

@@ -0,0 +1,90 @@
+// Example: Histogram component showing action distribution from an AI coding session.
+// Replicates the horizontal distribution table with colored dots, counts, percentages,
+// and bar visualization.
+
+import React from 'react'
+import { List, Histogram, Color } from 'termcast'
+import { renderWithProviders } from '../utils'
+
+// ── Data ─────────────────────────────────────────────────────────────
+
+interface SessionData {
+  title: string
+  subtitle: string
+  actions: Array<{ label: string; value: number; color?: Color.ColorLike }>
+}
+
+const sessions: SessionData[] = [
+  {
+    title: 'Session: refactor(dataset)',
+    subtitle: '257 steps · 47m 12s wall · 5.4M tokens',
+    actions: [
+      { label: 'user', value: 5, color: Color.Orange },
+      { label: 'think', value: 13, color: Color.SecondaryText },
+      { label: 'read', value: 44, color: '#00CCCC' },
+      { label: 'edit', value: 108, color: Color.Purple },
+      { label: 'bash', value: 64, color: Color.Yellow },
+      { label: 'write', value: 17, color: Color.Green },
+      { label: 'grep/glob', value: 6, color: Color.Blue },
+    ],
+  },
+  {
+    title: 'Session: add dark mode',
+    subtitle: '89 steps · 12m 30s wall · 1.2M tokens',
+    actions: [
+      { label: 'user', value: 8 },
+      { label: 'think', value: 20 },
+      { label: 'read', value: 15 },
+      { label: 'edit', value: 30 },
+      { label: 'bash', value: 12 },
+      { label: 'write', value: 4 },
+    ],
+  },
+  {
+    title: 'Session: fix auth bug',
+    subtitle: '42 steps · 5m 18s wall · 800K tokens',
+    actions: [
+      { label: 'think', value: 10 },
+      { label: 'read', value: 8 },
+      { label: 'edit', value: 15 },
+      { label: 'bash', value: 7 },
+      { label: 'grep/glob', value: 2 },
+    ],
+  },
+]
+
+// ── Component ────────────────────────────────────────────────────────
+
+function HistogramExample() {
+  return (
+    <List navigationTitle="Histogram Showcase" isShowingDetail={true}>
+      {sessions.map((session) => (
+        <List.Item
+          key={session.title}
+          title={session.title}
+          subtitle={session.subtitle}
+          detail={
+            <List.Item.Detail
+              metadata={
+                <List.Item.Detail.Metadata>
+                  <Histogram maxBarWidth={30}>
+                    {session.actions.map((action) => (
+                      <Histogram.Item
+                        key={action.label}
+                        label={action.label}
+                        value={action.value}
+                        color={action.color}
+                      />
+                    ))}
+                  </Histogram>
+                </List.Item.Detail.Metadata>
+              }
+            />
+          }
+        />
+      ))}
+    </List>
+  )
+}
+
+renderWithProviders(<HistogramExample />)

package/src/examples/simple-navigation.vitest.tsx

@@ -111,7 +111,7 @@ test('navigation between main and detail views', async () => {
        > Detail view - Press ESC to go back
 
        Details
-      ›This is the detail view for Second Item Press Enter to go back o
+      ›This is the d...r Second ItemPress Enter to g...to navigate back
 
 
 
@@ -220,7 +220,7 @@ test('navigation between main and detail views', async () => {
        > Detail view - Press ESC to go back
 
        Details
-      ›This is the detail view for Third Item Press Enter to go back or
+      ›This is the d...or Third Ite Press Enter to g...to navigate back
 
 
 
@@ -412,7 +412,7 @@ test('navigation with actions panel', async () => {
        > Detail view - Press ESC to go back
 
        Details
-      ›This is the detail view for Second Item Press Enter to go back o
+      ›This is the d...r Second ItemPress Enter to g...to navigate back
 
 
 
@@ -606,7 +606,7 @@ test('search functionality in main and detail views', async () => {
        > Detail view - Press ESC to go back
 
        Details
-      ›This is the detail view for First Item Press Enter to go back or
+      ›This is the d...or First Ite Press Enter to g...to navigate back
 
 
 

package/src/examples/swift-extension.vitest.tsx

@@ -82,7 +82,7 @@ afterEach(() => {
 test.skipIf(isLinux)('swift extension dev mode shows command list', async () => {
   // Wait for command list to appear
   const commandList = await session.text({
-    waitFor: (text) => /Swift List/i.test(text),
+    waitFor: (text) => /Swift Lis/i.test(text),
     timeout: 30000,
   })
 
@@ -96,7 +96,7 @@ test.skipIf(isLinux)('swift extension dev mode shows command list', async () =>
 
        Commands
       ›List Items Displays a simple list with some items           view
-       Swift List Displays a list of items returned by a Swift fun view
+       Swift Lis Displays a list of item...ned by a Swift function view
 
 
 
@@ -119,7 +119,7 @@ test.skipIf(isLinux)('swift extension dev mode shows command list', async () =>
 test.skipIf(isLinux)('swift extension runs Swift List command and shows items', async () => {
   // Wait for command list to appear
   await session.text({
-    waitFor: (text) => /Swift List/i.test(text),
+    waitFor: (text) => /Swift Lis/i.test(text),
     timeout: 30000,
   })
 

package/src/examples/toast-variations.vitest.tsx

@@ -137,7 +137,7 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-     ✗ Error  This is a very long error message that should wrap to multiple line
+     ✗ Error  This is a very long error message that should wrap to multiple li
     "
   `)
 
@@ -167,7 +167,7 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-     ✗ Warning  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do e
+     ✗ Warning  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do
     "
   `)
 
@@ -227,7 +227,7 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-     ✓ Update Available  Version 2.0 is ready to install  Install ctrl t Later ct
+     ✓ Update Available  Version 2.0 is ready to ins  Install ctrl t Later ctrl g
     "
   `)
 
@@ -257,7 +257,7 @@ test('toast variations display correctly', async () => {
        Error with Retry
 
 
-     ✓ Operation Completed Successfully  All files have been processed  View Resu
+     ✓ Operation Completed Successfully  All   View Results ctrl t Dismiss ctrl g
     "
   `)
 
@@ -319,7 +319,7 @@ test('toast variations display correctly', async () => {
       ›Error with Retry
 
 
-     ✗ Connection Failed  Unable to connect to the server. Please check your inte
+     ✗ Connection Failed  Unable to connect to the server. Please c  Retry ctrl t
     "
   `)
 }, 30000)

package/src/extensions/dev.vitest.tsx

@@ -59,10 +59,10 @@ test('dev command shows extension commands list', async () => {
 
        Commands
       ›List Items Displays a simple list with some items view
-       Search Items Search and filter through a list of  view
+       Sear...temsSearch and filter...gh a list of items view
        Google Oauth                                      view
-       usePromise Demo Shows how to use the usePromise h view
-       Show State Shows the current application state in view
+       useP...DemoShows how to use ...rom @raycast/utils view
+       Sh...ateShows the current a...tate in JSON format view
 
 
        ↵ run command   ↑↓ navigate   ^k actions   :vim
@@ -93,11 +93,11 @@ test('selecting command with arguments shows arguments form', async () => {
 
        > Search commands...
 
-       usePromise Demo Shows how to use the usePromise h view
-       Show State Shows the current application state in view
-      ›With Arguments Demonstrates command arguments (te view
-       Quick Action Copies current timestamp to clipb no-view
-       Throw Error Command that throws an error at root  view
+       useP...DemoShows how to use ...rom @raycast/utils view
+       Sh...ateShows the current a...tate in JSON format view
+      ›With...ent Demonstrates comm...assword, dropdown) view
+       Qui...ionCopies current ti...ut showing a view no-view
+       Thr...rrorCommand that throw...rror at root scope view