fix : added ASCII fallback for Chart widget axis characters

packages/widgets/src/data/Chart.test.ts

@@ -70,4 +70,23 @@ describe('Chart', () => {
         expect(row0).toContain('CPU');
         expect(row0).toContain('RAM');
     });
+
+    it('renders axes with ASCII fallback when caps.unicode is false', () => {
+        vi.spyOn(caps, 'unicode', 'get').mockReturnValue(false);
+        const chart = new Chart({
+            showAxes: true,
+            series: [{ label: 'X', color: 'green', data: [0, 10] }]
+        });
+        chart.updateRect({ x: 0, y: 0, width: 15, height: 5 });
+        chart.render(screen);
+
+        const row0 = screen.back[0].map(c => c.char).join('');
+        expect(row0).toContain('10.0+');
+
+        const row4 = screen.back[4].map(c => c.char).join('');
+        expect(row4).toContain('+----');
+
+        expect(row0).not.toContain('┤');
+        expect(row4).not.toContain('└');
+    });
 });

packages/widgets/src/data/Chart.ts

@@ -80,20 +80,25 @@ export class Chart extends Widget {
 
             if (chartWidth <= 0 || chartHeight <= 0) return;
 
+            const axisVert = caps.unicode ? '│' : '|';
+            const axisHoriz = caps.unicode ? '─' : '-';
+            const axisCorner = caps.unicode ? '└' : '+';
+            const axisTick = caps.unicode ? '┤' : '+';
+
             // Draw Y-axis line
             for (let r = 0; r < chartHeight; r++) {
-                screen.setCell(chartX - 1, y + r, { char: '│', ...attrs });
+                screen.setCell(chartX - 1, y + r, { char: axisVert, ...attrs });
             }
             // Draw X-axis line
             for (let c = 0; c < chartWidth; c++) {
-                screen.setCell(chartX + c, y + chartHeight, { char: '─', ...attrs });
+                screen.setCell(chartX + c, y + chartHeight, { char: axisHoriz, ...attrs });
             }
             // Draw origin corner
-            screen.setCell(chartX - 1, y + chartHeight, { char: '└', ...attrs });
+            screen.setCell(chartX - 1, y + chartHeight, { char: axisCorner, ...attrs });
 
             // Draw Y-axis labels
-            screen.writeString(x, y, maxStr.padStart(yAxisLabelWidth - 1) + '┤', attrs);
-            screen.writeString(x, y + chartHeight - 1, minStr.padStart(yAxisLabelWidth - 1) + '┤', attrs);
+            screen.writeString(x, y, maxStr.padStart(yAxisLabelWidth - 1) + axisTick, attrs);
+            screen.writeString(x, y + chartHeight - 1, minStr.padStart(yAxisLabelWidth - 1) + axisTick, attrs);
         }
 
         if (chartWidth <= 0 || chartHeight <= 0) return;

packages/widgets/src/display/Code.test.ts

@@ -2,8 +2,8 @@
 // @termuijs/widgets — Tests for Code widget
 // ─────────────────────────────────────────────────────
 
-import { describe, it, expect } from 'vitest';
-import { Screen } from '@termuijs/core';
+import { describe, it, expect, vi } from 'vitest';
+import { Screen, caps } from '@termuijs/core';
 import { Code } from './Code.js';
 
 describe('Code', () => {
@@ -73,4 +73,13 @@ describe('Code', () => {
         expect(screen.back[0][3].char).toBe('t');
         expect(screen.back[0][4].char).toBe('╮'); // topRight corner (width-1 index)
     });
+
+    it('uses ASCII pipe for gutter separator when caps.unicode is false', () => {
+        vi.spyOn(caps, 'unicode', 'get').mockReturnValue(false);
+        const code = new Code('hello');
+        code.updateRect({ x: 0, y: 0, width: 12, height: 4 });
+        const screen = new Screen(12, 4);
+        code.render(screen);
+        expect(screen.back[1][2].char).toBe('|');
+    });
 });

packages/widgets/src/display/Code.ts

@@ -49,7 +49,7 @@ export class Code extends Widget {
                 screen.writeString(x, y, lineNum, { dim: true });
                 x += lineNumWidth;
 
-                screen.setCell(x, y, { char: '│', dim: true });
+                screen.setCell(x, y, { char: caps.unicode ? '│' : '|', dim: true });
                 x++;
 
                 screen.setCell(x, y, { char: ' ' });