feat: add closed-border markdown table rendering with CJK/emoji support

- Detect markdown tables and render with Unicode box-drawing characters
- Calculate visual terminal width for CJK/emoji (2 cols) vs ASCII (1 col)
- Wrap long cells across multiple lines, prefer word-boundary breaks
- Allocate column widths: narrow columns (#, status, count, date) minimal,
  content columns kept >= 12 chars
- Render tables with <Text wrap="truncate-end"> to prevent Ink from
  breaking box-drawing lines at cell boundary spaces
- Expose renderMarkdownSegments() for per-segment wrapping control

Author: dengmik-commits

Screenshot_2026-05-23_195028.png

@@ -1,6 +1,6 @@
 import React from "react";
 import { Box, Text } from "ink";
-import { renderMarkdown } from "./markdown";
+import { renderMarkdown, renderMarkdownSegments } from "./markdown";
 import {
   buildThinkingSummary,
   buildToolSummary,
@@ -66,8 +66,19 @@ export function MessageView({ message, collapsed, width = 80 }: MessageViewProps
         <Box alignSelf="stretch">
           <Text color="#229ac3">✦</Text>
         </Box>
-        <Box flexGrow={1} width={contentWidth}>
-          {content ? <Text wrap="wrap">{renderMarkdown(content)}</Text> : null}
+        <Box flexGrow={1} width={contentWidth} flexDirection="column">
+          {content
+            ? renderMarkdownSegments(content, Math.max(20, contentWidth - 4)).map((seg, i) => {
+                if (seg.kind === "table") {
+                  return (
+                    <Text key={i} wrap="truncate-end">
+                      {seg.body}
+                    </Text>
+                  );
+                }
+                return <Text key={i}>{seg.body}</Text>;
+              })
+            : null}
         </Box>
       </Box>
     );