diff --git a/README.md b/README.md
index d9aec01..41e2c80 100644
--- a/README.md
+++ b/README.md
@@ -56,7 +56,9 @@ npm run tauri dev
 
 タブの下に作業ディレクトリの入力欄があります。初回はホームディレクトリが入っているので、セッションを動かしたいディレクトリへ変更してください。この値はタブ設定として保存されます。
 
-「診断」を開くと、部屋ソケットの待受状態、セッションの生死、CLI の出力が確認できます。ここにはセッションへの入力欄もあります。CLI はフォルダごとに初回の信頼確認を出すため、**最初の一回はここから答える必要があります**。Enter / ↑ / ↓ / Esc / Ctrl+C のボタンも用意しています。
+「診断」を開くと、部屋ソケットの待受状態、セッションの生死、そして**起動した CLI の端末**が確認できます。端末はそのまま操作できます。CLI はフォルダごとに初回の信頼確認を出すため、最初の一回はここから答えてください。
+
+この端末は表示と操作のためのものです。ここに映る内容が部屋の発言になることはありません。部屋に並ぶのは channel 経由の発言だけです。
 
 タイトルバーでセッションを選び「セッション参加」を押すと、次の 2 つが行われます。
 
diff --git a/docs/0-requirements.md b/docs/0-requirements.md
index 81587ff..574e9f1 100644
--- a/docs/0-requirements.md
+++ b/docs/0-requirements.md
@@ -152,7 +152,7 @@ liplus-desktop の `stream_parser.rs` および `spawn_stream_pty` / `spawn_stre
 - サーバの `.mcp.json` 登録（既存内容はマージして保持）と、成立条件を満たす CLI 起動フラグの適用
 - 部屋の作法（`instructions`）の初版
 - チャットルーム UI（メッセージ一覧、発言者表示、入力欄、参加者表示）
-- 診断面（部屋ソケットの待受状態、セッションの生死と終了コード、CLI 出力、セッションへの入力路）
+- 診断面（部屋ソケットの待受状態、セッションの生死と終了コード、CLI の端末表示と入力）
 - Windows CI（`npm ci` と Rust コンパイル確認）、Release 公開時の CD
 
 ### 未検証
@@ -172,9 +172,18 @@ liplus-desktop の `stream_parser.rs` および `spawn_stream_pty` / `spawn_stre
 
 会話面とは別枠として、部屋ソケットの待受状態・セッションの生死・CLI の出力を表示する診断面を持つ。既定は折りたたみで、セッションの起動失敗や異常終了を検出したときは自動で開く。
 
-これは「ターミナルエミュレータを置かない」制約と衝突しない。会話面に CLI の生出力を流さないという制約は、何が発言かという axis の話であり、診断面は「部屋の下の機構が生きているか」という別の問いに答える。部屋が沈黙しているとき、その沈黙が正常な待機なのか機構の停止なのかは、会話面だけからは区別できない。
+診断面は起動した CLI をそのまま端末として表示する。CLI はフルスクリーンの TUI であり、カーソル移動・画面消去・部分再描画を前提に出力する。行指向の表示器で映すと再描画の断片が積み上がるだけになるため、端末エミュレータ（xterm.js）で描く。
 
-診断面はセッションへの入力路も持つ。文字入力に加えて Enter / ↑ / ↓ / Esc / Ctrl+C を送れる。
+これは却下された設計とは別のものである。区別すべき二つ:
+
+- **却下**: アプリが CLI の出力を解析して発言を取り出す（liplus-desktop の `stream_parser.rs` のモデル）。部屋に並ぶものの出所が channel ではなくなる。
+- **採用**: 起動した CLI をそのまま映す。解析しない。部屋のメッセージ経路には一切関与しない。
+
+部屋に並ぶ発言は channel notification と `say_to_room` からのみ来る。端末は表示器であって情報源ではない。会話面（`#room`）に端末を置かないことは維持する。
+
+診断面は「部屋の下の機構が生きているか」という、会話面が答えられない問いに答える。部屋が沈黙しているとき、その沈黙が正常な待機なのか機構の停止なのかは、会話面だけからは区別できない。
+
+端末はセッションへの入力路でもある。キー入力はそのまま PTY へ渡り、ウィンドウのリサイズは CLI 側へ伝わる。
 
 これも会話面とは別の axis にある。CLI はフォルダごとに初回の信頼確認を出すため、この経路が無いとどの作業ディレクトリでもセッションは起動せず、部屋が立ち上がること自体が構造的に不可能になる。
 
@@ -209,8 +218,8 @@ CI が実行するもの:
 上流から順に確認する。各段は下流の前提であるため、順序を飛ばさない。
 
 1. **部屋ソケットが待ち受けているか。** タイトルバーの「診断」を開き、部屋ソケットの行を見る。`127.0.0.1:<port> で待受中` でなければ以降はすべて不成立。
-2. **セッションが生きているか。** 同じ診断のセッション行を見る。`終了（終了コード N）` なら CLI が落ちている。直下のセッション出力に理由が残る。CLI が確認プロンプトで止まっている場合は、診断面の入力路から答える。
-3. **サイドカーが接続したか。** 参加者表示にセッション名が出る。出ない場合はセッション出力に `room socket: connected as "<name>"` があるかを見る。
+2. **セッションが生きているか。** 同じ診断のセッション行を見る。`終了（終了コード N）` なら CLI が落ちている。直下の端末に理由が残る。CLI が確認プロンプトで止まっている場合は、端末へ直接答える。
+3. **サイドカーが接続したか。** 参加者表示にセッション名が出る。出ない場合は端末に `room socket: connected as "<name>"` があるかを見る。
 4. **サイドカー単体が壊れていないか。** `npm run sidecar:test` を実行する。偽の部屋ソケットを立てて両面を駆動するため、通ればサイドカーではなくアプリ側の問題に絞れる。
 5. **`.mcp.json` の登録が効いているか。** セッションの作業ディレクトリの `.mcp.json` に `liplus-chat-room` が入っているかを見る。`--mcp-config` によるファイル渡しでは channel 側が名前を解決できないため、正式登録以外の経路は成立しない。
 6. **起動フラグが単独指定になっているか。** `--dangerously-load-development-channels server:liplus-chat-room` 以外に `--channels` が付いていると、同一サーバが二重登録され全体が不通になる。タブ設定に `--channels` / `--print` / `--input-format` / `--output-format` がある場合、セッション起動はエラーで止まる（黙って外すと動いたように見えるため）。
diff --git a/index.html b/index.html
index 61051d1..1130c5d 100644
--- a/index.html
+++ b/index.html
@@ -30,9 +30,10 @@
 
       <main id="room" aria-live="polite"></main>
 
-      <!-- Diagnostics, not the conversation surface. The room shows messages;
-           this shows whether the machinery under it is alive, and carries the
-           keyboard the CLI needs before it will start at all. -->
+      <!-- Diagnostics, not the conversation surface. The room shows what was
+           said; this shows the CLI that was launched, as it actually renders.
+           Nothing here is read as a message: the room's lines come from the
+           channel and from say_to_room, never from this output. -->
       <aside id="diagnostics" hidden>
         <dl class="facts">
           <dt>部屋ソケット</dt>
@@ -41,22 +42,7 @@
           <dd id="session-state">未起動</dd>
         </dl>
 
-        <pre id="session-log" aria-label="セッションの出力"></pre>
-
-        <div id="session-keys">
-          <input
-            id="session-input"
-            type="text"
-            spellcheck="false"
-            placeholder="セッションへ入力（Enter で送信）"
-            disabled
-          />
-          <button class="key" type="button" data-key="enter" disabled>Enter</button>
-          <button class="key" type="button" data-key="up" disabled>↑</button>
-          <button class="key" type="button" data-key="down" disabled>↓</button>
-          <button class="key" type="button" data-key="escape" disabled>Esc</button>
-          <button class="key" type="button" data-key="interrupt" disabled>Ctrl+C</button>
-        </div>
+        <div id="terminal" aria-label="セッションの端末"></div>
       </aside>
 
       <footer id="composer">
diff --git a/package-lock.json b/package-lock.json
index a7d1313..9770347 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,8 @@
         "@tauri-apps/api": "^2",
         "@tauri-apps/plugin-clipboard-manager": "^2",
         "@tauri-apps/plugin-opener": "^2",
+        "@xterm/addon-fit": "^0.11.0",
+        "@xterm/xterm": "^6.0.0",
         "ws": "^8.18.0"
       },
       "devDependencies": {
@@ -1214,6 +1216,21 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@xterm/addon-fit": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@xterm/addon-fit/-/addon-fit-0.11.0.tgz",
+      "integrity": "sha512-jYcgT6xtVYhnhgxh3QgYDnnNMYTcf8ElbxxFzX0IZo+vabQqSPAjC3c1wJrKB5E19VwQei89QCiZZP86DCPF7g==",
+      "license": "MIT"
+    },
+    "node_modules/@xterm/xterm": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@xterm/xterm/-/xterm-6.0.0.tgz",
+      "integrity": "sha512-TQwDdQGtwwDt+2cgKDLn0IRaSxYu1tSUjgKarSDkUM0ZNiSRXFpjxEsvc/Zgc5kq5omJ+V0a8/kIM2WD3sMOYg==",
+      "license": "MIT",
+      "workspaces": [
+        "addons/*"
+      ]
+    },
     "node_modules/accepts": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
diff --git a/package.json b/package.json
index 2caa91a..51a26b0 100644
--- a/package.json
+++ b/package.json
@@ -16,8 +16,10 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.0.0",
     "@tauri-apps/api": "^2",
-    "@tauri-apps/plugin-opener": "^2",
     "@tauri-apps/plugin-clipboard-manager": "^2",
+    "@tauri-apps/plugin-opener": "^2",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/xterm": "^6.0.0",
     "ws": "^8.18.0"
   },
   "devDependencies": {
diff --git a/src/main.ts b/src/main.ts
index 2fa2655..d00561a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,12 +5,17 @@
 // appended locally on send — it comes back through the same event the agents'
 // replies do. See src-tauri/src/room.rs.
 //
-// No terminal in the room on purpose: a CLI's raw output is not a message
-// source (docs/0-requirements.md). The diagnostics pane is a separate surface
-// and exists for the opposite reason — when nothing arrives, the machinery
-// under the room has to be readable without a console.
+// The diagnostics pane carries a real terminal for the launched CLI. That is a
+// display, not a message source: the room's lines come from the channel and
+// from `say_to_room`, and nothing in this file reads terminal output as
+// speech. The rejected design is the one where the app parses CLI output to
+// find messages (docs/0-requirements.md); showing the CLI is not that.
 import { invoke } from "@tauri-apps/api/core";
 import { listen } from "@tauri-apps/api/event";
+import { readText } from "@tauri-apps/plugin-clipboard-manager";
+import { Terminal } from "@xterm/xterm";
+import { FitAddon } from "@xterm/addon-fit";
+import "@xterm/xterm/css/xterm.css";
 
 interface RoomMessage {
   message_id: string;
@@ -41,8 +46,6 @@ interface StartedSession {
 }
 
 const NAME_KEY = "liplus-chat.display-name";
-/** Lines of CLI output kept for triage. Enough to hold a startup failure. */
-const LOG_LIMIT = 400;
 
 const roomEl = document.getElementById("room") as HTMLElement;
 const rosterEl = document.getElementById("roster") as HTMLElement;
@@ -56,85 +59,54 @@ const diagnosticsEl = document.getElementById("diagnostics") as HTMLElement;
 const toggleEl = document.getElementById("toggle-diagnostics") as HTMLButtonElement;
 const socketStateEl = document.getElementById("socket-state") as HTMLElement;
 const sessionStateEl = document.getElementById("session-state") as HTMLElement;
-const logEl = document.getElementById("session-log") as HTMLPreElement;
+const terminalEl = document.getElementById("terminal") as HTMLElement;
 const cwdEl = document.getElementById("session-cwd") as HTMLInputElement;
-const sessionInputEl = document.getElementById("session-input") as HTMLInputElement;
-const keyEls = Array.from(
-  document.querySelectorAll<HTMLButtonElement>("#session-keys .key"),
-);
 
 let tabs: TabConfig[] = [];
-let logLines: string[] = [];
-/** The session the diagnostics keyboard is attached to, once one is running. */
+/** The session the terminal is attached to, once one is running. */
 let activePtyId: string | null = null;
 
-// Control bytes built from character codes rather than written as escapes: the
-// same reason the strip patterns below say so. A CLI prompt is navigated with
-// these, and the folder-trust prompt is the first thing every session shows.
-const CTRL_C = String.fromCharCode(3);
-const CARRIAGE_RETURN = String.fromCharCode(13);
-const ESCAPE = String.fromCharCode(27);
-const KEYS: Record<string, string> = {
-  enter: CARRIAGE_RETURN,
-  up: ESCAPE + "[A",
-  down: ESCAPE + "[B",
-  escape: ESCAPE,
-  interrupt: CTRL_C,
-};
+const terminal = new Terminal({
+  cursorBlink: true,
+  fontSize: 13,
+  fontFamily: 'ui-monospace, "Cascadia Mono", Consolas, monospace',
+  // The CLI is a full-screen TUI: it moves the cursor, clears regions and
+  // repaints. Anything less than an emulator turns that into debris, which is
+  // what the previous line-appending pane did (#24).
+  convertEol: false,
+  scrollback: 5000,
+});
+const fitAddon = new FitAddon();
 
 function status(text: string, kind: "info" | "error" = "info"): void {
   statusEl.textContent = text;
   statusEl.dataset.kind = kind;
 }
 
-/** Open the diagnostics pane. Called when something goes wrong on its own. */
 function revealDiagnostics(): void {
   diagnosticsEl.hidden = false;
   toggleEl.setAttribute("aria-expanded", "true");
+  // The container has no size while hidden, so the fit has to wait for layout.
+  requestAnimationFrame(() => fitTerminal());
 }
 
-function setKeyboardEnabled(enabled: boolean): void {
-  sessionInputEl.disabled = !enabled;
-  for (const key of keyEls) key.disabled = !enabled;
-}
-
-/**
- * Send raw bytes to the running session.
- *
- * The CLI asks before it will work in a directory, and that question is a
- * security question: the app must not answer it. What the app owes is a way
- * for the person to answer it themselves — without this the session stops at
- * the first prompt and the room can never come up.
- */
-async function sendToSession(data: string): Promise<void> {
-  if (activePtyId === null) return;
+function fitTerminal(): void {
+  if (diagnosticsEl.hidden) return;
   try {
-    await invoke("write_pty", { id: activePtyId, data });
-  } catch (err) {
-    status(`セッションへ送れませんでした: ${err}`, "error");
+    fitAddon.fit();
+  } catch {
+    // A fit against a zero-sized container is not worth a message.
+    return;
+  }
+  if (activePtyId !== null) {
+    void invoke("resize_pty", {
+      id: activePtyId,
+      cols: terminal.cols,
+      rows: terminal.rows,
+    }).catch(() => {
+      // The session may have exited between the fit and the call.
+    });
   }
-}
-
-// Terminal control sequences, built from escapes rather than written as
-// literal control bytes: a raw 0x1b in the source survives an editor round
-// trip only by luck. This pane is read, not driven, so the sequences are
-// stripped rather than interpreted.
-const CSI = /\x1b\[[0-9;?]*[ -/]*[@-~]/g;
-const OSC = /\x1b[\]P^_][^\x1b\x07]*(?:\x1b\\|\x07)?/g;
-const SHORT_ESCAPE = /\x1b[@-Z\\-_]/g;
-
-function appendLog(chunk: string): void {
-  const plain = chunk
-    .replace(CSI, "")
-    .replace(OSC, "")
-    .replace(SHORT_ESCAPE, "")
-    .replace(/\r/g, "");
-
-  const atBottom = logEl.scrollHeight - logEl.scrollTop - logEl.clientHeight < 40;
-  logLines.push(...plain.split("\n"));
-  if (logLines.length > LOG_LIMIT) logLines = logLines.slice(-LOG_LIMIT);
-  logEl.textContent = logLines.join("\n");
-  if (atBottom) logEl.scrollTop = logEl.scrollHeight;
 }
 
 function shortTime(iso: string): string {
@@ -207,16 +179,15 @@ async function send(): Promise<void> {
  * Follow a launched session until it dies.
  *
  * A session that exits on startup is the failure mode with no other witness:
- * there is no terminal, and the room simply stays empty. Without this the
- * screen is identical whether the CLI is running or was never there.
+ * the room simply stays empty. Without this the screen is identical whether
+ * the CLI is running or was never there.
  */
 async function followSession(tab: TabConfig, started: StartedSession): Promise<void> {
   sessionStateEl.textContent = `${tab.name} 起動中`;
   sessionStateEl.dataset.kind = "ok";
   activePtyId = started.pty_id;
-  setKeyboardEnabled(true);
 
-  await listen<string>(`pty-data-${started.pty_id}`, (event) => appendLog(event.payload));
+  await listen<string>(`pty-data-${started.pty_id}`, (event) => terminal.write(event.payload));
   await listen<number | null>(`pty-exit-${started.pty_id}`, (event) => {
     const code = event.payload;
     const detail = code === null ? "終了コード不明" : `終了コード ${code}`;
@@ -224,13 +195,13 @@ async function followSession(tab: TabConfig, started: StartedSession): Promise<v
     sessionStateEl.dataset.kind = "error";
     status(`${tab.name} が終了しました（${detail}）。診断を確認してください。`, "error");
     activePtyId = null;
-    setKeyboardEnabled(false);
     revealDiagnostics();
   });
 
   // The first thing a session shows is a question, so the pane that carries
   // the answer opens with it rather than waiting for a failure.
   revealDiagnostics();
+  terminal.focus();
 }
 
 async function startSession(): Promise<void> {
@@ -251,13 +222,18 @@ async function startSession(): Promise<void> {
   // in is what put a session in src-tauri (#20).
   const launching: TabConfig = { ...tab, cwd };
 
+  // Size the PTY to the terminal that will display it, so the CLI's first
+  // paint is not laid out for a window it does not have.
+  revealDiagnostics();
+  fitAddon.fit();
+
   startEl.disabled = true;
   status(`${tab.name} を起動しています…`);
   try {
     const started = await invoke<StartedSession>("start_session", {
       tab: launching,
-      cols: 120,
-      rows: 30,
+      cols: terminal.cols,
+      rows: terminal.rows,
     });
     tab.cwd = cwd;
     void invoke("save_config", { config: { tabs } }).catch(() => {
@@ -292,16 +268,58 @@ function renderSocket(port: number | null, error?: string): void {
   socketStateEl.dataset.kind = "ok";
 }
 
+function setUpTerminal(): void {
+  terminal.loadAddon(fitAddon);
+  terminal.open(terminalEl);
+
+  const style = getComputedStyle(document.documentElement);
+  terminal.options.theme = {
+    background: style.getPropertyValue("--bg").trim() || "#17171a",
+    foreground: style.getPropertyValue("--fg").trim() || "#e8e8ea",
+  };
+
+  terminal.onData((data) => {
+    if (activePtyId === null) return;
+    void invoke("write_pty", { id: activePtyId, data }).catch((err) => {
+      status(`セッションへ送れませんでした: ${err}`, "error");
+    });
+  });
+
+  // The webview does not deliver a native paste to xterm, so Ctrl+V is bridged
+  // explicitly. preventDefault stops the input arriving twice.
+  terminal.attachCustomKeyEventHandler((event) => {
+    const isPaste =
+      event.type === "keydown" &&
+      (event.ctrlKey || event.metaKey) &&
+      !event.altKey &&
+      (event.key === "v" || event.key === "V");
+    if (!isPaste) return true;
+
+    event.preventDefault();
+    void readText().then((text) => {
+      if (text && activePtyId !== null) void invoke("write_pty", { id: activePtyId, data: text });
+    });
+    return false;
+  });
+
+  new ResizeObserver(() => fitTerminal()).observe(terminalEl);
+}
+
 async function main(): Promise<void> {
+  setUpTerminal();
+
   nameEl.value = localStorage.getItem(NAME_KEY) ?? "human";
   nameEl.addEventListener("change", () => {
     localStorage.setItem(NAME_KEY, nameEl.value.trim() || "human");
   });
 
   toggleEl.addEventListener("click", () => {
-    const open = diagnosticsEl.hidden;
-    diagnosticsEl.hidden = !open;
-    toggleEl.setAttribute("aria-expanded", String(open));
+    if (diagnosticsEl.hidden) {
+      revealDiagnostics();
+    } else {
+      diagnosticsEl.hidden = true;
+      toggleEl.setAttribute("aria-expanded", "false");
+    }
   });
 
   await listen<RoomMessage>("room-message", (event) => appendMessage(event.payload));
@@ -319,20 +337,6 @@ async function main(): Promise<void> {
   });
   startEl.addEventListener("click", () => void startSession());
 
-  sessionInputEl.addEventListener("keydown", (event) => {
-    if (event.key !== "Enter" || event.isComposing) return;
-    event.preventDefault();
-    const text = sessionInputEl.value;
-    sessionInputEl.value = "";
-    void sendToSession(text + KEYS.enter);
-  });
-  for (const key of keyEls) {
-    key.addEventListener("click", () => {
-      const sequence = KEYS[key.dataset.key ?? ""];
-      if (sequence) void sendToSession(sequence);
-    });
-  }
-
   let home = "";
   try {
     home = await invoke<string>("home_dir");
diff --git a/src/styles.css b/src/styles.css
index 5a22097..e70fbd3 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -194,7 +194,9 @@ body {
   background: var(--surface);
   padding: 0.6rem 0.9rem;
   font-size: 0.78rem;
-  max-height: 40vh;
+  /* The CLI is a full-screen TUI; a strip too short to hold its frame is not
+     worth opening. */
+  height: 50vh;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -223,21 +225,7 @@ body {
   color: var(--danger);
 }
 
-#session-log {
-  flex: 1;
-  min-height: 6rem;
-  overflow: auto;
-  margin: 0;
-  padding: 0.5rem;
-  background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  font-family: ui-monospace, "Cascadia Mono", "Consolas", monospace;
-  font-size: 0.72rem;
-  line-height: 1.5;
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}
+
 
 /* ── launcher ────────────────────────────────────────────────────────────── */
 
@@ -286,38 +274,20 @@ body {
   opacity: 0.6;
 }
 
-/* ── session keyboard ────────────────────────────────────────────────────── */
-
-#session-keys {
-  display: flex;
-  gap: 0.35rem;
-  align-items: center;
-}
-
-#session-input {
+#terminal {
   flex: 1;
-  font-family: ui-monospace, "Cascadia Mono", "Consolas", monospace;
-  font-size: 0.75rem;
-  color: var(--fg);
-  background: var(--bg);
+  min-height: 18rem;
+  overflow: hidden;
   border: 1px solid var(--line);
   border-radius: 4px;
-  padding: 0.3rem 0.45rem;
-}
-
-#session-keys .key {
-  font: inherit;
-  font-size: 0.72rem;
-  color: var(--fg);
+  padding: 0.35rem;
   background: var(--bg);
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  padding: 0.3rem 0.5rem;
-  cursor: pointer;
 }
 
-#session-keys .key:disabled,
-#session-input:disabled {
-  cursor: default;
-  opacity: 0.5;
+/* xterm sizes itself to the container, so the container must have a size of
+   its own rather than growing with the content. */
+#terminal .xterm,
+#terminal .xterm-viewport,
+#terminal .xterm-screen {
+  height: 100%;
 }