npm - team-chat - Versions diffs - 0.0.0-stage → 0.3.0 - Mend

team-chat 0.0.0-stage → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

package/LICENSE +21 -0
package/README.md +458 -2
package/agents/rules.md +52 -0
package/agents/runtimes/codex.md +14 -0
package/bin/bridge +3 -0
package/bin/runner +3 -0
package/cli/lib/agents.js +97 -0
package/cli/lib/docs.js +151 -0
package/cli/lib/local.js +41 -0
package/cli/lib/server.js +52 -0
package/cli/lib/util.js +107 -0
package/cli/team-chat.js +383 -0
package/host/bridge/attempts.js +43 -0
package/host/bridge/bridge.js +326 -0
package/host/bridge/config.js +105 -0
package/host/bridge/knowledge-outbox.js +96 -0
package/host/bridge/launcher.js +126 -0
package/host/bridge/main.js +87 -0
package/host/bridge/progress.js +74 -0
package/host/bridge/prompt.js +97 -0
package/host/bridge/run-archive.js +200 -0
package/host/bridge/thread.js +44 -0
package/host/bridge/triage.js +97 -0
package/host/bridge/workdir.js +41 -0
package/host/knowledge/card.js +43 -0
package/host/knowledge/errors.js +50 -0
package/host/knowledge/lesson.js +153 -0
package/host/knowledge/process.js +160 -0
package/host/knowledge/scrub.js +29 -0
package/host/knowledge/shell.js +74 -0
package/host/knowledge/stack.js +229 -0
package/host/knowledge/transcript.js +82 -0
package/host/lib/chat-api.js +120 -0
package/host/lib/log.js +6 -0
package/host/lib/pid-lock.js +65 -0
package/host/lib/shell-words.js +45 -0
package/host/runner/bridge-process.js +82 -0
package/host/runner/config.js +81 -0
package/host/runner/main.js +69 -0
package/host/runner/retention.js +40 -0
package/host/runner/runner.js +161 -0
package/package.json +67 -5
package/server/dist/src/app.js +25 -0
package/server/dist/src/app.module.js +50 -0
package/server/dist/src/attachments/attachment-store.js +111 -0
package/server/dist/src/attachments/attachments.controller.js +67 -0
package/server/dist/src/attachments/mime.js +84 -0
package/server/dist/src/attachments/uploads.interceptor.js +72 -0
package/server/dist/src/auth/participant.guard.js +53 -0
package/server/dist/src/bridges/bridge-restart.service.js +80 -0
package/server/dist/src/bridges/bridges.controller.js +47 -0
package/server/dist/src/chats/chats.controller.js +83 -0
package/server/dist/src/chats/chats.service.js +128 -0
package/server/dist/src/collector/collector.controller.js +71 -0
package/server/dist/src/collector/collector.module.js +23 -0
package/server/dist/src/collector/collector.service.js +111 -0
package/server/dist/src/common/clock.js +20 -0
package/server/dist/src/common/errors.js +37 -0
package/server/dist/src/common/format.js +14 -0
package/server/dist/src/common/http.js +17 -0
package/server/dist/src/common/slug.js +28 -0
package/server/dist/src/common/tokens.js +19 -0
package/server/dist/src/common/validation.js +41 -0
package/server/dist/src/config/config.js +39 -0
package/server/dist/src/conversation.module.js +41 -0
package/server/dist/src/db/database.js +73 -0
package/server/dist/src/db/database.module.js +51 -0
package/server/dist/src/db/schema.js +212 -0
package/server/dist/src/decisions/decisions.controller.js +55 -0
package/server/dist/src/decisions/decisions.service.js +109 -0
package/server/dist/src/documents/documents.controller.js +87 -0
package/server/dist/src/documents/documents.service.js +189 -0
package/server/dist/src/health/health.controller.js +29 -0
package/server/dist/src/knowledge/knowledge.controller.js +83 -0
package/server/dist/src/knowledge/knowledge.module.js +25 -0
package/server/dist/src/knowledge/knowledge.service.js +189 -0
package/server/dist/src/local/docs-sync.service.js +97 -0
package/server/dist/src/local/local.controller.js +197 -0
package/server/dist/src/local/local.guard.js +55 -0
package/server/dist/src/local/local.module.js +30 -0
package/server/dist/src/local/setup.service.js +154 -0
package/server/dist/src/local/transfer.service.js +151 -0
package/server/dist/src/main.js +33 -0
package/server/dist/src/mcp/chat-tools.js +282 -0
package/server/dist/src/mcp/mcp.controller.js +58 -0
package/server/dist/src/mcp/mcp.module.js +24 -0
package/server/dist/src/mentions/mention-state.js +80 -0
package/server/dist/src/mentions/mentions.controller.js +100 -0
package/server/dist/src/mentions/mentions.service.js +203 -0
package/server/dist/src/messages/message.presenter.js +102 -0
package/server/dist/src/messages/messages.service.js +149 -0
package/server/dist/src/messages/thread.controller.js +179 -0
package/server/dist/src/participants/directory.service.js +68 -0
package/server/dist/src/participants/participants.module.js +24 -0
package/server/dist/src/participants/participants.service.js +84 -0
package/server/dist/src/settings/settings.service.js +42 -0
package/server/dist/src/sharing/consent.js +16 -0
package/server/dist/src/sharing/sharing.module.js +22 -0
package/server/dist/src/sharing/sharing.service.js +175 -0
package/server/dist/src/team/runner.service.js +75 -0
package/server/dist/src/team/team.controller.js +178 -0
package/server/dist/src/team/team.module.js +25 -0
package/server/dist/src/team/team.service.js +280 -0
package/server/dist/src/web/template.js +57 -0
package/server/dist/src/web/web-login.service.js +74 -0
package/server/dist/src/web/web.controller.js +203 -0
package/server/dist/src/web/web.module.js +25 -0
package/server/drizzle/0000_init.sql +169 -0
package/server/drizzle/0001_seed_roles.sql +25 -0
package/server/drizzle/0002_knowledge.sql +17 -0
package/server/drizzle/0003_sharing.sql +30 -0
package/server/drizzle/meta/0000_snapshot.json +1224 -0
package/server/drizzle/meta/0001_snapshot.json +1224 -0
package/server/drizzle/meta/0002_snapshot.json +1359 -0
package/server/drizzle/meta/0003_snapshot.json +1545 -0
package/server/drizzle/meta/_journal.json +34 -0
package/server/package.json +1 -0
package/server/views/chat.html +865 -0
package/server/views/documents.html +204 -0
package/server/views/login.html +31 -0
package/server/views/setup.html +60 -0
package/server/views/team.html +369 -0

package/server/views/chat.html ADDED Viewed

@@ -0,0 +1,865 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>{{ chat.name }} — командный чат</title>
+<style>
+  :root{
+    --bg:#f6f7f9; --card:#fff; --line:#e4e7ec; --ink:#14171c; --muted:#6b7280;
+    --brand:#0057c2; --accent:#b45309; --ok:#11a36b;
+    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;
+  }
+  *{box-sizing:border-box}
+  body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}
+  header{background:var(--card);border-bottom:1px solid var(--line);padding:12px 20px;
+    display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5}
+  header h1{font-size:15px;margin:0;font-weight:600}
+  .who{margin-left:auto;color:var(--muted);font-size:13px}
+  /* Мосты: кто из агентов на связи, и кнопка на случай, когда нет. */
+  #bridges{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
+  #bridges .br{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
+  #bridges .br .pip{width:8px;height:8px;border-radius:50%;flex:none}
+  #bridges .br.off{color:var(--accent)}
+  #bridges button{background:#fff;color:var(--muted);border:1px solid var(--line);
+    padding:2px 9px;font-size:12px;font-weight:400}
+  #bridges button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}
+  #bridges button.hot{border-color:var(--accent);color:var(--accent)}
+  #bridges .stuck{color:var(--accent)}
+  .layout{display:grid;grid-template-columns:200px minmax(0,1fr) 340px;gap:16px;
+    max-width:1200px;margin:0 auto;padding:16px 20px 0}
+  @media (max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 300px}
+    #chats{grid-column:1 / -1}}
+  @media (max-width:900px){.layout{grid-template-columns:1fr}}
+  /* Чаты-проекты. На узком экране — строкой над тредом. */
+  #chats{align-self:start;position:sticky;top:64px}
+  #chatlist{padding:6px}
+  @media (max-width:1100px){#chats{position:static}#chatlist{display:flex;flex-wrap:wrap;gap:4px}}
+  .chat{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;
+    color:var(--ink);text-decoration:none;font-size:14px}
+  .chat:hover{background:#f3f4f6}
+  .chat.on{background:#e8f0fb;color:var(--brand);font-weight:600}
+  .chat .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
+  .chat .unread{width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none}
+  .chat .badge{font-size:11px;border-radius:99px;padding:0 6px;flex:none;font-weight:600}
+  .chat .badge.owner{background:#fef3c7;color:#92400e}
+  .chat .badge.agents{background:#e8f0fb;color:var(--brand)}
+  #chats .tools2{display:flex;gap:6px;padding:6px 8px 10px}
+  #chats .tools2 button{background:#fff;color:var(--muted);border:1px solid var(--line);
+    padding:3px 9px;font-size:12px;font-weight:400}
+  #chats .tools2 button:hover{border-color:var(--brand);color:var(--brand)}
+  dialog{border:1px solid var(--line);border-radius:12px;padding:0;width:min(520px,calc(100vw - 32px))}
+  dialog::backdrop{background:rgba(20,23,28,.35)}
+  dialog form{display:flex;flex-direction:column;gap:10px;padding:18px;border:0}
+  dialog h3{margin:0 0 4px;font-size:16px}
+  dialog label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
+  dialog input,dialog textarea{font:inherit;color:var(--ink);border:1px solid var(--line);
+    border-radius:8px;padding:8px 10px;outline:none}
+  dialog input:focus,dialog textarea:focus{border-color:var(--brand)}
+  dialog input:disabled{background:#f6f7f9;color:var(--muted)}
+  dialog textarea{min-height:110px;resize:vertical}
+  dialog .row{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}
+  dialog .row button{padding:8px 16px}
+  dialog .row .ghost{background:#fff;color:var(--muted);border:1px solid var(--line)}
+  dialog .err{color:#b91c1c;font-size:13px;min-height:1em}
+  dialog select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;
+    padding:6px 8px;background:#fff}
+  #chatroles{display:flex;flex-direction:column;gap:6px}
+  #chatroles:empty{display:none}
+  #chatroles .cap{font-size:13px;color:var(--muted)}
+  #chatroles .ar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;align-items:center;font-size:14px}
+  .panel{background:var(--card);border:1px solid var(--line);border-radius:12px}
+  .panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);
+    margin:0;padding:14px 16px;border-bottom:1px solid var(--line)}
+  #thread{padding:8px 0;min-height:50vh;max-height:calc(100vh - 230px);overflow-y:auto}
+  .msg{padding:10px 16px;display:flex;gap:10px;position:relative}
+  .msg:hover{background:#fafbfc}
+  .dot{width:30px;height:30px;border-radius:50%;flex:none;color:#fff;font-size:12px;
+    font-weight:600;display:grid;place-items:center}
+  .meta{font-size:12px;color:var(--muted);margin-bottom:2px}
+  .meta b{color:var(--ink);font-weight:600}
+  .role{border:1px solid var(--line);border-radius:99px;padding:0 6px;margin-left:4px}
+  .body{white-space:pre-wrap;word-wrap:break-word}
+  .body:empty{display:none}
+  /* Вложения: картинки — превью, остальное — строкой со значком и размером. */
+  .atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
+  .atts img{max-width:240px;max-height:180px;border-radius:8px;border:1px solid var(--line);
+    cursor:zoom-in;background:#f3f4f6;min-width:60px;min-height:40px}
+  .atts .file{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);
+    border-radius:8px;padding:5px 10px;font-size:13px;color:var(--ink);text-decoration:none;max-width:320px}
+  .atts .file:hover{border-color:var(--brand);color:var(--brand)}
+  .atts .file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .atts .file small{color:var(--muted);flex:none}
+  #chips{display:none;flex-wrap:wrap;gap:6px;padding:8px 12px 0}
+  #chips.on{display:flex}
+  #chips .chip{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border-radius:99px;
+    padding:2px 4px 2px 10px;font-size:12px;max-width:260px}
+  #chips .chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  #chips .chip button{background:none;color:var(--muted);padding:0 6px;font-weight:400}
+  #attach{background:#fff;color:var(--muted);border:1px solid var(--line);padding:0 12px;font-size:18px}
+  #attach:hover{border-color:var(--brand);color:var(--brand)}
+  .panel.drop{outline:2px dashed var(--brand);outline-offset:-6px}
+  .pin{position:absolute;right:10px;top:8px;opacity:0;border:1px solid var(--line);
+    background:#fff;border-radius:6px;font-size:11px;padding:3px 8px;cursor:pointer;color:var(--muted)}
+  .msg:hover .pin{opacity:1}
+  .pin:hover{border-color:var(--brand);color:var(--brand)}
+  .tools{position:absolute;right:10px;top:8px;display:flex;gap:6px}
+  .tools .pin{position:static}
+  .ref{color:var(--muted);text-decoration:none;margin-left:6px}
+  .ref:hover{color:var(--brand)}
+  .tag.ask{color:var(--accent);border-color:var(--accent)}
+  .msg.flash{background:#fff7e6;transition:background 1.5s}
+  .tag{display:inline-block;font-size:11px;color:var(--ok);border:1px solid var(--ok);
+    border-radius:99px;padding:0 6px;margin-top:4px}
+  /* Индикатор активности. Живёт между лентой и формой: там его ищет глаз,
+     привыкший, что «собеседник печатает» стоит под последним сообщением. */
+  #activity{padding:0 16px;border-top:1px solid var(--line)}
+  #activity:empty{display:none}
+  #activity .act{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;color:var(--muted)}
+  #activity .act + .act{border-top:1px dashed var(--line)}
+  /* Список открытых обращений: кто должен ответить и что мешает. */
+  #open{padding:4px 0}
+  #open h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);
+    margin:8px 16px 2px;font-weight:600}
+  .item{padding:8px 16px;border-bottom:1px dashed var(--line);font-size:13px}
+  .item:last-child{border-bottom:0}
+  .item .top{display:flex;align-items:center;gap:6px}
+  .item .top .pip{width:8px;height:8px;border-radius:50%;flex:none}
+  .item .top b{font-weight:600}
+  .item .age{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
+  .item .q{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px 0}
+  .item .st{font-weight:500}
+  .item .why{color:var(--muted);font-size:12px}
+  .item .links{margin-top:3px;display:flex;gap:6px}
+  .item .links a,.item .links button{color:var(--muted);text-decoration:none;font-size:12px;background:#fff;
+    border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-weight:400;cursor:pointer}
+  .item .links a:hover,.item .links button:hover{border-color:var(--brand);color:var(--brand)}
+  .item.working .st{color:var(--brand)}
+  .item.answered .st{color:var(--ok)}
+  .item.attn .st{color:var(--accent)}
+  .item.owner{background:#fffbeb}
+  .stale{background:#fef3c7;color:#92400e;font-size:12px;padding:6px 16px}
+  #replybar{display:none;align-items:center;gap:8px;padding:6px 12px 0;font-size:12px;color:var(--muted)}
+  #replybar.on{display:flex}
+  #replybar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
+  #replybar button{background:none;color:var(--muted);padding:0 4px;font-weight:400}
+  aside{display:flex;flex-direction:column;gap:16px}
+  #activity .pip{width:8px;height:8px;border-radius:50%;flex:none}
+  #activity .who{color:var(--ink);font-weight:600}
+  #activity .goto{margin-left:auto;color:var(--muted);text-decoration:none;font-size:12px;
+    border:1px solid var(--line);border-radius:6px;padding:1px 7px}
+  #activity .goto:hover{border-color:var(--brand);color:var(--brand)}
+  /* Потеря связи — то, что требует человека. */
+  #activity .offline .what{color:var(--accent)}
+  #activity .working .pip{animation:pulse 1.1s ease-in-out infinite}
+  @keyframes pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
+  /* Многоточие набирается по точке — «работает…» должно ВЫГЛЯДЕТЬ длящимся,
+     иначе статичная надпись читается так же, как зависшая страница. */
+  .dots::after{content:'';animation:dots 1.6s steps(4,end) infinite}
+  @keyframes dots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
+  @media (prefers-reduced-motion:reduce){
+    #activity .working .pip{animation:none;opacity:1}
+    .dots::after{content:'…';animation:none}
+  }
+  form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
+  textarea{flex:1;resize:vertical;min-height:46px;max-height:200px;padding:10px 12px;
+    border:1px solid var(--line);border-radius:8px;font:inherit;outline:none}
+  textarea:focus{border-color:var(--brand)}
+  button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:0 18px;
+    font:inherit;font-weight:600;cursor:pointer}
+  button:disabled{opacity:.5;cursor:default}
+  #decisions{padding:6px 0;max-height:40vh;overflow-y:auto}
+  #open{max-height:calc(60vh - 120px);overflow-y:auto}
+  .dec{padding:10px 16px;border-bottom:1px solid var(--line)}
+  .dec:last-child{border-bottom:0}
+  .dec .n{font-size:11px;color:var(--accent);font-weight:700}
+  .dec .t{font-weight:600;margin:2px 0}
+  .dec .s{font-size:12px;color:var(--muted)}
+  .dec.old .t{text-decoration:line-through;color:var(--muted)}
+  .empty{padding:16px;color:var(--muted);font-size:13px}
+  .warn{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;
+    padding:12px 16px;margin:16px auto;max-width:1160px}
+</style>
+</head>
+<body>
+<header>
+  <h1>{{ chat.name }}</h1>
+  <a href="/team?from={{ chat.slug }}" style="color:#6b7280;text-decoration:none;font-size:13px">команда →</a>
+  <a href="/c/{{ chat.slug }}/documents" style="color:#6b7280;text-decoration:none;font-size:13px">документы →</a>
+  <span id="bridges"></span>
+  <span class="who">{{ me.name }} · <a href="/logout" style="color:inherit" title="выйти в этом браузере">выйти</a></span>
+</header>
+<div class="layout">
+  <nav class="panel" id="chats">
+    <h2>Чаты</h2>
+    <div id="chatlist"></div>
+    {{#owner}}
+    <div class="tools2">
+      <button type="button" id="newchat">+ новый чат</button>
+      <button type="button" id="editchat" title="название, каталог проекта, описание для агентов">настройки</button>
+    </div>
+    {{/owner}}
+  </nav>
+  <section class="panel">
+    <h2>Тред</h2>
+    <div id="thread"><div class="empty">Загрузка…</div></div>
+    <div id="activity"></div>
+    <div id="replybar"><span></span><button type="button" id="replycancel" title="не отвечать">✕</button></div>
+    <div id="chips"></div>
+    <form id="send">
+      <input type="file" id="files" multiple hidden>
+      <button type="button" id="attach" title="Приложить файлы — можно перетащить в чат или вставить скриншот (Ctrl+V)">📎</button>
+      <textarea id="body" placeholder="Написать в тред…  (Enter — отправить, Shift+Enter — новая строка)"></textarea>
+      <button type="submit">Отправить</button>
+    </form>
+  </section>
+  <aside>
+    <section class="panel">
+      <h2>Открытые обращения <span id="opencount"></span></h2>
+      <div id="open"><div class="empty">Загрузка…</div></div>
+    </section>
+    <section class="panel">
+      <h2>Журнал решений</h2>
+      <div id="decisions"><div class="empty">Пока ничего не решено.</div></div>
+    </section>
+  </aside>
+</div>
+{{#owner}}
+<dialog id="chatdlg">
+  <form method="dialog" id="chatform">
+    <h3 id="chatdlgtitle">Новый чат</h3>
+    <label>Название
+      <input name="name" required maxlength="100" placeholder="Kettu">
+    </label>
+    <label>Адрес (латиница, цифры, дефис; пусто — из названия)
+      <input name="slug" maxlength="40" pattern="[a-z0-9][a-z0-9\-]{0,39}" placeholder="kettu">
+    </label>
+    <label>Каталог проекта на машине с мостами — агент будет работать в нём
+      <input name="workdir" maxlength="500" placeholder="/home/…/projects/kettu">
+    </label>
+    <label>О проекте — что это, какие репозитории, где главное. Уходит агенту в каждое задание
+      <textarea name="description" maxlength="5000"></textarea>
+    </label>
+    <div id="chatroles"></div>
+    <div class="err" id="chaterr"></div>
+    <div class="row">
+      <button type="button" class="ghost" id="chatcancel">отмена</button>
+      <button type="submit" id="chatsave">Создать</button>
+    </div>
+  </form>
+</dialog>
+{{/owner}}
+<script>
+const TOKEN = {{json token}};
+const CHAT = {{json chat}};
+// Всё, что живёт внутри чата, — по его адресу. Вложения и мосты общие.
+const API = '/api/chats/' + encodeURIComponent(CHAT.slug);
+const IS_OWNER = {{json owner}};
+const H = {'Authorization':'Bearer '+TOKEN,'Content-Type':'application/json','Accept':'application/json'};
+const thread = document.getElementById('thread');
+const decisions = document.getElementById('decisions');
+const activity = document.getElementById('activity');
+const openList = document.getElementById('open');
+const openCount = document.getElementById('opencount');
+let lastId = 0, seen = new Set();
+// Последний ответ сервера про открытое: обращения к агентам и вопросы владельцу.
+// Держим его, чтобы перерисовывать возраст каждую секунду, не дёргая сеть.
+let activityState = [], ownerWait = [];
+// Мосты: когда каждый агент последний раз выходил на связь и не висит ли запрос
+// на перезапуск. null — сервер ещё не ответил.
+let bridgesState = null;
+// На какое сообщение отвечаем. Без привязки ответ владельца не снимает
+// ожидание: «связанный ответ» — это ровно reply_to_id вопроса.
+let replyTo = null;
+const esc = s => String(s).replace(/[&<>"]/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]));
+const time = iso => new Date(iso).toLocaleString('ru-RU',{day:'2-digit',month:'2-digit',hour:'2-digit',minute:'2-digit'});
+function buildMessage(m){
+  seen.add(m.id);
+  const el = document.createElement('div');
+  el.className = 'msg';
+  el.id = 'msg-' + m.id;
+  el.dataset.author = m.author.name;
+  el.dataset.handle = m.author.handle;
+  el.dataset.kind = m.author.kind;
+  el.dataset.excerpt = m.body.slice(0, 120);
+  el.innerHTML =
+    `<div class="dot" style="background:${esc(m.author.accent)}">${esc(m.author.name.slice(0,1).toUpperCase())}</div>
+     <div style="min-width:0;flex:1">
+       <div class="meta"><b>${esc(m.author.name)}</b><span class="role">${esc(m.author.role_name || m.author.role)}</span> · ${time(m.created_at)} · #${m.id}${m.reply_to_id ? `<a class="ref" href="#msg-${m.reply_to_id}" data-goto="${m.reply_to_id}">↩ #${m.reply_to_id}</a>` : ''}</div>
+       <div class="body">${esc(m.body)}</div>
+       ${attachmentsHtml(m.attachments || [])}
+       ${m.asks_owner ? `<span class="tag ask">вопрос владельцу</span>` : ''}
+       ${m.decision_number ? `<span class="tag">решение №${m.decision_number}</span>` : ''}
+     </div>
+     <div class="tools">
+       <button class="pin reply" data-id="${m.id}">ответить</button>
+       ${IS_OWNER && !m.decision_number ? `<button class="pin fix" data-id="${m.id}">зафиксировать</button>` : ''}
+     </div>`;
+  return el;
+}
+const fmtSize = n => n < 1024 ? n + ' Б' : n < 1048576 ? Math.round(n / 1024) + ' КБ' : (n / 1048576).toFixed(1) + ' МБ';
+function attachmentsHtml(list){
+  if (!list.length) return '';
+  return `<div class="atts">${list.map(a => a.image
+    ? `<img data-att="${a.id}" alt="${esc(a.name)}" title="${esc(a.name)} · ${fmtSize(a.size)}">`
+    : `<a class="file" href="#" data-dl="${a.id}" data-name="${esc(a.name)}" title="скачать">📄 <span>${esc(a.name)}</span><small>${fmtSize(a.size)}</small></a>`
+  ).join('')}</div>`;
+}
+// Файлы отдаются только с токеном, а <img src> заголовок не пошлёт. Поэтому
+// качаем сами и подставляем blob: — токен в адресе осел бы в логах и истории.
+const blobs = new Map();
+async function attachmentBlob(id){
+  if (!blobs.has(id)) blobs.set(id, fetch('/api/attachments/' + id, {headers:{'Authorization':'Bearer '+TOKEN}})
+    .then(r => { if (!r.ok) throw new Error(r.status); return r.blob(); })
+    .then(b => URL.createObjectURL(b))
+    .catch(e => { blobs.delete(id); throw e; }));
+  return blobs.get(id);
+}
+function loadImages(root){
+  root.querySelectorAll('img[data-att]:not([src])').forEach(img =>
+    attachmentBlob(img.dataset.att).then(u => img.src = u).catch(() => img.alt = '⚠ ' + img.alt));
+}
+function renderMessage(m){
+  if (seen.has(m.id)) return;
+  const el = buildMessage(m);
+  thread.appendChild(el);
+  loadImages(el);
+  lastId = Math.max(lastId, m.id);
+}
+/**
+ * Довести ленту до сообщения id. Страница грузит окно последних 50, а вопрос,
+ * о котором напоминает список, после перерыва легко оказывается старше —
+ * и ссылка «к вопросу» вела бы в никуда.
+ */
+async function ensureLoaded(id){
+  if (document.getElementById('msg-' + id) || !seen.size) return;
+  const first = Math.min(...seen);
+  if (id >= first) return;
+  const older = [];
+  let after = id - 1;
+  while (after < first - 1){
+    const r = await fetch(`${API}/messages?after_id=${after}&limit=500`, {headers:H});
+    if (!r.ok) return;
+    const {messages} = await r.json();
+    if (!messages.length) break;
+    older.push(...messages.filter(m => m.id < first && !seen.has(m.id)));
+    after = messages[messages.length - 1].id;
+  }
+  const anchor = thread.querySelector('.msg');
+  older.forEach(m => { const el = buildMessage(m); thread.insertBefore(el, anchor); loadImages(el); });
+}
+async function goTo(id){
+  await ensureLoaded(id);
+  const el = document.getElementById('msg-' + id);
+  if (!el) return;
+  el.scrollIntoView({block:'center', behavior:'smooth'});
+  el.classList.add('flash');
+  setTimeout(() => el.classList.remove('flash'), 1600);
+}
+// Опрос ленты — раз в 2 с. При 3 с замеры давали до 4,8 с от изменения на
+// сервере до экрана: в ориентир «не позднее 5 с» формально, но без запаса на
+// медленный запрос. Без свежего ответа сервера 15 с (семь пропущенных опросов)
+// страница перестаёт утверждать «работает»: серверный срок годности сигнала
+// здесь не поможет — до страницы не доходит и он.
+const POLL_MS = 2000, OFFLINE_MS = 15000;
+// Мост опрашивает чат раз в 10 с. Минута тишины от адресата — факт, который
+// стоит показать у «ожидает запуска»: иначе остановленный мост не отличить от очереди.
+const SEEN_STALE_MS = 60000;
+// Запрос на перезапуск хост забирает за секунды. Висит дольше — забирать некому.
+const RESTART_STUCK_MS = 30000;
+let lastSync = 0;   // когда сервер последний раз ответил (часы браузера)
+let skew = 0;       // часы сервера минус часы браузера: «since» — по серверу
+/** «2 мин», «40 с» — коротко, потому что стоит в одной строке с именем. */
+function ago(ms){
+  const sec = Math.max(0, Math.round(ms / 1000));
+  if (sec < 60) return sec + ' с';
+  const min = Math.round(sec / 60);
+  return min < 60 ? min + ' мин' : Math.round(min / 60) + ' ч';
+}
+const agoServer = iso => ago(Date.now() + skew - new Date(iso));
+const serverAge = iso => Date.now() + skew - new Date(iso);
+const offline = () => lastSync > 0 && Date.now() - lastSync > OFFLINE_MS;
+const age = iso => `<span class="tick" data-since="${esc(iso)}"></span>`;
+// Строка под лентой — «собеседник печатает»: только то, что происходит сейчас.
+// Всё остальное — очередь, сбои, паузы — живёт в списке открытых обращений справа.
+function activityLine(a, isOffline){
+  const ref = `#${a.message_id}`;
+  return isOffline
+    ? ['offline', `нет свежего подтверждения активности (${ref}): нет связи с сервером`]
+    : ['working', `<span class="dots">работает над ${ref}</span>`];
+}
+/**
+ * Состояние записи списка: [класс, что происходит, что мешает продолжить].
+ * «Что мешает» — только известное серверу. Нет сведений — так и пишем, а не
+ * подставляем правдоподобную причину.
+ */
+function describe(a, isOffline){
+  const note = a.note ? esc(a.note) : '';
+  switch (a.state){
+    case 'queued': {
+      if (a.busy_with.length)
+        return ['queued', 'ожидает запуска', `мост занят: работает над ${a.busy_with.map(id => '#' + id).join(', ')}`];
+      if (a.seen_at && serverAge(a.seen_at) > SEEN_STALE_MS)
+        return ['attn', 'ожидает запуска', `${esc(a.name)} не выходил на связь ${age(a.seen_at)}`];
+      return ['queued', 'ожидает запуска', ''];
+    }
+    case 'working':
+      return isOffline
+        ? ['attn', 'нет свежего подтверждения активности', 'нет связи с сервером']
+        : ['working', 'работает', ''];
+    case 'stalled':
+      return ['attn', 'нет подтверждения активности',
+        `сигнала от моста нет с ${time(a.since)}; исход неизвестен`];
+    case 'answered':
+      return ['answered', 'ответ опубликован', 'ждёт подтверждения мостом'];
+    case 'finished':
+      return ['queued', 'завершилось без ответа', note];
+    case 'failed':
+      return ['attn', 'сбой', note];
+    case 'deferred':
+      return ['attn', 'попытки исчерпаны', `${note}. Повторить: удалить ключ «${a.mention_id}» из .bridge-state-${esc(a.handle)}.json`];
+    case 'paused':
+      return ['attn', 'Разговор приостановлен: исчерпан лимит ходов; требуется сообщение владельца', note];
+    default:
+      return ['queued', esc(a.state), note];
+  }
+}
+function agentItem(a, isOffline){
+  const [cls, what, why] = describe(a, isOffline);
+  const attempt = a.started_at && ['working','stalled','finished','failed','deferred'].includes(a.state)
+    ? ` · попытка ${a.attempts}, начата ${time(a.started_at)}` : '';
+  const reply = a.state === 'answered' && a.reply_id
+    ? `<a href="#msg-${a.reply_id}" data-goto="${a.reply_id}">к ответу</a>` : '';
+  return `<div class="item ${cls}">
+    <div class="top"><span class="pip" style="background:${esc(a.accent)}"></span>
+      <b>${esc(a.name)}</b> ← ${esc(a.question.name)} #${a.message_id}
+      <span class="age">ждёт ${age(a.asked_at)}</span></div>
+    <div class="q" title="${esc(a.question.excerpt)}">${esc(a.question.excerpt)}</div>
+    <div><span class="st">${what}</span><span class="why">${attempt}</span></div>
+    ${why ? `<div class="why">${why}</div>` : ''}
+    <div class="links"><a href="#msg-${a.message_id}" data-goto="${a.message_id}">к вопросу</a>${reply}</div>
+  </div>`;
+}
+function ownerItem(q){
+  return `<div class="item owner attn">
+    <div class="top"><span class="pip" style="background:${esc(q.accent)}"></span>
+      <b>${esc(q.name)}</b> спрашивает #${q.message_id}
+      <span class="age">ждёт ${age(q.asked_at)}</span></div>
+    <div class="q" title="${esc(q.excerpt)}">${esc(q.excerpt)}</div>
+    <div class="links"><a href="#msg-${q.message_id}" data-goto="${q.message_id}">к вопросу</a>
+      ${IS_OWNER ? `<button class="answer" data-id="${q.message_id}">ответить</button>` : ''}</div>
+  </div>`;
+}
+// Что именно показано. Пересобираем разметку, только когда меняется ЭТО, а не
+// когда тикнул счётчик секунд: пересборка каждую секунду перезапускала бы
+// анимацию многоточия, и оно застывало бы на первой точке — ровно тот эффект
+// «всё висит», от которого индикатор и заводился.
+// Ключ — снимок ЦЕЛИКОМ, а не выборка полей: новая попытка того же обращения
+// меняет только since и attempts, и выборка без них оставила бы старое время начала.
+// seen_at в ключ идёт не значением, а признаком «давно»: он меняется каждые 10 с.
+let activityShape = '', openShape = '';
+function renderActivity(){
+  const isOffline = offline();
+  const working = activityState.filter(a => a.state === 'working');
+  const shape = isOffline + '~' + JSON.stringify(working);
+  if (shape !== activityShape){
+    activityShape = shape;
+    const rows = working.map(a => {
+      const [cls, what] = activityLine(a, isOffline);
+      return `<div class="act ${cls}">
+        <span class="pip" style="background:${esc(a.accent)}"></span>
+        <span><span class="who">${esc(a.name)}</span> <span class="what">${what}</span> · начал ${time(a.since)}, <span class="tick" data-since="${esc(a.since)}"></span> назад</span>
+        <a class="goto" href="#msg-${a.message_id}" data-goto="${a.message_id}">к сообщению</a>
+      </div>`;
+    });
+    if (isOffline){
+      rows.unshift(`<div class="act offline"><span class="pip" style="background:var(--accent)"></span>
+        <span class="what">нет связи с сервером <span class="tick" data-local="1"></span> — статусы могут быть устаревшими</span></div>`);
+    }
+    activity.innerHTML = rows.join('');
+  }
+  renderOpen(isOffline);
+  renderBridges();
+  // Возраст обновляется всегда — это единственное, что меняется каждую секунду.
+  document.querySelectorAll('.tick').forEach(el => {
+    el.textContent = el.dataset.local ? ago(Date.now() - lastSync) : agoServer(el.dataset.since);
+  });
+}
+function renderOpen(isOffline){
+  if (!lastSync) return;   // до первого ответа сервера «открытых нет» было бы неправдой
+  const agents = activityState.map(a => ({...a, seen_at: a.seen_at && serverAge(a.seen_at) > SEEN_STALE_MS ? a.seen_at : null}));
+  const shape = isOffline + '~' + JSON.stringify(agents) + JSON.stringify(ownerWait);
+  if (shape === openShape) return;
+  openShape = shape;
+  const parts = [];
+  if (isOffline) parts.push(`<div class="stale">нет связи с сервером <span class="tick" data-local="1"></span> — список может быть устаревшим</div>`);
+  if (ownerWait.length) parts.push('<h3>Нужен ответ владельца</h3>', ...ownerWait.map(ownerItem));
+  if (agents.length) parts.push('<h3>Ждут ответа агентов</h3>', ...agents.map(a => agentItem(a, isOffline)));
+  if (!ownerWait.length && !agents.length) parts.push('<div class="empty">Открытых обращений нет.</div>');
+  openList.innerHTML = parts.join('');
+  const n = ownerWait.length + agents.length;
+  openCount.textContent = n ? `· ${n}` : '';
+}
+let bridgesShape = '';
+const bridgesEl = document.getElementById('bridges');
+function renderBridges(){
+  if (!bridgesState) return;
+  const agents = bridgesState.agents.map(a => ({...a, stale: !a.seen_at || serverAge(a.seen_at) > SEEN_STALE_MS}));
+  const pending = bridgesState.restart_requested_at;
+  const stuck = !!pending && serverAge(pending) > RESTART_STUCK_MS;
+  const shape = JSON.stringify([agents.map(a => [a.handle, a.stale, a.stale && a.seen_at]), pending, stuck]);
+  if (shape === bridgesShape) return;
+  bridgesShape = shape;
+  const parts = agents.map(a => `<span class="br ${a.stale ? 'off' : ''}"
+      title="${a.stale ? 'мост не выходит на связь' : 'мост на связи'}">
+    <span class="pip" style="background:${a.stale ? 'var(--accent)' : 'var(--ok)'}"></span>@${esc(a.handle)}${
+      a.stale ? (a.seen_at ? ` · нет связи ${age(a.seen_at)}` : ' · не подключался') : ''}</span>`);
+  if (IS_OWNER){
+    const label = !pending ? 'перезапустить мосты' : stuck ? 'повторить перезапуск' : 'перезапуск…';
+    const hot = stuck || agents.some(a => a.stale) ? 'hot' : '';
+    parts.push(`<button type="button" id="restart" class="${hot}" ${pending && !stuck ? 'disabled' : ''}>${label}</button>`);
+    // Сервер сам ничего не запускает: запрос забирает systemd на хосте. Не забрал —
+    // говорим, где искать, а не делаем вид, что перезапуск идёт.
+    if (stuck) parts.push(`<span class="stuck" title="под systemd: systemctl --user status qbazar-bridge-restart.path; у пакета: team-chat status">запрос не забран: раннер не запущен или не следит за запросами</span>`);
+  }
+  bridgesEl.innerHTML = parts.join('');
+}
+async function restartBridges(){
+  const busy = activityState.filter(a => a.state === 'working');
+  if (busy.length && !confirm(`Сейчас работают: ${[...new Set(busy.map(a => '@' + a.handle))].join(', ')}. Перезапуск прервёт их на полуслове — продолжить?`)) return;
+  const r = await fetch('/api/bridges/restart', {method:'POST', headers:H});
+  if (!r.ok){ alert('Не удалось запросить перезапуск: ' + r.status); return; }
+  bridgesState = (await r.json()).bridges;
+  renderBridges();
+}
+// Чаты-проекты: где ждут ответа и где есть непрочитанное. «Прочитано» —
+// последний id, который эта страница показала в чате; живёт в браузере.
+let chatsState = [], chatsShape = '';
+const chatList = document.getElementById('chatlist');
+const readKey = slug => 'chat-read:' + slug;
+function readUpTo(slug){
+  try { const v = localStorage.getItem(readKey(slug)); return v === null ? null : Number(v); } catch(_) { return null; }
+}
+function markRead(slug, id){
+  try { if ((readUpTo(slug) ?? 0) < id) localStorage.setItem(readKey(slug), id); } catch(_) {}
+}
+function renderChats(){
+  const rows = chatsState.map(c => {
+    // Чат, который этот браузер ещё не видел, непрочитанным не считаем: иначе
+    // первый же визит подсветил бы всю историю всех проектов.
+    if (readUpTo(c.slug) === null) markRead(c.slug, c.last_message_id);
+    const unread = c.slug !== CHAT.slug && c.last_message_id > (readUpTo(c.slug) ?? 0);
+    return {...c, unread};
+  });
+  const shape = JSON.stringify(rows.map(c => [c.slug, c.name, c.unread, c.owner_wait, c.agents_open]));
+  if (shape === chatsShape) return;
+  chatsShape = shape;
+  chatList.innerHTML = rows.map(c => `<a class="chat ${c.slug === CHAT.slug ? 'on' : ''}" href="/c/${encodeURIComponent(c.slug)}"
+      title="${esc(c.name)}${c.workdir ? ' · ' + esc(c.workdir) : ''}">
+    <span class="nm">${esc(c.name)}</span>
+    ${c.owner_wait ? `<span class="badge owner" title="ждут ответа владельца">${c.owner_wait}</span>` : ''}
+    ${c.agents_open ? `<span class="badge agents" title="ждут ответа агентов">${c.agents_open}</span>` : ''}
+    ${c.unread ? '<span class="unread" title="есть новые сообщения"></span>' : ''}
+  </a>`).join('');
+}
+async function poll(){
+  try{
+    const r = await fetch(API+'/messages?after_id='+lastId, {headers:H});
+    if (!r.ok) return;
+    const d = await r.json();
+    lastSync = Date.now();
+    if (d.server_time) skew = new Date(d.server_time) - lastSync;
+    activityState = d.activity || [];
+    ownerWait = d.owner_wait || [];
+    if (d.bridges) bridgesState = d.bridges;
+    if (d.chats){ chatsState = d.chats; }
+    renderActivity();
+    if (d.messages.length){
+      const atBottom = thread.scrollHeight - thread.scrollTop - thread.clientHeight < 120;
+      if (thread.querySelector('.empty')) thread.innerHTML = '';
+      d.messages.forEach(renderMessage);
+      if (atBottom) thread.scrollTop = thread.scrollHeight;
+    }
+    markRead(CHAT.slug, lastId);
+    renderChats();
+  }catch(e){ /* сеть моргнула — следующий тик подхватит, а renderActivity отметит потерю связи */ }
+}
+async function loadDecisions(){
+  try{
+    const r = await fetch(API+'/decisions', {headers:H});
+    if (!r.ok) return;
+    const {decisions:list} = await r.json();
+    decisions.innerHTML = list.length ? '' : '<div class="empty">Пока ничего не решено.</div>';
+    list.slice().reverse().forEach(d => {
+      const el = document.createElement('div');
+      el.className = 'dec' + (d.superseded ? ' old' : '');
+      el.innerHTML = `<div class="n">№${d.number}</div><div class="t">${esc(d.title)}</div>
+        ${d.body ? `<div class="s">${esc(d.body)}</div>` : ''}
+        <div class="s">${esc(d.decided_by)} · ${time(d.decided_at)}${d.supersedes ? ' · отменяет №'+d.supersedes : ''}</div>`;
+      decisions.appendChild(el);
+    });
+  }catch(e){}
+}
+const replyBar = document.getElementById('replybar');
+const ta = document.getElementById('body');
+async function startReply(id){
+  await ensureLoaded(id);
+  const el = document.getElementById('msg-' + id);
+  if (!el) return;
+  replyTo = id;
+  replyBar.querySelector('span').textContent = `↩ ответ на #${id} · ${el.dataset.author}: ${el.dataset.excerpt}`;
+  replyBar.classList.add('on');
+  // Ответ агенту без упоминания агента не разбудит: мост поднимает по @handle.
+  // Подставляем его заранее и на виду — стереть проще, чем вспомнить.
+  const tag = '@' + el.dataset.handle;
+  if (el.dataset.kind === 'ai' && !ta.value.includes(tag)) ta.value = tag + ' ' + ta.value;
+  ta.focus();
+}
+function cancelReply(){
+  replyTo = null;
+  replyBar.classList.remove('on');
+}
+document.getElementById('replycancel').addEventListener('click', cancelReply);
+// Файлы, приготовленные к отправке. Уходят вместе с текстом одним сообщением.
+const MAX_FILES = {{json maxFiles}};
+const MAX_BYTES = {{json maxKb}} * 1024;
+let pending = [];
+const chips = document.getElementById('chips');
+const fileInput = document.getElementById('files');
+function renderChips(){
+  chips.innerHTML = pending.map((f, i) =>
+    `<span class="chip"><span title="${esc(f.name)}">📎 ${esc(f.name)} · ${fmtSize(f.size)}</span><button type="button" data-unpend="${i}" title="убрать">✕</button></span>`).join('');
+  chips.classList.toggle('on', pending.length > 0);
+}
+function addFiles(list){
+  for (const f of list){
+    if (pending.length >= MAX_FILES){ alert(`Не больше ${MAX_FILES} файлов в одном сообщении.`); break; }
+    if (f.size > MAX_BYTES){ alert(`«${f.name}» больше ${fmtSize(MAX_BYTES)} — не приложить.`); continue; }
+    pending.push(f);
+  }
+  renderChips();
+  ta.focus();
+}
+document.getElementById('attach').addEventListener('click', () => fileInput.click());
+fileInput.addEventListener('change', () => { addFiles(fileInput.files); fileInput.value = ''; });
+chips.addEventListener('click', e => {
+  const b = e.target.closest('[data-unpend]');
+  if (b){ pending.splice(Number(b.dataset.unpend), 1); renderChips(); }
+});
+// Скриншот из буфера — самый частый файл в разговоре: Ctrl+V прямо в поле.
+ta.addEventListener('paste', e => {
+  const files = [...(e.clipboardData?.files || [])];
+  if (!files.length) return;
+  e.preventDefault();
+  addFiles(files.map((f, i) => f.name && f.name !== 'image.png' ? f
+    : new File([f], `скриншот-${new Date().toISOString().slice(0,19).replace(/[T:]/g,'-')}${i ? '-' + i : ''}.png`, {type: f.type})));
+});
+const dropZone = document.querySelector('.layout > .panel');
+dropZone.addEventListener('dragover', e => {
+  if (![...e.dataTransfer.types].includes('Files')) return;
+  e.preventDefault();
+  dropZone.classList.add('drop');
+});
+dropZone.addEventListener('dragleave', e => { if (!dropZone.contains(e.relatedTarget)) dropZone.classList.remove('drop'); });
+dropZone.addEventListener('drop', e => {
+  dropZone.classList.remove('drop');
+  if (!e.dataTransfer.files.length) return;
+  e.preventDefault();
+  addFiles(e.dataTransfer.files);
+});
+document.getElementById('send').addEventListener('submit', async e => {
+  e.preventDefault();
+  const body = ta.value.trim();
+  if (!body && !pending.length) return;
+  const files = pending, reply = replyTo;
+  let req;
+  if (files.length){
+    // multipart: Content-Type с границей ставит сам браузер.
+    const fd = new FormData();
+    if (body) fd.append('body', body);
+    if (reply) fd.append('reply_to_id', reply);
+    files.forEach(f => fd.append('files[]', f, f.name));
+    req = {method:'POST', headers:{'Authorization':'Bearer '+TOKEN,'Accept':'application/json'}, body:fd};
+  } else {
+    req = {method:'POST', headers:H, body:JSON.stringify(reply ? {body, reply_to_id: reply} : {body})};
+  }
+  ta.value = ''; pending = []; renderChips();
+  cancelReply();
+  const r = await fetch(API+'/messages', req).catch(() => null);
+  if (!r || !r.ok){
+    // Не теряем написанное: вернуть текст и файлы, чтобы можно было отправить снова.
+    let why = r ? r.status : 'нет связи';
+    try { why = (await r.json()).message || why; } catch(_){}
+    alert('Сообщение не отправлено: ' + why);
+    ta.value = body; pending = files; renderChips();
+    if (reply) startReply(reply);
+    return;
+  }
+  poll();
+});
+// Enter отправляет, Shift+Enter — перенос строки. Пока идёт набор через IME
+// (isComposing), Enter подтверждает слово, а не отправляет сообщение.
+ta.addEventListener('keydown', e => {
+  if (e.key !== 'Enter' || e.shiftKey || e.isComposing) return;
+  e.preventDefault();
+  document.getElementById('send').requestSubmit();
+});
+document.addEventListener('click', async e => {
+  const link = e.target.closest('[data-goto]');
+  if (link){ e.preventDefault(); goTo(Number(link.dataset.goto)); return; }
+  if (e.target.closest('#restart')){ restartBridges(); return; }
+  const img = e.target.closest('img[data-att]');
+  if (img && img.src){ window.open(img.src, '_blank'); return; }
+  const dl = e.target.closest('[data-dl]');
+  if (dl){
+    e.preventDefault();
+    try {
+      const a = Object.assign(document.createElement('a'), {href: await attachmentBlob(dl.dataset.dl), download: dl.dataset.name});
+      a.click();
+    } catch(_) { alert('Не удалось скачать файл.'); }
+    return;
+  }
+  const answer = e.target.closest('.reply, .answer');
+  if (answer){ startReply(Number(answer.dataset.id)); return; }
+  // Фиксация решения — только у владельца; агенты предлагают текстом в треде.
+  const btn = e.target.closest('.fix');
+  if (!btn) return;
+  const title = prompt('Формулировка решения (коротко и окончательно):');
+  if (!title) return;
+  const r = await fetch(API+'/decisions', {method:'POST', headers:H,
+    body:JSON.stringify({title, message_id:Number(btn.dataset.id)})});
+  if (r.ok){ seen.clear(); thread.innerHTML=''; lastId=0; poll(); loadDecisions(); }
+  else alert('Не удалось зафиксировать: ' + r.status);
+});
+// Новый чат и настройки текущего. Только у владельца: описание и каталог проекта —
+// это инструкции агенту, которые уходят в каждый его запуск.
+const chatDlg = document.getElementById('chatdlg');
+if (chatDlg){
+  const form = document.getElementById('chatform');
+  const rolesBox = document.getElementById('chatroles');
+  // Роли агентов в этом чате: пусто — основная роль агента, иначе замена для чата.
+  async function loadChatRoles(){
+    const r = await fetch('/api/team', {headers:H}).catch(() => null);
+    if (!r || !r.ok) return;
+    const t = await r.json();
+    const agents = t.agents.filter(a => !a.disabled);
+    if (!agents.length) return;
+    rolesBox.innerHTML = '<div class="cap">Роли агентов в этом чате</div>' + agents.map(a => {
+      const current = (a.chat_roles || {})[CHAT.slug] || '';
+      return `<label class="ar"><span>@${esc(a.handle)}</span>
+        <select data-handle="${esc(a.handle)}" data-was="${esc(current)}">
+          <option value="">основная — ${esc(a.role_name)}</option>
+          ${t.roles.filter(x => x.slug !== a.role).map(x => `<option value="${esc(x.slug)}" ${x.slug === current ? 'selected' : ''}>${esc(x.name)}</option>`).join('')}
+        </select></label>`;
+    }).join('');
+  }
+  const err = document.getElementById('chaterr');
+  let editing = false;
+  const openDlg = edit => {
+    editing = edit;
+    form.reset(); err.textContent = '';
+    document.getElementById('chatdlgtitle').textContent = edit ? `Настройки чата «${CHAT.name}»` : 'Новый чат';
+    document.getElementById('chatsave').textContent = edit ? 'Сохранить' : 'Создать';
+    form.slug.disabled = edit;   // адрес не меняется: на него ведут ссылки
+    rolesBox.innerHTML = '';
+    if (edit){
+      const c = chatsState.find(x => x.slug === CHAT.slug) || CHAT;
+      form.name.value = c.name; form.slug.value = c.slug;
+      form.workdir.value = c.workdir || ''; form.description.value = c.description || '';
+      loadChatRoles();
+    }
+    chatDlg.showModal();
+    form.name.focus();
+  };
+  document.getElementById('newchat').addEventListener('click', () => openDlg(false));
+  document.getElementById('editchat').addEventListener('click', () => openDlg(true));
+  document.getElementById('chatcancel').addEventListener('click', () => chatDlg.close());
+  form.addEventListener('submit', async e => {
+    e.preventDefault();
+    const data = {name: form.name.value.trim(), workdir: form.workdir.value.trim() || null,
+                  description: form.description.value.trim() || null};
+    if (!editing && form.slug.value.trim()) data.slug = form.slug.value.trim();
+    const r = await fetch(editing ? API : '/api/chats',
+      {method: editing ? 'PATCH' : 'POST', headers:H, body:JSON.stringify(data)}).catch(() => null);
+    if (!r){ err.textContent = 'Нет связи с сервером.'; return; }
+    const d = await r.json().catch(() => ({}));
+    if (!r.ok){
+      err.textContent = d.errors ? Object.values(d.errors).flat().join(' ') : (d.message || 'Ошибка ' + r.status);
+      return;
+    }
+    for (const sel of rolesBox.querySelectorAll('select')){
+      if (sel.value === sel.dataset.was) continue;
+      const rr = await fetch(API + '/roles', {method:'PUT', headers:H,
+        body:JSON.stringify({handle: sel.dataset.handle, role: sel.value || null})}).catch(() => null);
+      if (!rr || !rr.ok){ err.textContent = `Не удалось сменить роль @${sel.dataset.handle}.`; return; }
+    }
+    location.href = '/c/' + encodeURIComponent(d.chat.slug);
+  });
+}
+poll(); loadDecisions();
+setInterval(poll, POLL_MS);
+setInterval(renderActivity, 1000);  // возраст и потеря связи, без запросов
+setInterval(loadDecisions, 15000);
+</script>
+</body>
+</html>