Describe the bug
I expect the code preview in "Terminal Font" to help me preview how code would look, including having box characters line up. Instead, they are not lined up.
This seems to be a mistake when previewing primarily monospace fonts, where the goal is for characters to line up.
╭─ mastra agent ── feat/add-tool ─────────╮
│ ✓ Created inputSchema with zod │
│ ✓ Wired execute handler │
│ ⯿ Running tool integration tests... │
╰───────────────────────────────────────────╯
╭─ mastra agent ── fix/workspace-sandbox ──╮
│ ✓ Patched LocalSandbox timeout │
│ ✓ Updated workspace config │
│ ✓ All 5 tests passing │
╰───────────────────────────────────────────╯
╭─ mastra agent ── chore/mcp-server ──────╮
│ ⯿ Registering tools with MCP server... │
╰───────────────────────────────────────────╯
3 agents running · 2 workspaces · 8 files changed
Friends don't let friends compact.
The above code block looks similar to the preview I am seeing in the Superset app:

Relevant source:
|
const TERMINAL_PREVIEW = `\u256D\u2500 mastra agent \u2500\u2500 feat/add-tool \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E |
|
\u2502 \u2713 Created inputSchema with zod \u2502 |
|
\u2502 \u2713 Wired execute handler \u2502 |
|
\u2502 \u2BFF Running tool integration tests... \u2502 |
|
\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F |
|
\u256D\u2500 mastra agent \u2500\u2500 fix/workspace-sandbox \u2500\u2500\u256E |
|
\u2502 \u2713 Patched LocalSandbox timeout \u2502 |
|
\u2502 \u2713 Updated workspace config \u2502 |
|
\u2502 \u2713 All 5 tests passing \u2502 |
|
\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F |
|
\u256D\u2500 mastra agent \u2500\u2500 chore/mcp-server \u2500\u2500\u2500\u2500\u2500\u2500\u256E |
|
\u2502 \u2BFF Registering tools with MCP server... \u2502 |
|
\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F |
Describe the bug
I expect the code preview in "Terminal Font" to help me preview how code would look, including having box characters line up. Instead, they are not lined up.
This seems to be a mistake when previewing primarily monospace fonts, where the goal is for characters to line up.
The above code block looks similar to the preview I am seeing in the Superset app:

Relevant source:
superset/apps/desktop/src/renderer/routes/_authenticated/settings/appearance/components/AppearanceSettings/components/FontSettingSection/components/FontPreview/FontPreview.tsx
Lines 31 to 43 in 3dd1de2