Collab Cursor

About this piece

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

Usage

The import and the props worth knowing about, in one place.

import { Editor13 } from "@/components/beste/piece/editor13";

<Editor13
  name="Ayşe"
  code="  return greet(name);"
  tone="rose"
/>

3 cursors

const name = 'Ayşe';
const role = 'design';
const team = 'core';

Stacked code lines each with a primary-tinted blinking caret at the same column plus a header count.

Launch notes

The beta opens to the waitlist on Monday.

Support has the new macros ready.

Pricing page copy is locked.

Two named carets share a document: one hops between finished lines while the other types a new sentence at the bottom, over and over.

AI Suggestion

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

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

const total = items.reduce(sum, i) => sum + i.price);

Expected 2 arguments, but got 1.ts(2554)

Code line with a rose wavy underline on the offending token above an alert card with message and source code.

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

Tab throughTab

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

1function·greet(name)·{
2→return·`Hello,·${name}!`;
3}

Code lines with muted middle-dots for spaces and → glyphs for tabs, revealing indentation.