From 1036f9164be763ea097c360995e254c00075769d Mon Sep 17 00:00:00 2001
From: Will Hinz <hinzwilliam52@gmail.com>
Date: Wed, 25 Mar 2026 00:09:25 -0700
Subject: [PATCH] fix: resolve [bug] [alpha] call stack `presentationhint:
 "label"` rows still behave like real selectable frames

Signed-off-by: hinzwilliam52-ship-it <hinzwilliam52@gmail.com>
---
 FIX_PROPOSAL.md | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 FIX_PROPOSAL.md

diff --git a/FIX_PROPOSAL.md b/FIX_PROPOSAL.md
new file mode 100644
index 0000000..589c1d1
--- /dev/null
+++ b/FIX_PROPOSAL.md
@@ -0,0 +1,33 @@
+To fix the issue, we need to modify the `CallStackPanel` component to handle `presentationHint: "label"` rows differently. We should prevent these rows from being clickable and selectable. Here's the exact code fix:
+
+```tsx
+// /src/components/debugger/CallStackPanel.tsx
+
+// ...
+
+const isLabel = () => props.frame.presentationHint === "label";
+
+// ...
+
+return (
+  <div
+    className={`call-stack-row ${isLabel() ? 'label' : ''}`}
+    onClick={isLabel() ? undefined : props.onSelect}
+    onDblClick={isLabel() ? undefined : props.onNavigate}
+  >
+    {/* render label-style text for presentationHint: "label" rows */}
+    {isLabel() ? (
+      <span className="label-text">{props.frame.name}</span>
+    ) : (
+      // render normal frame content
+      <span>{props.frame.name}</span>
+    )}
+  </div>
+);
+
+// ...
+```
+
+In this code, we've added a conditional statement to the `onClick` and `onDblClick` event handlers. If the row is a label row (`isLabel()` returns `true`), we set the event handlers to `undefined`, effectively preventing the row from being clickable and selectable. We've also added a conditional statement to render label-style text for `presentationHint: "label"` rows.
+
+With this fix, `presentationHint: "label"` rows will be rendered as visual labels/separator rows and will not behave like normal selectable/navigable frames.
\ No newline at end of file