Improve visualizing by implementing box drawing characters

Author: Abby010

Trace.cast

@@ -0,0 +1,44 @@
+{"version": 2, "width": 56, "height": 32, "timestamp": 1740997137, "env": {"SHELL": "/run/current-system/sw/bin/zsh", "TERM": "xterm-256color"}}
+[0.652713, "o", "\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                       \r \r\r\u001b[0m\u001b[27m\u001b[24m\u001b[Jabby@matrix-dell-34xx:~/tracing/js-logger/ > \u001b[K\u001b[?1h\u001b="]
+[0.653788, "o", "\u001b[?2004h"]
+[1.769884, "o", "asciinema rec Trace.cast\u001b[K"]
+[2.150857, "o", "\u001b[A\u001b[32CNODE_OPTIONS=\"--loader ts-node/esm\" npx ts-node src/bin/simple-cli.tsx\u001b[K"]
+[2.666203, "o", "\u001b[A\u001b[A\u001b[42Cclear\u001b[K\u001b[1B\r\u001b[K\u001b[1B\u001b[K\u001b[A\u001b[A\u001b[50C"]
+[3.286184, "o", "\b\b\b\b\brm spans.json\u001b[K"]
+[3.70853, "o", "\u001b[A\u001b[43CNODE_OPTIONS=\"--loader ts-node/esm\" npx ts-node tests/asciinemaTest.ts\u001b[K"]
+[4.350231, "o", "\u001b[A\u001b[34Csrc/bin/simple-cli.tsx"]
+[4.613534, "o", "\u001b[A\u001b[42Ccli.tsx\u001b[K\u001b[1B\r\u001b[K"]
+[5.406255, "o", "\u001b[?1l\u001b>\u001b[?2004l\r\r\n"]
+[5.663474, "o", "(node:179839) ExperimentalWarning: `--experimental-loader` may be removed in the future; instead use `register()`:\r\n--import 'data:text/javascript,import { register } from \"node:module\"; import { pathToFileURL } from \"node:url\"; register(\"ts-node/esm\", pathToFileURL(\"./\"));'\r\n(Use `node --trace-warnings ...` to show where the warning was created)\r\n"]
+[5.993987, "o", "\u001b[1G\u001b[0K⠙"]
+[6.002217, "o", "\u001b[1G\u001b[0K"]
+[6.301799, "o", "(node:179872) ExperimentalWarning: `--experimental-loader` may be removed in the future; instead use `register()`:\r\n--import 'data:text/javascript,import { register } from \"node:module\"; import { pathToFileURL } from \"node:url\"; register(\"ts-node/esm\", pathToFileURL(\"./\"));'\r\n(Use `node --trace-warnings ...` to show where the warning was created)\r\n"]
+[8.359228, "o", "\u001b[?25lReal-Time Concurrency Timeline\r\n\r\nNo spans\r\n"]
+[8.359665, "o", "\u001b[?25l"]
+[11.377734, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[GReal-Time Concurrency Timeline\r\n\r\n | (Root Span)\r\n |\r\n |\r\n |\r\n"]
+[12.372592, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[GReal-Time Concurrency Timeline\r\n\r\n  \\\r\n |  | (Parent span ends earlier)\r\n |  |\r\n |  |\r\n    |\r\n"]
+[13.374413, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[GReal-Time Concurrency Timeline\r\n\r\n  \\\r\n |  | (Parent span ends earlier)\r\n |  |  | (Forking)\r\n |  |  |\r\n    |  |\r\n       |\r\n"]
+[14.375179, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[GReal-Time Concurrency Timeline\r\n\r\n  \\\r\n |  | (Parent span ends earlier)\r\n |  |  | (Forking)\r\n | (Orphan) |  |\r\n |     |\r\n |     |\r\n |\r\n"]
+[14.672399, "r", "56x33"]
+[14.716483, "r", "56x35"]
+[14.765002, "r", "56x37"]
+[14.814888, "r", "56x38"]
+[14.943933, "r", "56x39"]
+[14.968128, "r", "56x40"]
+[14.996932, "r", "56x41"]
+[17.375445, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[GReal-Time Concurrency Timeline\r\n\r\n  \\\r\n |  | (Parent span ends earlier)\r\n |  |  | (Forking)\r\n | (Orphan) |  |\r\n |     |\r\n |     |\r\n |     |\r\n"]
+[18.377642, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[GReal-Time Concurrency Timeline\r\n\r\n  \\\r\n |  | (Parent span ends earlier)\r\n |  |  | (Forking)\r\n | (Orphan) |  |\r\n |     |\r\n |     |\r\n |     |\r\n |\r\n"]
+[19.381514, "o", "\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[1A\u001b[2K\u001b[GReal-Time Concurrency Timeline\r\n\r\n | (Root Span)\r\n |  | (Parent span ends earlier)\r\n |  |  | (Forking)\r\n |  |  |  | (Orphan)\r\n |     |  |\r\n |     |  |\r\n |     |  |\r\n |        |\r\n  \\\r\n"]
+[25.673987, "o", "^X"]
+[30.197465, "o", "e"]
+[30.274151, "o", "x"]
+[30.420441, "o", "i"]
+[30.557145, "o", "t"]
+[30.734684, "o", "\r\n"]
+[33.439756, "o", "^C"]
+[33.442665, "o", "\u001b[?25h"]
+[33.44305, "o", "\u001b[?25h"]
+[33.443982, "o", "\u001b[?25h"]
+[33.464897, "o", "\r\n\u001b[1m\u001b[7m%\u001b[27m\u001b[1m\u001b[0m                                                       \r \r\r\u001b[0m\u001b[27m\u001b[24m\u001b[Jabby@matrix-dell-34xx:~/tracing/js-logger/ > \u001b[K"]
+[33.465161, "o", "\u001b[?1h\u001b=\u001b[?2004h"]
+[34.469112, "o", "\u001b[?2004l\r\r\n"]