3/2 Cursor chat (#1623)

This PR tweaks the cursor chat support.

### Change Type

- [x] `patch` — Bug fix

packages/editor/editor.css

@@ -97,7 +97,7 @@
 	left: 0px;
 	width: 100%;
 	height: 100%;
-	overflow: hidden;
+	overflow: clip;
 }
 
 .tl-theme__light {
@@ -778,7 +778,7 @@ input,
 	overflow: hidden;
 	text-overflow: ellipsis;
 	font-size: 12px;
-	font-family: var(--font-family);
+	font-family: var(--font-body);
 	border-radius: var(--radius-2);
 	color: var(--color-selected-contrast);
 }
@@ -796,7 +796,7 @@ input,
 	overflow: hidden;
 	text-overflow: ellipsis;
 	font-size: 12px;
-	font-family: var(--font-family);
+	font-family: var(--font-body);
 	text-shadow: var(--tl-text-outline);
 	color: var(--color-selected-contrast);
 }
@@ -812,7 +812,7 @@ input,
 	position: absolute;
 	padding: 3px 6px;
 	font-size: 12px;
-	font-family: var(--font-family);
+	font-family: var(--font-body);
 	opacity: 1;
 	border-radius: var(--radius-2);
 }
@@ -823,7 +823,7 @@ input,
 	white-space: nowrap;
 	padding: 3px 6px;
 	font-size: 12px;
-	font-family: var(--font-family);
+	font-family: var(--font-body);
 	pointer-events: none;
 	z-index: var(--layer-cursor);
 	margin-top: 16px;
@@ -834,6 +834,10 @@ input,
 	border-radius: var(--radius-2);
 }
 
+.tl-cursor-chat .tl-cursor-chat__bubble {
+	padding-right: 12px;
+}
+
 .tl-cursor-chat::selection {
 	background: var(--color-selected);
 	color: var(--color-selected-contrast);

packages/editor/src/lib/components/LiveCollaborators.tsx

@@ -54,6 +54,7 @@ const Collaborator = track(function Collaborator({ userId }: { userId: string })
 	if (
 		isTimedOut &&
 		editor.instanceState.followingUserId !== userId &&
+		!latestPresence.chatMessage &&
 		!editor.instanceState.highlightedUserIds.includes(userId)
 	)
 		return null

packages/ui/src/lib/TldrawUi.tsx

@@ -106,7 +106,6 @@ const TldrawUiContent = React.memo(function TldrawUI({
 	return (
 		<ToastProvider>
 			<main
-				data-tldraw-area="active-drawing"
 				className={classNames('tlui-layout', {
 					'tlui-layout__mobile': breakpoint < 5,
 				})}