fix : added ASCII fallback for LayoutDebug grid box-drawing characters

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: ' ' });

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

@@ -233,5 +233,17 @@ describe('LayoutDebug', () => {
             expect(text).toContain('+');
             vi.restoreAllMocks();
         });
+
+        it('grid uses ASCII pipe and dash when caps.unicode is false', () => {
+            vi.spyOn(caps, 'unicode', 'get').mockReturnValue(false);
+            const debug = makeDebug(20, 20);
+            debug.setOption('showGrid', true);
+            debug.setWidgets(widgets);
+            const screen = renderDebug(debug, 20, 20);
+            const rendered = screen.back.map(row => row.map(c => c.char).join('')).join('');
+            expect(rendered).toContain('|');
+            expect(rendered).toContain('-');
+            vi.restoreAllMocks();
+        });
     });
 });

packages/widgets/src/display/LayoutDebug.ts

@@ -180,15 +180,17 @@ export class LayoutDebug extends Widget {
     private _renderGrid(screen: Screen, x: number, y: number, width: number, height: number, attrs: Record<string, unknown>): void {
         const gridSize = this._opts.gridSize;
         const gridColor: Record<string, unknown> = { ...attrs, fg: { type: 'named', name: 'brightBlack' }, dim: true };
+        const vertChar = caps.unicode ? '│' : '|';
+        const horizChar = caps.unicode ? '─' : '-';
 
         for (let gx = x; gx < x + width; gx += gridSize) {
             for (let gy = y; gy < y + height; gy++) {
-                screen.setCell(gx, gy, { char: '│', ...gridColor });
+                screen.setCell(gx, gy, { char: vertChar, ...gridColor });
             }
         }
         for (let gy = y; gy < y + height; gy += gridSize) {
             for (let gx = x; gx < x + width; gx++) {
-                screen.setCell(gx, gy, { char: '─', ...gridColor });
+                screen.setCell(gx, gy, { char: horizChar, ...gridColor });
             }
         }
     }