From 9f8dbf1a3abf213d73603efda404c3bc6c59f8c9 Mon Sep 17 00:00:00 2001
From: Claude Lin & Lay <eightborder@gmail.com>
Date: Mon, 24 Aug 2026 07:09:38 +0900
Subject: [PATCH 1/4] feat(ui): start a session from the participant row, and
 drop the launcher
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

開始 をランチャ行から参加者の行へ移し、`#launcher` を削除した。

同じライフサイクルの両端が離れていた。終了は #57 で行に乗ったが、開始は
会話面の上のランチャ行に残っており、一つの物事の両端が二つの面にあった。
行は名前の後ろに二つの列を持つ——一列目がライフサイクル（`開始` または
`終了`）、二列目が `編集` である。

列は行の状態で動かない。track は中身の有無に依らず幅を持つので、ライフ
サイクルを持たない行——起動されない人間、種別 `user`——も列を閉じない。
これが `編集` を他の行より左へずらしていた原因である。`編集` の track は
固定であり、armed の `本当に終了` が伸びるのは名前の側であって `編集` の
位置ではない。ライフサイクルの track を armed の幅に固定する形は採らな
かった。パネルは 16.5rem しかなく、実測で「マスター（あなた）」の名前が
出なくなる。四秒の一行のためにリスト全行の幅を払うことになる。

起動中と起動失敗は行が持つ。ランチャのボタンが持っていた `disabled` は
押された行のボタンへ移り、状態の語は名前の隣の note に入る——`未起動` /
`終了` / `起動失敗` と同じ場所である。起動に失敗すると端末は破棄される
ので、行に残さなければ押したこと自体が消える。理由は `title` に載せ、
status 行はこれまで通り全文を持つ。

`#launcher` に残る仕事は無かった。`accountEl.value` の参照はすべてラン
チャ内部で閉じており（`selectedAccount` と `renderAccountOptions` のみ）、
パネル下部の値は選択ではなく画面に出ている端末に従う。どのアカウントを
起動するかは、押された行が答える。

終了の 2 段階 arm は変えていない。開始には付けない——取り消せる操作で
あり、間違えて始めたセッションはそれを置き換えるボタンが終わらせる。

Refs #62
---
 index.html     |  18 +++---
 src/main.ts    | 164 +++++++++++++++++++++++++++++--------------------
 src/styles.css | 113 ++++++++++++++++++++--------------
 3 files changed, 172 insertions(+), 123 deletions(-)

diff --git a/index.html b/index.html
index 190cd22..4a2e24d 100644
--- a/index.html
+++ b/index.html
@@ -24,16 +24,6 @@
         <button id="toggle-diagnostics" type="button" aria-expanded="false">診断</button>
       </header>
 
-      <!-- Which account joins, and the join. Nothing else: choosing who to
-           join as and editing what that account is are two acts, and the row
-           that did both had to grow a field per attribute (#59). The
-           attributes are in the dialog; making an account is the ＋ beside the
-           list it appears in. -->
-      <div id="launcher">
-        <select id="account-select" aria-label="参加するアカウント"></select>
-        <button id="start-session" type="button">セッション参加</button>
-      </div>
-
       <div id="body">
         <div id="conversation">
           <main id="room" aria-live="polite"></main>
@@ -92,7 +82,13 @@
              Grouped by the kind declared when the account was made. An account
              that is not running is still someone, so it is listed dimmed rather
              than left out (#53); it is still not offered as an addressee,
-             because a name that cannot be reached is not one worth naming. -->
+             because a name that cannot be reached is not one worth naming.
+
+             The row carries the session's whole lifecycle. 開始 was on a row of
+             its own above the conversation until #62, which put the two ends of
+             one thing on two surfaces; 終了 had already moved here (#57). The
+             row is two fixed columns after the name — the lifecycle, then 編集 —
+             so neither moves when a session starts or ends. -->
         <aside id="participants" aria-label="参加者">
           <div class="panel-head">
             <h2 class="panel-title">参加者</h2>
diff --git a/src/main.ts b/src/main.ts
index dd3922b..7639da2 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -181,9 +181,7 @@ const DERIVED_ARC = 360 - RESERVED_ARC * 2;
 
 const roomEl = document.getElementById("room") as HTMLElement;
 const rosterEl = document.getElementById("roster") as HTMLElement;
-const accountEl = document.getElementById("account-select") as HTMLSelectElement;
 const accountNewEl = document.getElementById("account-new") as HTMLButtonElement;
-const startEl = document.getElementById("start-session") as HTMLButtonElement;
 const inputEl = document.getElementById("input") as HTMLTextAreaElement;
 const sendEl = document.getElementById("send") as HTMLButtonElement;
 const toEl = document.getElementById("to-select") as HTMLSelectElement;
@@ -309,6 +307,16 @@ interface SessionView {
 const views = new Map<string, SessionView>();
 /** The account whose terminal is on the glass, or null when none is. */
 let shownAccount: string | null = null;
+/**
+ * Why an account's last launch failed, by account id, until it is tried again.
+ *
+ * The status line carries the app's own reason and is the full account of it,
+ * but it is one line for the whole screen and the next thing written takes it.
+ * A launch that failed leaves nothing else behind — its terminal is discarded,
+ * there being no session under it — so without this the row that was pressed
+ * goes back to reading 未起動, as though it never had been.
+ */
+const launchFailures = new Map<string, string>();
 /** The account whose 終了 is armed. Its next click is the one that ends it. */
 let armedEnd: string | null = null;
 let armedTimer = 0;
@@ -378,23 +386,6 @@ function joinArgs(args: string[]): string {
   return args.map((arg) => (arg === "" || arg.includes(" ") ? `"${arg}"` : arg)).join(" ");
 }
 
-/**
- * The accounts the launcher can start: the AI ones.
- *
- * A `user` account is a person, and there is no CLI under a person to spawn.
- * The app refuses one as well and that refusal is the authority
- * (`start_session`); leaving it out of the picker only means the refusal is
- * never the way the person finds out (#59).
- */
-function launchableAccounts(): Account[] {
-  return accounts.filter((account) => account.kind === "ai");
-}
-
-/** The account the launcher is pointed at, or null when there is none. */
-function selectedAccount(): Account | null {
-  return accounts.find((candidate) => candidate.id === accountEl.value) ?? null;
-}
-
 /** The account the person at this screen is, or null before it is resolved. */
 function localAccount(): Account | null {
   return accounts.find((account) => account.id === localAccountId) ?? null;
@@ -642,12 +633,23 @@ function memberRow(row: Member): HTMLLIElement {
   who.textContent = name;
   who.title = name;
 
+  // Asked for and not back yet. The view exists from the moment 開始 is pressed
+  // and its pty id arrives with the session, so this pair is exactly that
+  // window (`startSession`).
+  const launching = view != null && view.ended === null && view.ptyId === "";
+  const failure = row.account ? launchFailures.get(row.account.id) : undefined;
+
   // What this line says about itself beyond the name. Someone present and not
   // oneself says nothing: being in the list is what it would have said.
   let noteText = "";
+  let noteKind = "";
   if (own) noteText = "（あなた）";
+  else if (launching) noteText = "起動中";
   else if (row.participant) noteText = "";
-  else if (view?.ended != null) noteText = "終了";
+  else if (failure) {
+    noteText = "起動失敗";
+    noteKind = "error";
+  } else if (view?.ended != null) noteText = "終了";
   else if (row.account) noteText = "未起動";
 
   // A row whose account has a terminal here picks that terminal; the whole line
@@ -678,22 +680,71 @@ function memberRow(row: Member): HTMLLIElement {
     const note = document.createElement("span");
     note.className = "note";
     note.textContent = noteText;
+    if (noteKind) note.dataset.kind = noteKind;
+    // The app's own reason, on the row carrying the word. The status line has
+    // it in full; this is so a row saying 起動失敗 is not a dead end.
+    if (failure) note.title = failure;
     pick.appendChild(note);
   }
   entry.appendChild(pick);
 
   // The account's own operations ride on its row, which is what one list buys:
-  // the row is keyed on the account id, so 編集 and 終了 act on one account and
-  // cannot be tied to the wrong one by a shared name (#53, #59).
+  // the row is keyed on the account id, so these act on one account and cannot
+  // be tied to the wrong one by a shared name (#53, #59).
+  //
+  // Two fixed columns: the session's lifecycle, then 編集. 開始 and 終了 are the
+  // two ends of one thing and belong in one place — 開始 was on a launcher row
+  // above the conversation until #62, a screen away from the 終了 that #57 had
+  // already put here. The slot is emitted whether or not it holds a button, so
+  // a row with no lifecycle keeps the column open rather than sliding its 編集
+  // left of every other row's.
+  const lifecycle = document.createElement("span");
+  lifecycle.className = "lifecycle";
+  if (view && view.ended === null && view.ptyId !== "") {
+    // No 終了 before the launch has returned an id: there is no session to end
+    // yet, and a kill aimed at an empty id reports success having done nothing
+    // (#57).
+    lifecycle.appendChild(endButton(view, name));
+  } else if (row.account?.kind === "ai") {
+    // Kind `ai` only. A `user` account is a person and there is no CLI under a
+    // person to spawn; `start_session` refuses one and that refusal is the
+    // authority, but a refusal is the wrong way for the person to find out
+    // (#59). Their row keeps the empty column, and their 編集 with it.
+    lifecycle.appendChild(startButton(row.account, launching));
+  }
+  entry.appendChild(lifecycle);
   if (row.account) entry.appendChild(editButton(row.account));
-  // No 終了 before the launch has returned an id: there is no session to end
-  // yet, and a kill aimed at an empty id reports success having done nothing.
-  // None for an account that is not running either (#57).
-  if (view && view.ended === null && view.ptyId !== "") entry.appendChild(endButton(view, name));
 
   return entry;
 }
 
+/**
+ * The control that starts one account's session.
+ *
+ * One click, where 終了 beside it takes two. The asymmetry is the difference
+ * between the two acts: ending a session cannot be taken back, and starting one
+ * is undone by the button that replaces this one. An arm here would charge
+ * every deliberate start a second click to guard a mistake that undoes itself.
+ *
+ * It carries its own launch. Pressed, it goes dead until the launch comes back,
+ * on the row that was pressed — the launcher's button held that state for
+ * whichever account its picker was on, and could not say which one (#62). What
+ * the state *is* stays in the note beside the name, where 未起動 and 終了 and
+ * 起動失敗 are: the button says what can be done, the note says what is so.
+ */
+function startButton(account: Account, launching: boolean): HTMLButtonElement {
+  const start = document.createElement("button");
+  start.type = "button";
+  start.className = "start";
+  start.textContent = "開始";
+  start.disabled = launching;
+  start.title = launching
+    ? `${account.name} を起動しています`
+    : `${account.name} のセッションを開始する`;
+  start.addEventListener("click", () => void startSession(account));
+  return start;
+}
+
 /** The control that opens one account's form. */
 function editButton(account: Account): HTMLButtonElement {
   const edit = document.createElement("button");
@@ -1211,13 +1262,13 @@ async function followSession(view: SessionView, started: StartedSession): Promis
   if (shownAccount === view.accountId) view.term.focus();
 }
 
-async function startSession(): Promise<void> {
-  const account = selectedAccount();
-  if (!account) {
-    status("起動するアカウントが選ばれていません。", "error");
-    return;
-  }
-
+/**
+ * Start one account's session: the row's half of the lifecycle 終了 closes.
+ *
+ * Takes the account rather than reading a picker. There is no picker — which
+ * account this is, is which row was pressed (#62).
+ */
+async function startSession(account: Account): Promise<void> {
   const name = account.name.trim();
   if (!name) {
     status(
@@ -1260,9 +1311,14 @@ async function startSession(): Promise<void> {
   // rather than leaving a blank pane where a running session had been.
   const previous = shownAccount;
   revealDiagnostics();
+  // Cleared as the attempt starts rather than as it fails: 起動失敗 stands on
+  // the row until this account is asked again, and this is that moment.
+  launchFailures.delete(account.id);
+  // From here the row carries the launch. The view exists and has no pty id
+  // yet, which is what puts its 開始 into 起動中; `openView` redraws through
+  // `showView`.
   const view = openView(account);
 
-  startEl.disabled = true;
   status(`${name} を起動しています…`);
   try {
     const started = await invoke<StartedSession>("start_session", {
@@ -1275,8 +1331,12 @@ async function startSession(): Promise<void> {
     await followSession(view, started);
   } catch (err) {
     // Nothing was spawned, so this terminal has nothing to show and no session
-    // to end. It goes, and the failure stands in the status line, which carries
-    // the app's own reason rather than the word 起動失敗.
+    // to end. It goes, and the app's own reason stands in the status line —
+    // recorded against the account first, because the pane going is what would
+    // otherwise leave the row reading 未起動 as though it had never been
+    // pressed. The row says 起動失敗 and holds the reason; the status line has
+    // it in full.
+    launchFailures.set(account.id, String(err));
     discardView(view);
     showView(previous !== null && views.has(previous) ? previous : ([...views.keys()].pop() ?? null));
     status(`${name} を起動できませんでした: ${err}`, "error");
@@ -1284,7 +1344,9 @@ async function startSession(): Promise<void> {
     // this keeps the panel in step with that.
     await refreshSeats();
   } finally {
-    startEl.disabled = false;
+    // Both paths above redraw already. This is so that no path can leave a row
+    // saying 起動中 for a launch that is over.
+    renderPanel();
   }
 }
 
@@ -1305,29 +1367,6 @@ function unusedAccountName(): string {
   }
 }
 
-/**
- * Fill the launcher's picker, keeping `selected` selected when it still exists.
- *
- * AI accounts only (`launchableAccounts`). The row's one question is which
- * session to start, and a person is not one.
- */
-function renderAccountOptions(selected: string): void {
-  const launchable = launchableAccounts();
-  accountEl.replaceChildren();
-  for (const account of launchable) {
-    const option = document.createElement("option");
-    option.value = account.id;
-    option.textContent = account.name || "（名前未設定）";
-    accountEl.appendChild(option);
-  }
-  accountEl.value = launchable.some((account) => account.id === selected)
-    ? selected
-    : (launchable[0]?.id ?? "");
-  const none = launchable.length === 0;
-  accountEl.disabled = none;
-  startEl.disabled = none;
-}
-
 // ── the account dialog ───────────────────────────────────────────────────────
 //
 // One form for making, editing and deleting an account. It holds a draft and
@@ -1497,7 +1536,6 @@ async function commitAccountDialog(): Promise<boolean> {
   }
   saveAccounts();
 
-  renderAccountOptions(target ? accountEl.value : settled.id);
   renderPanel();
   renderSessionFacts();
   // The room holds this screen's person's name and colour on its seat, so a
@@ -1552,7 +1590,6 @@ function deleteFromDialog(): void {
   discardView(views.get(account.id));
   saveAccounts();
   closeAccountDialog();
-  renderAccountOptions(accountEl.value);
   renderPanel();
   renderSessionFacts();
   status(`アカウント「${account.name}」を削除しました。`);
@@ -1624,8 +1661,6 @@ async function main(): Promise<void> {
       void send();
     }
   });
-  startEl.addEventListener("click", () => void startSession());
-
   try {
     homeDir = await invoke<string>("home_dir");
   } catch {
@@ -1669,7 +1704,6 @@ async function main(): Promise<void> {
     // Before the join below: the id this resolves goes into it, and an account
     // may have to be made here for it (#59).
     resolveLocalAccount();
-    renderAccountOptions("");
     // Drawn here, off the config alone. An account that is not running is
     // listed from the moment the app opens rather than once the room has
     // answered — being listed is not conditional on ever having been started
diff --git a/src/styles.css b/src/styles.css
index 78fe317..04745aa 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -338,18 +338,33 @@ body {
   letter-spacing: 0.02em;
 }
 
+/* Three columns. The name takes the slack; the session's lifecycle and 編集 sit
+   in tracks after it, so 開始 and 終了 are in one place on every row and 編集 is
+   in one place on every row (#62). A track has its width whether or not
+   anything is in it, which is what keeps a row with no lifecycle — a person,
+   who is not launched — from closing the column and sliding its 編集 left of
+   everyone else's.
+
+   The lifecycle track has a floor rather than a fixed width: 本当に終了 is wider
+   than the 終了 it replaces, and it is meant to be. It grows leftward into the
+   name, because its own track's right edge is where 編集 begins and that does
+   not move. Fixing the track to the armed width instead would spend that width
+   on every row of the list to hold four seconds of one of them, and the panel
+   is 16.5rem wide — measured, it leaves 「マスター（あなた）」 with no room for
+   the name. */
 #participants .member {
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(3.2rem, auto) 3rem;
   align-items: center;
   gap: 0.3rem;
 }
 
-/* The name is the control that picks this account's terminal, so it takes the
-   width of the row: choosing which session to watch is a click on the session
-   itself. A row whose account has no terminal here is the same shape without
-   the button — the layout must not move when a session starts or ends. */
+/* The name is the control that picks this account's terminal, and it is the
+   column that takes the row's slack: choosing which session to watch is a click
+   on the session itself. A row whose account has no terminal here is the same
+   shape without the button — the layout must not move when a session starts or
+   ends. */
 #participants .member .pick {
-  flex: 1;
   min-width: 0;
   display: flex;
   align-items: center;
@@ -401,6 +416,13 @@ body {
   color: var(--muted);
 }
 
+/* 起動失敗. The status line carries the app's own reason and this carries the
+   fact, on the row that was pressed — a launch that failed discards its
+   terminal, so the row is the only thing left that the press happened to. */
+#participants .note[data-kind="error"] {
+  color: var(--danger);
+}
+
 /* An account that exists but is not in the room. Dimmed rather than dropped: it
    is still someone, and this list is where the person reads who they have
    (#53). Dimmed rather than greyed — the colour carries the account's identity,
@@ -424,21 +446,54 @@ body {
 
 /* The account's own operations, riding on its row. This is what one list buys:
    the row is keyed on the account id, so these act on one account and cannot be
-   tied to the wrong one by a shared name (#53, #59). */
+   tied to the wrong one by a shared name (#53, #59).
+
+   Each fills its track, so the button is the column: 開始 and 終了 are one width
+   in one place, and which of them a row has is read off the button rather than
+   off where the row's controls have slid to (#62). */
 #participants .member .edit,
+#participants .member .start,
 #participants .member .end {
-  flex: none;
   font: inherit;
   font-size: 0.72rem;
   background: none;
   border: 1px solid var(--line);
   border-radius: 4px;
   padding: 0.2rem 0.4rem;
+  white-space: nowrap;
   cursor: pointer;
 }
 
+/* The lifecycle column. Emitted whether or not it holds a button — an empty one
+   is what keeps 編集 in place on the row of someone who is not launched.
+
+   The button grows to the track rather than being given the track's width: a
+   percentage width feeds back into how the track is measured, and the track
+   then comes out narrower than 本当に終了 and clips it (measured). */
+#participants .member .lifecycle {
+  display: flex;
+}
+
+#participants .member .lifecycle > button {
+  flex: 1;
+}
+
 #participants .member .edit {
+  width: 100%;
+  color: var(--muted);
+}
+
+/* One click, unlike the 終了 that replaces it: a session started by mistake is
+   ended by that button, and an arm here would charge every deliberate start a
+   second click. Dead while the launch is out; what the row is doing meanwhile
+   is the 起動中 beside the name (src/main.ts). */
+#participants .member .start {
+  color: var(--fg);
+}
+
+#participants .member .start:disabled {
   color: var(--muted);
+  cursor: default;
 }
 
 /* Its resting state is a quiet outline in the danger colour: this is the one
@@ -497,46 +552,10 @@ body {
   color: var(--danger);
 }
 
+/* ── terminal ────────────────────────────────────────────────────────────── */
 
-
-/* ── launcher ────────────────────────────────────────────────────────────── */
-
-/* Which account joins, and the join. It used to carry a field per attribute of
-   the selected account as well; those are in the dialog now, because choosing
-   who to join as and editing what that account is are two acts (#59). */
-#launcher {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  border-bottom: 1px solid var(--line);
-  padding: 0.4rem 0.9rem;
-  font-size: 0.8rem;
-}
-
-#launcher select,
-#launcher button {
-  font: inherit;
-  color: var(--fg);
-  background: var(--surface);
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  padding: 0.25rem 0.45rem;
-}
-
-#launcher select {
-  min-width: 12rem;
-}
-
-#launcher button {
-  cursor: pointer;
-}
-
-#launcher select:disabled,
-#launcher button:disabled {
-  cursor: default;
-  opacity: 0.6;
-}
-
+/* The frame on the diagnostics pane. It stood after the launcher's own rules
+   until #62 removed them, under a heading that was never about it. */
 #terminal {
   flex: 1;
   min-height: 18rem;

From 4d9bdd367531317416a37d8c59000b1436a6565a Mon Sep 17 00:00:00 2001
From: Claude Lin & Lay <eightborder@gmail.com>
Date: Mon, 24 Aug 2026 07:12:46 +0900
Subject: [PATCH 2/4] fix(ui): correct the lifecycle button's fill rule and its
 reason
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`.lifecycle > button { flex: 1 }` を共有規則の `width: 100%` に戻し、その
理由として書いていた「percentage width が track の測定へ食い込み
`本当に終了` を切る」を削除した。**この記述は誤りである。** 測定を誤って
いた——比較用の clone を `#participants` の外へ挿していたため、clone は
padding も font-size も border も失った UA 既定のボタンとして測られて
いた。同じ条件で測り直すと `flex: 1` と `width: 100%` は完全に同一で
あり、どちらも切らない。

実測（Chrome、パネル 16.5rem、7 通りの行）:

- `編集` の左端は 211.2px で全行一致。ライフサイクルを持たない種別 `user`
  の行でも動かない。
- ライフサイクル track の右端は 206.4px で全行一致。ボタンを持たない行
  （`user` / ゲスト）でも track は幅を保つ。
- `開始` と `終了` はいずれも 51.2px、同じ位置。
- armed の `本当に終了` は 69.9px へ左向きに伸び、文字は収まり、`編集` は
  動かない。track が max-content なので、字幅の異なる環境でも収まる。
- 行の高さは全行 27.6px。

Refs #62
---
 src/styles.css | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 04745aa..8db9392 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -454,6 +454,7 @@ body {
 #participants .member .edit,
 #participants .member .start,
 #participants .member .end {
+  width: 100%;
   font: inherit;
   font-size: 0.72rem;
   background: none;
@@ -465,21 +466,15 @@ body {
 }
 
 /* The lifecycle column. Emitted whether or not it holds a button — an empty one
-   is what keeps 編集 in place on the row of someone who is not launched.
-
-   The button grows to the track rather than being given the track's width: a
-   percentage width feeds back into how the track is measured, and the track
-   then comes out narrower than 本当に終了 and clips it (measured). */
+   is what keeps 編集 in place on the row of someone who is not launched. A box
+   rather than nothing, so the button inside it fills the track: left inline, a
+   button takes its own width and sits at the track's left edge, which puts 開始
+   and 終了 a different distance from 編集 than the track they are in. */
 #participants .member .lifecycle {
   display: flex;
 }
 
-#participants .member .lifecycle > button {
-  flex: 1;
-}
-
 #participants .member .edit {
-  width: 100%;
   color: var(--muted);
 }
 

From 2bfa8f72cbd05d7bb53aefd2b57c2443aee106c9 Mon Sep 17 00:00:00 2001
From: Claude Lin & Lay <eightborder@gmail.com>
Date: Mon, 24 Aug 2026 07:14:20 +0900
Subject: [PATCH 3/4] docs: the row holds both ends of the session lifecycle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

要件と README を実装に合わせた。

`docs/0-requirements.md`:

- 参加者パネルに、行の二列（一列目=ライフサイクル / 二列目=編集）と、列が
  行の状態で動かないことを書いた。中身の無い列も幅を保つこと、それが編集
  を揃える条件であることを含む。
- 開始を 2 段階にしない理由を書いた。終了の二度押しは取り消せないため
  であり、開始は取り消せる。
- 起動中と起動失敗を行が読めることを表で書いた。失敗の記録が次の開始まで
  残る理由も。
- 「ランチャ行は無い」を新設した。残っていた仕事が無かったことを参照から
  示し（`accountEl.value` の読み手は 2 箇所、どちらもランチャ内部）、
  ボタンが持っていた状態の行き先を書いた。
- 種別 `user` の記述を「ランチャの選択肢にも出さない」から「その行に開始
  も出さない」へ。拒否が唯一の知る手段になってはならない、という理由は
  変わっていない。

`README.md`: 行の操作の説明を書き直し、「アカウントを選び『セッション参加』
を押す」を「アカウントの行の『開始』を押す」へ。

Refs #62
---
 README.md              | 12 +++++++++--
 docs/0-requirements.md | 47 ++++++++++++++++++++++++++++++++++++------
 2 files changed, 51 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 1e79be7..a91a5a0 100644
--- a/README.md
+++ b/README.md
@@ -68,7 +68,15 @@ npm run tauri dev
 
 右の参加者パネルは**一つのリスト**です。部屋にいる参加者と、まだ起動していないアカウント（「未起動」）が、種別ごとのグループに分かれて並びます（`user — 1` / `AI — 2` のように、件数も出ます）。名前はその参加者の色で出ます。居ない相手は色を保ったまま薄くなり、点が塗りから輪郭に変わります。自分の行には「（あなた）」が付きます。
 
-端末を持っているアカウントの行を押すと、その端末が診断面に出ます。行の「終了」でそのアカウントのセッションを終了できます。終了は二度押しです——一度目でボタンが「本当に終了」に変わり、数秒で戻ります。未起動のアカウントの行に端末の操作は出ません。
+端末を持っているアカウントの行を押すと、その端末が診断面に出ます。
+
+行の右側に操作が二つ並びます。**一つ目がセッションの開始と終了、二つ目が編集です。** 位置は行の状態で変わりません。種別 `AI` のアカウントには、未起動なら「開始」、稼働中なら「終了」が同じ場所に出ます。種別 `user`（人間）のアカウントは起動しないので、一つ目は空のままです——その行の「編集」も他の行と同じ位置に並びます。
+
+「開始」は一度押しです。「終了」は二度押しで、一度目でボタンが「本当に終了」に変わり、数秒で戻ります。取り消せない操作だけが二度押しです。
+
+「開始」を押してから起動が返るまで、その行の「開始」は押せなくなり、名前の隣に「起動中」と出ます。起動に失敗した場合は「起動失敗」と出て、理由はマウスを乗せると読めます（全文は画面下の status 行に出ます）。この表示は、次にそのアカウントの「開始」を押すまで残ります。
+
+未起動のアカウントの行に端末の操作は出ません。
 
 リストの下にセッションの裏の値（部屋ソケット、セッションの生死、接続方法、起動コマンド、作業ディレクトリ、開始時刻、ウィンドウ）が出ます。部屋ソケット以外は、選んでいる端末のアカウントのものです。宛先に選べるのは部屋に居る参加者だけで、未起動のアカウントは出ません。
 
@@ -78,7 +86,7 @@ npm run tauri dev
 
 この端末は表示と操作のためのものです。ここに映る内容が部屋の発言になることはありません。部屋に並ぶのは channel 経由の発言だけです。
 
-アカウントを選び「セッション参加」を押すと、次の 2 つが行われます。
+アカウントの行の「開始」を押すと、次の 2 つが行われます。
 
 1. そのアカウントの作業ディレクトリの `.mcp.json` へ、部屋のサイドカーを `pullcept-room-<slug>-<hash>` という名前で登録します。**既存の内容はマージして保持します**が、あなたのリポジトリのファイルを書き換える操作です。登録鍵はアカウント id から決まります。アカウントごとに分けているのは同じ作業ディレクトリへ 2 つのセッションを立てたときに互いの登録を潰さないためで、名前ではなく id から導くのは改名で鍵が動かないようにするためです。前回の起動で書かれたエントリ（もう繋がらないポートを指しているもの）は、このとき掃除します。
 2. `--dangerously-load-development-channels server:pullcept-room-<slug>-<hash>` を付けて CLI を PTY 上の対話セッションとして起動します。
diff --git a/docs/0-requirements.md b/docs/0-requirements.md
index 50d8a4e..097bd7c 100644
--- a/docs/0-requirements.md
+++ b/docs/0-requirements.md
@@ -300,9 +300,32 @@ liplus-desktop の `stream_parser.rs` および `spawn_stream_pty` / `spawn_stre
 
 **行の見え方。** 名前はその参加者の色で表示する。オフラインの行は色を保ったまま薄くし、点を塗りから輪郭へ変える。灰色に落として色を捨てない——色はアカウントの同一性を担っており、居ないだけで別人に見えるのは誤りである。行が示す補足は、この画面の本人なら「（あなた）」、席の無いアカウントなら「未起動」、セッションが終了して出力だけ残っているなら「終了」である。アバターは持たない。
 
-**行にアカウントの操作が乗る。** 端末を持つアカウントの行は、クリックで診断面の表示をその端末へ切り替える。行には「編集」（下記のモーダルを開く）が付き、稼働中であれば「終了」が付く。行の鍵がアカウント id であることが、行に操作を載せられる条件である——名前で突き合わせると、二つのアカウントが同じ名前を名乗った時点で別の行に当たる。
+**行にアカウントの操作が乗る。** 端末を持つアカウントの行は、クリックで診断面の表示をその端末へ切り替える。行の鍵がアカウント id であることが、行に操作を載せられる条件である——名前で突き合わせると、二つのアカウントが同じ名前を名乗った時点で別の行に当たる。
 
-端末を持たないアカウントに端末の操作は出ない。未起動のアカウントに出せる端末の操作は無い（#57 の条件を維持）。
+**セッションの開始と終了は、同じ列の同じ場所にある。** 一つのライフサイクルの両端であり、離して置く理由が無い。終了が行に来たのは #57 だが、開始は会話面の上のランチャ行に残っていた（#62 で移した。下記「ランチャ行は無い」）。
+
+**行の操作は名前の後ろの二列である。一列目がライフサイクル、二列目が編集。** 列は行の状態で動かない。以前の並びは「編集」「終了」であり、終了が稼働中の行にしか出ないため、未起動の行では編集が左へずれていた。
+
+- 一列目 = 「開始」または「終了」。種別 `ai` のアカウントの行にだけ出る。
+- 二列目 = 「編集」。アカウントを持つ行には常に出る。
+- **列は中身の有無に依らず幅を持つ。** ライフサイクルを持たない行——種別 `user`、および端末の操作を持たない行——も列を閉じない。閉じれば編集がその行だけ左へ寄る。
+
+armed の「本当に終了」は「終了」より広く、その幅は名前の側へ伸びる。編集の位置は動かない。ライフサイクルの列を armed の幅に固定する形は採らない——パネルは 16.5rem しかなく、実測では本人の行の名前（「マスター」＋「（あなた）」）が出なくなる。四秒間の一行のために、リスト全行の名前の幅を払うことになる。
+
+端末を持たないアカウントに端末の操作は出ない。未起動のアカウントに出せる端末の操作は無い（#57 の条件を維持）。開始はこれに含まれない——端末の操作ではなく、端末を作る操作である。
+
+**種別 `user` の行にライフサイクルは無い。** 人間は起動されるものではなく、`start_session` が既に拒否している（上記「アカウント」）。列は空のまま残り、その行の編集は他の行と同じ位置に並ぶ。
+
+**開始は 2 段階にしない。** 終了が二度押しなのは取り消せないためである（下記「診断面」）。開始は取り消せる——間違えて始めたセッションは、その場所を引き継ぐ終了が終わらせる。取り消せる操作に arm を付けると、undo が効く失敗を防ぐために全ての意図的な操作が二度押しになる。
+
+**起動中と起動失敗は行が読める。** 押した直後から起動が返るまで、その行の開始は押せなくなる。状態の語は名前の隣の note に入る——「未起動」「終了」と同じ場所であり、note は状態を、ボタンは行為を言う。
+
+| note | 行の状態 |
+|---|---|
+| 起動中 | 開始を押し、起動がまだ返っていない |
+| 起動失敗 | 直前の起動が失敗した。理由は `title`、全文は status 行 |
+
+起動に失敗した端末は破棄される（下記「診断面」）。行に残さなければ、押したこと自体が画面から消え、行は押される前と同じ「未起動」へ戻る。この記録は次にそのアカウントの開始が押された時点で消える——失敗が消えるのは、同じ問いがもう一度立てられた時である。
 
 **宛先の選択肢は増えていない。** オフラインの行は部屋の名簿に居ないため、宛先には出ない。届かない相手を名指せる状態は、宛先を名簿から引くという判断（#43）の理由に反する。
 
@@ -380,7 +403,7 @@ liplus-desktop の `stream_parser.rs` および `spawn_stream_pty` / `spawn_stre
 
 実際に起動する行は画面に表示する。書いた行と走る行が違う以上、結果を見せるほうが説明より安い。表示は起動オプションの欄の隣、つまりモーダルの中に置く。編集している欄の隣であることが条件であり、欄が移れば表示も移る。名前の欄を編集しても表示は動かない。エントリ名がアカウント id から決まるためであり、これは要点である——起動しているのはアカウントであって、改名はそれを別のものにしない。
 
-表示は省略記号で切らずに折り返す。切れる末尾はアプリが統合した channel エントリであり、そこが「書いた行と走る行が違う」ことの中身である。一行のランチャ行には縦の余裕が無かったが、モーダルにはある。
+表示は省略記号で切らずに折り返す。切れる末尾はアプリが統合した channel エントリであり、そこが「書いた行と走る行が違う」ことの中身である。一行のランチャ行には縦の余裕が無かったが、モーダルにはある（ランチャ行そのものは #62 で無くなった。下記「ランチャ行は無い」）。
 
 **実測済み（2026-08-21）**: 複数の channel サーバを同時に有効化した状態で往復が成立した。`--print` での確認は無意味である（channel の読み込み自体が走らないため）ことも実測しており、確認は対話セッションでのみ可能。
 
@@ -408,7 +431,7 @@ liplus-desktop の `stream_parser.rs` および `spawn_stream_pty` / `spawn_stre
 
 本人のアカウントは削除できず、種別も `user` から変えられない。部屋に居ることが「ここに居る」ことそのものであり、削除すれば居るための何かが無くなる。種別を変えれば、本人が AI の見出しの下に並び、その名前で CLI を起動する選択肢が出る。
 
-種別 `user` のアカウントは起動しない。人間の下に spawn する CLI は無く、`start_session` が拒否する。ランチャの選択肢にも出さない——拒否が唯一の知る手段になるのは、拒否の使い方として誤りである。稼働中のアカウントの種別は変更できない。そのセッションが起動した作業ディレクトリと起動オプションを、動いている最中に捨てることになるためである。
+種別 `user` のアカウントは起動しない。人間の下に spawn する CLI は無く、`start_session` が拒否する。その行に開始も出さない——拒否が唯一の知る手段になるのは、拒否の使い方として誤りである。稼働中のアカウントの種別は変更できない。そのセッションが起動した作業ディレクトリと起動オプションを、動いている最中に捨てることになるためである。
 
 **名前は人間が読んで選ぶものである。** UUID などの機械的な一意化で置き換えない。宛先の選択肢に出るのはこの名前であり、そこから 1 名を選べることが目的である。id が機械的な一意性を担うのは、名前をその責務から解放するためである。新規アカウントの既定名は既存と重ならない番号を取る——既定値が同じ名前の参加者を並べるのでは、#40 の欠陥を既定で再現することになる。
 
@@ -428,7 +451,19 @@ liplus-desktop の `stream_parser.rs` および `spawn_stream_pty` / `spawn_stre
 
 削除はモーダルの中にあり、終了と同じ 2 クリックを取る。一度目は武装するだけで、二度目が実行する。稼働中のアカウントと、この画面の本人のアカウントは削除を拒否する。
 
-**ランチャ行に残すのはアカウントの選択と参加のみである。** 「どのアカウントで参加するか」と「このアカウントの設定を編集する」は別の行為であり、種別が増えたことで分ける理由がさらに増えた。名前・色・作業ディレクトリ・起動オプションはモーダルにある。タイトルバーが持っていた本人の名前と色の欄も外した——本人がアカウントになった以上、同じ 2 値を編集する面が二つ並ぶことになる。`＋` はアカウントが並ぶリストの見出しの隣に置く。作るものが現れる場所の隣であって、起動する行の上ではない。
+#### ランチャ行は無い
+
+会話面の上に、アカウントの選択と参加だけを持つ行があった。#59 が名前・色・作業ディレクトリ・起動オプションをモーダルへ移した結果、残ったのは `<select>` と「セッション参加」の二つである。#62 で開始が参加者の行へ移り、この行に残る仕事は無くなった。
+
+選択のためだけに残さない。**どのアカウントを起動するかは、押された行が答える。** 選択という行為そのものが不要になっており、選択肢を出す面を残せば、行と select という二つの「どのアカウントか」が並ぶことになる。
+
+削除して失うものが無いことは参照から確認できる。`accountEl.value` を読むのは `selectedAccount`（開始の呼び出し元）と `renderAccountOptions`（その select 自身の再描画）だけであり、いずれもランチャ内部で閉じていた。パネル下部のセッションの値は選択ではなく画面に出ている端末に従う（上記「参加者パネル」）。
+
+ランチャのボタンが持っていた起動中の `disabled` と、その失敗の表示は、行が引き継ぐ（上記「参加者パネル」）。ボタンは押された行のものになり、どのアカウントが起動しているかを言えるようになった——一つしかないボタンには言えなかったことである。
+
+削除すると会話面が縦に広がる。
+
+`＋` はアカウントが並ぶリストの見出しの隣に置く。作るものが現れる場所の隣である。タイトルバーが持っていた本人の名前と色の欄も外した（#59）——本人がアカウントになった以上、同じ 2 値を編集する面が二つ並ぶことになる。
 
 #### 一つのアカウントは一つの部屋に一席まで
 
@@ -497,7 +532,7 @@ CI が実行するもの:
 
 2 枚のアートボードを並べ、その差分をロードマップとして読む形にしてある。
 
-- **次の一手** — 現在の実装に参加者パネルと宛先を足した、実装可能な範囲。両方とも実装済みである。この 1 枚と実装の差は、操作ボタンのうち未実装のリサイズとミュート（端末と終了は実装済みで、参加者のリストの各行に載っている）、宛先の見た目（削除可能なチップ）、そして #53 / #57 / #59 で入ったアカウントまわり（種別ごとのグループ、行の編集と終了、モーダル、ランチャ行の縮小）である。宛先は `<select>` で機能的に等価であり、形の差は追っていない。アカウントの側はキャンバスが実装より大きく遅れており、差は #46 で追う。
+- **次の一手** — 現在の実装に参加者パネルと宛先を足した、実装可能な範囲。両方とも実装済みである。この 1 枚と実装の差は、操作ボタンのうち未実装のリサイズとミュート（端末と終了は実装済みで、参加者のリストの各行に載っている）、宛先の見た目（削除可能なチップ）、そして #53 / #57 / #59 / #62 で入ったアカウントまわり（種別ごとのグループ、行の開始・終了・編集、モーダル、ランチャ行の廃止）である。宛先は `<select>` で機能的に等価であり、形の差は追っていない。アカウントの側はキャンバスが実装より大きく遅れており、差は #46 で追う。
 - **全体像** — ルーム一覧 / ダイレクト / 参加者・セッション状態パネル
 
 色と寸法は `src/styles.css` の実値をそのまま使っている（`--accent: #3a6ea5` / `--surface: #f4f4f7` / 角丸 4・6px / system-ui + Yu Gothic UI）。参加者ごとの色は accent と同じ彩度・明度で色相だけ変えたもの。絵と実装が同じトークンの上に乗るため、キャンバスの値をそのまま実装へ移せる。

From bc0e85e3af9ac1386f0ba7a1ad733f1d43667758 Mon Sep 17 00:00:00 2001
From: Claude Lin & Lay <eightborder@gmail.com>
Date: Mon, 24 Aug 2026 07:15:06 +0900
Subject: [PATCH 4/4] style(ui): restore the blank line the launcher listener
 left
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

`startEl` の click listener を消したとき、その後ろの空行まで一緒に消えて
いた。`main` 内の段落の切れ目であり、意味は変わらない。

Refs #62
---
 src/main.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/main.ts b/src/main.ts
index 7639da2..f496d75 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1661,6 +1661,7 @@ async function main(): Promise<void> {
       void send();
     }
   });
+
   try {
     homeDir = await invoke<string>("home_dir");
   } catch {