@three333/termbuddy 0.1.0 → 0.1.1

package/dist/cli.js

@@ -9,7 +9,7 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/views/MainMenu.tsx
+// src/page/MainMenu.tsx
 import { Box, Text, useInput } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 function MainMenu(props) {
@@ -46,22 +46,202 @@ function MainMenu(props) {
   ] });
 }
 var init_MainMenu = __esm({
-  "src/views/MainMenu.tsx"() {
+  "src/page/MainMenu.tsx"() {
     "use strict";
   }
 });
 
+// src/page/NicknamePrompt.tsx
+import { useMemo, useState } from "react";
+import os from "os";
+import { Box as Box2, Text as Text2, useInput as useInput2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function defaultNick() {
+  try {
+    return os.userInfo().username || os.hostname();
+  } catch {
+    return os.hostname();
+  }
+}
+function NicknamePrompt(props) {
+  const initial = useMemo(() => defaultNick(), []);
+  const [nickname, setNickname] = useState(initial);
+  const [touched, setTouched] = useState(false);
+  useInput2((input, key) => {
+    if (key.escape) props.onExit();
+    if (key.return) {
+      const name = nickname.trim();
+      if (!name) return;
+      props.onSubmit(name);
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setTouched(true);
+      setNickname((v) => v.slice(0, -1));
+      return;
+    }
+    if (key.ctrl || key.meta) return;
+    if (!input) return;
+    if (input === "	") return;
+    setTouched(true);
+    setNickname((v) => v + input);
+  });
+  const hint = touched ? "" : " (\u56DE\u8F66\u786E\u8BA4\uFF0C\u53EF\u76F4\u63A5\u7528\u9ED8\u8BA4\u503C)";
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "\u6B22\u8FCE\u6765\u5230 TermBuddy" }),
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
+      "\u8BF7\u8F93\u5165\u4F60\u7684\u6635\u79F0\uFF1A",
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: nickname || "" }),
+      /* @__PURE__ */ jsx2(Text2, { color: "gray", children: hint })
+    ] }) }),
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "\u6309 Esc \u9000\u51FA\u3002" }) })
+  ] });
+}
+var init_NicknamePrompt = __esm({
+  "src/page/NicknamePrompt.tsx"() {
+    "use strict";
+  }
+});
+
+// src/hooks/globalKeyboard.ts
+import { spawn } from "child_process";
+function emitKeydown() {
+  for (const listener of listeners) {
+    try {
+      listener();
+    } catch {
+    }
+  }
+}
+async function tryStartUiohook() {
+  try {
+    const mod = await import("uiohook-napi");
+    const uIOhook = mod.uIOhook ?? mod.default?.uIOhook;
+    if (!uIOhook) return null;
+    const onKeydown = () => emitKeydown();
+    uIOhook.on("keydown", onKeydown);
+    uIOhook.start();
+    stopBackend = () => {
+      uIOhook.removeListener?.("keydown", onKeydown);
+      uIOhook.stop();
+    };
+    return "uiohook";
+  } catch {
+    return null;
+  }
+}
+function tryStartXinput() {
+  if (process.platform !== "linux") return Promise.resolve(null);
+  if (!process.env.DISPLAY) return Promise.resolve(null);
+  return new Promise((resolve) => {
+    let resolved = false;
+    const child = spawn("xinput", ["test-xi2", "--root"], {
+      stdio: ["ignore", "pipe", "ignore"]
+    });
+    const resolveOnce = (value) => {
+      if (resolved) return;
+      resolved = true;
+      resolve(value);
+    };
+    child.once("error", () => {
+      resolveOnce(null);
+    });
+    resolveOnce("xinput");
+    let buf = "";
+    child.stdout?.setEncoding("utf8");
+    child.stdout?.on("data", (chunk) => {
+      buf += chunk;
+      while (true) {
+        const idx = buf.indexOf("\n");
+        if (idx === -1) break;
+        const line = buf.slice(0, idx);
+        buf = buf.slice(idx + 1);
+        if (/KeyPress/.test(line)) emitKeydown();
+      }
+    });
+    stopBackend = () => {
+      child.stdout?.removeAllListeners();
+      child.removeAllListeners();
+      child.kill();
+    };
+  });
+}
+async function ensureGlobalKeyboard() {
+  if (started) return backend;
+  if (starting) return starting;
+  starting = (async () => {
+    const uiohook = await tryStartUiohook();
+    if (uiohook) return uiohook;
+    return await tryStartXinput();
+  })();
+  backend = await starting;
+  started = backend !== null;
+  if (!started) stopBackend = null;
+  starting = null;
+  return backend;
+}
+function stopIfIdle() {
+  if (listeners.size > 0) return;
+  if (!started) return;
+  started = false;
+  backend = null;
+  const stop = stopBackend;
+  stopBackend = null;
+  try {
+    stop?.();
+  } catch {
+  }
+}
+function subscribeGlobalKeydown(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+    stopIfIdle();
+  };
+}
+var backend, started, starting, stopBackend, listeners;
+var init_globalKeyboard = __esm({
+  "src/hooks/globalKeyboard.ts"() {
+    "use strict";
+    backend = null;
+    started = false;
+    starting = null;
+    stopBackend = null;
+    listeners = /* @__PURE__ */ new Set();
+  }
+});
+
 // src/hooks/useActivityMonitor.ts
-import { useEffect, useRef, useState } from "react";
-import { useInput as useInput2 } from "ink";
+import { useCallback, useEffect, useRef, useState as useState2 } from "react";
+import { useInput as useInput3 } from "ink";
 function useActivityMonitor(options) {
   const idleAfterMs = options?.idleAfterMs ?? 1500;
-  const [state, setState] = useState("IDLE");
+  const [state, setState] = useState2("IDLE");
   const lastActivityRef = useRef(Date.now());
-  useInput2(() => {
+  const markActive = useCallback(() => {
     lastActivityRef.current = Date.now();
     setState("TYPING");
+  }, []);
+  useInput3(() => {
+    markActive();
   });
+  useEffect(() => {
+    const rawSource = options?.source ?? process.env.TERMBUDDY_ACTIVITY_SOURCE ?? "ink";
+    const source = rawSource === "xinput" ? "keyboard" : rawSource;
+    if (source !== "keyboard") return;
+    let cancelled = false;
+    let unsub = null;
+    void (async () => {
+      const ok = await ensureGlobalKeyboard();
+      if (cancelled) return;
+      if (!ok) return;
+      unsub = subscribeGlobalKeydown(markActive);
+    })();
+    return () => {
+      cancelled = true;
+      unsub?.();
+    };
+  }, [markActive, options?.source]);
   useEffect(() => {
     const id = setInterval(() => {
       const delta = Date.now() - lastActivityRef.current;
@@ -74,23 +254,165 @@ function useActivityMonitor(options) {
 var init_useActivityMonitor = __esm({
   "src/hooks/useActivityMonitor.ts"() {
     "use strict";
+    init_globalKeyboard();
+  }
+});
+
+// src/components/tool/createCountdownTool.ts
+import { tool } from "langchain";
+function createCountdownTool(options) {
+  return tool(
+    async (input) => {
+      const minutes = Number(input.minutes);
+      if (!Number.isFinite(minutes) || minutes <= 0) return "\u5012\u8BA1\u65F6\u5206\u949F\u6570\u65E0\u6548\u3002";
+      options.onStartCountdown?.(minutes);
+      return `\u5DF2\u5F00\u59CB\u5012\u8BA1\u65F6 ${minutes} \u5206\u949F\u3002`;
+    },
+    {
+      name: "start_countdown",
+      description: "\u5F00\u59CB\u4E00\u4E2A\u4E13\u6CE8\u5012\u8BA1\u65F6\uFF08\u5206\u949F\uFF09\u3002",
+      schema: {
+        type: "object",
+        properties: {
+          minutes: {
+            type: "integer",
+            minimum: 1,
+            maximum: 180,
+            description: "\u5012\u8BA1\u65F6\u5206\u949F\u6570"
+          }
+        },
+        required: ["minutes"],
+        additionalProperties: false
+      }
+    }
+  );
+}
+var init_createCountdownTool = __esm({
+  "src/components/tool/createCountdownTool.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/tool/createInteractionTool.ts
+import { tool as tool2 } from "langchain";
+function normalizeKind(raw) {
+  if (typeof raw !== "string") return null;
+  const upper = raw.toUpperCase().trim();
+  if (upper === "ROSE" || upper === "POOP" || upper === "HAMMER") return upper;
+  const lower = raw.toLowerCase();
+  for (const item of KIND_ALIASES) {
+    if (item.keys.some((k) => lower.includes(k))) return item.kind;
+  }
+  return null;
+}
+function normalizeDirection(raw) {
+  if (typeof raw !== "string") return null;
+  const upper = raw.toUpperCase().trim();
+  if (upper === "LEFT_TO_RIGHT" || upper === "RIGHT_TO_LEFT") return upper;
+  return null;
+}
+function createInteractionTool(options) {
+  return tool2(
+    async (input) => {
+      const kind = normalizeKind(input.kind ?? "") ?? "ROSE";
+      const direction = normalizeDirection(input.direction) ?? "LEFT_TO_RIGHT";
+      options.onThrow?.(kind, direction);
+      const msg = (input.message ?? "").trim();
+      return msg ? `\u5DF2\u6295\u63B7 ${kind}\uFF1A${msg}` : `\u5DF2\u6295\u63B7 ${kind}\u3002`;
+    },
+    {
+      name: "throw_projectile",
+      description: "\u548C\u540C\u684C\u4E92\u52A8\uFF1A\u6295\u63B7\u4E00\u4E2A\u5C0F\u7269\u54C1\uFF08\u{1F339}/\u{1F4A9}/\u{1F528}\uFF09\u3002",
+      schema: {
+        type: "object",
+        properties: {
+          kind: {
+            type: "string",
+            description: "\u6295\u63B7\u7269\u7C7B\u578B\uFF08ROSE/POOP/HAMMER\uFF0C\u6216\u4EFB\u610F\u63CF\u8FF0\u5982\u201C\u73AB\u7470/\u9524\u5B50/\u{1F4A9}\u201D\uFF09"
+          },
+          direction: {
+            type: "string",
+            enum: ["LEFT_TO_RIGHT", "RIGHT_TO_LEFT"],
+            description: "\u98DE\u884C\u65B9\u5411"
+          },
+          message: { type: "string", description: "\u9644\u5E26\u4E00\u53E5\u8BDD\uFF08\u53EF\u9009\uFF09" }
+        },
+        required: [],
+        additionalProperties: false
+      }
+    }
+  );
+}
+var KIND_ALIASES;
+var init_createInteractionTool = __esm({
+  "src/components/tool/createInteractionTool.ts"() {
+    "use strict";
+    KIND_ALIASES = [
+      { kind: "ROSE", keys: ["rose", "\u82B1", "\u73AB\u7470", "\u{1F339}", "love"] },
+      { kind: "POOP", keys: ["poop", "\u5C4E", "\u{1F4A9}", "\u5927\u4FBF"] },
+      { kind: "HAMMER", keys: ["hammer", "\u9524", "\u{1F528}", "\u6572", "\u6253"] }
+    ];
+  }
+});
+
+// src/components/tool/createSessionInfoTool.ts
+import { tool as tool3 } from "langchain";
+function createSessionInfoTool(options) {
+  return tool3(
+    async () => {
+      return JSON.stringify(
+        {
+          localName: options.localName,
+          peerName: options.peerName
+        },
+        null,
+        2
+      );
+    },
+    {
+      name: "session_info",
+      description: "\u83B7\u53D6\u5F53\u524D\u4F1A\u8BDD\u4E0A\u4E0B\u6587\uFF08\u672C\u5730\u6635\u79F0\u3001\u540C\u684C\u6635\u79F0\uFF09\u3002",
+      schema: {
+        type: "object",
+        properties: {},
+        additionalProperties: false
+      }
+    }
+  );
+}
+var init_createSessionInfoTool = __esm({
+  "src/components/tool/createSessionInfoTool.ts"() {
+    "use strict";
+  }
+});
+
+// src/components/tool/index.ts
+var init_tool = __esm({
+  "src/components/tool/index.ts"() {
+    "use strict";
+    init_createCountdownTool();
+    init_createInteractionTool();
+    init_createSessionInfoTool();
   }
 });
 
 // src/hooks/useAiAgent.ts
-import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-import { createAgent, initChatModel, tool } from "langchain";
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
+import { createAgent } from "langchain";
+import { ChatOpenAI } from "@langchain/openai";
 function contentToText(content) {
   if (typeof content === "string") return content;
   if (!content) return "";
   if (Array.isArray(content)) {
     return content.map((part) => {
       if (typeof part === "string") return part;
-      if (typeof part === "object" && part && "text" in part) return String(part.text ?? "");
+      if (typeof part === "object" && part && "text" in part)
+        return String(part.text ?? "");
       return "";
     }).join("");
   }
-  if (typeof content === "object" && "text" in content) return String(content.text ?? "");
+  if (typeof content === "object" && "text" in content)
+    return String(content.text ?? "");
   return String(content);
 }
 function lastAiText(messages) {
@@ -110,20 +432,22 @@ function createSystemPrompt(context) {
     "\u9ED8\u8BA4\u9690\u5F62\uFF1B\u88AB / \u5524\u9192\u65F6\u51FA\u73B0\u3002\u98CE\u683C\uFF1A\u6781\u7B80\u3001\u5E72\u7EC3\u3001\u5C11\u5E9F\u8BDD\u3002",
     "\u4F60\u53EF\u4EE5\u4F7F\u7528\u5DE5\u5177\u6765\u64CD\u63A7\u5E94\u7528\u529F\u80FD\uFF08\u4F8B\u5982\u5012\u8BA1\u65F6\uFF09\u3002",
     "\u5982\u679C\u7528\u6237\u63D0\u5230\u201C\u5012\u8BA1\u65F6/\u4E13\u6CE8/\u8BA1\u65F6/countdown\u201D\uFF0C\u4F18\u5148\u8C03\u7528 start_countdown\u3002",
+    "\u5982\u679C\u7528\u6237\u63D0\u5230\u201C\u4E92\u52A8/\u6254/\u6295\u63B7/throw\u201D\uFF0C\u4F18\u5148\u8C03\u7528 throw_projectile\u3002",
     `\u5F53\u524D\u4E0A\u4E0B\u6587\uFF1A\u6211\u53EB ${context.localName}\uFF1B\u540C\u684C\u53EB ${context.peerName}\u3002`
   ].join("\n");
 }
 function useAiAgent(options) {
-  const [lines, setLines] = useState2([]);
-  const [busy, setBusy] = useState2(false);
+  const [lines, setLines] = useState3([]);
+  const [busy, setBusy] = useState3(false);
   const agentRef = useRef2(null);
   const agentInitRef = useRef2(null);
+  const agentKeyRef = useRef2(null);
   const stateRef = useRef2({ messages: [] });
   const abortRef = useRef2(null);
-  const append = useCallback((line) => {
+  const append = useCallback2((line) => {
     setLines((prev) => [...prev, line]);
   }, []);
-  const updateLine = useCallback((at, text) => {
+  const updateLine = useCallback2((at, text) => {
     setLines((prev) => {
       const idx = prev.findIndex((l) => l.at === at);
       if (idx === -1) return prev;
@@ -132,67 +456,65 @@ function useAiAgent(options) {
       return next;
     });
   }, []);
-  const ensureAgent = useCallback(async () => {
-    if (agentRef.current) return agentRef.current;
+  const ensureAgent = useCallback2(async () => {
+    const apiKey = (options.apiKey ?? "").trim();
+    if (!apiKey) throw new Error("missing_api_key");
+    if (agentRef.current && agentKeyRef.current === apiKey)
+      return agentRef.current;
+    agentRef.current = null;
+    agentInitRef.current = null;
+    agentKeyRef.current = apiKey;
+    stateRef.current.messages = [];
     agentInitRef.current ??= (async () => {
-      const startCountdown = tool(
-        async (input) => {
-          const minutes = Number(input.minutes);
-          if (!Number.isFinite(minutes) || minutes <= 0) return "\u5012\u8BA1\u65F6\u5206\u949F\u6570\u65E0\u6548\u3002";
-          options.onStartCountdown?.(minutes);
-          return `\u5DF2\u5F00\u59CB\u5012\u8BA1\u65F6 ${minutes} \u5206\u949F\u3002`;
-        },
-        {
-          name: "start_countdown",
-          description: "\u5F00\u59CB\u4E00\u4E2A\u4E13\u6CE8\u5012\u8BA1\u65F6\uFF08\u5206\u949F\uFF09\u3002",
-          schema: {
-            type: "object",
-            properties: {
-              minutes: { type: "integer", minimum: 1, maximum: 180, description: "\u5012\u8BA1\u65F6\u5206\u949F\u6570" }
-            },
-            required: ["minutes"],
-            additionalProperties: false
-          }
-        }
-      );
-      const sessionInfo = tool(
-        async () => {
-          return JSON.stringify(
-            {
-              localName: options.localName,
-              peerName: options.peerName
-            },
-            null,
-            2
-          );
+      const startCountdown = createCountdownTool({
+        onStartCountdown: options.onStartCountdown
+      });
+      const sessionInfo = createSessionInfoTool({
+        localName: options.localName,
+        peerName: options.peerName
+      });
+      const interaction = createInteractionTool({
+        onThrow: options.onThrowProjectile
+      });
+      const llm = new ChatOpenAI({
+        model: "deepseek-chat",
+        configuration: {
+          baseURL: "https://api.deepseek.com"
         },
-        {
-          name: "session_info",
-          description: "\u83B7\u53D6\u5F53\u524D\u4F1A\u8BDD\u4E0A\u4E0B\u6587\uFF08\u672C\u5730\u6635\u79F0\u3001\u540C\u684C\u6635\u79F0\uFF09\u3002",
-          schema: { type: "object", properties: {}, additionalProperties: false }
-        }
-      );
-      const modelId = process.env.TERMBUDDY_MODEL ?? "openai:gpt-4o-mini";
-      const llm = await initChatModel(modelId, {
-        temperature: 0.2,
-        maxTokens: 800,
+        apiKey,
+        temperature: 0.1,
+        maxTokens: 1e3,
         timeout: 3e4
       });
       return createAgent({
-        llm,
-        tools: [startCountdown, sessionInfo],
-        prompt: createSystemPrompt({ localName: options.localName, peerName: options.peerName }),
+        model: llm,
+        tools: [startCountdown, interaction, sessionInfo],
+        systemPrompt: createSystemPrompt({
+          localName: options.localName,
+          peerName: options.peerName
+        }),
         name: "ghost"
       });
     })();
     agentRef.current = await agentInitRef.current;
     return agentRef.current;
-  }, [options.localName, options.onStartCountdown, options.peerName]);
-  const ask = useCallback(
+  }, [
+    options.apiKey,
+    options.localName,
+    options.onStartCountdown,
+    options.onThrowProjectile,
+    options.peerName
+  ]);
+  const ask = useCallback2(
     async (text) => {
-      append({ kind: "user", text: `> ${text}`, at: Date.now() });
-      const aiAt = Date.now() + 1;
-      append({ kind: "ai", text: "\u2026", at: aiAt });
+      const userAt = Date.now();
+      const aiAt = userAt + 1;
+      const toolAt = userAt + 2;
+      setLines([
+        { kind: "user", text: `> ${text}`, at: userAt },
+        { kind: "ai", text: "\u2026", at: aiAt },
+        { kind: "system", text: "", at: toolAt }
+      ]);
       abortRef.current?.abort();
       abortRef.current = new AbortController();
       setBusy(true);
@@ -200,7 +522,7 @@ function useAiAgent(options) {
         const agent = await ensureAgent();
         const stream = await agent.stream(
           {
-            messages: [...stateRef.current.messages, { role: "user", content: text }]
+            messages: [{ role: "user", content: text }]
           },
           {
             streamMode: "values",
@@ -210,12 +532,20 @@ function useAiAgent(options) {
         for await (const chunk of stream) {
           const messages = chunk?.messages ?? [];
           if (messages.length > 0) stateRef.current.messages = messages;
+          const latest = messages.at(-1);
+          if (latest?.tool_calls?.length) {
+            const names = latest.tool_calls.map((tc) => tc?.name).filter(Boolean).join(", ");
+            if (names) updateLine(toolAt, `Calling tools: ${names}`);
+            continue;
+          }
           const t = lastAiText(messages);
           if (t !== null) updateLine(aiAt, t);
         }
       } catch (e) {
         const msg = e instanceof Error ? e.message : String(e);
-        updateLine(aiAt, `\uFF08AI \u51FA\u9519\uFF09${msg}`);
+        if (msg === "missing_api_key")
+          updateLine(aiAt, "\u8BF7\u5148\u5728 AI Console \u8F93\u5165 DeepSeek API Key\u3002");
+        else updateLine(aiAt, `\uFF08AI \u51FA\u9519\uFF09${msg}`);
       } finally {
         setBusy(false);
       }
@@ -230,6 +560,7 @@ function useAiAgent(options) {
 var init_useAiAgent = __esm({
   "src/hooks/useAiAgent.ts"() {
     "use strict";
+    init_tool();
   }
 });
 
@@ -245,7 +576,7 @@ var init_constants = __esm({
 });
 
 // src/net/broadcast.ts
-import os from "os";
+import os2 from "os";
 function ipv4ToInt(ip) {
   return ip.split(".").map((n) => Number.parseInt(n, 10)).reduce((acc, n) => (acc << 8 | n & 255) >>> 0, 0);
 }
@@ -254,7 +585,7 @@ function intToIpv4(n) {
 }
 function getBroadcastTargets() {
   const out = /* @__PURE__ */ new Set(["255.255.255.255"]);
-  const ifaces = os.networkInterfaces();
+  const ifaces = os2.networkInterfaces();
   for (const entries of Object.values(ifaces)) {
     if (!entries) continue;
     for (const e of entries) {
@@ -328,51 +659,8 @@ var init_useBroadcaster = __esm({
   }
 });
 
-// src/hooks/useCountdown.ts
-import { useCallback as useCallback2, useEffect as useEffect4, useRef as useRef3, useState as useState3 } from "react";
-function formatMMSS(totalSeconds) {
-  const m = Math.floor(totalSeconds / 60);
-  const s = totalSeconds % 60;
-  return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
-}
-function useCountdown() {
-  const [remainingSeconds, setRemainingSeconds] = useState3(null);
-  const timerRef = useRef3(null);
-  const start = useCallback2((minutes) => {
-    const seconds = Math.max(1, Math.floor(minutes * 60));
-    setRemainingSeconds(seconds);
-    if (timerRef.current) clearInterval(timerRef.current);
-    timerRef.current = setInterval(() => {
-      setRemainingSeconds((prev) => {
-        if (prev === null) return null;
-        if (prev <= 1) return null;
-        return prev - 1;
-      });
-    }, 1e3);
-  }, []);
-  useEffect4(() => {
-    if (remainingSeconds !== null) return;
-    if (timerRef.current) clearInterval(timerRef.current);
-    timerRef.current = null;
-  }, [remainingSeconds]);
-  useEffect4(() => {
-    return () => {
-      if (timerRef.current) clearInterval(timerRef.current);
-    };
-  }, []);
-  return {
-    start,
-    label: remainingSeconds === null ? null : formatMMSS(remainingSeconds)
-  };
-}
-var init_useCountdown = __esm({
-  "src/hooks/useCountdown.ts"() {
-    "use strict";
-  }
-});
-
 // src/hooks/useScanner.ts
-import { useEffect as useEffect5, useState as useState4 } from "react";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 import dgram2 from "dgram";
 function safeParse(msg) {
   try {
@@ -388,7 +676,7 @@ function safeParse(msg) {
 function useScanner(options) {
   const staleAfterMs = options?.staleAfterMs ?? 3500;
   const [rooms, setRooms] = useState4([]);
-  useEffect5(() => {
+  useEffect4(() => {
     const socket = dgram2.createSocket("udp4");
     socket.on("error", () => {
     });
@@ -413,7 +701,9 @@ function useScanner(options) {
     });
     const prune = setInterval(() => {
       const now = Date.now();
-      setRooms((prev) => prev.filter((r) => now - r.lastSeenAt <= staleAfterMs));
+      setRooms(
+        (prev) => prev.filter((r) => now - r.lastSeenAt <= staleAfterMs)
+      );
     }, 500);
     return () => {
       clearInterval(prune);
@@ -430,20 +720,24 @@ var init_useScanner = __esm({
 });
 
 // src/hooks/useTcpSync.ts
-import { useCallback as useCallback3, useEffect as useEffect6, useRef as useRef4, useState as useState5 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
 import net from "net";
 function writePacket(socket, packet) {
   socket.write(`${JSON.stringify(packet)}
 `, "utf8");
 }
 function useTcpSync(options) {
-  const [status, setStatus] = useState5(options.role === "host" ? "waiting" : "connecting");
+  const [status, setStatus] = useState5(
+    options.role === "host" ? "waiting" : "connecting"
+  );
   const [listenPort, setListenPort] = useState5(void 0);
   const [peerName, setPeerName] = useState5(void 0);
-  const [remoteState, setRemoteState] = useState5(void 0);
-  const socketRef = useRef4(null);
-  const lastSeenRef = useRef4(Date.now());
-  const heartbeatRef = useRef4(null);
+  const [remoteState, setRemoteState] = useState5(
+    void 0
+  );
+  const socketRef = useRef3(null);
+  const lastSeenRef = useRef3(Date.now());
+  const heartbeatRef = useRef3(null);
   const cleanupSocket = useCallback3(() => {
     if (heartbeatRef.current) clearInterval(heartbeatRef.current);
     heartbeatRef.current = null;
@@ -477,7 +771,8 @@ function useTcpSync(options) {
               else setPeerName(packet.hostName);
             }
             if (packet.type === "status") setRemoteState(packet.state);
-            if (packet.type === "ping") writePacket(s, { type: "pong", sentAt: Date.now() });
+            if (packet.type === "ping")
+              writePacket(s, { type: "pong", sentAt: Date.now() });
             if (packet.type === "pong") {
             }
           } catch {
@@ -514,7 +809,7 @@ function useTcpSync(options) {
     },
     [cleanupSocket, options]
   );
-  useEffect6(() => {
+  useEffect5(() => {
     if (options.role === "host") {
       const server = net.createServer((socket2) => {
         attachSocket(socket2);
@@ -531,9 +826,12 @@ function useTcpSync(options) {
       };
     }
     setStatus("connecting");
-    const socket = net.createConnection({ host: options.hostIp, port: options.tcpPort }, () => {
-      attachSocket(socket);
-    });
+    const socket = net.createConnection(
+      { host: options.hostIp, port: options.tcpPort },
+      () => {
+        attachSocket(socket);
+      }
+    );
     socket.on("error", () => {
       setStatus("disconnected");
       setRemoteState("OFFLINE");
@@ -564,22 +862,21 @@ var init_hooks = __esm({
     init_useActivityMonitor();
     init_useAiAgent();
     init_useBroadcaster();
-    init_useCountdown();
     init_useScanner();
     init_useTcpSync();
   }
 });
 
-// src/views/RoomScanner.tsx
-import { useMemo } from "react";
-import { Box as Box2, Text as Text2, useInput as useInput3 } from "ink";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+// src/page/RoomScanner.tsx
+import { useMemo as useMemo2 } from "react";
+import { Box as Box3, Text as Text3, useInput as useInput4 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function RoomScanner(props) {
   const rooms = useScanner();
-  const sortedRooms = useMemo(() => {
+  const sortedRooms = useMemo2(() => {
     return [...rooms].sort((a, b) => b.lastSeenAt - a.lastSeenAt);
   }, [rooms]);
-  useInput3((input, key) => {
+  useInput4((input, key) => {
     if (key.escape || input === "b") props.onBack();
     if (input === "q") props.onExit();
     const index = Number.parseInt(input, 10);
@@ -588,61 +885,212 @@ function RoomScanner(props) {
     if (!room) return;
     props.onSelectRoom(room);
   });
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsxs2(Text2, { children: [
-      /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "\u6B63\u5728\u626B\u63CF\u5C40\u57DF\u7F51..." }),
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: "\u6B63\u5728\u626B\u63CF\u5C40\u57DF\u7F51..." }),
       " (\u6309 ",
-      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "b" }),
+      /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: "b" }),
       " \u8FD4\u56DE,",
       " ",
-      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "q" }),
+      /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: "q" }),
       " \u9000\u51FA)"
     ] }),
-    /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: sortedRooms.length === 0 ? /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "\u6682\u65E0\u623F\u95F4\u5E7F\u64AD\u3002" }) : sortedRooms.map((room, i) => /* @__PURE__ */ jsxs2(Text2, { children: [
-      /* @__PURE__ */ jsxs2(Text2, { color: "cyan", children: [
+    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginTop: 1, children: sortedRooms.length === 0 ? /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "\u6682\u65E0\u623F\u95F4\u5E7F\u64AD\u3002" }) : sortedRooms.map((room, i) => /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: "cyan", children: [
         "[",
         i + 1,
         "]"
       ] }),
       " ",
-      room.roomName,
-      " \u2014 ",
       room.hostName,
-      " @ ",
-      room.ip,
-      ":",
-      room.tcpPort
+      " ",
+      /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "@" }),
+      " ",
+      /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
+        room.ip,
+        ":",
+        room.tcpPort
+      ] })
     ] }, `${room.ip}:${room.tcpPort}`)) })
   ] });
 }
 var init_RoomScanner = __esm({
-  "src/views/RoomScanner.tsx"() {
+  "src/page/RoomScanner.tsx"() {
     "use strict";
     init_hooks();
   }
 });
 
+// src/page/LeavePage.tsx
+import { useMemo as useMemo3 } from "react";
+import { Box as Box4, Text as Text4, useInput as useInput5 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function formatDuration(ms) {
+  const totalSeconds = Math.max(0, Math.floor(ms / 1e3));
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  if (hours > 0) return `${hours}\u5C0F\u65F6${minutes}\u5206${seconds}\u79D2`;
+  if (minutes > 0) return `${minutes}\u5206${seconds}\u79D2`;
+  return `${seconds}\u79D2`;
+}
+function LeavePage(props) {
+  useInput5((input, key) => {
+    if (key.escape || input === "q") props.onExit();
+    if (key.return || input === " ") props.onBack();
+  });
+  const sessionLabel = useMemo3(
+    () => formatDuration(props.stats.sessionDurationMs),
+    [props.stats.sessionDurationMs]
+  );
+  const connectedLabel = useMemo3(
+    () => formatDuration(props.stats.connectedDurationMs),
+    [props.stats.connectedDurationMs]
+  );
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", padding: 1, alignItems: "center", children: [
+    /* @__PURE__ */ jsxs4(
+      Box4,
+      {
+        flexDirection: "column",
+        marginTop: 1,
+        borderStyle: "round",
+        paddingX: 2,
+        borderColor: "gray",
+        children: [
+          /* @__PURE__ */ jsx4(Text4, { color: "white", bold: true, children: props.stats.peerName ? `\u4E0E ${props.stats.peerName} \u7684\u540C\u9891\u8BB0\u5F55` : "\u672C\u6B21\u4E13\u6CE8\u8BB0\u5F55" }),
+          /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, flexDirection: "column", gap: 1, children: [
+            /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", width: 30, children: [
+              /* @__PURE__ */ jsx4(Text4, { children: "\u2328\uFE0F \u952E\u76D8\u6572\u51FB" }),
+              /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: props.stats.keyPresses })
+            ] }),
+            /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", width: 30, children: [
+              /* @__PURE__ */ jsx4(Text4, { children: "\u23F1\uFE0F \u603B\u5171\u65F6\u957F" }),
+              /* @__PURE__ */ jsx4(Text4, { color: "green", children: sessionLabel })
+            ] }),
+            /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", width: 30, children: [
+              /* @__PURE__ */ jsx4(Text4, { children: "\u{1F517} \u8FDE\u7EBF\u65F6\u957F" }),
+              /* @__PURE__ */ jsx4(Text4, { color: "blue", children: connectedLabel })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text4, { color: "gray", children: [
+      "\u6309 ",
+      /* @__PURE__ */ jsx4(Text4, { color: "white", children: "Enter" }),
+      " \u8FD4\u56DE\u83DC\u5355\uFF0C\u6216",
+      " ",
+      /* @__PURE__ */ jsx4(Text4, { color: "red", children: "q" }),
+      " \u9000\u51FA\u7A0B\u5E8F"
+    ] }) })
+  ] });
+}
+var init_LeavePage = __esm({
+  "src/page/LeavePage.tsx"() {
+    "use strict";
+  }
+});
+
+// src/storage/apiKey.ts
+import fs from "fs/promises";
+import path from "path";
+async function readJsonFile(filePath) {
+  try {
+    const raw = await fs.readFile(filePath, "utf8");
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object") return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+async function ensureDirForFile(filePath) {
+  await fs.mkdir(path.dirname(filePath), { recursive: true });
+}
+async function loadStoredApiKey() {
+  const absolute = path.resolve(process.cwd(), KEY_RELATIVE_PATH);
+  const json = await readJsonFile(absolute);
+  const key = (json?.apiKey ?? "").trim();
+  return key.length > 0 ? key : null;
+}
+async function saveStoredApiKey(apiKey) {
+  const absolute = path.resolve(process.cwd(), KEY_RELATIVE_PATH);
+  await ensureDirForFile(absolute);
+  const payload = { apiKey };
+  await fs.writeFile(absolute, `${JSON.stringify(payload, null, 2)}
+`, "utf8");
+}
+var KEY_RELATIVE_PATH;
+var init_apiKey = __esm({
+  "src/storage/apiKey.ts"() {
+    "use strict";
+    KEY_RELATIVE_PATH = path.join("src", "assets", "key.json");
+  }
+});
+
 // src/components/AiConsole.tsx
-import { useMemo as useMemo2, useState as useState6 } from "react";
-import { Box as Box3, Text as Text3, useInput as useInput4 } from "ink";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useMemo as useMemo4, useState as useState6 } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput6 } from "ink";
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function AiConsole(props) {
   const [input, setInput] = useState6("");
+  const [apiKey, setApiKey] = useState6(null);
+  const [keyDraft, setKeyDraft] = useState6("");
+  const [keyStatus, setKeyStatus] = useState6("loading");
+  useEffect6(() => {
+    let cancelled = false;
+    void (async () => {
+      const stored = await loadStoredApiKey();
+      if (cancelled) return;
+      if (stored) {
+        setApiKey(stored);
+        setKeyStatus("ready");
+      } else {
+        setKeyStatus("missing");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
   const agent = useAiAgent({
     localName: props.localName,
     peerName: props.peerName,
-    onStartCountdown: props.onStartCountdown
+    onStartCountdown: props.onStartCountdown,
+    onThrowProjectile: props.onThrowProjectile,
+    apiKey: apiKey ?? void 0
   });
-  const helpLine = useMemo2(
-    () => "\u793A\u4F8B\uFF1A\u5012\u8BA1\u65F620\u5206\u949F / countdown 20 / \u95EE\u4E2A\u6280\u672F\u95EE\u9898",
+  const helpLine = useMemo4(
+    () => "\u793A\u4F8B\uFF1A\u5012\u8BA1\u65F620\u5206\u949F / \u804A\u4F1A\u5929 / \u548C\u522B\u4EBA\u4E92\u52A8\u4E00\u4E0B",
     []
   );
-  useInput4(
+  useInput6(
     (ch, key) => {
       if (key.escape) {
         props.onClose();
         return;
       }
+      if (keyStatus !== "ready") {
+        if (key.return) {
+          const draft = keyDraft.trim();
+          if (!draft) return;
+          setKeyStatus("saving");
+          void (async () => {
+            await saveStoredApiKey(draft);
+            setApiKey(draft);
+            setKeyDraft("");
+            setKeyStatus("ready");
+          })();
+          return;
+        }
+        if (key.backspace || key.delete) {
+          setKeyDraft((s) => s.slice(0, -1));
+          return;
+        }
+        if (key.ctrl || key.meta) return;
+        if (ch) setKeyDraft((s) => s + ch);
+        return;
+      }
       if (key.return) {
         const line = input.trim();
         setInput("");
@@ -659,73 +1107,265 @@ function AiConsole(props) {
     },
     { isActive: true }
   );
-  const lines = agent.lines.slice(-12);
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", borderStyle: "round", paddingX: 1, paddingY: 0, children: [
-    /* @__PURE__ */ jsxs3(Box3, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: "AI Console" }),
-      /* @__PURE__ */ jsx3(Text3, { color: "gray", children: agent.busy ? "Thinking\u2026" : "Esc \u5173\u95ED" })
-    ] }),
-    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: helpLine }) }),
-    /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
-      lines.length === 0 ? /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "\uFF08\u5E7D\u7075\u8FD8\u5728\u58F3\u91CC\u2026\uFF09" }) : null,
-      lines.map((l, i) => /* @__PURE__ */ jsx3(Text3, { color: l.kind === "user" ? "yellow" : "white", children: l.text }, `${l.kind}:${l.at}:${i}`))
+  const lines = agent.lines.filter((l) => l.text.trim().length > 0).slice(-6);
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", paddingX: 1, paddingY: 0, children: [
+    /* @__PURE__ */ jsxs5(Box5, { justifyContent: "space-between", marginBottom: 0, children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "AI Console" }),
+      /* @__PURE__ */ jsx5(Text5, { color: "gray", children: keyStatus === "saving" ? "Saving\u2026" : agent.busy ? "Thinking\u2026" : "Esc Close" })
     ] }),
-    /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, children: [
-      /* @__PURE__ */ jsxs3(Text3, { color: "green", children: [
-        ">",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx3(Text3, { children: input })
-    ] })
+    /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: keyStatus === "loading" ? /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "Checking API Key..." }) : keyStatus === "missing" || keyStatus === "saving" ? /* @__PURE__ */ jsxs5(Text5, { color: "yellow", children: [
+      "Setup: Enter DeepSeek API Key (saves to",
+      " ",
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "src/assets/key.json" }),
+      ")"
+    ] }) : lines.length === 0 ? /* @__PURE__ */ jsx5(Text5, { color: "gray", children: helpLine }) : null }),
+    /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 0, minHeight: 6, children: keyStatus === "ready" ? /* @__PURE__ */ jsx5(Fragment, { children: lines.map((l, i) => /* @__PURE__ */ jsxs5(
+      Text5,
+      {
+        color: l.kind === "user" ? "yellow" : "white",
+        wrap: "truncate-end",
+        children: [
+          l.kind === "user" ? "> " : "",
+          l.text
+        ]
+      },
+      `${l.kind}:${l.at}:${i}`
+    )) }) : /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "Please enter API Key to proceed." }) }),
+    /* @__PURE__ */ jsxs5(
+      Box5,
+      {
+        marginTop: 0,
+        borderStyle: "single",
+        borderTop: true,
+        borderBottom: false,
+        borderLeft: false,
+        borderRight: false,
+        children: [
+          /* @__PURE__ */ jsxs5(Text5, { color: "green", children: [
+            ">",
+            " "
+          ] }),
+          keyStatus === "ready" ? /* @__PURE__ */ jsx5(Text5, { children: input }) : /* @__PURE__ */ jsx5(Text5, { children: keyDraft.length === 0 ? "" : "*".repeat(Math.min(64, keyDraft.length)) })
+        ]
+      }
+    )
   ] });
 }
 var init_AiConsole = __esm({
   "src/components/AiConsole.tsx"() {
     "use strict";
     init_hooks();
+    init_apiKey();
   }
 });
 
-// src/components/AvatarDisplay.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var init_AvatarDisplay = __esm({
-  "src/components/AvatarDisplay.tsx"() {
-    "use strict";
-  }
-});
-
-// src/components/BuddyAvatar.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx5 } from "react/jsx-runtime";
+// src/components/sprite/BuddyAvatar.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function BuddyAvatar(props) {
-  const frame = FRAMES[props.state];
-  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, children: frame.lines.map((line, i) => /* @__PURE__ */ jsx5(Text5, { color: frame.color, children: line }, `${props.state}:${i}`)) });
+  const sprite = SPRITES[props.state];
+  if (props.variant === "compact") {
+    return /* @__PURE__ */ jsx6(Box6, { marginTop: props.marginTop ?? 1, children: /* @__PURE__ */ jsx6(Text6, { color: sprite.color, children: sprite.compact }) });
+  }
+  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", marginTop: props.marginTop ?? 1, children: sprite.frames.map((line, i) => /* @__PURE__ */ jsx6(Text6, { color: sprite.color, children: line }, `${props.state}:${i}`)) });
 }
-var FRAMES;
+var SPRITES;
 var init_BuddyAvatar = __esm({
-  "src/components/BuddyAvatar.tsx"() {
+  "src/components/sprite/BuddyAvatar.tsx"() {
     "use strict";
-    FRAMES = {
+    SPRITES = {
       TYPING: {
         color: "green",
-        lines: [" /\\_/\\ ", "( >_<) ", " /|_|\\\\ ", "  / \\\\  "]
+        compact: "( >_<)===3",
+        frames: [" /\\_/\\ ", "( >_<) ", " /|_|\\\\ ", "  / \\\\  "]
       },
       IDLE: {
         color: "yellow",
-        lines: [" /\\_/\\ ", "( -.-) ", " /|_|\\\\ ", "  / \\\\  "]
+        compact: "( -.-)Zzz",
+        frames: [" /\\_/\\ ", "( -.-) ", " /|_|\\\\ ", "  / \\\\  "]
       },
       OFFLINE: {
         color: "gray",
-        lines: [" /\\_/\\ ", "( x_x) ", " /|_|\\\\ ", "  / \\\\  "]
+        compact: "( x_x)",
+        frames: [" /\\_/\\ ", "( x_x) ", " /|_|\\\\ ", "  / \\\\  "]
       }
     };
   }
 });
 
+// src/components/sprite/CountdownClockSprite.tsx
+import { useMemo as useMemo5 } from "react";
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function countdownClockTypeFromMinutes(minutes) {
+  if (minutes <= 10) return "SHORT";
+  if (minutes <= 30) return "MEDIUM";
+  return "LONG";
+}
+function clamp01(n) {
+  if (n <= 0) return 0;
+  if (n >= 1) return 1;
+  return n;
+}
+function handFromProgress(progress01) {
+  const idx = Math.round(clamp01(progress01) * 7);
+  const dirs = ["N", "NE", "E", "SE", "S", "SW", "W", "NW"];
+  return dirs[idx];
+}
+function renderClockFace(hand) {
+  const lines = [
+    "  .---.  ",
+    " /     \\ ",
+    "|   \u2022   |",
+    " \\     / ",
+    "  '---'  "
+  ].map((s) => s.split(""));
+  const center = { r: 2, c: 4 };
+  const handMap = {
+    N: { r: 1, c: 4, ch: "|" },
+    NE: { r: 1, c: 5, ch: "/" },
+    E: { r: 2, c: 5, ch: "-" },
+    SE: { r: 3, c: 5, ch: "\\" },
+    S: { r: 3, c: 4, ch: "|" },
+    SW: { r: 3, c: 3, ch: "/" },
+    W: { r: 2, c: 3, ch: "-" },
+    NW: { r: 1, c: 3, ch: "\\" }
+  };
+  const tip = handMap[hand];
+  lines[center.r][center.c] = "\u2022";
+  lines[tip.r][tip.c] = tip.ch;
+  return lines.map((row) => row.join(""));
+}
+function renderCompactClockFace(hand) {
+  const lines = [" .---. ", "|  \u2022  |", " '---' "].map((s) => s.split(""));
+  const center = { r: 1, c: 3 };
+  const handMap = {
+    N: { r: 0, c: 3, ch: "|" },
+    NE: { r: 0, c: 4, ch: "/" },
+    E: { r: 1, c: 5, ch: "-" },
+    SE: { r: 2, c: 4, ch: "\\" },
+    S: { r: 2, c: 3, ch: "|" },
+    SW: { r: 2, c: 2, ch: "/" },
+    W: { r: 1, c: 1, ch: "-" },
+    NW: { r: 0, c: 2, ch: "\\" }
+  };
+  const tip = handMap[hand];
+  lines[center.r][center.c] = "\u2022";
+  lines[tip.r][tip.c] = tip.ch;
+  return lines.map((row) => row.join(""));
+}
+function CountdownClockSprite(props) {
+  const type = props.type ?? (typeof props.minutes === "number" ? countdownClockTypeFromMinutes(props.minutes) : "MEDIUM");
+  const progress01 = useMemo5(() => {
+    if (typeof props.totalSeconds !== "number" || props.totalSeconds <= 0 || props.remainingSeconds === null || typeof props.remainingSeconds !== "number") {
+      return null;
+    }
+    return clamp01(props.remainingSeconds / props.totalSeconds);
+  }, [props.remainingSeconds, props.totalSeconds]);
+  const style = TYPE_STYLE[type];
+  const hand = handFromProgress(progress01 ?? 1);
+  const caption = props.label ?? style.label;
+  if (props.variant === "COMPACT") {
+    const face2 = renderCompactClockFace(hand);
+    return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+      face2.map((line, i) => /* @__PURE__ */ jsx7(Text7, { color: style.color, children: line }, `clock:compact:${type}:${hand}:${i}`)),
+      props.showLabel === false ? null : /* @__PURE__ */ jsx7(Text7, { color: "gray", children: caption ?? " " })
+    ] });
+  }
+  const face = renderClockFace(hand);
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+    face.map((line, i) => /* @__PURE__ */ jsx7(Text7, { color: style.color, children: line }, `clock:${type}:${hand}:${i}`)),
+    props.showLabel === false ? null : /* @__PURE__ */ jsx7(Text7, { color: "gray", children: caption ?? " " })
+  ] });
+}
+var TYPE_STYLE;
+var init_CountdownClockSprite = __esm({
+  "src/components/sprite/CountdownClockSprite.tsx"() {
+    "use strict";
+    TYPE_STYLE = {
+      SHORT: { color: "green", label: "Sprint" },
+      MEDIUM: { color: "cyan", label: "Focus" },
+      LONG: { color: "magenta", label: "Deep" }
+    };
+  }
+});
+
+// src/components/sprite/ProjectileThrowSprite.tsx
+import { useEffect as useEffect7, useMemo as useMemo6, useState as useState7 } from "react";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function clamp012(n) {
+  if (n <= 0) return 0;
+  if (n >= 1) return 1;
+  return n;
+}
+function renderTrack(width, pos, glyph) {
+  const w = Math.max(8, Math.floor(width));
+  const innerWidth = w - 2;
+  if (pos < 0) return `|${new Array(innerWidth).fill("\xB7").join("")}|`;
+  const clampedPos = Math.max(0, Math.min(innerWidth - 1, Math.floor(pos)));
+  const track = new Array(innerWidth).fill("\xB7");
+  track[clampedPos] = glyph;
+  return `|${track.join("")}|`;
+}
+function ProjectileThrowSprite(props) {
+  const direction = props.direction ?? "LEFT_TO_RIGHT";
+  const width = props.width ?? 28;
+  const durationMs = props.durationMs ?? 700;
+  const [autoProgress, setAutoProgress] = useState7(null);
+  const progress = typeof props.progress === "number" ? props.progress : autoProgress;
+  useEffect7(() => {
+    if (props.shotId === void 0) return;
+    const startedAt = Date.now();
+    setAutoProgress(0);
+    const handle = setInterval(() => {
+      const elapsed = Date.now() - startedAt;
+      const next = clamp012(elapsed / Math.max(1, durationMs));
+      setAutoProgress(next);
+      if (next >= 1) {
+        clearInterval(handle);
+        props.onDone?.();
+      }
+    }, 33);
+    return () => clearInterval(handle);
+  }, [durationMs, props.onDone, props.shotId]);
+  const projectile = PROJECTILES[props.kind];
+  const track = useMemo6(() => {
+    if (progress === null || !Number.isFinite(progress)) {
+      return renderTrack(width, -1, " ");
+    }
+    const innerWidth = Math.max(8, Math.floor(width)) - 2;
+    const rawPos = clamp012(progress) * (innerWidth - 1);
+    const pos = direction === "LEFT_TO_RIGHT" ? rawPos : innerWidth - 1 - rawPos;
+    return renderTrack(width, pos, projectile.glyph);
+  }, [direction, progress, projectile.glyph, width]);
+  return /* @__PURE__ */ jsxs7(Box8, { children: [
+    props.leftLabel ? /* @__PURE__ */ jsxs7(Text8, { color: "gray", children: [
+      props.leftLabel,
+      " "
+    ] }) : null,
+    /* @__PURE__ */ jsx8(Text8, { color: projectile.color, children: track }),
+    props.rightLabel ? /* @__PURE__ */ jsxs7(Text8, { color: "gray", children: [
+      " ",
+      props.rightLabel
+    ] }) : null
+  ] });
+}
+var PROJECTILES;
+var init_ProjectileThrowSprite = __esm({
+  "src/components/sprite/ProjectileThrowSprite.tsx"() {
+    "use strict";
+    PROJECTILES = {
+      ROSE: { glyph: "\u{1F339}", color: "magenta" },
+      POOP: { glyph: "\u{1F4A9}", color: "yellow" },
+      HAMMER: { glyph: "\u{1F528}", color: "cyan" }
+    };
+  }
+});
+
 // src/components/StatusHeader.tsx
-import { Box as Box6, Text as Text6 } from "ink";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text9 } from "ink";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function statusText(status) {
   switch (status) {
     case "waiting":
@@ -740,16 +1380,10 @@ function statusText(status) {
 }
 function StatusHeader(props) {
   const st = statusText(props.status);
-  return /* @__PURE__ */ jsxs4(Box6, { justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsxs4(Box6, { children: [
-      /* @__PURE__ */ jsx6(Text6, { color: st.color, children: st.label }),
-      props.role === "host" ? /* @__PURE__ */ jsx6(Text6, { color: "gray", children: props.tcpPort ? ` \u2014 TCP :${props.tcpPort}` : "" }) : /* @__PURE__ */ jsx6(Text6, { color: "gray", children: props.hostIp && props.tcpPort ? ` \u2014 ${props.hostIp}:${props.tcpPort}` : "" })
-    ] }),
-    /* @__PURE__ */ jsx6(Box6, { children: props.countdownLabel ? /* @__PURE__ */ jsxs4(Text6, { color: "cyan", children: [
-      "Focus ",
-      props.countdownLabel
-    ] }) : /* @__PURE__ */ jsx6(Text6, { children: " " }) })
-  ] });
+  return /* @__PURE__ */ jsx9(Box9, { children: /* @__PURE__ */ jsxs8(Box9, { children: [
+    /* @__PURE__ */ jsx9(Text9, { color: st.color, children: st.label }),
+    props.role === "host" ? /* @__PURE__ */ jsx9(Text9, { color: "gray", children: props.tcpPort ? ` \u2014 TCP :${props.tcpPort}` : "" }) : /* @__PURE__ */ jsx9(Text9, { color: "gray", children: props.hostIp && props.tcpPort ? ` \u2014 ${props.hostIp}:${props.tcpPort}` : "" })
+  ] }) });
 }
 var init_StatusHeader = __esm({
   "src/components/StatusHeader.tsx"() {
@@ -762,21 +1396,31 @@ var init_components = __esm({
   "src/components/index.ts"() {
     "use strict";
     init_AiConsole();
-    init_AvatarDisplay();
     init_BuddyAvatar();
+    init_CountdownClockSprite();
+    init_ProjectileThrowSprite();
     init_StatusHeader();
   }
 });
 
-// src/views/Session.tsx
-import { useCallback as useCallback4, useEffect as useEffect7, useMemo as useMemo3, useState as useState7 } from "react";
-import { Box as Box7, Text as Text7, useInput as useInput5 } from "ink";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+// src/page/Session.tsx
+import { useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef4, useState as useState8 } from "react";
+import { Box as Box10, Text as Text10, useInput as useInput7 } from "ink";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function formatMMSS(totalSeconds) {
+  const m = Math.floor(totalSeconds / 60);
+  const s = totalSeconds % 60;
+  return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
 function Session(props) {
-  const roomName = useMemo3(() => `${props.localName}'s Room`, [props.localName]);
-  const [showAi, setShowAi] = useState7(false);
-  const countdown = useCountdown();
-  const tcpOptions = useMemo3(() => {
+  const roomName = useMemo7(
+    () => `${props.localName}'s Room`,
+    [props.localName]
+  );
+  const [showAi, setShowAi] = useState8(false);
+  const [countdown, setCountdown] = useState8(null);
+  const [shots, setShots] = useState8([]);
+  const tcpOptions = useMemo7(() => {
     return props.role === "host" ? { role: "host", localName: props.localName } : {
       role: "client",
       localName: props.localName,
@@ -792,7 +1436,7 @@ function Session(props) {
     props.role === "client" ? props.hostName : ""
   ]);
   const tcp = useTcpSync(tcpOptions);
-  const broadcasterOptions = useMemo3(() => {
+  const broadcasterOptions = useMemo7(() => {
     return props.role === "host" ? {
       enabled: true,
       hostName: props.localName,
@@ -805,89 +1449,272 @@ function Session(props) {
   const remoteActivity = tcp.remoteState ?? "OFFLINE";
   const onToggleAi = useCallback4(() => setShowAi((v) => !v), []);
   const onCloseAi = useCallback4(() => setShowAi(false), []);
-  useInput5(
+  const sessionStartAtRef = useRef4(Date.now());
+  const connectedStartAtRef = useRef4(null);
+  const connectedTotalMsRef = useRef4(0);
+  const keyPressesRef = useRef4(0);
+  const useGlobalKeyboardRef = useRef4(false);
+  const countKeyPress = useCallback4(() => {
+    keyPressesRef.current += 1;
+  }, []);
+  useInput7(
+    () => {
+      if (!useGlobalKeyboardRef.current) countKeyPress();
+    },
+    { isActive: true }
+  );
+  useEffect8(() => {
+    const raw = process.env.TERMBUDDY_ACTIVITY_SOURCE ?? "ink";
+    const source = raw === "xinput" ? "keyboard" : raw;
+    if (source !== "keyboard") return;
+    let cancelled = false;
+    let unsub = null;
+    void (async () => {
+      const ok = await ensureGlobalKeyboard();
+      if (cancelled) return;
+      if (!ok) return;
+      useGlobalKeyboardRef.current = true;
+      unsub = subscribeGlobalKeydown(countKeyPress);
+    })();
+    return () => {
+      cancelled = true;
+      unsub?.();
+      useGlobalKeyboardRef.current = false;
+    };
+  }, [countKeyPress]);
+  useEffect8(() => {
+    if (tcp.status === "connected") {
+      if (connectedStartAtRef.current === null) {
+        connectedStartAtRef.current = Date.now();
+      }
+      return;
+    }
+    if (connectedStartAtRef.current !== null) {
+      connectedTotalMsRef.current += Date.now() - connectedStartAtRef.current;
+      connectedStartAtRef.current = null;
+    }
+  }, [tcp.status]);
+  const finishAndLeave = useCallback4(() => {
+    const endedAt = Date.now();
+    let connectedDurationMs = connectedTotalMsRef.current;
+    if (connectedStartAtRef.current !== null) {
+      connectedDurationMs += endedAt - connectedStartAtRef.current;
+    }
+    const stats = {
+      keyPresses: keyPressesRef.current,
+      sessionDurationMs: endedAt - sessionStartAtRef.current,
+      connectedDurationMs,
+      startedAt: sessionStartAtRef.current,
+      endedAt,
+      peerName: tcp.peerName
+    };
+    props.onLeave(stats);
+  }, [props, tcp.peerName]);
+  const startCountdown = useCallback4((minutes) => {
+    const totalSeconds = Math.max(1, Math.floor(minutes * 60));
+    const endsAt = Date.now() + totalSeconds * 1e3;
+    const type = minutes <= 10 ? "SHORT" : minutes <= 30 ? "MEDIUM" : "LONG";
+    setCountdown({
+      minutes,
+      totalSeconds,
+      endsAt,
+      remainingSeconds: totalSeconds,
+      type
+    });
+  }, []);
+  const throwProjectile = useCallback4(
+    (kind, direction) => {
+      const id = Date.now() + Math.floor(Math.random() * 1e3);
+      setShots((prev) => [...prev, { id, kind, direction }]);
+    },
+    []
+  );
+  useInput7(
     (input, key) => {
-      if (input === "q") props.onExit();
+      if (input === "q") finishAndLeave();
       if (input === "/" && !key.ctrl && !key.meta) onToggleAi();
     },
     { isActive: !showAi }
   );
-  const buddyName = props.role === "host" ? tcp.peerName ?? "Waiting..." : `${props.hostName ?? "Host"} (${props.roomName ?? "Room"})`;
+  useInput7(
+    (input) => {
+      if (input === "x") setCountdown(null);
+    },
+    { isActive: !showAi && countdown !== null }
+  );
+  const buddyName = props.role === "host" ? tcp.peerName ?? "Waiting..." : props.hostName ?? "Host";
   const localState = localActivity.state;
   const localLabel = props.role === "host" ? `${props.localName} (Host)` : `${props.localName} (Client)`;
-  useEffect7(() => {
+  useEffect8(() => {
     if (tcp.status !== "connected") return;
     tcp.sendStatus(localState);
   }, [localState, tcp.status, tcp.sendStatus]);
-  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsx7(
+  useEffect8(() => {
+    if (!countdown) return;
+    const endsAt = countdown.endsAt;
+    const handle = setInterval(() => {
+      const remaining = Math.max(0, Math.ceil((endsAt - Date.now()) / 1e3));
+      setCountdown((prev) => {
+        if (!prev) return prev;
+        if (prev.endsAt !== endsAt) return prev;
+        if (remaining <= 0) return null;
+        if (prev.remainingSeconds === remaining) return prev;
+        return { ...prev, remainingSeconds: remaining };
+      });
+    }, 250);
+    return () => clearInterval(handle);
+  }, [countdown?.endsAt]);
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx10(
       StatusHeader,
       {
         role: props.role,
         status: tcp.status,
         hostIp: props.role === "client" ? props.hostIp : void 0,
-        tcpPort: props.role === "client" ? props.tcpPort : tcp.listenPort,
-        countdownLabel: countdown.label
+        tcpPort: props.role === "client" ? props.tcpPort : tcp.listenPort
       }
     ),
-    /* @__PURE__ */ jsxs5(Box7, { flexDirection: "row", gap: 4, marginTop: 1, children: [
-      /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", width: "50%", children: [
-        /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: localLabel }),
-        /* @__PURE__ */ jsx7(BuddyAvatar, { state: localState })
-      ] }),
-      /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", width: "50%", children: [
-        /* @__PURE__ */ jsx7(Text7, { color: "magenta", children: buddyName }),
-        /* @__PURE__ */ jsx7(BuddyAvatar, { state: remoteActivity })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text7, { color: "gray", children: [
+    /* @__PURE__ */ jsxs9(
+      Box10,
+      {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginTop: 1,
+        gap: 2,
+        children: [
+          /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", alignItems: "center", minWidth: 20, children: [
+            countdown ? /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", alignItems: "center", marginBottom: 0, children: [
+              /* @__PURE__ */ jsx10(Text10, { color: "gray", children: formatMMSS(countdown.remainingSeconds) }),
+              /* @__PURE__ */ jsx10(
+                CountdownClockSprite,
+                {
+                  variant: "COMPACT",
+                  type: countdown.type,
+                  minutes: countdown.minutes,
+                  totalSeconds: countdown.totalSeconds,
+                  remainingSeconds: countdown.remainingSeconds,
+                  showLabel: false
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx10(Box10, { height: 4 }),
+            /* @__PURE__ */ jsx10(BuddyAvatar, { state: localState, marginTop: 0 }),
+            /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: localLabel })
+          ] }),
+          /* @__PURE__ */ jsx10(
+            Box10,
+            {
+              flexDirection: "column",
+              alignItems: "center",
+              flexGrow: 1,
+              minWidth: 40,
+              children: /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", width: "100%", alignItems: "center", children: [
+                shots.map((s) => /* @__PURE__ */ jsx10(
+                  ProjectileThrowSprite,
+                  {
+                    kind: s.kind,
+                    direction: s.direction,
+                    shotId: s.id,
+                    width: 36,
+                    onDone: () => setShots((prev) => prev.filter((x) => x.id !== s.id))
+                  },
+                  String(s.id)
+                )),
+                shots.length === 0 ? /* @__PURE__ */ jsx10(Box10, { height: 1 }) : null
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", alignItems: "center", minWidth: 20, children: [
+            /* @__PURE__ */ jsx10(Box10, { height: 4 }),
+            /* @__PURE__ */ jsx10(BuddyAvatar, { state: remoteActivity, marginTop: 0 }),
+            /* @__PURE__ */ jsx10(Text10, { color: "magenta", children: buddyName })
+          ] })
+        ]
+      }
+    ),
+    !showAi ? /* @__PURE__ */ jsx10(Box10, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
       "\u6309 ",
-      /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: "/" }),
-      " \u53EC\u5524 AI Console\uFF0C\u6309 ",
-      /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: "q" }),
-      " \u8FD4\u56DE\u83DC\u5355\u3002"
-    ] }) }),
-    showAi ? /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(
-      AiConsole,
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "/" }),
+      " \u53EC\u5524 AI Console\uFF0C\u6309",
+      " ",
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "q" }),
+      " \u7ED3\u675F\u672C\u6B21\u966A\u4F34\u3002",
+      countdown ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        " ",
+        /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+          "(\u5012\u8BA1\u65F6\u4E2D\uFF1A\u6309 ",
+          /* @__PURE__ */ jsx10(Text10, { color: "cyan", children: "x" }),
+          " \u53D6\u6D88)"
+        ] })
+      ] }) : null
+    ] }) }) : null,
+    showAi ? /* @__PURE__ */ jsx10(
+      Box10,
       {
-        onClose: onCloseAi,
-        onStartCountdown: countdown.start,
-        localName: props.localName,
-        peerName: tcp.peerName ?? (props.role === "client" ? props.hostName : void 0) ?? "Buddy"
+        marginTop: 1,
+        width: "100%",
+        flexDirection: "row",
+        justifyContent: "center",
+        children: /* @__PURE__ */ jsx10(Box10, { width: 64, children: /* @__PURE__ */ jsx10(
+          AiConsole,
+          {
+            onClose: onCloseAi,
+            onStartCountdown: startCountdown,
+            onThrowProjectile: throwProjectile,
+            localName: props.localName,
+            peerName: tcp.peerName ?? (props.role === "client" ? props.hostName : void 0) ?? "Buddy"
+          }
+        ) })
       }
-    ) }) : null
+    ) : null
   ] });
 }
 var init_Session = __esm({
-  "src/views/Session.tsx"() {
+  "src/page/Session.tsx"() {
     "use strict";
     init_components();
     init_hooks();
+    init_globalKeyboard();
   }
 });
 
-// src/views/index.ts
-var init_views = __esm({
-  "src/views/index.ts"() {
+// src/page/index.ts
+var init_page = __esm({
+  "src/page/index.ts"() {
     "use strict";
     init_MainMenu();
+    init_NicknamePrompt();
     init_RoomScanner();
+    init_LeavePage();
     init_Session();
   }
 });
 
 // src/app/App.tsx
-import { useCallback as useCallback5, useMemo as useMemo4, useState as useState8 } from "react";
-import os2 from "os";
+import { useCallback as useCallback5, useMemo as useMemo8, useState as useState9 } from "react";
+import os3 from "os";
 import { useApp } from "ink";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function App() {
   const { exit } = useApp();
-  const [view, setView] = useState8({ name: "MENU" });
-  const localName = useMemo4(() => os2.hostname(), []);
+  const [view, setView] = useState9({ name: "NICKNAME" });
+  const [nickname, setNickname] = useState9(null);
+  const localName = useMemo8(() => nickname ?? os3.hostname(), [nickname]);
   const goMenu = useCallback5(() => setView({ name: "MENU" }), []);
+  if (view.name === "NICKNAME") {
+    return /* @__PURE__ */ jsx11(
+      NicknamePrompt,
+      {
+        onExit: () => exit(),
+        onSubmit: (name) => {
+          setNickname(name);
+          setView({ name: "MENU" });
+        }
+      }
+    );
+  }
   if (view.name === "MENU") {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx11(
       MainMenu,
       {
         onHost: () => setView({ name: "SESSION", role: "host" }),
@@ -896,8 +1723,11 @@ function App() {
       }
     );
   }
+  if (view.name === "LEAVE") {
+    return /* @__PURE__ */ jsx11(LeavePage, { stats: view.stats, onBack: goMenu, onExit: () => exit() });
+  }
   if (view.name === "SCANNING") {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx11(
       RoomScanner,
       {
         onBack: goMenu,
@@ -914,14 +1744,21 @@ function App() {
     );
   }
   if (view.name === "SESSION" && view.role === "host") {
-    return /* @__PURE__ */ jsx8(Session, { localName, role: "host", onExit: goMenu });
+    return /* @__PURE__ */ jsx11(
+      Session,
+      {
+        localName,
+        role: "host",
+        onLeave: (stats) => setView({ name: "LEAVE", stats })
+      }
+    );
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx11(
     Session,
     {
       localName,
       role: "client",
-      onExit: goMenu,
+      onLeave: (stats) => setView({ name: "LEAVE", stats }),
       hostIp: view.hostIp,
       tcpPort: view.tcpPort,
       roomName: view.roomName,
@@ -932,7 +1769,7 @@ function App() {
 var init_App = __esm({
   "src/app/App.tsx"() {
     "use strict";
-    init_views();
+    init_page();
   }
 });
 
@@ -950,8 +1787,8 @@ var init_app = __esm({
 
 // src/cli.tsx
 process.env.NODE_ENV ??= "production";
-var React5 = await import("react");
+var React9 = await import("react");
 var { render } = await import("ink");
 var { App: App2 } = await Promise.resolve().then(() => (init_app(), app_exports));
-render(React5.createElement(App2));
+render(React9.createElement(App2));
 //# sourceMappingURL=cli.js.map