termcast 1.3.51 → 1.3.52

package/src/components/list.tsx

@@ -1,9 +1,11 @@
 import {
   BoxRenderable,
+  MouseButton,
   ScrollBoxRenderable,
   TextAttributes,
   TextareaRenderable,
 } from '@opentui/core'
+import type { MouseEvent as OpenTUIMouseEvent } from '@opentui/core'
 import { useKeyboard, flushSync } from '@opentui/react'
 import React, {
     ReactElement,
@@ -763,7 +765,7 @@ function ListItemRow(props: {
   accessories?: ItemAccessory[]
   active?: boolean
   isShowingDetail?: boolean
-  onMouseDown?: () => void
+  onMouseDown?: (evt: OpenTUIMouseEvent) => void
   index?: number
   ref?: React.Ref<BoxRenderable>
 }) {
@@ -783,8 +785,8 @@ function ListItemRow(props: {
     }
   }
 
-  const handleMouseDown = () => {
-    props.onMouseDown?.()
+  const handleMouseDown = (evt: OpenTUIMouseEvent) => {
+    props.onMouseDown?.(evt)
   }
 
   const handleMouseOut = () => {
@@ -1391,9 +1393,9 @@ export const List: ListType = (props) => {
       .sort((a, b) => a.index - b.index)
     const currentItem = items.find((item) => item.index === selectedIndex)
 
-    // Handle Ctrl+K to show actions dialog via portal
+    // Handle Ctrl+K / Cmd+K to show actions dialog via portal
     // Always open — built-in actions (Change Theme, etc.) are always available
-    if (evt.name === 'k' && evt.ctrl) {
+    if (evt.name === 'k' && (evt.ctrl || evt.super)) {
       useStore.setState({ showActionsDialog: true })
       return
     }
@@ -1697,10 +1699,11 @@ const ListItem: ListItemType = (props) => {
   // Don't render if not visible
   if (!isVisible) return null
 
-  // Handle mouse click on item — always select and execute first action.
+  // Handle mouse click on item — left-click selects and executes first action,
+  // right-click selects and opens the actions dialog.
   // flushSync ensures React commits the new selectedIndex before Zustand
   // triggers auto-execute, so ActionPanel picks up the clicked item's actions.
-  const handleMouseDown = () => {
+  const handleMouseDown = (evt: OpenTUIMouseEvent) => {
     if (listContext && index !== -1) {
       if (!isActive && listContext.setSelectedIndex) {
         const setIdx = listContext.setSelectedIndex
@@ -1708,7 +1711,10 @@ const ListItem: ListItemType = (props) => {
           setIdx(index)
         })
       }
-      if (props.actions) {
+      if (evt.button === MouseButton.RIGHT) {
+        // Right-click opens the actions dialog
+        useStore.setState({ showActionsDialog: true })
+      } else if (props.actions) {
         useStore.setState({ shouldAutoExecuteFirstAction: true })
       }
     }
@@ -2240,9 +2246,9 @@ function EmptyViewContent(props: EmptyViewProps): any {
   useKeyboard((evt) => {
     if (!inFocus) return
 
-    // Handle Ctrl+K to show actions dialog via portal
+    // Handle Ctrl+K / Cmd+K to show actions dialog via portal
     // Always open — built-in actions (Change Theme, etc.) are always available
-    if (evt.name === 'k' && evt.ctrl) {
+    if (evt.name === 'k' && (evt.ctrl || evt.super)) {
       useStore.setState({ showActionsDialog: true })
       return
     }

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

@@ -87,10 +87,10 @@ test('many columns (20) clips with overflow hidden', async () => {
 
        > Search...
 
-       Weekly Traffic 3 channels across 6 d │
-       Revenue by Region EMEA / APAC / Amer │                             ███
-       Server Load CPU / Memory / IO        │ ███ ███             ███     ███ ██
-      ›Many Columns (20) Overflow test with │ ███ ███     ███     ███ ███ ███ ██
+       Weekly Traffic 3 channels across 6 d │ ███
+       Revenue by Region EMEA / APAC / Amer │ ███
+       Server Load CPU / Memory / IO        │ ███ ███         ███ ███ ███
+      ›Many Columns (20) Overflow test with │ ███ ███         ███ ███ ███ ███ ██
        Many Series (8) Legend overflow test │ ███ ███ ███ ███ ███ ███ ███ ███ ██
        Long Labels Labels wider than bar co │ ███ ███ ███ ███ ███ ███ ███ ███ ██
        Week 1 vs Week 2 Two graphs in a Row │ ███ ███ ███ ███ ███ ███ ███ ███ ██

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

@@ -35,7 +35,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 │
-       CPU Time User / System / IO Wait / Idle        │ ───────────────────────────────────────────
+       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
        Storage Full 100% used                         │
@@ -46,15 +46,15 @@ test('initial render shows bar chart for Monthly Budget', async () => {
        Stress Test (20 items) Many small equal segmen │
                                                       │
                                                       │
-                                                      │
-                                                      │
-                                                      │
-                                                      │
-                                                      │
-                                                      │
-                                                      │
        ↵ open detail   ↑↓ navigate   ^k actions       │
 
+
+
+
+
+
+
+
     "
   `)
   expect(text).toContain('Monthly Budget')

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

@@ -40,13 +40,13 @@ test('side detail shows two graphs in a row', async () => {
        Sparse Data (Zeros) Filled vs Striped with zer │ climbing.
                                                       │
                                                       │ 100│             ⡀     100│
-                                                      │    │     ⣠     ⢠⣾⣷⡀       │             ▄▄▀▀
-                                                      │  67│    ⣰⣿⣧   ⢀⣿⣿⣿⣇     67│        ▄▄▀▀▀▀▀▀▀
-                                                      │    │  ⢠⣷⣿⣿⣿⣆  ⣾⣿⣿⣿⣿⡄      │   ▄▄▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │    │ ⢀⣿⣿⣿⣿⣿⣿⣆⣸⣿⣿⣿⣿⣿⣿⣄     │▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │  33│⣀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧  33│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │    │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │   0│⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿   0│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+                                                      │    │     ⣠     ⢠⣾⣷⡀       │             ▖▖▌▌
+                                                      │  67│    ⣰⣿⣧   ⢀⣿⣿⣿⣇     67│        ▖▖▌▌▌▌▌▌▌
+                                                      │    │  ⢠⣷⣿⣿⣿⣆  ⣾⣿⣿⣿⣿⡄      │   ▖▖▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │    │ ⢀⣿⣿⣿⣿⣿⣿⣆⣸⣿⣿⣿⣿⣿⣿⣄     │▖▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │  33│⣀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧  33│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │    │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │   0│⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿   0│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
                                                       │     0h 6h   12h 18h24h     0h 6h  12h 18h24h
                                                       │
                                                       │ ────────────────────────────────────────────
@@ -96,17 +96,17 @@ test('enter pushes full detail with two graphs', async () => {
       Filled chart (right) shows memory steadily climbing.
 
       100│                                           100│
-         │                            ⢀⣠⣴⡄              │                                        ▄
-         │            ⣠⣦             ⣠⣿⣿⣿⣿⣦             │                               ▄▄▄▄▄▀▀▀▀▀
-         │          ⢠⣾⣿⣿⣷⡄         ⢀⣼⣿⣿⣿⣿⣿⣿⣷⡀           │                     ▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-       67│      ⢀⡀ ⣰⣿⣿⣿⣿⣿⣿⡄       ⢀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣷⡀        67│               ▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-         │     ⢠⣿⣿⣷⣿⣿⣿⣿⣿⣿⣿⣿⡄     ⢀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄         │        ▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-         │    ⣠⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⡀   ⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⡀       │  ▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-       33│  ⢀⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣤⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣄   33│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-         │⣀⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷    │▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-         │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-         │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-        0│⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿   0│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+         │                            ⢀⣠⣴⡄              │                                        ▖
+         │            ⣠⣦             ⣠⣿⣿⣿⣿⣦             │                               ▖▖▖▖▖▌▌▌▌▌
+         │          ⢠⣾⣿⣿⣷⡄         ⢀⣼⣿⣿⣿⣿⣿⣿⣷⡀           │                     ▖▖▖▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+       67│      ⢀⡀ ⣰⣿⣿⣿⣿⣿⣿⡄       ⢀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣷⡀        67│               ▖▖▖▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+         │     ⢠⣿⣿⣷⣿⣿⣿⣿⣿⣿⣿⣿⡄     ⢀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄         │        ▖▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+         │    ⣠⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⡀   ⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⡀       │  ▖▖▖▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+       33│  ⢀⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣤⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣄   33│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+         │⣀⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷    │▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+         │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+         │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+        0│⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿   0│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
 
 
       esc go back   ^k actions   ↵ Go Back                                     powered by termcast.app
@@ -159,13 +159,13 @@ test('esc returns from detail to list', async () => {
        Sparse Data (Zeros) Filled vs Striped with zer │ climbing.
                                                       │
                                                       │ 100│             ⡀     100│
-                                                      │    │     ⣠     ⢠⣾⣷⡀       │             ▄▄▀▀
-                                                      │  67│    ⣰⣿⣧   ⢀⣿⣿⣿⣇     67│        ▄▄▀▀▀▀▀▀▀
-                                                      │    │  ⢠⣷⣿⣿⣿⣆  ⣾⣿⣿⣿⣿⡄      │   ▄▄▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │    │ ⢀⣿⣿⣿⣿⣿⣿⣆⣸⣿⣿⣿⣿⣿⣿⣄     │▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │  33│⣀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧  33│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │    │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │   0│⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿   0│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+                                                      │    │     ⣠     ⢠⣾⣷⡀       │             ▖▖▌▌
+                                                      │  67│    ⣰⣿⣧   ⢀⣿⣿⣿⣇     67│        ▖▖▌▌▌▌▌▌▌
+                                                      │    │  ⢠⣷⣿⣿⣿⣆  ⣾⣿⣿⣿⣿⡄      │   ▖▖▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │    │ ⢀⣿⣿⣿⣿⣿⣿⣆⣸⣿⣿⣿⣿⣿⣿⣄     │▖▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │  33│⣀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧  33│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │    │⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿    │▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │   0│⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿   0│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
                                                       │     0h 6h   12h 18h24h     0h 6h  12h 18h24h
                                                       │
                                                       │ ────────────────────────────────────────────
@@ -215,14 +215,14 @@ test('sparse data with zeros shows baseline', async () => {
        Mixed Variants Area left, Striped right        │ baseline line so bars are visible even at
       ›Sparse Data (Zeros) Filled vs Striped with zer │ zero.
                                                       │
-                                                      │ 100│               ▄   100│              ▄
-                                                      │    │      ▄       ▄▀      │      ▄      ▄▀
-                                                      │  67│      ▀       ▀▀    67│      ▀      ▀▀
-                                                      │    │     ▀▀   ▄▀  ▀▀      │     ▀▀  ▄▀  ▀▀
-                                                      │    │     ▀▀   ▀▀  ▀▀▄     │     ▀▀  ▀▀  ▀▀▄
-                                                      │  33│   ▄ ▀▀▀  ▀▀▄▀▀▀▀   33│   ▄ ▀▀▀ ▀▀▄ ▀▀▀
-                                                      │    │  ▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀     │  ▀▀▀▀▀▀▀▀▀▀ ▀▀▀
-                                                      │   0│▁▀▀▀▀▀▀▀▁▀▀▀▀▀▀▀▀▁   0│▁▀▀▀▀▀▀▀▀▀▀▀▁▀▀▀▁
+                                                      │ 100│               ▖   100│              ▖
+                                                      │    │      ▖       ▖▌      │      ▖      ▖▌
+                                                      │  67│      ▌       ▌▌    67│      ▌      ▌▌
+                                                      │    │     ▌▌   ▖▌  ▌▌      │     ▌▌  ▖▌  ▌▌
+                                                      │    │     ▌▌   ▌▌  ▌▌▖     │     ▌▌  ▌▌  ▌▌▖
+                                                      │  33│   ▖ ▌▌▌  ▌▌▖▌▌▌▌   33│   ▖ ▌▌▌ ▌▌▖ ▌▌▌
+                                                      │    │  ▌▌▌▌▌▌ ▌▌▌▌▌▌▌▌     │  ▌▌▌▌▌▌▌▌▌▌ ▌▌▌
+                                                      │   0│▖▌▌▌▌▌▌▌▖▌▌▌▌▌▌▌▌▖   0│▖▌▌▌▌▌▌▌▌▌▌▌▖▌▌▌▖
                                                       │     0h 6h   12h 18h24h     0h 6h  12h 18h24h
                                                       │
                                                       │ ────────────────────────────────────────────
@@ -273,14 +273,14 @@ test('navigate to striped pair', async () => {
                                                       │ - Expenses: $8k to $45k
                                                       │
                                                       │
-                                                      │ 78│                 ▄ 47│                 ▄
-                                                      │   │              ▄▀▀▀   │             ▄▄▀▀▀
-                                                      │ 54│            ▄▀▀▀▀▀ 33│           ▄▄▀▀▀▀▀
-                                                      │   │         ▄▄▀▀▀▀▀▀▀   │         ▄▀▀▀▀▀▀▀▀
-                                                      │   │      ▄ ▀▀▀▀▀▀▀▀▀▀   │      ▄▄▀▀▀▀▀▀▀▀▀▀
-                                                      │ 31│    ▄▀▀▀▀▀▀▀▀▀▀▀▀▀ 20│    ▄▀▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │   │ ▄ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀   │  ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-                                                      │  7│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀  6│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+                                                      │ 78│                 ▖ 47│                 ▖
+                                                      │   │              ▖▌▌▌   │             ▖▖▌▌▌
+                                                      │ 54│            ▖▌▌▌▌▌ 33│           ▖▖▌▌▌▌▌
+                                                      │   │         ▖▖▌▌▌▌▌▌▌   │         ▖▌▌▌▌▌▌▌▌
+                                                      │   │      ▖ ▌▌▌▌▌▌▌▌▌▌   │      ▖▖▌▌▌▌▌▌▌▌▌▌
+                                                      │ 31│    ▖▌▌▌▌▌▌▌▌▌▌▌▌▌ 20│    ▖▌▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │   │ ▖ ▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌   │  ▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+                                                      │  7│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌  6│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
                                                       │    Jan  Apr  Jul  Oct    Jan  Apr  Jul  Oct
                                                       │
                                                       │ ───────────────────────────────────────────
@@ -291,5 +291,5 @@ test('navigate to striped pair', async () => {
   `)
 
   expect(text).toContain('›Revenue vs Expenses')
-  expect(text).toMatch(/[▄▀]/)
+  expect(text).toMatch(/[▌▘▖]/)
 }, 30000)

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

@@ -93,18 +93,18 @@ test('filled style renders block characters', async () => {
        Filled - Yellow CPU High contrast on │ Q2: $25k  → Q3: $50k (+100%)
        Filled - Magenta Waves Smooth curve  │ Q3: $50k  → Q4: $75k (+50%)
        Striped - Purple/Orange Warm alterna │
-       Striped - Blue/Red High contrast str │ 78│                             ▄
-       Striped - Theme Default primary + ac │   │                         ▄▀▄▀▀
-       Striped - Green/Yellow Nature-inspir │   │                     ▄▄▄▀▀▀▀▀▀
-       Striped - Red/Magenta Warm gradient  │ 54│                   ▄▀▀▀▀▀▀▀▀▀▀
-                                            │   │               ▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀
-                                            │   │           ▄ ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-       ↵ open detail   ↑↓ navigate   ^k act │ 31│         ▄▀▀▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▼
+       Striped - Blue/Red High contrast str │ 78│                             ▖
+       Striped - Theme Default primary + ac │   │                         ▖▌▖▌▌
+       Striped - Green/Yellow Nature-inspir │   │                     ▖▖▖▌▌▌▌▌▌
+       Striped - Red/Magenta Warm gradient  │ 54│                   ▖▌▌▌▌▌▌▌▌▌▌
+                                            │   │               ▖▖▖▌▌▌▌▌▌▌▌▌▌▌▌
+                                            │   │           ▖ ▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+       ↵ open detail   ↑↓ navigate   ^k act │ 31│         ▖▌▌▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌ ▼
 
     "
   `)
 
-  expect(text).toMatch(/[▄▀]/)
+  expect(text).toMatch(/[▌▘▖]/)
   expect(text).toContain('›Filled - Red')
 }, 30000)
 
@@ -136,16 +136,16 @@ test('striped style renders alternating columns', async () => {
 
        > Search...
 
-       Area - Stock Price Orange braille do │ 211│                            ▄ ▲
-       Area - Multi Series CPU + Memory ove │    │                         ▄▄▀▀ █
-       Area - Waves Purple + Magenta sine/c │    │                     ▄▄▄▀▀▀▀▀ █
-       Area - Blue Revenue Single series, a │ 189│                ▄▄▀▄▀▀▀▀▀▀▀▀▀
-       Filled - Red Revenue Solid block gro │    │             ▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀
-       Filled - Green Temp Daily temperatur │    │           ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-       Filled - Yellow CPU High contrast on │ 167│       ▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-       Filled - Magenta Waves Smooth curve  │    │    ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-      ›Striped - Purple/Orange Warm alterna │    │▄▀▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
-       Striped - Blue/Red High contrast str │ 145│▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+       Area - Stock Price Orange braille do │ 211│                            ▖ ▲
+       Area - Multi Series CPU + Memory ove │    │                         ▖▖▌▌ █
+       Area - Waves Purple + Magenta sine/c │    │                     ▖▖▖▌▌▌▌▌ █
+       Area - Blue Revenue Single series, a │ 189│                ▖▖▌▖▌▌▌▌▌▌▌▌▌
+       Filled - Red Revenue Solid block gro │    │             ▖▖▖▌▌▌▌▌▌▌▌▌▌▌▌▌
+       Filled - Green Temp Daily temperatur │    │           ▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+       Filled - Yellow CPU High contrast on │ 167│       ▖▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+       Filled - Magenta Waves Smooth curve  │    │    ▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+      ›Striped - Purple/Orange Warm alterna │    │▖▌▖▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
+       Striped - Blue/Red High contrast str │ 145│▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌▌
        Striped - Theme Default primary + ac │     1      5     10     15     20
        Striped - Green/Yellow Nature-inspir │
        Striped - Red/Magenta Warm gradient  │ ─────────────────────────────────
@@ -156,7 +156,7 @@ test('striped style renders alternating columns', async () => {
     "
   `)
 
-  expect(text).toMatch(/[▄▀]/)
+  expect(text).toMatch(/[▌▘▖]/)
   expect(text).toContain('›Striped - Purple')
 }, 30000)
 

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

@@ -43,37 +43,37 @@ test('renders calendar heatmaps with various color combinations', async () => {
       terminal width are truncated from the left.
 
       May      Jun        Jul      Aug        Sep      Oct      Nov
-      ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼
-      ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  Mon
-      ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼
-      ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  Wed
-      ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼
-      ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  Fri
-      ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼
-                                                       Less ◼ ◼ ◼ ◼ ◼ More
+      ◼ ◼   ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼    ◼ ◼ ◼ ◼    ◼ ◼ ◼  ◼ ◼   ◼  ◼ ◼ ◼   ◼
+      ■ ◼ ◼ ◼  ■ ■ ◼ ◼ ◼  ■ ■ ■ ◼  ◼ ◼ ■ ■ ◼  ◼ ◼ ■ ■  ■ ◼ ◼ ■  ■ ■ ◼ ◼ ◼  Mon
+      ■ ◼ ◼ ◼  ■ ■ ◼ ◼ ◼  ■ ■ ■ ◼  ◼ ■ ■ ■ ◼  ◼ ◼ ■ ■  ■ ◼ ◼ ■  ■ ■ ◼ ◼ ◼
+      ■ ◼ ◼ ◼  ■ ■ ◼ ◼ ◼  ■ ■ ■ ◼  ◼ ■ ■ ■ ◼  ◼ ◼ ■ ■  ◼ ◼ ◼ ■  ■ ■ ◼ ◼ ■  Wed
+      ■ ◼ ◼ ■  ■ ■ ◼ ◼ ◼  ■ ■ ◼ ◼  ◼ ■ ■ ■ ◼  ◼ ◼ ■ ■  ◼ ◼ ◼ ■  ■ ■ ◼ ◼ ■
+      ■ ◼ ◼ ■  ■ ■ ◼ ◼ ◼  ■ ■ ◼ ◼  ◼ ■ ■ ■ ◼  ◼ ■ ■ ■  ◼ ◼ ◼ ■  ■ ◼ ◼ ◼ ■  Fri
+      ◼   ◼ ◼  ◼ ◼ ◼   ◼  ◼ ◼ ◼    ◼ ◼ ◼ ◼    ◼ ◼ ◼ ◼  ◼   ◼ ◼  ◼ ◼   ◼
+                                                       Less   ◼ ◼ ■ ■ More
 
       Journal — summer + winter entries in green, with a fall gap between the two
       ranges.
 
       Jun        Jul      Aug        Sep  Jan      Feb
-      ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼
-      ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼  Mon
-      ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼
-      ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼  Wed
-      ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼
-      ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼  Fri
-      ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼
-                                      Less ◼ ◼ ◼ ◼ ◼ More
+      ◼ ◼ ◼ ◼    ◼ ◼ ◼ ◼    ◼ ◼ ◼ ◼  ◼      ◼ ◼ ◼  ◼   ◼
+      ■ ■ ■ ◼ ◼  ◼ ■ ■ ◼  ◼ ◼ ■ ■ ■  ◼ ◼  ◼ ■ ■ ■  ◼ ◼ ◼  Mon
+      ■ ■ ■ ◼ ◼  ◼ ■ ■ ◼  ◼ ◼ ■ ■ ■  ◼ ◼  ◼ ■ ■ ■  ◼ ◼ ◼
+      ■ ■ ■ ◼ ◼  ■ ■ ■ ◼  ◼ ◼ ■ ■ ■  ◼ ◼  ◼ ■ ■ ■  ◼ ◼ ◼  Wed
+      ■ ■ ■ ◼ ◼  ■ ■ ■ ◼  ◼ ◼ ■ ■ ◼  ◼ ◼  ◼ ■ ■ ■  ◼ ◼
+      ■ ■ ◼ ◼ ◼  ■ ■ ■ ◼  ◼ ◼ ■ ■ ◼  ◼    ◼ ■ ■ ■  ◼ ◼    Fri
+      ◼ ◼ ◼   ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼       ◼ ◼ ◼ ◼    ◼
+                                      Less   ◼ ◼ ■ ■ More
 
       Recent activity — last 150 days in red, showing the sine-wave pattern clearly.
 
       Se Oct      Nov        Dec      Jan      Feb
-      ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼
-      ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  Mon
-      ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼
-      ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  Wed
-      ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼
-      ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼  Fri
+         ◼ ◼ ◼ ◼  ◼ ◼ ◼ ◼    ◼ ◼ ◼ ◼    ◼ ◼ ◼  ◼ ◼   ◼
+         ■ ◼ ◼ ◼  ■ ■ ■ ◼ ◼  ◼ ■ ■ ◼  ◼ ◼ ■ ■  ■ ◼ ◼ ■  Mon
+         ■ ◼ ◼ ◼  ■ ■ ■ ◼ ◼  ■ ■ ■ ◼  ◼ ◼ ■ ■  ◼ ◼ ◼ ■
+      ■  ■ ◼ ◼ ◼  ■ ■ ■ ◼ ◼  ■ ■ ■ ◼  ◼ ◼ ■ ■  ◼ ◼ ◼ ■  Wed
+      ■  ■ ◼ ◼ ◼  ■ ■ ◼ ◼ ◼  ■ ■ ■ ◼  ◼ ◼ ■ ■  ◼ ◼ ◼ ■
+      ■  ■ ◼ ◼ ◼  ■ ■ ◼ ◼ ◼  ■ ■ ■ ◼  ◼ ■ ■ ■  ◼ ◼ ◼ ■  Fri
 
 
       esc go back   ^k actions                                     powered by termcast.app