Swarm Fix: [BUG] [alpha] Call Stack presentationHint: "label" rows still behave like real selectable frames

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.