tiennm99/goclaw
1
0 Fork 0
mirror of https://github.com/tiennm99/goclaw.git synced 2026-10-14 08:18:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Improve text wrapping in trace and span previews by changing break-words to break-all.

Browse Source
This commit is contained in:
viettranx committed 2026-02-28 19:01:47 +07:00
1 parent 26067d2432
commit 2623c65321
1 file changed
+4 -4
Download Patch File Download Diff File Expand all files Collapse all files
ui/web/src/pages/traces/trace-detail-dialog.tsx
+4 -4
View File
@@ -132,14 +132,14 @@ export function TraceDetailDialog({ traceId, onClose, getTrace, onNavigateTrace
{trace.input_preview && (
<div className="rounded-md border p-3">
<p className="mb-1 text-xs font-medium text-muted-foreground">Input</p>
<pre className="max-h-[40vh] overflow-y-auto whitespace-pre-wrap break-words text-sm">{trace.input_preview}</pre>
<pre className="max-h-[40vh] overflow-y-auto whitespace-pre-wrap break-all text-sm">{trace.input_preview}</pre>
</div>
)}
{trace.output_preview && (
<div className="rounded-md border p-3">
<p className="mb-1 text-xs font-medium text-muted-foreground">Output</p>
<pre className="max-h-[40vh] overflow-y-auto whitespace-pre-wrap break-words text-sm">{trace.output_preview}</pre>
<pre className="max-h-[40vh] overflow-y-auto whitespace-pre-wrap break-all text-sm">{trace.output_preview}</pre>
</div>
)}
@@ -265,7 +265,7 @@ function SpanTreeNode({ node, depth }: { node: SpanNode; depth: number }) {
{span.input_preview && (
<div>
<p className="text-xs text-muted-foreground">Input:</p>
<pre className="mt-1 max-h-[40vh] overflow-y-auto break-words whitespace-pre-wrap rounded bg-muted/50 p-2 text-xs">
<pre className="mt-1 max-h-[40vh] overflow-y-auto break-all whitespace-pre-wrap rounded bg-muted/50 p-2 text-xs">
{span.input_preview}
</pre>
</div>
@@ -273,7 +273,7 @@ function SpanTreeNode({ node, depth }: { node: SpanNode; depth: number }) {
{span.output_preview && (
<div>
<p className="text-xs text-muted-foreground">Output:</p>
<pre className="mt-1 max-h-[40vh] overflow-y-auto break-words whitespace-pre-wrap rounded bg-muted/50 p-2 text-xs">
<pre className="mt-1 max-h-[40vh] overflow-y-auto break-all whitespace-pre-wrap rounded bg-muted/50 p-2 text-xs">
{span.output_preview}
</pre>
</div>