Debugger Panel

Call stack list with function names, source file and line, and an amber current-frame highlight.

Call stack
  • renderListlist.tsx:42
  • Dashboarddashboard.tsx:14
  • Appapp.tsx:8

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Editor43 } from "@/components/beste/piece/editor43";

<Editor43
  title="Call stack"
  frames={[
    {
      "fn": "renderList",
      "file": "list.tsx",
      "line": 42,
      "current": true
    },
    {
      "fn": "Dashboard",
      "file": "dashboard.tsx",
      "line": 14
    },
    {
      "fn": "App",
      "file": "app.tsx",
      "line": 8
    }
  ]}
/>