@pointylab/dsh 0.0.0-stage → 0.4.3

package/ASSETS.md

@@ -0,0 +1,20 @@
+# 图片素材
+
+Pointy 的代码以 MIT 发布（见 [LICENSE](LICENSE)），但下面这些美术素材**不在 MIT 授权范围内**。
+
+鲸鱼娘形象是 DeepSeek 鲸鱼娘的同人创作：原作 上善无形，像素重绘 ZipZipPipe，按 [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans) 授权。使用时要署名，不能用于商业用途，改编后的作品要用相同协议发布。
+
+你可以为了构建、测试和运行本仓库而使用它们。如果以修改版或衍生作品的身份再发布，请遵守上面的授权条件，或者换成自己的素材。
+
+| 素材 | 位置 | 来源 |
+|---|---|---|
+| 卡片旁边的像素鲸鱼娘 | `app/card/mascot/` | 鲸鱼娘同人（上善无形 原作，ZipZipPipe 像素重绘） |
+| 指认时的鼠标光标 | `assets/cursor/`、`extension/cursor-*.png` | 由上面的鲸鱼娘形象改成光标 |
+| 托盘图标、Pointy.exe 的图标 | `assets/tray.png`、`assets/tray@2x.png`（打包时拼成 `pointy.ico`） | 同上 |
+| 浏览器扩展图标 | `extension/icon.png` | 由 `assets/tray@2x.png` 放大 |
+
+这些鲸鱼娘形象是非官方的同人形象，和 DeepSeek 没有关系，也不代表 DeepSeek。如果权利人提出要求，我们会替换。
+
+光标由 `assets/cursor/make_cursor.py` 从 `assets/cursor/source.png` 生成，脚本本身和其他源码一样以 MIT 发布。
+
+第三方代码：随插件包分发的 [koffi](https://koffi.dev)（MIT）和 [ws](https://github.com/websockets/ws)（MIT）保留各自的许可证，在 `pet/vendor/` 下；插件下载的 [Electron](https://www.electronjs.org)（MIT）是官方原版，只改了程序名、描述和图标。

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 pointylab
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,86 @@
-# Temporary Holding Version
+# Pointy
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+DeepSeek Harness（DSH）插件。在电脑上**晃一下鼠标**，指到网页、文档、聊天窗口里的任意内容，点一下就能问 DSH，回答在原地的小卡片里流出来。只支持 Windows 10/11 x64。
+
+## 安装
+
+**图形界面**：DSH 里打开「插件管理」→ 安装第三方插件，在安装框里填包名：
+
+```
+@pointylab/dsh
+```
+
+**命令行**：
+
+```bash
+dsh plugin --profile desktop add @pointylab/dsh
+```
+
+用 web 版 DSH 的把 `desktop` 换成 `web`。
+
+装完**重新打开 DSH**。第一次启用时插件会下载 Pointy 用的运行时（Electron，下载约 150 MB、解压后约 370 MB，国内走 npmmirror 镜像，按官方 SHA-256 校验），放在 `%USERPROFILE%\.pointy\runtime`，只下一次。下完托盘里出现鲸鱼图标，右下角弹出使用说明。之后 Pointy 随 DSH 启动、随 DSH 退出。
+
+### 浏览器扩展（推荐）
+
+没装扩展也能在浏览器里用，网页按截图处理。装了扩展能指认到网页里具体的段落、图片，还多一个右键「问 Pointy」。
+
+1. 托盘鲸鱼图标 → 「安装浏览器扩展（推荐）…」，会打开扩展所在的文件夹 `%USERPROFILE%\.pointy\extension`。
+2. Chrome 打开 `chrome://extensions`（Edge 是 `edge://extensions`），打开右上角「开发者模式」，点「加载已解压的扩展程序」，选这个文件夹。
+3. 扩展会自己连上 Pointy，屏幕右下角弹窗问是否允许，点「允许」。
+
+## 用法
+
+- 晃一下鼠标进入指认，指到的内容会框出来，点一下弹出卡片；Esc 取消。
+- 程序里读不到文字的地方（QQ、网易云这类整窗都是一张图的），指认时是一个虚线小框，滚轮调大小，截框里的图发过去。
+- 卡片上的 × 或 Esc：问过问题的卡片缩成右下角的小胶囊，点胶囊回到卡片；↗ 跳到 DSH 里对应的会话。
+- 托盘菜单：晃动灵敏度、勿扰模式、浏览器扩展、退出。
+- 以管理员身份运行的程序读不到，会提示。
+
+## 卸载
+
+DSH「插件管理」里删掉 @pointylab/dsh，或者：
+
+```bash
+dsh plugin --profile desktop remove @pointylab/dsh
+```
+
+再删掉 `%USERPROFILE%\.pointy` 文件夹（运行时、设置、和扩展的配对信息都在里面）。
+
+---
+
+## 开发
+
+- `app\`：Pointy 本体（Electron）。托盘、晃动检测、指认、卡片、胶囊；在 `127.0.0.1:47321` 开 WebSocket，DSH 插件和浏览器扩展都连这里。
+- `plugin\`：DSH 插件 `@pointylab/dsh`。宿主那一半（`src\node.js`）把会话状态、回答推给 Pointy，必要时下载运行时并拉起 Pointy（`src\runtime.js`）；网页那一半（`lib\client.js`）负责切会话。
+- `extension\`：Chrome / Edge 扩展。
+
+DSH 的插件宿主是 DSH 自己的程序以 node 模式跑的子进程，开不了窗口，所以 Pointy 仍是单独的 Electron 进程，只是由插件带着、由插件拉起。
+
+### 直接跑开发版
+
+```bash
+npm install
+npm start
+```
+
+开发版和插件拉起的那份共用 `%USERPROFILE%\.pointy` 和单实例锁：开发版开着时，插件发现 47321 端口已有 Pointy，就直接连它，不再拉起自带的。
+
+### 打包插件
+
+```bash
+node tools/pack-plugin.mjs
+```
+
+把 `app`、`assets`、`extension` 抄进 `plugin\pet`，koffi（只留 Windows x64 的预编译文件）和 ws 放进 `plugin\pet\vendor`，钉住 Electron 版本和官方 SHA-256，`npm pack` 出 `dist\pointylab-dsh-<版本>.tgz`。koffi 不作为 npm 依赖：pnpm 默认拦依赖的安装脚本，koffi 有一个，拦了 `dsh plugin add` 会报错。插件唯一的依赖是 resedit（纯 JS），下载完 Electron 后用它把 electron.exe 改成 Pointy.exe、换描述和图标。
+
+本地试装：`dsh plugin --profile <profile> add file:<tgz 的绝对路径>`。每次改完先把 `plugin\package.json` 的版本号加一，同名同版本 pnpm 可能用缓存；不要用 `link:`（`remove` 会连源码目录一起删）。
+
+### 测试用的环境变量
+
+- `POINTY_PORT`：改端口，Pointy 和插件两边都认。
+- `POINTY_TEST_HIDDEN=1`：不显示任何窗口、不装托盘，配合 `--inspect` 和 `global.pointyTest` 测试。插件拉起 Pointy 时这两个变量会传下去。
+- `npm run fake`：不开 DSH，冒充插件推一遍状态。
+
+## 许可
+
+代码是 MIT（[LICENSE](LICENSE)）。鲸鱼娘的图片是同人作品，按 CC BY-NC-SA 4.0 授权，不能商用，详见 [ASSETS.md](ASSETS.md)。

package/cordis.patch.yml

@@ -0,0 +1,13 @@
+# @pointylab/dsh bundle layer. The node half talks to the pet over a loopback
+# WebSocket; the browser half (lib/client.js, found through package.json's
+# dsh.client) asks the node half which session to open over a private RPC
+# channel, which needs Connection to hold the web server.
+- id: connection
+  name: '@deepseek-ai/dsh-client-connection'
+  inject: [webStartup, webServer]
+  config:
+    trustedHosts: !!js ctx.webStartup.trustedHosts
+
+- insert:
+    - id: pointy
+      name: '@pointylab/dsh'

package/lib/client.js

@@ -0,0 +1,33 @@
+// @pointylab/dsh 的界面那一半：在 DSH 页面里长轮询宿主，Pointy卡片点了"在 DSH 中打开"时，
+// 宿主回一个会话 id，这里用 DSH 自己的 uiWorkspace.openSession 切过去。手写的，不经过打包。
+window.__ModuleLoader__.load({
+	id: "@pointylab/dsh",
+	factory: () => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		const RPC_CHANNEL = "/pointy";
+		const RETRY_MS = 3000;
+		const inject = ["connection", "uiWorkspace"];
+		function apply(ctx) {
+			const connection = ctx.get("connection");
+			let alive = true;
+			ctx.effect(() => () => { alive = false; }, "pointy: focus loop");
+			(async () => {
+				while (alive) {
+					try {
+						// 宿主最多挂 20 秒，没有要打开的会话就回 null，再问一次
+						const result = await connection.rpc.call(RPC_CHANNEL, "next-focus", { origin: location.origin });
+						if (!alive) break;
+						if (result?.ok && typeof result.value === "string") ctx.uiWorkspace.openSession(result.value);
+					} catch {
+						await new Promise((r) => setTimeout(r, RETRY_MS));
+					}
+				}
+			})();
+		}
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});

package/package.json

@@ -1,6 +1,40 @@
 {
   "name": "@pointylab/dsh",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.4.3",
+  "description": "Pointy for DeepSeek Harness: shake the mouse, point at anything on screen and ask DSH about it",
+  "license": "MIT",
+  "keywords": ["dsh-plugin", "deepseek-harness", "pointy"],
+  "homepage": "https://github.com/pointylab/pointy#readme",
+  "repository": { "type": "git", "url": "git+https://github.com/pointylab/pointy.git", "directory": "plugin" },
+  "bugs": "https://github.com/pointylab/pointy/issues",
+  "type": "module",
+  "main": "src/node.js",
+  "exports": {
+    ".": "./src/node.js",
+    "./client": "./lib/client.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "pet",
+    "cordis.patch.yml",
+    "ASSETS.md"
+  ],
+  "os": ["win32"],
+  "dependencies": {
+    "resedit": "^3.1.0"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "platform": "web",
+      "inject": [
+        "@deepseek-ai/dsh-client-connection",
+        "@deepseek-ai/dsh-client-ui-workspace"
+      ]
+    }
+  }
+}

package/pet/app/card/card.css

@@ -0,0 +1,365 @@
+[hidden] { display: none !important; }
+
+:root {
+  --bg: #ffffff;
+  --text: #1f2328;
+  --muted: #6e7781;
+  --faint: #9aa1aa;
+  --line: #e6e8eb;
+  --quote: #d0d7de;
+  --chip: #f2f3f5;
+  --chip-hover: #e8eaed;
+  --accent: #1f2328;
+  --accent-text: #ffffff;
+  --code: #f4f5f7;
+  --you: #f2f3f5;
+  --error: #cf222e;
+  --blue: #4d6bfe;
+  --blue-soft: #eef2ff;
+  --blue-line: #c9d4ff;
+  /* 窗口四周只留 18px，阴影不能扩散得比这更远，否则在窗口边上被切成一条硬边 */
+  --shadow: 0 3px 12px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.05), 0 0 0 1px rgba(15, 23, 42, 0.05);
+  /* 看板娘：窗口左边多留出她的位置，卡片本身的位置不变（main.js 里 MASCOT_ROOM 要和这里一致） */
+  --card-left: 68px;
+  --mascot-w: 70px;
+  --mascot-h: 134px;
+  --mascot-top: 30px;
+  /* 图（70×134 像素格）第 66 列起压到卡片上：竖线贴着卡片左边，手指和水滴搭在卡片上 */
+  --mascot-over: 4px;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg: #23252a;
+    --text: #e6e8eb;
+    --muted: #a0a7b1;
+    --faint: #7c838d;
+    --line: #34373d;
+    --quote: #4a4f57;
+    --chip: #2f3237;
+    --chip-hover: #3a3d43;
+    --accent: #e6e8eb;
+    --accent-text: #1f2328;
+    --code: #2c2f34;
+    --you: #2f3237;
+    --error: #ff7b72;
+    --blue: #6b84ff;
+    --blue-soft: #2a3150;
+    --blue-line: #3f4c86;
+    --shadow: 0 3px 12px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.06);
+  }
+}
+
+html, body {
+  margin: 0;
+  height: 100%;
+  background: transparent;
+  overflow: hidden;
+  font-family: "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", "PingFang SC", sans-serif;
+  font-size: 14.5px;
+  color: var(--text);
+}
+
+/* 窗口四周留出阴影的位置 */
+#card {
+  position: absolute;
+  inset: 18px 18px 18px var(--card-left);
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 14px 18px 14px;
+  border-radius: 16px;
+  background: var(--bg);
+  box-shadow: var(--shadow);
+  overflow: hidden;
+  animation: pop 150ms ease-out;
+}
+::selection { background: var(--blue-line); }
+
+/* ---------- 看板娘 ---------- */
+#mascot {
+  position: absolute;
+  left: calc(var(--card-left) + var(--mascot-over) - var(--mascot-w));
+  top: var(--mascot-top);
+  width: var(--mascot-w);
+  height: var(--mascot-h);
+  z-index: 2;
+  -webkit-app-region: drag;
+  animation: peek 420ms 140ms cubic-bezier(0.2, 0.9, 0.3, 1.25) both;
+}
+#mascot img {
+  display: block;
+  width: 100%; height: 100%;
+  object-fit: contain;
+  object-position: right top;
+  filter: drop-shadow(0 1px 1.5px rgba(15, 23, 42, 0.18));
+  pointer-events: none;
+}
+/* 呼吸：一格一格地上下 1px，像素风不要平滑 */
+#mascot.idle img, #mascot.think img { animation: breathe 2.4s steps(1) infinite; }
+#mascot.done img { animation: hop 520ms cubic-bezier(0.3, 1.6, 0.5, 1) 1; }
+#mascot.error img { transform: translateY(3px); transition: transform 300ms ease; }
+@keyframes peek { from { opacity: 0; transform: translateX(26px); } to { opacity: 1; transform: none; } }
+@keyframes breathe { 0%, 100% { transform: none; } 50% { transform: translateY(1px); } }
+@keyframes hop { 0%, 100% { transform: none; } 40% { transform: translateY(-5px); } }
+#mascot:hover img { animation: wiggle 360ms steps(4) 1; }
+@keyframes wiggle { 25% { transform: translateX(-1px); } 50% { transform: translateX(1px); } 75% { transform: translateX(-1px); } }
+
+@keyframes pop { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: none; } }
+/* 从右下角胶囊放回来：从右下往回放大 */
+@keyframes restore { from { opacity: 0; transform: scale(0.3); } to { opacity: 1; transform: none; } }
+/* 收进右下角胶囊：往右下角缩小淡出，窗口同时滑向托盘 */
+@keyframes shrink { to { opacity: 0; transform: scale(0.3); } }
+#card.shrinking { animation: shrink 220ms cubic-bezier(.4,0,.8,.6) forwards; }
+#card.shrinking, #card.restoring { transform-origin: 100% 100%; }
+
+button { font: inherit; color: inherit; }
+/* 键盘聚焦（Tab 切换时）用淡蓝描边，不用系统默认的橙色 */
+button:focus-visible { outline: 2px solid var(--blue-line); outline-offset: 1px; }
+/* 只有对话区可以被压扁（滚动），其他部分量出来的高度才是真高度 */
+#card > * { flex: none; }
+#card > #thread { flex: 1 1 auto; }
+
+/* ---------- 顶栏 ---------- */
+header { display: flex; align-items: center; gap: 8px; -webkit-app-region: drag; }
+.spacer { flex: 1; }
+/* 状态圈不显示了（看板娘表情和收起后的胶囊已经说明状态），只留着给脚本记状态 */
+#status { display: none; }
+
+#target-wrap { -webkit-app-region: no-drag; position: relative; min-width: 0; }
+#target {
+  display: inline-flex; align-items: center; gap: 4px;
+  max-width: 270px;
+  padding: 2px 6px 2px 4px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--muted);
+  font-size: 13.5px;
+  cursor: pointer;
+}
+#target-label { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+#target-meta { flex: none; white-space: nowrap; color: var(--faint); }
+#target-meta.running { color: #2da44e; }
+#target svg { flex: none; width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1.3; }
+#target:hover { background: var(--chip); }
+#target:disabled { cursor: default; background: transparent; }
+#target:disabled svg { display: none; }
+
+/* 发送目标下拉：最近 5 个会话 + 新任务 */
+#target-menu {
+  position: fixed; z-index: 10;
+  width: 300px; padding: 6px;
+  border-radius: 12px;
+  background: var(--bg);
+  box-shadow: var(--shadow);
+  border: 1px solid var(--line);
+}
+.opt {
+  display: flex; align-items: center; gap: 8px; width: 100%;
+  padding: 7px 8px; border: none; border-radius: 8px; background: none;
+  text-align: left; cursor: pointer; font-size: 13.5px;
+}
+.opt:hover, .opt.focus { background: var(--chip); }
+.opt .tick { flex: none; width: 14px; color: var(--text); }
+.opt .name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.opt .meta { flex: none; color: var(--faint); font-size: 12px; }
+.opt .meta.running { color: #2da44e; }
+.opt .body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
+.opt .body .name { flex: none; }
+.opt .sub { color: var(--faint); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.opt .sub:empty { display: none; }
+.sep { height: 1px; margin: 4px 6px; background: var(--line); }
+.menu-hint { padding: 4px 8px 2px; color: var(--faint); font-size: 11.5px; }
+.menu-search {
+  display: block; width: 100%; margin-bottom: 4px; padding: 6px 9px;
+  border: 1px solid var(--line); border-radius: 8px; outline: none;
+  background: var(--bg); color: var(--text); font: inherit; font-size: 13px;
+}
+.menu-search:focus { border-color: var(--blue-line); }
+.menu-search::placeholder { color: var(--faint); }
+.menu-list { max-height: 264px; overflow-y: auto; }
+.menu-note { padding: 6px 8px; color: var(--faint); font-size: 12px; }
+/* 新任务那行右边的工作区 */
+.opt .ws {
+  flex: none; display: flex; align-items: center; gap: 3px; max-width: 150px;
+  padding: 2px 6px; margin: -2px -4px -2px 0; border-radius: 6px;
+  color: var(--muted); font-size: 12px; white-space: nowrap;
+}
+.opt .ws span { overflow: hidden; text-overflow: ellipsis; }
+.opt .ws svg { flex: none; width: 9px; height: 9px; fill: none; stroke: currentColor; stroke-width: 1.3; }
+.opt .ws:hover { background: var(--chip-hover); color: var(--text); }
+.ws-list { margin-left: 22px; }
+
+.icon {
+  -webkit-app-region: no-drag;
+  width: 26px; height: 26px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: none; border-radius: 6px; background: transparent; cursor: pointer; color: var(--muted);
+}
+.icon:hover { background: var(--chip); color: var(--text); }
+.icon svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
+
+/* ---------- 引用 ---------- */
+#quote-wrap { position: relative; margin: 12px 0 2px; }
+#quote {
+  margin: 0;
+  padding: 0 0 0 12px;
+  border-left: 2px solid var(--blue-line);
+  color: var(--muted);
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  cursor: pointer;
+}
+#quote.open { display: block; -webkit-line-clamp: unset; max-height: 220px; overflow: auto; }
+
+/* 截图缩略图 */
+#shot { position: relative; align-self: flex-start; display: flex; gap: 8px; margin: 12px 0 0; }
+#shot img { display: block; max-width: 220px; max-height: 96px; border-radius: 8px; border: 1px solid var(--line); }
+/* 引用和截图右上角的 ×：悬停才出现，点掉就不发 */
+.drop {
+  position: absolute; top: -7px; right: -7px;
+  width: 18px; height: 18px; padding: 0;
+  display: flex; align-items: center; justify-content: center;
+  border: none; border-radius: 50%;
+  background: var(--accent); color: var(--accent-text);
+  font-size: 12px; line-height: 1; cursor: pointer;
+  opacity: 0; transition: opacity 120ms;
+}
+#shot:hover .drop, #quote-wrap:hover .drop { opacity: 1; }
+
+/* ---------- 对话 ---------- */
+#thread { margin-top: 12px; flex: 1; min-height: 0; overflow: auto; user-select: text; }
+.you { margin: 0 0 10px auto; width: fit-content; max-width: 85%; padding: 6px 12px; border-radius: 14px 14px 4px 14px; background: var(--blue-soft); line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
+.reply { margin-bottom: 10px; line-height: 1.65; white-space: pre-wrap; word-break: break-word; }
+.reply code { font-family: "Cascadia Mono", Consolas, monospace; font-size: 12.5px; background: var(--code); padding: 1px 4px; border-radius: 4px; }
+.reply pre { margin: 6px 0; padding: 8px 10px; background: var(--code); border-radius: 8px; overflow-x: auto; white-space: pre; }
+.reply pre code { background: none; padding: 0; }
+.reply .h { font-size: 15px; }
+.reply table { border-collapse: collapse; margin: 4px 0; font-size: 13px; white-space: normal; }
+.reply th, .reply td { border-bottom: 1px solid var(--line); padding: 4px 10px 4px 0; text-align: left; vertical-align: top; }
+.reply th { color: var(--muted); font-weight: 600; }
+.reply blockquote { margin: 4px 0; padding: 0 0 0 10px; border-left: 2px solid var(--quote); color: var(--muted); }
+.reply a { color: inherit; text-decoration: underline; text-decoration-color: var(--faint); text-underline-offset: 2px; cursor: pointer; word-break: break-all; }
+.after { margin: -4px 0 8px; font-size: 12.5px; color: var(--faint); }
+.after button { border: none; background: none; padding: 0; color: var(--faint); cursor: pointer; }
+.after button:hover { color: var(--text); }
+#activity { margin: 2px 0 6px; font-size: 12.5px; color: var(--faint); }
+#activity.error { color: var(--error); }
+
+/* ---------- 输入区 ---------- */
+#composer { margin-top: 10px; }
+#input {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 54px;
+  max-height: 160px;
+  padding: 4px 0;
+  resize: none;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--text);
+  font: inherit;
+  font-size: 15.5px;
+  line-height: 1.5;
+}
+#input::placeholder { color: var(--faint); }
+#input { caret-color: var(--blue); }
+
+/* 建议：输入框空的时候才出现，极轻的灰字 */
+#suggest { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 4px; }
+#suggest button {
+  padding: 3px 10px;
+  border: none;
+  border-radius: 12px;
+  background: var(--chip);
+  color: var(--muted);
+  font-size: 12.5px;
+  cursor: pointer;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+#suggest button:hover { background: var(--blue-soft); color: var(--blue); }
+#suggest .skeleton { width: 92px; height: 22px; border-radius: 12px; background: linear-gradient(90deg, var(--chip) 25%, var(--chip-hover) 50%, var(--chip) 75%); background-size: 200% 100%; animation: shimmer 1.2s infinite; }
+#suggest .skeleton + .skeleton { width: 70px; }
+@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
+
+#bar { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
+/* 模型：和发送目标一样的小下拉，菜单往上开；文字和上面左对齐 */
+#model-wrap { position: relative; min-width: 0; margin-left: -6px; }
+#model {
+  display: inline-flex; align-items: center; gap: 4px;
+  max-width: 220px;
+  padding: 3px 6px;
+  border: none; border-radius: 6px; background: transparent;
+  color: var(--muted); font-size: 13px; cursor: pointer;
+}
+#model-label { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+#model svg { flex: none; width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1.3; }
+#model:hover { background: var(--chip); color: var(--text); }
+#model:disabled { cursor: default; background: transparent; }
+#model:disabled svg { display: none; }
+#model-menu {
+  position: absolute; left: -6px; bottom: 32px; z-index: 10;
+  width: 260px; max-height: 260px; overflow: auto; padding: 6px;
+  border-radius: 12px;
+  background: var(--bg);
+  box-shadow: var(--shadow);
+  border: 1px solid var(--line);
+}
+.group { padding: 6px 8px 2px; color: var(--faint); font-size: 11.5px; }
+/* 模型菜单底下的思考强度：一行分段按钮，样子同快答/深入 */
+.effort-row { display: flex; align-items: center; gap: 8px; padding: 4px 6px 2px 8px; }
+.effort-label { flex: none; color: var(--faint); font-size: 12px; }
+.effort-seg { display: inline-flex; flex-wrap: wrap; padding: 2px; border-radius: 8px; background: var(--chip); }
+.effort-seg button { padding: 2px 8px; border: none; border-radius: 6px; background: transparent; color: var(--faint); font-size: 12.5px; cursor: pointer; }
+.effort-seg button:hover { color: var(--text); }
+.effort-seg button.on { background: var(--bg); color: var(--text); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12); }
+
+/* 快答 / 深入：小号分段开关，选中的那格浮起来 */
+#mode { flex: none; display: inline-flex; padding: 2px; border-radius: 8px; background: var(--chip); }
+#mode button {
+  padding: 2px 9px; border: none; border-radius: 6px; background: transparent;
+  color: var(--faint); font-size: 12.5px; cursor: pointer;
+}
+#mode button:hover { color: var(--text); }
+#mode button.on { background: var(--bg); color: var(--text); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12); }
+
+/* 拖过大小之后：还没提问时输入框占满剩下的空间，发送栏贴底；提问后由对话区占满 */
+#card.manual #thread[hidden] ~ #composer { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }
+#card.manual #thread[hidden] ~ #composer #input { flex: 1 1 auto; max-height: none; }
+
+/* 右下角调大小 */
+#grip {
+  position: absolute; right: 3px; bottom: 3px;
+  width: 16px; height: 16px;
+  display: flex; align-items: center; justify-content: center;
+  color: var(--faint); opacity: 0.7;
+  cursor: nwse-resize;
+}
+#grip:hover { opacity: 1; color: var(--muted); }
+#grip svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
+#send {
+  width: 32px; height: 32px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: none; border-radius: 50%;
+  background: var(--blue); color: #fff;
+  cursor: pointer;
+  transition: background 120ms, opacity 120ms, transform 120ms;
+}
+#send:not(:disabled):hover { filter: brightness(1.06); }
+#send:not(:disabled):active { transform: scale(0.94); }
+#send:disabled { background: var(--chip-hover); color: var(--faint); cursor: default; }
+#send svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
+
+/* ---------- 配对 ---------- */
+#pair-view { padding: 10px 0 4px; text-align: center; color: var(--muted); }
+#pair-code { font-size: 34px; font-weight: 600; letter-spacing: 8px; margin: 8px 0; color: var(--text); }
+.hint { font-size: 12.5px; color: var(--faint); }

package/pet/app/card/card.html

@@ -0,0 +1,68 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' data:; style-src 'self'">
+  <title>Pointy</title>
+  <link rel="stylesheet" href="card.css">
+</head>
+<body>
+  <!-- 看板娘：扒在卡片左边往里看；在卡片外面，所以不受卡片的 overflow 裁切 -->
+  <div id="mascot" class="idle" aria-hidden="true">
+    <img alt="" draggable="false">
+  </div>
+  <div id="card">
+    <header id="drag">
+      <span id="status" title="空闲"></span>
+      <div id="target-wrap">
+        <button id="target" type="button"><span id="target-label">…</span><span id="target-meta"></span><svg viewBox="0 0 10 10"><path d="M2 3.5 5 6.5 8 3.5"/></svg></button>
+        <div id="target-menu" hidden></div>
+      </div>
+      <button id="new-task" class="icon" type="button" title="改成新对话（Tab）" hidden>
+        <svg viewBox="0 0 16 16"><path d="M8 3.5v9M3.5 8h9"/></svg>
+      </button>
+      <span class="spacer"></span>
+      <button id="open-dsh" class="icon" type="button" title="在 DSH 中打开">
+        <svg viewBox="0 0 16 16"><path d="M6 3h7v7M13 3 4 12"/></svg>
+      </button>
+      <button id="close" class="icon" type="button" title="关闭（Esc）">
+        <svg viewBox="0 0 16 16"><path d="M4 4l8 8M12 4l-8 8"/></svg>
+      </button>
+    </header>
+
+    <div id="shot" hidden><img alt="指到的那块的截图"><img class="wide" alt="整个区域的截图" hidden><button class="drop" type="button" title="不发这张图">×</button></div>
+    <div id="quote-wrap" hidden><blockquote id="quote" title="点一下展开"></blockquote><button class="drop" type="button" title="不发这段内容">×</button></div>
+
+    <section id="thread" hidden></section>
+    <div id="activity" hidden></div>
+
+    <div id="composer">
+      <textarea id="input" rows="1" placeholder="想问点什么…"></textarea>
+      <div id="suggest"></div>
+      <div id="bar">
+        <div id="model-wrap">
+          <button id="model" type="button" title="这次用的模型"><span id="model-label">DeepSeek</span><svg viewBox="0 0 10 10"><path d="M2 3.5 5 6.5 8 3.5"/></svg></button>
+          <div id="model-menu" hidden></div>
+        </div>
+        <div id="mode" role="radiogroup" aria-label="回答方式">
+          <button type="button" data-mode="quick" title="快答：直接简短回答，不跑命令、不下载，最多搜一两次网页">快答</button>
+          <button type="button" data-mode="deep" title="深入：不加限制，DSH 该查就查、该跑就跑">深入</button>
+        </div>
+        <span class="spacer"></span>
+        <button id="send" type="button" title="发送（Enter）" disabled>
+          <svg viewBox="0 0 16 16"><path d="M8 13V3M3.5 7.5 8 3l4.5 4.5"/></svg>
+        </button>
+      </div>
+    </div>
+
+    <div id="grip" title="拖动调整大小"><svg viewBox="0 0 12 12"><path d="M10 4v6H4"/></svg></div>
+
+    <section id="pair-view" hidden>
+      <p>在浏览器扩展的弹窗里输入这个配对码：</p>
+      <div id="pair-code"></div>
+      <p class="hint">两分钟内有效，只能用一次。</p>
+    </section>
+  </div>
+  <script type="module" src="card.js"></script>
+</body>
+</html>