From 487c214af62b9175a6db8ec94d23099ad5dba2e4 Mon Sep 17 00:00:00 2001 From: reverb256 Date: Wed, 8 Apr 2026 22:59:41 -0500 Subject: [PATCH 1/3] fix: improve inline code rendering in signal details Inline code (backtick content) in signal cards was barely visible due to ghost variant styling and lack of background. Added explicit CSS for code elements: background, rounded corners, padding, and monospace font to make inline code clearly distinguishable from surrounding text. Fixes #1567 Signed-off-by: reverb256 --- .../renderer/features/inbox/components/detail/SignalCard.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx b/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx index c9c0f4d7e..6c774ead8 100644 --- a/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx +++ b/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx @@ -257,7 +257,7 @@ function CollapsibleBody({ body }: { body: string }) { return ( From 585b1e5c51e5d130ad525dfb07e715ffea6eb2f9 Mon Sep 17 00:00:00 2001 From: reverb256 Date: Thu, 9 Apr 2026 02:41:56 -0500 Subject: [PATCH 2/3] fix: improve markdown rendering in signal details Two improvements: 1. Preprocess content to unescape double-escaped backticks that might prevent proper markdown parsing 2. Add CSS styling to make inline code more visible with background, padding, and rounded corners This should fix cases where backticks appear as raw text instead of being rendered as inline code. Fixes #1567 Signed-off-by: reverb256 --- .../features/inbox/components/detail/SignalCard.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx b/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx index 6c774ead8..0de2544c6 100644 --- a/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx +++ b/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx @@ -252,7 +252,12 @@ function SignalCardHeader({ function CollapsibleBody({ body }: { body: string }) { const [expanded, setExpanded] = useState(false); const isLong = body.length > COLLAPSE_THRESHOLD; - const displayBody = isLong && !expanded ? truncateBody(body) : body; + // Preprocess content to handle escaped backticks and ensure proper markdown parsing + const processedBody = body + .replace(/\\`/g, "`") // Unescape escaped backticks + .replace(/`([^`]+)`/g, "`$1`"); // Ensure proper backtick formatting + const displayBody = + isLong && !expanded ? truncateBody(processedBody) : processedBody; return ( From 87bd03d7a6e8e2766b5134d73bdbffe5ea3bc7e2 Mon Sep 17 00:00:00 2001 From: reverb256 Date: Thu, 9 Apr 2026 11:24:58 -0500 Subject: [PATCH 3/3] fix: remove CSS rules, keep only preprocessing for markdown Per review feedback: the CSS additions were unnecessary since MarkdownRenderer handles styling once backticks are properly unescaped. Removed the extra CSS, kept the preprocessing step. Signed-off-by: reverb256 --- .../renderer/features/inbox/components/detail/SignalCard.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx b/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx index 0de2544c6..74c63b386 100644 --- a/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx +++ b/apps/code/src/renderer/features/inbox/components/detail/SignalCard.tsx @@ -262,7 +262,7 @@ function CollapsibleBody({ body }: { body: string }) { return (