termcast 1.4.0 → 1.5.0

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

@@ -102,7 +102,7 @@ test('form dropdown shows inline options', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -162,7 +162,7 @@ test('form dropdown shows inline options', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -219,7 +219,7 @@ test('form dropdown shows inline options', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -344,7 +344,7 @@ test('form dropdown keyboard navigation', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -401,7 +401,7 @@ test('form dropdown keyboard navigation', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -458,7 +458,7 @@ test('form dropdown keyboard navigation', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -515,7 +515,7 @@ test('form dropdown keyboard navigation', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -580,7 +580,7 @@ test('form dropdown with default value', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -637,7 +637,7 @@ test('form dropdown with default value', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -708,7 +708,7 @@ test('selecting second-to-last visible item should not scroll', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █
@@ -765,7 +765,7 @@ test('selecting second-to-last visible item should not scroll', async () => {
 
 
 
-      ▪  Dropdown Component Demo                                       █
+      ▪︎  Dropdown Component Demo                                       █
       │  Test dropdown with sections, multiple selection, and more     █
       │  features                                                      █
       │                                                                █

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

@@ -53,7 +53,7 @@ test(
 
 
 
-        ▪  Form Scroll Test                                    ▀
+        ▪︎  Form Scroll Test                                    ▀
         │  Test scrolling behavior when navigating with Tab
         │
         ◆  Field 1

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

@@ -147,7 +147,7 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -207,7 +207,7 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -264,7 +264,7 @@ test('form tagpicker shows inline options', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -389,7 +389,7 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -446,7 +446,7 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -503,7 +503,7 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -560,7 +560,7 @@ test('form tagpicker keyboard navigation', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -625,7 +625,7 @@ test('form tagpicker with default value', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -682,7 +682,7 @@ test('form tagpicker with default value', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -746,7 +746,7 @@ test('form tagpicker with default value', async () => {
 
 
 
-      ▪  TagPicker Component Demo
+      ▪︎  TagPicker Component Demo
       │  Test tag picker with multiple selection support
       │
       ◆  Favorite Sport
@@ -770,7 +770,7 @@ test('form tagpicker with default value', async () => {
       │  ○ Poland
       │
       │
-      ▪  Submitted Data
+      ▪︎  Submitted Data
       │  {
       │    "sports": [
       │      "basketball"

package/src/examples/github.vitest.tsx

@@ -57,19 +57,19 @@ test.skipIf(!extensionExists)('github extension shows command list on launch', a
   // Wait for command list to appear (extension has multiple commands)
   // Don't match "Commands" alone - it falsely matches "Building 18 commands..." build log
   const initialView = await session.text({
-    waitFor: (text) => /My Pull Requests|Search Repositories/i.test(text),
+    waitFor: (text) => /My Pu.*uest|Search .*sitories/i.test(text),
     timeout: 30000,
   })
 
   // Wait for the full command list to render.
   // The list can paint the first item before all descendants are registered.
   await session.text({
-    waitFor: (text) => text.includes('My Pull Requests') && text.includes('Search Repositories'),
+    waitFor: (text) => text.includes('My Pu...uest') && text.includes('Search ...sitories'),
     timeout: 30000,
   })
 
-  expect(initialView).toContain('My Pull Requests')
-  expect(initialView).toContain('Search Repositories')
+  expect(initialView).toContain('My Pu...uest')
+  expect(initialView).toContain('Search ...sitories')
   expect(initialView).toMatchInlineSnapshot(`
     "
 
@@ -79,19 +79,19 @@ test.skipIf(!extensionExists)('github extension shows command list on launch', a
        > Search commands...
 
        Commands
-      ›My Pull Requests List pull requests you created, participated in, or  view
-       Search Pull Requests Search recent pull requests globally in all repo view
-       Create Pull Request Create a pull request in one of your GitHub repos view
-       My Issues List issues created by you, assigned to you or mentioning y view
+      ›My Pu...uest List pull requests you cre...d in, or were mentioned in. view
+       Search ...RequestsSearch recent pull reque...lly in all repositories. view
+       Create ...RequestCreate a pull request in...your GitHub repositories. view
+       My IssuesList issues created by you, ...ned to you or mentioning you. view
        Search Issues Search recent issues globally in all repositories.      view
        Create Issue Create an issue in one of your GitHub repositories.      view
        Create Branch Create a branch in one of your GitHub repositories      view
-       Search Repositories Search in your public or private repositories by  view
+       Search ...sitoriesSearch in your public or...te repositories by name. view
        My Latest Repositories List your repositories by latest updated       view
        My Starred Repositories List repositories you have starred            view
        Workflow Runs Manage workflow runs for a selected GitHub repository.  view
-       Notifications List inbox notifications from all repositories or a sel view
-       Search Discussions Search recent Discussions globally in all reposito view
+       Noti...ionsList inbox notifications fr...es or a selected repository. view
+       Search ...ussionsSearch recent Discussion...bally in all repositories view
        My Discussions Show your Discussions                                  view
        My Projects Show your Projects                                        view
 
@@ -108,7 +108,7 @@ test.skipIf(!extensionExists)('github extension shows command list on launch', a
 test.skipIf(!extensionExists)('github extension can navigate commands', async () => {
   // Wait for command list
   await session.text({
-    waitFor: (text) => text.includes('My Pull Requests') && text.includes('Search Repositories'),
+    waitFor: (text) => text.includes('My Pu...uest') && text.includes('Search ...sitories'),
     timeout: 30000,
   })
 
@@ -128,19 +128,19 @@ test.skipIf(!extensionExists)('github extension can navigate commands', async ()
        > Search commands...
 
        Commands
-       My Pull Requests List pull requests you created, participated in, or  view
-       Search Pull Requests Search recent pull requests globally in all repo view
-      ›Create Pull Request Create a pull request in one of your GitHub repos view
-       My Issues List issues created by you, assigned to you or mentioning y view
+       My Pu...uest List pull requests you cre...d in, or were mentioned in. view
+       Search ...RequestsSearch recent pull reque...lly in all repositories. view
+      ›Create ...RequestCreate a pull request in...your GitHub repositories. view
+       My IssuesList issues created by you, ...ned to you or mentioning you. view
        Search Issues Search recent issues globally in all repositories.      view
        Create Issue Create an issue in one of your GitHub repositories.      view
        Create Branch Create a branch in one of your GitHub repositories      view
-       Search Repositories Search in your public or private repositories by  view
+       Search ...sitoriesSearch in your public or...te repositories by name. view
        My Latest Repositories List your repositories by latest updated       view
        My Starred Repositories List repositories you have starred            view
        Workflow Runs Manage workflow runs for a selected GitHub repository.  view
-       Notifications List inbox notifications from all repositories or a sel view
-       Search Discussions Search recent Discussions globally in all reposito view
+       Noti...ionsList inbox notifications fr...es or a selected repository. view
+       Search ...ussionsSearch recent Discussion...bally in all repositories view
        My Discussions Show your Discussions                                  view
        My Projects Show your Projects                                        view
 
@@ -157,7 +157,7 @@ test.skipIf(!extensionExists)('github extension can navigate commands', async ()
 test.skipIf(!extensionExists)('github extension can open actions panel', async () => {
   // Wait for command list
   await session.text({
-    waitFor: (text) => /My Pull Requests|Search Repositories/i.test(text),
+    waitFor: (text) => /My Pu.*uest|Search .*sitories/i.test(text),
     timeout: 30000,
   })
 
@@ -209,7 +209,7 @@ test.skipIf(!extensionExists)('github extension can open actions panel', async (
 test.skipIf(!extensionExists)('github extension can search commands', async () => {
   // Wait for command list
   await session.text({
-    waitFor: (text) => /My Pull Requests|Search Repositories/i.test(text),
+    waitFor: (text) => /My Pu.*uest|Search .*sitories/i.test(text),
     timeout: 30000,
   })
 
@@ -219,7 +219,7 @@ test.skipIf(!extensionExists)('github extension can search commands', async () =
   await session.type('workflow')
 
   const filteredList = await session.text({
-    waitFor: (text) => /Workflow Runs/i.test(text) && !/My Pull Requests/i.test(text),
+    waitFor: (text) => /Workflow Runs/i.test(text) && !/My Pu.*uest/i.test(text),
     timeout: 5000,
   })
 

package/src/examples/graph-bar-chart.vitest.tsx

@@ -36,7 +36,7 @@ test('initial render shows bar chart for Monthly Budget', async () => {
 
       ›Monthly Budget Spent / Remaining / Savings     │ ┌Spent: 78.6%┐
        Disk Usage System / Apps / Media / Free        │
-       Investment Portfolio Stocks / Bonds / Cash / C │
+       Inves...tfolioStocks / Bonds...o / Real Estate │
        CPU Time User / System / IO Wait / Idle        │ ────────────────────────────────────────────
        Revenue by Product 6 product lines             │
        A/B Test Split Control vs Variant (50/50)      │ Total: $6,174
@@ -45,7 +45,7 @@ test('initial render shows bar chart for Monthly Budget', async () => {
        Equal Distribution 10 equal segments           │
        Custom Colors Explicit color per segment       │ Saved: 10.0%
        Needs vs Wants 50/30/20 budget rule            │
-       Stress Test (20 items) Many small equal segmen │
+       Stress Test (20 items Many small...al segments │
                                                       │
                                                       │
        ↵ open detail   ↑↓ navigate   ^k actions   :vi │
@@ -93,7 +93,7 @@ test('navigate to Market Share - dominant + tiny segments', async () => {
 
        Monthly Budget Spent / Remaining / Savings     │ ┌Leader: 85.0%┐
        Disk Usage System / Apps / Media / Free        │
-       Investment Portfolio Stocks / Bonds / Cash / C │
+       Inves...tfolioStocks / Bonds...o / Real Estate │
        CPU Time User / System / IO Wait / Idle        │ ────────────────────────────────────────────
        Revenue by Product 6 product lines             │
        A/B Test Split Control vs Variant (50/50)      │ HHI:      7,264 (monopoly)
@@ -102,7 +102,7 @@ test('navigate to Market Share - dominant + tiny segments', async () => {
        Equal Distribution 10 equal segments           │
        Custom Colors Explicit color per segment       │ Visible:  Tiny ones hidden
        Needs vs Wants 50/30/20 budget rule            │
-       Stress Test (20 items) Many small equal segmen │
+       Stress Test (20 items Many small...al segments │
                                                       │
                                                       │
        ↵ open detail   ↑↓ navigate   ^k actions   :vi │
@@ -149,7 +149,7 @@ test('navigate to Equal Distribution - 10 segments', async () => {
 
        Monthly Budget Spent / Remaining / Savings     │
        Disk Usage System / Apps / Media / Free        │
-       Investment Portfolio Stocks / Bonds / Cash / C │ ────────────────────────────────────────────
+       Inves...tfolioStocks / Bonds...o / Real Estate │ ────────────────────────────────────────────
        CPU Time User / System / IO Wait / Idle        │
        Revenue by Product 6 product lines             │ Segments: 10
        A/B Test Split Control vs Variant (50/50)      │
@@ -158,7 +158,7 @@ test('navigate to Equal Distribution - 10 segments', async () => {
       ›Equal Distribution 10 equal segments           │
        Custom Colors Explicit color per segment       │
        Needs vs Wants 50/30/20 budget rule            │
-       Stress Test (20 items) Many small equal segmen │
+       Stress Test (20 items Many small...al segments │
                                                       │
                                                       │
        ↵ open detail   ↑↓ navigate   ^k actions   :vi │
@@ -205,7 +205,7 @@ test('navigate to Stress Test - 20 segments', async () => {
 
        Monthly Budget Spent / Remaining / Savings     │
        Disk Usage System / Apps / Media / Free        │
-       Investment Portfolio Stocks / Bonds / Cash / C │ ────────────────────────────────────────────
+       Inves...tfolioStocks / Bonds...o / Real Estate │ ────────────────────────────────────────────
        CPU Time User / System / IO Wait / Idle        │
        Revenue by Product 6 product lines             │ Segments: 20
        A/B Test Split Control vs Variant (50/50)      │
@@ -214,7 +214,7 @@ test('navigate to Stress Test - 20 segments', async () => {
        Equal Distribution 10 equal segments           │
        Custom Colors Explicit color per segment       │
        Needs vs Wants 50/30/20 budget rule            │
-      ›Stress Test (20 items) Many small equal segmen │
+      ›Stress Test (20 items Many small...al segments │
                                                       │
                                                       │
        ↵ open detail   ↑↓ navigate   ^k actions   :vi │

package/src/examples/graph-multi-series.tsx

@@ -24,7 +24,7 @@ function GraphMultiSeries() {
     <Detail
       markdown="# Multi-Series Chart"
       metadata={
-        <Graph height={12} xLabels={xLabels} yTicks={5}>
+        <Graph variant='area' height={12} xLabels={xLabels} yTicks={5}>
           <Graph.Line data={prices} color={Color.Orange} title="Price" />
           <Graph.Line data={sma} color={Color.Blue} title="SMA(5)" />
         </Graph>

package/src/examples/graph-row.vitest.tsx

@@ -32,13 +32,13 @@ test('side detail shows two graphs in a row', async () => {
 
        > Search...
 
-      ›CPU vs Memory Area + Filled side by side       │                                             ▲
+      ›CPU vs Memory Area + Filled side by side       │ CPU vs Memory                               ▲
        Disk I/O Read vs Write operations              │                                             █
        Revenue vs Expenses Striped comparison         │                                             █
-       Weather Station Temperature + Humidity         │                                             █
-       Mixed Variants Area left, Striped right        │                                             █
-       Sparse Data (Zeros) Filled vs Striped with zer │                                             █
-                                                      │                                             █
+       Weather Station Temperature + Humidity         │ Area chart (left) shows CPU with high       █
+       Mixed Variants Area left, Striped right        │ variance.                                   █
+       Sparse ...(Zeros Filled vs Str...h zero values │ Filled chart (right) shows memory steadily  █
+                                                      │ climbing.                                   █
                                                       │                                             █
                                                       │ 100│            ⡀     100│                  █
                                                       │    │     ⡄     ⣼⣷⡀       │             ▖▖▌▌ █
@@ -48,7 +48,7 @@ test('side detail shows two graphs in a row', async () => {
                                                       │  33│⣀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧  33│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
                                                       │    │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
                                                       │   0│⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿   0│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
-                                                      │     0h 6h  12h 18h24h     0h 6h  12h 18h24h
+                                                      │     0h 6h  12h 18h        0h 6h  12h 18h
                                                       │
                                                       │ ───────────────────────────────────────────
                                                       │
@@ -156,7 +156,7 @@ test('esc returns from detail to list', async () => {
        Revenue vs Expenses Striped comparison         │                                             █
        Weather Station Temperature + Humidity         │ Area chart (left) shows CPU with high       █
        Mixed Variants Area left, Striped right        │ variance.                                   █
-       Sparse Data (Zeros) Filled vs Striped with zer │ Filled chart (right) shows memory steadily  █
+       Sparse ...(Zeros Filled vs Str...h zero values │ Filled chart (right) shows memory steadily  █
                                                       │ climbing.                                   █
                                                       │                                             █
                                                       │ 100│            ⡀     100│                  █
@@ -167,7 +167,7 @@ test('esc returns from detail to list', async () => {
                                                       │  33│⣀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧  33│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
                                                       │    │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
                                                       │   0│⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿   0│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
-                                                      │     0h 6h  12h 18h24h     0h 6h  12h 18h24h
+                                                      │     0h 6h  12h 18h        0h 6h  12h 18h
                                                       │
                                                       │ ───────────────────────────────────────────
                                                       │
@@ -183,7 +183,7 @@ test('esc returns from detail to list', async () => {
 test('sparse data with zeros shows baseline', async () => {
   await session.text({
     waitFor: (text) => {
-      return text.includes('Sparse Data')
+      return text.includes('Sparse ...')
     },
     timeout: 10000,
   })
@@ -195,7 +195,7 @@ test('sparse data with zeros shows baseline', async () => {
 
   const text = await session.text({
     waitFor: (text) => {
-      return text.includes('›Sparse Data')
+      return text.includes('›Sparse ...')
     },
     timeout: 5000,
   })
@@ -213,7 +213,7 @@ test('sparse data with zeros shows baseline', async () => {
        Revenue vs Expenses Striped comparison         │                                             █
        Weather Station Temperature + Humidity         │ Data with many zero values should show a    █
        Mixed Variants Area left, Striped right        │ thin                                        █
-      ›Sparse Data (Zeros) Filled vs Striped with zer │ baseline line so bars are visible even at   █
+      ›Sparse ...(Zeros Filled vs Str...h zero values │ baseline line so bars are visible even at   █
                                                       │ zero.                                       █
                                                       │                                             █
                                                       │ 100│              ▖   100│              ▖   █
@@ -224,7 +224,7 @@ test('sparse data with zeros shows baseline', async () => {
                                                       │  33│   ▖ ▌▌▌ ▌▌▖ ▌▌▌   33│   ▖ ▌▌▌ ▌▌▖ ▌▌▌
                                                       │    │  ▌▌▌▌▌▌▌▌▌▌ ▌▌▌     │  ▌▌▌▌▌▌▌▌▌▌ ▌▌▌
                                                       │   0│▖▌▌▌▌▌▌▌▌▌▌▌▖▌▌▌▖   0│▖▌▌▌▌▌▌▌▌▌▌▌▖▌▌▌▖
-                                                      │     0h 6h  12h 18h24h     0h 6h  12h 18h24h
+                                                      │     0h 6h  12h 18h        0h 6h  12h 18h
                                                       │
                                                       │ ───────────────────────────────────────────
                                                       │
@@ -234,7 +234,7 @@ test('sparse data with zeros shows baseline', async () => {
     "
   `)
 
-  expect(text).toContain('›Sparse Data')
+  expect(text).toContain('›Sparse ...')
 }, 30000)
 
 test('navigate to striped pair', async () => {
@@ -269,7 +269,7 @@ test('navigate to striped pair', async () => {
       ›Revenue vs Expenses Striped comparison         │                                             █
        Weather Station Temperature + Humidity         │ Revenue growing faster than expenses.       █
        Mixed Variants Area left, Striped right        │ Profit margin widening over the year.       █
-       Sparse Data (Zeros) Filled vs Striped with zer │ - Revenue: $10k** to **$75k                 █
+       Sparse ...(Zeros Filled vs Str...h zero values │ - Revenue: $10k** to **$75k                 █
                                                       │ - Expenses: $8k** to **$45k
                                                       │
                                                       │ 78│                 ▖ 47│                 ▖