chatmu 전시장

같은 Actor 가 같은 분에 이어 말하면 아바타·이름·시각이 첫 줄에만 선다. 이어 말한 줄에서 그 셋은 사라지는 것이 아니라 접힌다 — 아바타 자리는 빈 칸이 지키고, 이름과 시각은 `.srOnly` 로 남아 읽는 기계에는 그대로 들린다.

「고치기·지우기」는 내 줄에만 선다 — 남의 것은 서버가 어차피 거절하지만, 누를 수 없는 버튼을 보여줄 이유가 없다. 사람 아닌 화자는 `bot` 배지를 달고, 아바타도 그 배지와 같은 색이다(표식이 하나로 읽혀야 한다).

`(수정됨)` 은 되풀이되지 않는 사실이라 묶음의 몇 번째 줄이든 가려지지 않는다. 마지막 블록이 문단이면 글자 끝에 붙고, 고친 적이 없으면 이 상자를 아예 안 그린다.

내가 그리고 있던 줄이 지워지면 본문 자리에 낱말 하나가 남는다. 이름·아바타·시각은 평소대로다 — 자국도 그 사람이 그때 말한 자리라, 묶음의 첫 줄이면 이름과 시각이 거기 선다. 버튼도 `(수정됨)` 도 안 뜬다(이미 거둔 것이고, 지우기는 수정이 아니다). ⚠️ 본 적 없는 줄이 지워진 채로 오면 이 칸의 모양조차 안 나온다 — 목록에 아예 안 들어오고, 그 갈림은 화면이 아니라 `lib/roomTimeline.ts` 가 한다.

확정된 것과 같은 모양으로 그린다 — 서버가 id 를 주는 순간 서식이 튀면 안 된다. 다른 것은 셋뿐이다: 시각이 없고(서버가 아직 안 줬다), 버튼이 없고, 실패하면 다시 보낼 길이 선다. 실패를 삼키면 사용자는 안 간 Message 를 갔다고 믿는다.

본문 칸은 오른쪽에 버튼 자리 88px 을 늘 비워 둔다 — 겹쳐 뜬 버튼이 글자를 가리지 않는 것을 겹침 판정이 아니라 자리를 아예 안 주는 것으로 보장한다.

고정폭 자리는 Cascadia Mono 다(우리 오리진에서 온다). 마지막 블록이 문단이 아니면 `(수정됨)` 이 붙을 줄이 없어 아래로 떨어진다 — 이 줄은 그 아래에 문단이 하나 더 있다.

export function messageRowKey(row: GroupedItem): string {
  return row.kind === 'sent' ? `sent-${row.id}` : `pending-${row.clientMessageId}`;
}

본문 안의 상자는 남이 보낸 마크다운이 그린 것이다 — 우리는 흐름만 정한다.

` ```mermaid ` 블록만 다른 곳으로 넘어간다(`lib/mermaidBlock.ts`). 화면에 들어올 때 비로소 내려받고, 결과는 우리가 만든 `sandbox=""` iframe 에 얹힌다 — 알아보지 못하면 코드블록으로 남는다.

graph LR
  P["방 화면"] -->|"row · 신호 다섯"| R["MessageRow"]
  R --> B["messageBody"]
  R --> A["actorAvatar"]

왕복이 확인된 본문만 여기로 온다. 보이는 그대로이고 화면에 별표가 없다. 툴바는 없다 — Message 줄마다 툴바가 들어차면 목록이 안 읽힌다. 폼 안의 버튼은 저장·취소 둘뿐이다.

형식이 `markdown` 이 아니다 — 모르는 형식은 추측해서 읽지 않는다 (ADR 0010). 폴백은 지금의 textarea 이고, 왜 화면이 다른지를 위의 한 줄이 말한다 — 모르면 고장으로 읽힌다.

`markdownToPlateNodes` 가 던진다. 안 잡으면 「고치기」를 누르는 순간 화면이 터진다. 폴백은 지금의 textarea 이고, 왜 화면이 다른지를 위의 한 줄이 말한다 — 모르면 고장으로 읽힌다.

던지지는 않는데 왕복 결과가 정규형과 다르다. 아무도 안 알려 주므로 셋 중 가장 위험하다. 폴백은 지금의 textarea 이고, 왜 화면이 다른지를 위의 한 줄이 말한다 — 모르면 고장으로 읽힌다.