From cf9e847f84e8e6e6dbd571d396a7546ee7663259 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Fri, 27 Mar 2026 19:45:54 +0100
Subject: [PATCH] fix: use design system CodeBlock for error stack trace

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/components/ExecutionDiagram/tabs/ErrorTab.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/ExecutionDiagram/tabs/ErrorTab.tsx b/ui/src/components/ExecutionDiagram/tabs/ErrorTab.tsx
index 511d4e8b..2a8630c9 100644
--- a/ui/src/components/ExecutionDiagram/tabs/ErrorTab.tsx
+++ b/ui/src/components/ExecutionDiagram/tabs/ErrorTab.tsx
@@ -1,3 +1,4 @@
+import { CodeBlock } from '@cameleer/design-system';
 import type { ProcessorNode, ExecutionDetail } from '../types';
 import styles from '../ExecutionDiagram.module.css';
 
@@ -37,7 +38,7 @@ export function ErrorTab({ processor, executionDetail }: ErrorTabProps) {
       {errorStackTrace && (
         <>
           <div className={styles.errorStackLabel}>Stack Trace</div>
-          <pre className={styles.errorStackTrace}>{errorStackTrace}</pre>
+          <CodeBlock content={errorStackTrace} copyable />
         </>
       )}
     </div>