Code Lens

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

function greet(name: string)

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

Import & use
import { Editor22 } from "@/components/beste/piece/editor22";

<Editor22
  items={[
    {
      "label": "references",
      "value": 8
    },
    {
      "label": "implementations",
      "value": 2
    },
    {
      "label": "run test"
    }
  ]}
  signature="function greet(name: string)"
/>

More Editor pieces

View all Editor
const name = user.prfile.name;Property 'prfile' does not exist on type 'User'.

Error Lens

editor42

Code line where the offending token gets a colored wavy underline and the diagnostic message renders inline beside it.

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.

Keybindings
  • Command palette
    ⌘+K
  • Quick open
    ⌘+P
  • Toggle terminal
    ⌃+`
  • Format document
    ⌥+⇧+F

Keymap List

editor37

Panel listing editor actions with their kbd shortcut combinations on the right.

return greet(name);
Ayşe

Collab Cursor

editor13

Code line with a teammate's blinking caret tinted by tone and a name tag floating above it.

Your page looks empty

Start by adding your first block.

Empty Page

editor47

Centered editor placeholder with a soft icon tile, headline, hint line, and a recolorable call-to-action pill.

src
components
beste
button.tsx

Path Breadcrumb

editor3

Path row with folder or file icons, chevron separators, and a bold final crumb.