Слить main: стороны сообщений поверх строки ввода iOS

Обе ветки правили строку ввода чата ради одной и той же полосы
помощника форм над клавиатурой iOS. ADR-064 из main считал триггером
элемент form и вынес поле наружу; на устройстве не помогло — полоса
бывает у input и textarea всегда. ADR-069 отсюда заменяет поле
редактируемым блоком, это и есть «следующий шаг» из следствий ADR-064.

Что взято:
- строка ввода — редактируемый блок (ADR-069/071), контейнер div
  с role="form" и кнопка type="button" (ADR-064);
- лента — поток со сторонами, feed-list (ADR-065), не сетка;
- brief.md: safe-area из ADR-075 и стороны из ADR-065 вместе;
- app.css: правило 44 px для блока ввода; .author:empty из медиазапроса
  убран — main вынес его на верхний уровень, сетки больше нет.

Убран слушатель submit: контейнер стал div, событие не случается.
ADR-064 и ADR-069 связаны ссылками в обе стороны.

sw.js VERSION → v6: клиент отличается от обеих версий, где стоял v5.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QR8uS3zGkybzWRW4GEY1oz

web/js/ui/chat.js

@@ -83,7 +83,7 @@ export function renderChat(root, ctx, chatId) {
   root.append(head(view));
 
   view.feed = el("div", "feed");
-  view.body = el("div", "grid");
+  view.body = el("div", "feed-list");
   view.body.setAttribute("aria-live", "polite");
   view.feed.append(view.body);
   // Прокрутка к верхнему краю берёт следующую страницу (ADR-053).
@@ -206,8 +206,8 @@ async function refreshRoom(view, known) {
 // у input и textarea. Со страницы её не убрать, а в чате она занимает место
 // и ничего не делает: поле на экране одно, переходить стрелками некуда.
 function composer(view) {
-  const form = el("form", "compose");
-  form.noValidate = true;
+  const form = el("div", "compose");
+  form.setAttribute("role", "form");
 
   view.bar = el("p", "bar");
   view.bar.hidden = true;
@@ -238,7 +238,8 @@ function composer(view) {
   view.counter.hidden = true;
 
   view.send = el("button", "input__send", ">");
-  view.send.type = "submit";
+  view.send.type = "button";
+  view.send.addEventListener("click", () => submit(view));
 
   row.append(prompt, view.field, view.counter, el("span", "enter", "enter — отправить"), view.send);
   form.append(view.bar, row);
@@ -300,11 +301,6 @@ function composer(view) {
       }
     });
   }
-  form.addEventListener("submit", (event) => {
-    event.preventDefault();
-    submit(view);
-  });
-
   return form;
 }
 
@@ -802,12 +798,25 @@ function line(view, record, previous, parent = view.body) {
   }
   // Подряд идущие сообщения одного автора — без повтора автора.
   const first = marks.length > 0 || !previous || previous.from !== record.from;
-  const node = el("div", first ? "line is-head" : "line");
+  const node = el("div", lineClass(record, view.me, first));
   node.append(author(view, record, first), text(view, record));
   parent.append(...marks, node);
   view.nodes.set(record.id, { node, marks });
 }
 
+// lineClass — своя сторона ленты: свои сообщения вправо, чужие влево
+// (ADR-065), классом на самой строке — выравнивает feed-list.
+function lineClass(record, me, first) {
+  const classes = ["line"];
+  if (record.from === me) {
+    classes.push("line--me");
+  }
+  if (first) {
+    classes.push("is-head");
+  }
+  return classes.join(" ");
+}
+
 // redraw обновляет одну строку на месте: автор и группировка от состояния
 // сообщения не зависят.
 function redraw(view, record) {