codex-partner 0.0.1__py3-none-any.whl

static/editor.js

@@ -0,0 +1,142 @@
+// Shared Ace adapter for every editable text document in Codex Partner.
+function textEditorMarkup(id) {
+  return `<section class="editor-workspace" data-editor-workspace><header class="editor-toolbar"><div class="editor-toolbar-group"><button type="button" data-editor-action="undo" title="${esc(uiLabel("undo"))}" aria-label="${esc(uiLabel("undo"))}">↶</button><button type="button" data-editor-action="redo" title="${esc(uiLabel("redo"))}" aria-label="${esc(uiLabel("redo"))}">↷</button></div><div class="editor-toolbar-group" data-markdown-tools hidden><button type="button" data-editor-action="bold" title="${esc(uiLabel("bold"))}"><strong>B</strong></button><button type="button" data-editor-action="italic" title="${esc(uiLabel("italic"))}"><em>I</em></button><button type="button" data-editor-action="heading" title="${esc(uiLabel("heading"))}">H</button><button type="button" data-editor-action="link" title="${esc(uiLabel("link"))}">↗</button><button type="button" data-editor-action="code" title="${esc(uiLabel("inlineCode"))}">&lt;/&gt;</button><button type="button" data-editor-action="list" title="${esc(uiLabel("bulletList"))}">≡</button></div><button type="button" class="editor-wrap-button" data-editor-action="wrap" title="${esc(uiLabel("wrapLines"))}" aria-pressed="false">↵</button><div class="editor-view-switch" data-markdown-tools hidden><button type="button" class="active" data-editor-view="edit">${uiLabel("editView")}</button><button type="button" data-editor-view="split">${uiLabel("splitView")}</button><button type="button" data-editor-view="preview">${uiLabel("preview")}</button></div><span class="editor-toolbar-spacer"></span><span class="editor-mode" data-editor-mode></span><span class="editor-cursor" data-editor-cursor></span></header><div class="editor-stage" data-editor-stage data-view="edit"><div id="${esc(id)}" class="unified-editor"></div><div class="editor-preview memory-viewer" data-editor-preview hidden></div></div></section>`;
+}
+
+function detectEditorMode(filename = "", content = "") {
+  const modelist = window.ace?.require("ace/ext/modelist");
+  const detected = modelist?.getModeForPath(String(filename || ""))?.mode || "ace/mode/text";
+  if (detected !== "ace/mode/text") return detected;
+
+  const value = String(content || "");
+  const trimmed = value.trimStart();
+  if (/^[\[{]/.test(trimmed)) {
+    try { JSON.parse(trimmed); return "ace/mode/json"; } catch (_) {}
+  }
+  if (/^#!.*\bpython\b/m.test(value) || /^\s*(?:def|class|from|import)\s+[\w.]/m.test(value)) return "ace/mode/python";
+  if (/^#!.*\b(?:ba|z|k)?sh\b/m.test(value)) return "ace/mode/sh";
+  if (/^\s*(?:<!doctype\s+html|<html\b)/i.test(value)) return "ace/mode/html";
+  if (/^\s*<\?xml\b/i.test(value)) return "ace/mode/xml";
+  if (/^(?:---\s*$|[\w.-]+:\s*\S)/m.test(value)) return "ace/mode/yaml";
+  return "ace/mode/text";
+}
+
+function replaceEditorSelection(editor, prefix, suffix = "", placeholder = "") {
+  const range = editor.getSelectionRange();
+  const selected = editor.session.getTextRange(range);
+  editor.session.replace(range, `${prefix}${selected || placeholder}${suffix}`);
+  editor.focus();
+}
+
+function applyMarkdownAction(editor, action) {
+  if (action === "bold") return replaceEditorSelection(editor, "**", "**", uiLabel("bold"));
+  if (action === "italic") return replaceEditorSelection(editor, "_", "_", uiLabel("italic"));
+  if (action === "heading") return replaceEditorSelection(editor, "## ", "", uiLabel("heading"));
+  if (action === "link") return replaceEditorSelection(editor, "[", "](https://)", uiLabel("link"));
+  if (action === "code") return replaceEditorSelection(editor, "`", "`", "code");
+  if (action === "list") {
+    const range = editor.getSelectionRange();
+    const selected = editor.session.getTextRange(range) || uiLabel("bulletList");
+    editor.session.replace(range, selected.split("\n").map(line => `- ${line}`).join("\n"));
+    editor.focus();
+  }
+}
+
+function mountTextEditor(selector, options = {}) {
+  if (!window.ace) throw Error(uiLabel("editorUnavailable"));
+  const element = typeof selector === "string" ? $(selector) : selector;
+  if (!element) throw Error(uiLabel("editorUnavailable"));
+
+  window.ace.config.set("basePath", "/vendor/ace");
+  const editor = window.ace.edit(element);
+  const mode = detectEditorMode(options.filename, options.value);
+  editor.setTheme("ace/theme/tomorrow_night_eighties");
+  editor.session.setMode(mode);
+  editor.session.setUseWorker(false);
+  editor.session.setUseWrapMode(["ace/mode/markdown", "ace/mode/text"].includes(mode));
+  editor.setOptions({
+    fontSize: "13px",
+    readOnly: Boolean(options.readOnly),
+    showPrintMargin: false,
+    showFoldWidgets: true,
+    tabSize: 2,
+    useSoftTabs: true,
+    wrapBehavioursEnabled: true,
+  });
+  editor.setValue(String(options.value || ""), -1);
+  if (options.placeholder) editor.setOption("placeholder", options.placeholder);
+  editor.renderer.setScrollMargin(10, 10);
+  editor.container.dataset.mode = mode.replace("ace/mode/", "");
+  const workspace = editor.container.closest("[data-editor-workspace]");
+  const cursor = workspace?.querySelector("[data-editor-cursor]");
+  const modeLabel = workspace?.querySelector("[data-editor-mode]");
+  const wrapButton = workspace?.querySelector('[data-editor-action="wrap"]');
+  const markdown = mode === "ace/mode/markdown";
+  if (modeLabel) modeLabel.textContent = mode.replace("ace/mode/", "").replaceAll("_", " ").toUpperCase();
+  workspace?.querySelectorAll("[data-markdown-tools]").forEach(node => { node.hidden = !markdown; });
+  if (wrapButton) {
+    wrapButton.classList.toggle("active", editor.session.getUseWrapMode());
+    wrapButton.setAttribute("aria-pressed", String(editor.session.getUseWrapMode()));
+  }
+  const updateCursor = () => {
+    const position = editor.getCursorPosition();
+    if (cursor) cursor.textContent = uiLabel("lineColumn", { line: position.row + 1, column: position.column + 1 });
+  };
+  editor.selection.on("changeCursor", updateCursor);
+  updateCursor();
+  if (options.readOnly) {
+    workspace?.querySelectorAll('[data-editor-action]:not([data-editor-action="wrap"])').forEach(button => { button.disabled = true; });
+  }
+
+  let previewViewer = null;
+  const renderPreview = () => {
+    if (!markdown || !workspace) return;
+    const preview = workspace.querySelector("[data-editor-preview]");
+    if (!previewViewer) {
+      previewViewer = window.toastui.Editor.factory({
+        el: preview, viewer: true, initialValue: editor.getValue(), usageStatistics: false,
+        ...(document.documentElement.dataset.theme === "light" ? {} : { theme: "dark" }),
+      });
+      markdownComponents.push(previewViewer);
+    } else previewViewer.setMarkdown(editor.getValue());
+  };
+  let previewTimer = null;
+  editor.session.on("change", () => {
+    if (workspace?.querySelector("[data-editor-stage]")?.dataset.view === "edit") return;
+    clearTimeout(previewTimer);
+    previewTimer = setTimeout(renderPreview, 120);
+  });
+  workspace?.addEventListener("click", event => {
+    const actionButton = event.target.closest("[data-editor-action]");
+    if (actionButton) {
+      const action = actionButton.dataset.editorAction;
+      if (action === "undo") editor.undo();
+      else if (action === "redo") editor.redo();
+      else if (action === "wrap") {
+        const enabled = !editor.session.getUseWrapMode();
+        editor.session.setUseWrapMode(enabled);
+        actionButton.classList.toggle("active", enabled);
+        actionButton.setAttribute("aria-pressed", String(enabled));
+      } else if (markdown) applyMarkdownAction(editor, action);
+      editor.focus();
+      return;
+    }
+    const viewButton = event.target.closest("[data-editor-view]");
+    if (!viewButton) return;
+    const view = viewButton.dataset.editorView;
+    workspace.querySelector("[data-editor-stage]").dataset.view = view;
+    workspace.querySelectorAll("[data-editor-view]").forEach(button => button.classList.toggle("active", button === viewButton));
+    const preview = workspace.querySelector("[data-editor-preview]");
+    preview.hidden = view === "edit";
+    if (view !== "edit") renderPreview();
+    requestAnimationFrame(() => editor.resize());
+  });
+  editor.commands.addCommand({
+    name: "saveDocument",
+    bindKey: { win: "Ctrl-S", mac: "Command-S" },
+    exec: () => editor.container.closest("form")?.requestSubmit(),
+  });
+  markdownComponents.push(editor);
+  requestAnimationFrame(() => { editor.resize(); if (!options.readOnly) editor.focus(); });
+  return editor;
+}

static/index.html

@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Codex Partner</title>
+  <link rel="stylesheet" href="/styles.css?v=20260816-game-sprites" />
+  <link rel="stylesheet" href="/mascot-dance.css?v=20260816-game-sprites" />
+  <link rel="stylesheet" href="/vendor/toastui-editor/toastui-editor.css" />
+  <link rel="stylesheet" href="/vendor/toastui-editor/toastui-editor-dark.css" />
+  <link rel="stylesheet" href="/vendor/xterm/xterm.css" />
+</head>
+<body>
+  <header class="topbar">
+    <div class="brand"><button id="theme-toggle" class="theme-toggle" type="button" title="切换废土终端主题" aria-label="切换废土终端主题"><span class="mascot mascot-mini" role="img" aria-hidden="true"><i></i><b></b><em></em></span></button><span>Codex Partner</span></div>
+    <div class="shortcut-hints" aria-label="快捷键">
+      <span class="shortcut-hint" title="单按反引号键 (`) 显示/隐藏终端"><kbd class="key-backquote" aria-label="反引号键"><span aria-hidden="true">~</span><span aria-hidden="true">`</span></kbd><span class="shortcut-label">终端</span></span>
+      <span class="shortcut-hint" title="下一个会话"><kbd class="combo-key" aria-label="Shift N"><span aria-hidden="true">⇧</span> N</kbd><span class="shortcut-label">下一个会话</span></span>
+      <span class="shortcut-hint" title="上一个会话"><kbd class="combo-key" aria-label="Shift P"><span aria-hidden="true">⇧</span> P</kbd><span class="shortcut-label">上一个会话</span></span>
+      <span class="shortcut-hint" title="回到最顶端会话"><kbd class="combo-key" aria-label="Shift C"><span aria-hidden="true">⇧</span> C</kbd><span class="shortcut-label">首个会话</span></span>
+    </div>
+    <div class="top-actions"><label class="language-picker"><span class="sr-only">界面语言</span><select id="language-select" aria-label="界面语言"><option value="zh">中文</option><option value="en">English</option><option value="fr">Français</option><option value="ja">日本語</option><option value="ko">한국어</option></select></label><button id="new-task" class="new-session" title="新建会话">＋ <span>新会话</span></button><button id="open-terminal" class="icon-btn" title="显示/隐藏远程终端（单按反引号键）">&gt;_</button></div>
+  </header>
+  <button id="connection-status" class="connection-popover connecting" type="button" title="查看当前服务器、Provider 和实时指标" aria-label="查看当前服务器、Provider 和实时指标"><span class="connection-signal" aria-hidden="true"><i></i></span><span class="connection-copy"><small id="connection-server-label">服务器</small><strong id="connection-status-label">连接中</strong></span><span class="connection-runtime"><small id="connection-provider-label">当前 API · 自动选择</small><small id="connection-metrics-label">TTFT -- · TPOT --</small></span></button>
+  <div id="codex-install-notice" class="codex-install-notice" role="alert" hidden><span class="codex-install-mark" aria-hidden="true">!</span><span class="codex-install-copy"><strong>未找到 Codex CLI</strong><small id="codex-install-command">正在检查安装环境</small></span><button id="install-codex" class="primary" type="button">一键安装</button></div>
+  <main class="workspace-app">
+    <aside class="session-sidebar" aria-label="Codex 会话列表">
+      <div class="sidebar-top"><div><h1>会话</h1></div><button id="sync-native" class="icon-action" title="同步本机 Codex">⟳</button></div>
+      <div class="session-search"><span>⌕</span><input id="session-search" placeholder="搜索会话" /></div>
+      <div class="session-filters"><button class="filter active" data-filter="all">全部</button><button class="filter" data-filter="running">进行中</button><button class="filter" data-filter="available">待处理</button><button class="filter trash-filter" data-panel="trash" title="打开回收站">回收站</button></div>
+      <div id="running-summary" class="running-summary" hidden></div>
+      <div id="task-list" class="session-list"><div class="empty">加载会话中…</div></div>
+      <div class="sidebar-bottom"><button class="sidebar-link" data-panel="memories">⌁ <span>记忆</span></button><button class="sidebar-link" data-panel="skills">◇ <span>Skills</span></button><span id="sidebar-stats">0 个会话</span></div>
+    </aside>
+    <section class="conversation-shell">
+      <div id="empty-conversation" class="empty-conversation"><div class="mascot mascot-large" aria-hidden="true"><i></i><b></b><em></em></div><h2>开始一个 Codex 会话</h2><p>从左侧选择已有线程，或新建一个会话开始工作。</p><button id="empty-new-task" class="primary">新建会话</button></div>
+      <div id="conversation-view" class="conversation-view" hidden>
+        <header class="conversation-head"><div class="conversation-title"><button id="mobile-sessions" class="icon-action mobile-only" title="打开会话列表">☰</button><div><div class="conversation-title-line"><h2 id="conversation-name">Codex 会话</h2><button id="conversation-title-toggle" class="title-toggle" type="button" hidden>展开</button></div><p id="conversation-subtitle"></p></div></div><div class="conversation-actions"><button id="conversation-rename" class="icon-action" title="重命名">✎</button><button id="conversation-fork" class="icon-action" title="复制会话">⑂</button><button id="conversation-more" class="icon-action" title="更多操作">⋯</button></div></header>
+        <div id="chat-log" class="chat-stream"></div>
+        <div class="conversation-status-row">
+          <div id="turn-progress" class="turn-progress" aria-hidden="true"><div class="turn-progress-inner"><span class="codex-working-mark" aria-hidden="true"><i></i></span><span class="turn-progress-copy" role="status" aria-live="polite"><small id="turn-progress-tip"></small></span><span class="turn-progress-rail" aria-hidden="true"></span></div></div>
+          <section id="goal-bar" class="goal-bar" hidden aria-label="Goal 控制"><div class="goal-bar-main"><div class="goal-bar-heading"><span class="eyebrow">GOAL</span><span id="goal-task-status" class="goal-task-status"></span></div><div id="goal-text" class="goal-text"></div><form id="goal-edit-form" class="goal-edit-form" hidden><input id="goal-input" maxlength="2000" autocomplete="off" placeholder="输入要持续完成的目标"/><div class="goal-edit-actions"><button type="button" class="goal-button danger-small" id="goal-clear">清空</button><button type="button" class="goal-button subtle" id="goal-edit-cancel">取消</button><button class="goal-button primary-small">保存</button></div></form></div><div class="goal-bar-controls"><button type="button" id="goal-edit" class="goal-button subtle" title="修改 Goal" aria-label="修改 Goal">✎</button><button type="button" id="goal-run-toggle" class="goal-button" title="暂停 Goal" aria-label="暂停 Goal"><span id="goal-run-icon">Ⅱ</span><span id="goal-run-label" class="sr-only">暂停 Goal</span></button><button type="button" id="goal-retry-toggle" class="goal-button retry" title="打开 Goal 自动续跑" aria-label="切换 Goal 自动续跑"><span>↻</span><strong id="goal-retry-label">关</strong></button></div></section>
+        </div>
+        <div class="composer-dock"><div id="queued-messages" class="queued-messages" hidden aria-live="polite"></div><form id="message-form" class="composer"><div id="composer-context" class="composer-context"></div><div id="command-palette" class="command-palette" hidden role="listbox" aria-label="Codex 斜杠命令"></div><textarea id="message-input" rows="1" placeholder="给 Codex 发送消息…"></textarea><div class="composer-bottom"><div class="composer-send-actions"><button type="submit" class="send-codex-button" id="send-codex" title="发送到 Codex（Enter）"><span id="send-codex-label">发送</span><span aria-hidden="true">↑</span></button></div></div><div id="composer-meta" class="composer-meta" aria-label="当前会话控制"><div class="composer-meta-tools"><button type="button" class="tool-button" id="attach-button" title="添加本地文本文件">＋</button><input id="attach-file" type="file" hidden /><button type="button" class="tool-button" id="command-button" title="打开 Codex 斜杠命令">/</button></div><span id="composer-live-state" class="composer-live-state"><i></i><span>待命</span></span><button type="button" class="tool-button composer-yolo" id="permission-toggle" title="切换 YOLO/受控模式">✦ <span>YOLO</span></button><label class="composer-model-control"><span>模型</span><select id="composer-model-select" class="composer-select" aria-label="选择模型"><option value="">Provider 默认模型</option></select></label><span id="composer-context-usage" class="composer-context-usage"><span class="context-usage-copy">Context --</span><span class="context-usage-track" aria-hidden="true"><i></i></span></span><label class="composer-effort-control"><span>思考</span><select id="composer-effort-select" class="composer-select" aria-label="选择思考程度"><option value="">Provider 默认</option><option value="minimal">最小</option><option value="low">低</option><option value="medium">中</option><option value="high">高</option><option value="xhigh">很高</option><option value="ultra">极高</option></select></label><span id="composer-goal-meta" class="meta-pill goal-pill" hidden></span></div></form></div>
+      </div>
+    </section>
+    <aside id="inspector" class="inspector" aria-label="会话详情"><div class="inspector-head"><h2>工作区</h2><button id="close-inspector" class="icon-action" title="关闭详情">×</button></div><div id="inspector-content"></div></aside>
+  </main>
+  <aside id="drawer" class="drawer" aria-hidden="true"><div class="drawer-inner"><button id="close-drawer" class="close">×</button><div id="drawer-content"></div></div></aside>
+  <div id="panel" class="panel" aria-hidden="true"><div class="panel-inner"><button id="close-panel" class="close">×</button><div id="panel-content"></div></div></div>
+  <div id="terminal-window" class="terminal-window" aria-hidden="true"><section class="terminal-shell" role="dialog" aria-modal="true" aria-labelledby="terminal-title"><header class="terminal-head"><div><span id="terminal-eyebrow" class="eyebrow">远程 Shell</span><h2 id="terminal-title">远程终端</h2><small id="terminal-cwd">未连接</small></div><div class="terminal-head-actions"><span id="terminal-status" class="terminal-status">未连接</span><button id="terminal-close" class="icon-action" title="关闭终端">×</button></div></header><div id="terminal-screen" class="terminal-screen" aria-label="远程终端输出"></div><footer class="terminal-foot"><span id="terminal-hint">点击终端后输入 · Enter 执行 · Ctrl+C 中断</span><button id="terminal-reconnect" class="secondary">重连</button></footer></section></div>
+  <input id="workspace-upload-input" type="file" multiple hidden /><input id="user-avatar-file" type="file" accept="image/*" hidden />
+  <dialog id="app-dialog" class="app-dialog" aria-labelledby="app-dialog-title"><form id="app-dialog-form"><div class="app-dialog-heading"><span class="mascot mascot-inline" aria-hidden="true"><i></i><b></b><em></em></span><div><h2 id="app-dialog-title"></h2><p id="app-dialog-message"></p></div></div><label id="app-dialog-field" hidden><span id="app-dialog-label"></span><input id="app-dialog-input" autocomplete="off" /></label><div class="app-dialog-actions"><button type="button" class="secondary" id="app-dialog-cancel"></button><button type="submit" class="primary" id="app-dialog-confirm"></button></div></form></dialog>
+  <div id="toast" class="toast" role="status"></div>
+  <script src="/vendor/xterm/xterm.js"></script>
+  <script src="/vendor/xterm/addons/fit.js"></script>
+  <script src="/vendor/xterm/addons/unicode11.js"></script>
+  <script src="/vendor/xterm/addons/web-links.js"></script>
+  <script src="/vendor/toastui-editor/toastui-editor.js"></script>
+  <script src="/vendor/toastui-editor/zh-cn.js"></script>
+  <script src="/vendor/i18next/i18next.min.js"></script>
+  <script src="/vendor/ace/ace.js"></script>
+  <script src="/vendor/ace/ext-modelist.js"></script>
+  <script src="/core.js?v=20260816-game-sprites"></script>
+  <script src="/mascot-dance.js?v=20260816-game-sprites"></script>
+  <script src="/editor.js?v=20260816-game-sprites"></script>
+  <script src="/conversation.js?v=20260816-game-sprites"></script>
+  <script src="/settings.js?v=20260816-game-sprites"></script>
+  <script src="/app.js?v=20260816-game-sprites"></script>
+</body>
+</html>

static/mascot-dance.css

@@ -0,0 +1,100 @@
+/* Layered SVG game sprites for the keyboard dance easter egg. */
+.mascot-dance { position: fixed; z-index: 95; inset: 0; overflow: hidden; pointer-events: none; }
+.mascot-dance-stage { position: absolute; bottom: 7%; left: 50%; width: min(520px, 100vw); height: 250px; transform: translateX(-50%); }
+.mascot-dance-stage::before { content: ""; position: absolute; right: 5%; bottom: 5px; left: 5%; height: 48px; border: 1px solid #99e97842; border-radius: 50%; background: radial-gradient(ellipse, #a3ff7135 0, #81d95d14 45%, transparent 72%); box-shadow: 0 0 50px #80ff5830; animation: dance-stage-breathe 1.25s ease-in-out infinite alternate; }
+.mascot-dance-stage::after { content: ""; position: absolute; right: 13%; bottom: 18px; left: 13%; height: 1px; background: linear-gradient(90deg, transparent, #d9ffacaa, transparent); box-shadow: 0 0 14px #9cff76; }
+.dance-beam { position: absolute; z-index: 0; bottom: 20px; width: 150px; height: 225px; opacity: .28; clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%); background: linear-gradient(180deg, #dfffad55, #8cff7208); filter: blur(2px); }
+.beam-left { left: 38px; transform: rotate(-8deg); }.beam-right { right: 38px; transform: rotate(8deg); }
+.dance-figure { position: absolute; z-index: 2; bottom: 22px; width: 150px; height: 193px; transform-origin: 50% 92%; will-change: transform, opacity; }
+.dance-sprite { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 10px 8px #0008); }
+.dance-partner-figure { left: 58px; animation: partner-game-entry 10s cubic-bezier(.42, 0, .25, 1) both; }
+.dance-scout-figure { right: 58px; animation: scout-game-entry 10s cubic-bezier(.42, 0, .25, 1) both; }
+.sprite-shadow { fill: #07120c99; transform-origin: center; animation: sprite-shadow-pulse .7s ease-in-out infinite alternate; }
+.sprite-head, .sprite-body, .sprite-arm, .sprite-leg { transform-box: fill-box; }
+.partner-head { transform-origin: 50% 85%; animation: partner-head-dance 2.2s ease-in-out infinite; }
+.partner-body { transform-origin: 50% 20%; animation: partner-body-dance 1.4s ease-in-out infinite; }
+.partner-arm-left { transform-origin: 88% 16%; animation: partner-arm-left-dance 2.8s ease-in-out infinite; }
+.partner-arm-right { transform-origin: 12% 16%; animation: partner-arm-right-dance 2.8s ease-in-out infinite; }
+.partner-leg-left { transform-origin: 55% 10%; animation: partner-step-left .7s ease-in-out infinite alternate; }
+.partner-leg-right { transform-origin: 45% 10%; animation: partner-step-right .7s ease-in-out infinite alternate; }
+.partner-eyes { transform-box: fill-box; transform-origin: center; animation: partner-game-blink 3.6s steps(1, end) infinite; }
+.scout-head { transform-origin: 50% 88%; animation: scout-head-dance 1.15s steps(2, end) infinite; }
+.scout-body { transform-origin: center; animation: scout-body-hit .8s steps(2, end) infinite; }
+.scout-arm-left { transform-origin: 90% 15%; animation: scout-arm-left-dance 3.2s steps(1, end) infinite; }
+.scout-arm-right { transform-origin: 10% 15%; animation: scout-arm-right-dance 3.2s steps(1, end) infinite; }
+.scout-leg-left { transform-origin: 55% 10%; animation: scout-step-left .8s steps(2, end) infinite; }
+.scout-leg-right { transform-origin: 45% 10%; animation: scout-step-right .8s steps(2, end) infinite; }
+.scout-eyes { transform-box: fill-box; transform-origin: center; animation: scout-optics 1.6s steps(2, end) infinite; }
+.scout-core, .scout-signal { animation: scout-light-pulse .8s ease-in-out infinite alternate; }
+.scout-scan { animation: scout-visor-scan 1.6s linear infinite; }
+.dance-particles { position: absolute; z-index: 3; inset: 0; }
+.dance-particles > * { position: absolute; display: block; width: 8px; height: 8px; border: 2px solid #bcff91; opacity: 0; box-shadow: 0 0 9px #8cff72; animation: dance-particle 2.4s ease-out infinite; }
+.dance-particles i { top: 34%; left: 44%; transform: rotate(45deg); }.dance-particles b { top: 22%; left: 55%; border-radius: 50%; animation-delay: .55s; }.dance-particles em { top: 47%; left: 52%; width: 5px; height: 13px; border-width: 0 2px; animation-delay: 1.1s; }.dance-particles strong { top: 30%; left: 48%; border-radius: 50%; animation-delay: 1.65s; }
+
+@keyframes partner-game-entry {
+  0% { opacity: 0; transform: translateX(-62vw) translateY(8px) rotate(-8deg) scale(.88); }
+  4% { opacity: 1; }
+  7% { transform: translateX(-50vw) translateY(-15px) rotate(5deg) scale(.92); }
+  11% { transform: translateX(-40vw) translateY(2px) rotate(-3deg) scale(.95); }
+  15% { transform: translateX(-30vw) translateY(-18px) rotate(6deg); }
+  19% { transform: translateX(-20vw) translateY(0) rotate(-4deg); }
+  23% { transform: translateX(-10vw) translateY(-13px) rotate(4deg); }
+  28% { transform: translateX(0) translateY(0); }
+  34% { transform: translate(-14px, -10px) rotate(-6deg); }
+  42% { transform: translate(18px, -2px) rotate(7deg); }
+  50% { transform: translate(30px, -15px) rotate(-5deg); }
+  58% { transform: translate(-6px, 0) rotate(4deg); }
+  66% { transform: translate(-22px, -12px) rotate(-8deg); }
+  74% { transform: translate(12px, -3px) rotate(6deg); }
+  82% { transform: translate(26px, -18px) rotate(-7deg) scale(1.04); }
+  89% { transform: translateY(-25px) rotate(8deg) scale(1.08); }
+  94% { opacity: 1; transform: translateY(0) rotate(-3deg); }
+  100% { opacity: 0; transform: translateX(-24vw) translateY(-10px) rotate(-12deg) scale(.94); }
+}
+@keyframes scout-game-entry {
+  0% { opacity: 0; transform: translateX(62vw) translateY(8px) rotate(8deg) scale(.88); }
+  4% { opacity: 1; }
+  7% { transform: translateX(50vw) translateY(-12px) rotate(-4deg) scale(.92); }
+  11% { transform: translateX(40vw) translateY(2px) rotate(3deg) scale(.95); }
+  15% { transform: translateX(30vw) translateY(-16px) rotate(-5deg); }
+  19% { transform: translateX(20vw) translateY(0) rotate(4deg); }
+  23% { transform: translateX(10vw) translateY(-12px) rotate(-3deg); }
+  28% { transform: translateX(0) translateY(0); }
+  34% { transform: translate(14px, -2px) rotate(5deg); }
+  42% { transform: translate(-18px, -11px) rotate(-7deg); }
+  50% { transform: translate(-30px, 0) rotate(5deg); }
+  58% { transform: translate(6px, -15px) rotate(-4deg); }
+  66% { transform: translate(22px, 0) rotate(8deg); }
+  74% { transform: translate(-12px, -12px) rotate(-6deg); }
+  82% { transform: translate(-26px, -4px) rotate(7deg) scale(1.04); }
+  89% { transform: translateY(-25px) rotate(-8deg) scale(1.08); }
+  94% { opacity: 1; transform: translateY(0) rotate(3deg); }
+  100% { opacity: 0; transform: translateX(24vw) translateY(-10px) rotate(12deg) scale(.94); }
+}
+@keyframes partner-head-dance { 0%, 100% { transform: rotate(-4deg) translateY(1px); } 50% { transform: rotate(6deg) translateY(-4px); } }
+@keyframes partner-body-dance { 0%, 100% { transform: skewX(-2deg) scaleY(.97); } 50% { transform: skewX(3deg) scaleY(1.04); } }
+@keyframes partner-arm-left-dance { 0%, 100% { transform: rotate(8deg); } 25% { transform: rotate(-38deg) translateY(-3px); } 50% { transform: rotate(18deg); } 75% { transform: rotate(-58deg) translateY(-5px); } }
+@keyframes partner-arm-right-dance { 0%, 100% { transform: rotate(-8deg); } 25% { transform: rotate(42deg) translateY(-4px); } 50% { transform: rotate(-20deg); } 75% { transform: rotate(54deg) translateY(-3px); } }
+@keyframes partner-step-left { to { transform: translate(5px, -8px) rotate(7deg); } }
+@keyframes partner-step-right { to { transform: translate(-5px, 7px) rotate(-6deg); } }
+@keyframes partner-game-blink { 0%, 45%, 49%, 100% { transform: scaleY(1); } 47% { transform: scaleY(.12); } }
+@keyframes scout-head-dance { 0%, 49% { transform: translateX(-3px) rotate(-3deg); } 50%, 100% { transform: translateX(3px) rotate(4deg); } }
+@keyframes scout-body-hit { 0%, 49% { transform: scale(1); } 50%, 100% { transform: scale(1.04, .96); } }
+@keyframes scout-arm-left-dance { 0%, 24% { transform: rotate(8deg); } 25%, 49% { transform: rotate(-70deg) translateY(-4px); } 50%, 74% { transform: rotate(-18deg); } 75%, 100% { transform: rotate(-92deg) translateY(-7px); } }
+@keyframes scout-arm-right-dance { 0%, 24% { transform: rotate(-8deg); } 25%, 49% { transform: rotate(15deg); } 50%, 74% { transform: rotate(72deg) translateY(-4px); } 75%, 100% { transform: rotate(92deg) translateY(-7px); } }
+@keyframes scout-step-left { 0%, 49% { transform: translateY(-7px) rotate(5deg); } 50%, 100% { transform: translateY(3px); } }
+@keyframes scout-step-right { 0%, 49% { transform: translateY(3px); } 50%, 100% { transform: translateY(-7px) rotate(-5deg); } }
+@keyframes scout-optics { 50% { filter: brightness(1.8); transform: scaleY(.88); } }
+@keyframes scout-light-pulse { to { filter: brightness(1.5); opacity: .55; } }
+@keyframes scout-visor-scan { 0% { transform: translateY(0); opacity: 0; } 15%, 80% { opacity: .8; } 100% { transform: translateY(28px); opacity: 0; } }
+@keyframes sprite-shadow-pulse { to { transform: scaleX(.82); opacity: .55; } }
+@keyframes dance-particle { 0%, 20% { opacity: 0; transform: translateY(12px) rotate(0) scale(.5); } 35% { opacity: .9; } 100% { opacity: 0; transform: translateY(-55px) rotate(135deg) scale(1.15); } }
+@keyframes dance-stage-breathe { to { opacity: .6; transform: scaleX(.9); } }
+
+@media (max-width: 600px) {
+  .mascot-dance-stage { bottom: 9%; height: 215px; }
+  .dance-figure { width: 122px; height: 157px; }
+  .dance-partner-figure { left: 16px; }.dance-scout-figure { right: 16px; }
+  .dance-beam { width: 110px; height: 185px; }.beam-left { left: 14px; }.beam-right { right: 14px; }
+}
+@media (prefers-reduced-motion: reduce) { .mascot-dance { display: none; } }

static/mascot-dance.js

@@ -0,0 +1,46 @@
+// Self-contained SVG sprites and lifecycle for the keyboard dance easter egg.
+function partnerDanceSprite() {
+  return `<svg class="dance-sprite partner-sprite" viewBox="0 0 140 180" aria-hidden="true">
+    <defs>
+      <linearGradient id="partner-head" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#e8ff9d"/><stop offset=".55" stop-color="#bfe866"/><stop offset="1" stop-color="#83b94d"/></linearGradient>
+      <linearGradient id="partner-body" x1="0" y1="0" x2="0" y2="1"><stop stop-color="#b9e967"/><stop offset="1" stop-color="#719e45"/></linearGradient>
+      <linearGradient id="partner-shoe" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#efffc0"/><stop offset="1" stop-color="#94bd55"/></linearGradient>
+    </defs>
+    <ellipse class="sprite-shadow" cx="70" cy="169" rx="46" ry="8"/>
+    <g class="sprite-leg partner-leg-left"><rect x="48" y="119" width="17" height="38" rx="8" fill="url(#partner-body)" stroke="#254432" stroke-width="5"/><circle cx="56" cy="123" r="7" fill="#d9f886" stroke="#254432" stroke-width="4"/><path d="M38 151c8-6 22-5 28 2l-1 10H37c-5 0-7-7 1-12Z" fill="url(#partner-shoe)" stroke="#254432" stroke-width="5"/></g>
+    <g class="sprite-leg partner-leg-right"><rect x="76" y="119" width="17" height="38" rx="8" fill="url(#partner-body)" stroke="#254432" stroke-width="5"/><circle cx="84" cy="123" r="7" fill="#d9f886" stroke="#254432" stroke-width="4"/><path d="M77 153c8-7 23-7 30 0 7 7 4 11-2 11H77Z" fill="url(#partner-shoe)" stroke="#254432" stroke-width="5"/></g>
+    <g class="sprite-body partner-body"><path d="M45 75c6-9 44-9 50 0l8 45c-13 12-53 12-66 0Z" fill="url(#partner-body)" stroke="#254432" stroke-width="6"/><path d="M53 85c9 5 25 5 34 0" fill="none" stroke="#eaffaa" stroke-width="4" stroke-linecap="round" opacity=".75"/><path d="m70 91 5 9 10 2-7 7 2 10-10-5-10 5 2-10-7-7 10-2Z" fill="#ecffad" stroke="#476b38" stroke-width="3"/></g>
+    <g class="sprite-arm partner-arm-left"><path d="M47 79c-15 1-25 12-30 26" fill="none" stroke="#254432" stroke-width="17" stroke-linecap="round"/><path d="M47 79c-15 2-23 12-29 27" fill="none" stroke="#a9da5e" stroke-width="10" stroke-linecap="round"/><circle cx="16" cy="109" r="11" fill="#dafa85" stroke="#254432" stroke-width="5"/><path d="M11 105c4-3 9-3 13 0" fill="none" stroke="#f5ffc7" stroke-width="3" stroke-linecap="round"/></g>
+    <g class="sprite-arm partner-arm-right"><path d="M93 79c15 1 25 12 30 26" fill="none" stroke="#254432" stroke-width="17" stroke-linecap="round"/><path d="M93 79c15 2 23 12 29 27" fill="none" stroke="#a9da5e" stroke-width="10" stroke-linecap="round"/><circle cx="124" cy="109" r="11" fill="#dafa85" stroke="#254432" stroke-width="5"/><path d="M117 105c4-3 9-3 13 0" fill="none" stroke="#f5ffc7" stroke-width="3" stroke-linecap="round"/></g>
+    <g class="sprite-head partner-head"><path d="M68 18V8" fill="none" stroke="#31513a" stroke-width="5" stroke-linecap="round"/><circle cx="68" cy="6" r="7" fill="#e7ff99" stroke="#31513a" stroke-width="4"/><rect x="28" y="18" width="82" height="68" rx="25" fill="url(#partner-head)" stroke="#254432" stroke-width="6"/><path d="M39 33c16-13 43-15 60-3" fill="none" stroke="#f3ffc5" stroke-width="7" stroke-linecap="round" opacity=".65"/><g class="partner-eyes"><ellipse cx="52" cy="51" rx="8" ry="11" fill="#183127"/><ellipse cx="86" cy="51" rx="8" ry="11" fill="#183127"/><circle cx="49" cy="47" r="2.5" fill="#f5ffd4"/><circle cx="83" cy="47" r="2.5" fill="#f5ffd4"/></g><path d="M51 66c9 9 27 9 36 0" fill="none" stroke="#183127" stroke-width="5" stroke-linecap="round"/><circle cx="43" cy="63" r="4" fill="#f5b9a7" opacity=".65"/><circle cx="96" cy="63" r="4" fill="#f5b9a7" opacity=".65"/></g>
+  </svg>`;
+}
+
+function scoutDanceSprite() {
+  return `<svg class="dance-sprite scout-sprite" viewBox="0 0 140 180" aria-hidden="true">
+    <defs>
+      <linearGradient id="scout-armor" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#84905c"/><stop offset=".5" stop-color="#566343"/><stop offset="1" stop-color="#303b31"/></linearGradient>
+      <linearGradient id="scout-brass" x1="0" y1="0" x2="0" y2="1"><stop stop-color="#f2c65c"/><stop offset="1" stop-color="#9a6d26"/></linearGradient>
+      <radialGradient id="scout-eye"><stop stop-color="#e8ffc7"/><stop offset=".35" stop-color="#9cff76"/><stop offset="1" stop-color="#3b7e3d"/></radialGradient>
+    </defs>
+    <ellipse class="sprite-shadow" cx="70" cy="169" rx="47" ry="8"/>
+    <g class="sprite-leg scout-leg-left"><path d="M47 118h20l-3 39H44Z" fill="url(#scout-armor)" stroke="#2a332b" stroke-width="6"/><circle cx="57" cy="122" r="7" fill="#d5a443" stroke="#2a332b" stroke-width="4"/><path d="M38 151h28l4 12H35c-6 0-5-8 3-12Z" fill="url(#scout-brass)" stroke="#2a332b" stroke-width="5"/><path d="M43 154h18" stroke="#f4d17b" stroke-width="3" opacity=".6"/></g>
+    <g class="sprite-leg scout-leg-right"><path d="M74 118h20l3 39H77Z" fill="url(#scout-armor)" stroke="#2a332b" stroke-width="6"/><circle cx="84" cy="122" r="7" fill="#d5a443" stroke="#2a332b" stroke-width="4"/><path d="M75 151h28c8 4 9 12 3 12H72Z" fill="url(#scout-brass)" stroke="#2a332b" stroke-width="5"/><path d="M80 154h18" stroke="#f4d17b" stroke-width="3" opacity=".6"/></g>
+    <g class="sprite-body scout-body"><path d="M40 72 52 64h39l11 10-5 48-12 10H54l-12-10Z" fill="url(#scout-armor)" stroke="#2a332b" stroke-width="6"/><path d="M51 82h40v31H51Z" fill="#1b2924" stroke="#d3a443" stroke-width="4"/><circle cx="71" cy="97" r="10" fill="#233a2d" stroke="#d3a443" stroke-width="4"/><circle class="scout-core" cx="71" cy="97" r="5" fill="#9cff76"/><path d="M55 118h32" stroke="#d3a443" stroke-width="4" stroke-linecap="round"/><circle cx="48" cy="75" r="3" fill="#f4d17b"/><circle cx="95" cy="75" r="3" fill="#f4d17b"/></g>
+    <g class="sprite-arm scout-arm-left"><path d="M43 78 24 91 15 111" fill="none" stroke="#29322b" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/><path d="M43 78 25 92 16 111" fill="none" stroke="#65734c" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/><circle cx="25" cy="91" r="7" fill="#d2a142" stroke="#29322b" stroke-width="4"/><path d="m14 103-8 8 7 12 12-4 1-12Z" fill="url(#scout-brass)" stroke="#29322b" stroke-width="5"/></g>
+    <g class="sprite-arm scout-arm-right"><path d="m99 78 18 14 10 19" fill="none" stroke="#29322b" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/><path d="m99 78 17 15 10 18" fill="none" stroke="#65734c" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/><circle cx="116" cy="92" r="7" fill="#d2a142" stroke="#29322b" stroke-width="4"/><path d="m126 103 9 8-7 12-12-4-1-12Z" fill="url(#scout-brass)" stroke="#29322b" stroke-width="5"/></g>
+    <g class="sprite-head scout-head"><path d="m77 19 6-13" stroke="#d4a542" stroke-width="5" stroke-linecap="round"/><circle class="scout-signal" cx="84" cy="5" r="6" fill="#9cff76" stroke="#29322b" stroke-width="4"/><path d="m31 29 15-14h55l11 17-6 43-14 12H43L28 73Z" fill="url(#scout-armor)" stroke="#29322b" stroke-width="6"/><path d="m36 35 13-11h45" fill="none" stroke="#d7b35c" stroke-width="5" stroke-linecap="round" opacity=".75"/><path d="M39 39h58l5 27-10 10H45L35 65Z" fill="#12231d" stroke="#d1a343" stroke-width="4"/><g class="scout-eyes"><rect x="46" y="46" width="17" height="17" rx="4" fill="url(#scout-eye)" stroke="#8fcf69" stroke-width="3"/><rect x="75" y="46" width="17" height="17" rx="4" fill="url(#scout-eye)" stroke="#8fcf69" stroke-width="3"/></g><path class="scout-scan" d="M41 41h55" stroke="#c8ff9d" stroke-width="2" opacity=".75"/><path d="M52 70h34" stroke="#d1a343" stroke-width="4" stroke-linecap="round" stroke-dasharray="3 5"/><path d="M105 38h11v25h-12" fill="#4b573e" stroke="#29322b" stroke-width="5"/></g>
+  </svg>`;
+}
+
+function triggerMascotDance() {
+  if (document.querySelector("#mascot-dance")) return;
+  const scene = document.createElement("div");
+  scene.id = "mascot-dance";
+  scene.className = "mascot-dance";
+  scene.setAttribute("role", "status");
+  scene.setAttribute("aria-label", uiLabel("mascotDance"));
+  scene.innerHTML = `<div class="mascot-dance-stage"><span class="dance-beam beam-left"></span><span class="dance-beam beam-right"></span><span class="dance-particles" aria-hidden="true"><i></i><b></b><em></em><strong></strong></span><span class="dance-figure dance-partner-figure">${partnerDanceSprite()}</span><span class="dance-figure dance-scout-figure">${scoutDanceSprite()}</span></div>`;
+  document.body.append(scene);
+  window.setTimeout(() => scene.remove(), 10400);
+}