Sticky Header

Scope breadcrumb pinned above a code snippet, showing the current class, method, and block.

Dashboardrender()if (isReady)
    // hidden lines…
    const ready = useReady();
    if (!ready) return null;

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

Import & use
import { Editor18 } from "@/components/beste/piece/editor18";

<Editor18
  scopes={[
    "Dashboard",
    "render()",
    "if (isReady)"
  ]}
/>

More Editor pieces

View all Editor
1const user = createUser(name: "Ayşe", role: "admin");
nameinlay parameter hints

Inlay Hints

editor29

Function call with muted parameter-name chips inlaid before each argument.

for (let $1:i = 0; $1 < $2:arr.length; $1++) {}
Tab throughTab

Snippet Placeholders

editor15

Code template with dashed-outline tab stops. Active placeholder tints primary, others stay muted.

Launch Checklist

Ship with confidence by running through the five-point review.

  • Verify preview URL
  • Run smoke suite
  • Tag the release
pnpm release

Markdown Preview

editor10

Rendered markdown mini card with a heading, lede paragraph, bullet list, and inline code chip.

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

Debugger Panel

editor43

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

function greet(name: string)

Code Lens

editor22

Action row above a function signature showing references, implementations, and inline commands.

AI Suggestion
const greet = (name: string) => `Hello, ${name}!`;

Inline Suggestion

editor8

AI Suggestion caption above a code line with a solid prefix, italic muted ghost text, and a blinking caret.