@pointylab/dsh 0.0.0-stage → 0.4.3

package/pet/app/native/uia-selection.ps1

@@ -0,0 +1,158 @@
+# 常驻小进程：从 stdin 读一行命令，用 UI Automation 查一次，输出一行 JSON。只在被叫到时查，不监听任何东西。
+#   grab              焦点控件里选中的文字
+#   point X Y         坐标下的控件，以及往上几层祖先（高亮框用）
+#   element X Y UP    坐标下的控件往上 UP 层，取它的名字、值、文字（确认指认时用）
+# 坐标都是物理像素，所以先把自己设成按显示器感知 DPI
+Add-Type -AssemblyName UIAutomationClient, UIAutomationTypes, WindowsBase
+Add-Type 'using System; using System.Runtime.InteropServices; public static class DshPetDpi { [DllImport("user32.dll")] public static extern bool SetProcessDpiAwarenessContext(IntPtr v); }'
+[DshPetDpi]::SetProcessDpiAwarenessContext([IntPtr](-4)) | Out-Null
+[Console]::OutputEncoding = [System.Text.Encoding]::UTF8
+$ErrorActionPreference = 'Stop'
+# 类型要在程序集加载之后按名字取；直接写 [System.Windows.Automation.X] 会在脚本解析时就报找不到
+$AutomationElement = 'System.Windows.Automation.AutomationElement' -as [type]
+$TextPattern = 'System.Windows.Automation.TextPattern' -as [type]
+$ValuePattern = 'System.Windows.Automation.ValuePattern' -as [type]
+$TreeWalker = 'System.Windows.Automation.TreeWalker' -as [type]
+$MAX_TEXT = 4000
+
+function Rect($el) {
+  $r = $el.Current.BoundingRectangle
+  if ($r.IsEmpty) { return $null }
+  return @([int]$r.X, [int]$r.Y, [int]$r.Width, [int]$r.Height)
+}
+
+# 顶层窗口里点到的就是窗口本身（Windows Terminal 这类 XAML 宿主窗口常这样）：找它里面盖住这个点、带文字接口的控件
+function TextChildAt($win, $x, $y) {
+  $cond = New-Object System.Windows.Automation.PropertyCondition($AutomationElement::IsTextPatternAvailableProperty, $true)
+  $best = $null
+  $bestArea = [double]::MaxValue
+  foreach ($e in $win.FindAll([System.Windows.Automation.TreeScope]::Descendants, $cond)) {
+    $r = $e.Current.BoundingRectangle
+    if ($r.IsEmpty -or -not $r.Contains($x, $y)) { continue }
+    $area = $r.Width * $r.Height
+    if ($area -lt $bestArea) { $best = $e; $bestArea = $area }
+  }
+  return $best
+}
+
+function Chain($x, $y, $depth) {
+  $el = $AutomationElement::FromPoint((New-Object System.Windows.Point $x, $y))
+  if ($null -ne $el -and $el.Current.ControlType -eq [System.Windows.Automation.ControlType]::Window -and -not (Readable $el)) {
+    $inner = TextChildAt $el $x $y
+    if ($null -ne $inner) { $el = $inner }
+  }
+  $out = @()
+  $walker = $TreeWalker::ControlViewWalker
+  while ($null -ne $el -and $out.Count -lt $depth) {
+    $out += $el
+    $parent = $walker.GetParent($el)
+    if ($null -eq $parent -or $parent -eq $AutomationElement::RootElement) { break }
+    $el = $parent
+  }
+  return $out
+}
+
+# 判断"整个窗口只露出一个空壳"用：有没有子控件、有没有能读文字的接口、所在顶层窗口多大
+function HasKids($el) { return $null -ne $TreeWalker::ControlViewWalker.GetFirstChild($el) }
+function Readable($el) {
+  $p = $null
+  return $el.TryGetCurrentPattern($TextPattern::Pattern, [ref]$p) -or $el.TryGetCurrentPattern($ValuePattern::Pattern, [ref]$p)
+}
+function WindowRect($el) {
+  $walker = $TreeWalker::ControlViewWalker
+  $top = $el
+  while ($true) {
+    $parent = $walker.GetParent($top)
+    if ($null -eq $parent -or $parent -eq $AutomationElement::RootElement) { break }
+    $top = $parent
+  }
+  return Rect $top
+}
+
+# 控件自身的文字：TextPattern 的整段文字，否则 ValuePattern，否则子孙控件的 Name 拼起来
+function TextOf($el) {
+  $p = $null
+  if ($el.TryGetCurrentPattern($TextPattern::Pattern, [ref]$p)) {
+    # 终端这类缓冲区很长的：整段从头取只会拿到很久以前的输出，改取屏幕上看得见的那部分
+    $doc = $p.DocumentRange.GetText($MAX_TEXT + 1)
+    if ($doc.Length -le $MAX_TEXT) { return $doc }
+    $visible = ($p.GetVisibleRanges() | ForEach-Object { $_.GetText($MAX_TEXT) }) -join "`n"
+    if ($visible.Trim()) { return $visible }
+    return $doc.Substring(0, $MAX_TEXT)
+  }
+  if ($el.TryGetCurrentPattern($ValuePattern::Pattern, [ref]$p) -and $p.Current.Value) { return $p.Current.Value }
+  $sb = New-Object System.Text.StringBuilder
+  $walker = $TreeWalker::ControlViewWalker
+  $stack = New-Object System.Collections.Stack
+  $stack.Push($el)
+  $seen = 0
+  while ($stack.Count -gt 0 -and $seen -lt 300 -and $sb.Length -lt $MAX_TEXT) {
+    $n = $stack.Pop()
+    $seen++
+    $name = $n.Current.Name
+    if ($name) { [void]$sb.AppendLine($name) }
+    $kids = @()
+    $c = $walker.GetFirstChild($n)
+    while ($null -ne $c) { $kids += $c; $c = $walker.GetNextSibling($c) }
+    for ($i = $kids.Count - 1; $i -ge 0; $i--) { $stack.Push($kids[$i]) }
+  }
+  return $sb.ToString()
+}
+
+while ($true) {
+  $line = [Console]::In.ReadLine()
+  if ($null -eq $line) { break }
+  $parts = $line.Trim() -split '\s+'
+  $result = @{ ok = $false }
+  try {
+    switch ($parts[0]) {
+      'grab' {
+        $el = $AutomationElement::FocusedElement
+        if ($null -ne $el) {
+          $result.isPassword = $el.Current.IsPassword
+          $result.control = $el.Current.ControlType.ProgrammaticName
+          $pattern = $null
+          if (-not $result.isPassword -and $el.TryGetCurrentPattern($TextPattern::Pattern, [ref]$pattern)) {
+            $ranges = $pattern.GetSelection()
+            $result.ok = $true
+            $result.text = ($ranges | ForEach-Object { $_.GetText(20000) }) -join "`n"
+          }
+        }
+      }
+      'point' {
+        $chain = @(Chain ([double]$parts[1]) ([double]$parts[2]) 8)
+        $result.chain = @($chain | ForEach-Object {
+          @{ rect = (Rect $_); control = $_.Current.ControlType.ProgrammaticName; cls = $_.Current.ClassName; name = ($_.Current.Name -replace '\s+', ' ').Substring(0, [Math]::Min(60, ($_.Current.Name -replace '\s+', ' ').Length)) }
+        })
+        # 最深那个控件：是不是空壳（没子控件、没文字接口），以及它所在窗口多大
+        if ($chain.Count) {
+          $result.leafKids = HasKids $chain[0]
+          $result.leafReadable = Readable $chain[0]
+          $result.win = WindowRect $chain[0]
+        }
+        $result.ok = $true
+      }
+      'element' {
+        $chain = @(Chain ([double]$parts[1]) ([double]$parts[2]) 8)
+        $el = $chain[[Math]::Min([int]$parts[3], $chain.Count - 1)]
+        $result.isPassword = $el.Current.IsPassword
+        if (-not $result.isPassword) {
+          $result.name = $el.Current.Name
+          $result.control = $el.Current.ControlType.ProgrammaticName
+          $result.className = $el.Current.ClassName
+          $result.rect = Rect $el
+          $result.kids = HasKids $el
+          $result.readable = Readable $el
+          $result.win = WindowRect $el
+          $result.text = (TextOf $el).Trim()
+          if ($result.text.Length -gt $MAX_TEXT) { $result.text = $result.text.Substring(0, $MAX_TEXT) }
+          $result.ok = $true
+        }
+      }
+    }
+  } catch {
+    $result.error = $_.Exception.Message
+  }
+  [Console]::Out.WriteLine(($result | ConvertTo-Json -Compress -Depth 5))
+  [Console]::Out.Flush()
+}

package/pet/app/notice/notice.html

@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline'">
+  <style>
+    :root { --bg: #fff; --text: #1f2328; --muted: #6e7781; --line: #e6e8eb; --chip: #f2f3f5; --chip-hover: #e8eaed; --blue: #4d6bfe; --blue-hover: #3f5ce8;
+      --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); }
+    @media (prefers-color-scheme: dark) {
+      :root { --bg: #23252a; --text: #e6e8eb; --muted: #a0a7b1; --line: #34373d; --chip: #2f3237; --chip-hover: #3a3d43; --blue: #6b84ff; --blue-hover: #8096ff;
+        --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); }
+    }
+    [hidden] { display: none !important; }
+    html, body { margin: 0; background: transparent; overflow: hidden; font: 14px "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", sans-serif; color: var(--text); }
+    #box { margin: 14px; padding: 14px 16px 12px; background: var(--bg); border-radius: 12px; box-shadow: var(--shadow); position: relative; }
+    h1 { font-size: 15px; margin: 0 22px 8px 0; font-weight: 600; }
+    p { margin: 0 0 6px; line-height: 1.55; color: var(--muted); }
+    p b { color: var(--text); font-weight: 600; }
+    #x { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; border: 0; border-radius: 6px; background: none; color: var(--muted); cursor: pointer; font-size: 15px; }
+    #x:hover { background: var(--chip); }
+    #buttons { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; flex-wrap: wrap; }
+    button.b { border: 0; border-radius: 8px; padding: 6px 14px; font: inherit; cursor: pointer; background: var(--chip); color: var(--text); }
+    button.b:hover { background: var(--chip-hover); }
+    button.b.primary { background: var(--blue); color: #fff; }
+    button.b.primary:hover { background: var(--blue-hover); }
+  </style>
+</head>
+<body>
+  <div id="box">
+    <button id="x" title="关闭">✕</button>
+    <h1 id="title"></h1>
+    <div id="body"></div>
+    <div id="buttons"></div>
+  </div>
+  <script src="notice.js"></script>
+</body>
+</html>

package/pet/app/notice/notice.js

@@ -0,0 +1,31 @@
+// 小提示窗：一个标题、几段话、几个按钮。点了哪个按钮（或关掉）告诉 main.js。
+// 段落里只认 **粗体**，其余按纯文本放进去。
+const $ = (id) => document.getElementById(id)
+
+function paragraph(text) {
+  const p = document.createElement('p')
+  String(text).split(/(\*\*[^*]+\*\*)/).forEach((part) => {
+    if (/^\*\*[^*]+\*\*$/.test(part)) {
+      const b = document.createElement('b')
+      b.textContent = part.slice(2, -2)
+      p.append(b)
+    } else if (part) p.append(part)
+  })
+  return p
+}
+
+window.notice.onInit((data) => {
+  $('title').textContent = data.title ?? ''
+  $('body').replaceChildren(...(data.body ?? []).map(paragraph))
+  $('buttons').replaceChildren(...(data.buttons ?? []).map((b) => {
+    const el = document.createElement('button')
+    el.className = b.primary ? 'b primary' : 'b'
+    el.textContent = b.label
+    el.addEventListener('click', () => window.notice.choose(b.id))
+    return el
+  }))
+  requestAnimationFrame(() => window.notice.resize(Math.ceil(document.documentElement.scrollHeight)))
+})
+
+$('x').addEventListener('click', () => window.notice.choose(null))
+document.addEventListener('keydown', (e) => { if (e.key === 'Escape') window.notice.choose(null) })

package/pet/app/notice/preload.js

@@ -0,0 +1,7 @@
+const { contextBridge, ipcRenderer } = require('electron')
+
+contextBridge.exposeInMainWorld('notice', {
+  onInit: (fn) => ipcRenderer.on('notice-init', (_e, data) => fn(data)),
+  choose: (id) => ipcRenderer.send('notice-choose', id),
+  resize: (height) => ipcRenderer.send('notice-resize', height),
+})

package/pet/app/overlay/overlay.html

@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'unsafe-inline'; script-src 'self'">
+  <style>
+    html, body { margin: 0; height: 100%; background: transparent; overflow: hidden; }
+    #box { position: fixed; left: 0; top: 0; opacity: 0; border: 1.5px solid rgba(138, 180, 248, 0.95); background: rgba(138, 180, 248, 0.08); border-radius: 8px; box-sizing: border-box; box-shadow: 0 0 0 3px rgba(138, 180, 248, 0.16), 0 0 16px 4px rgba(138, 180, 248, 0.28); will-change: transform, width, height; }
+    /* 空壳程序里跟着鼠标的小框：虚线，和大框同色 */
+    #focus { position: fixed; left: 0; top: 0; opacity: 0; border: 1.5px dashed rgba(138, 180, 248, 0.95); background: rgba(138, 180, 248, 0.10); border-radius: 6px; box-sizing: border-box; pointer-events: none; will-change: transform; }
+    /* 虚线小框里靠右居中的竖条：上下箭头夹着鼠标滚轮，提示滚轮能调大小 */
+    #wheel { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 28px; height: 88px; border-radius: 14px; background: rgba(77, 107, 254, 0.45); box-shadow: 0 0 0 1px rgba(138, 180, 248, 0.6); display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 6px 0; box-sizing: border-box; color: rgba(255, 255, 255, 0.92); }
+    #wheel svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; }
+    #focus.live { transition: transform 120ms ease-out, width 120ms ease-out, height 120ms ease-out, opacity 120ms ease-out; }
+    #box.live { transition: transform 170ms cubic-bezier(0.34, 1.2, 0.64, 1), width 170ms cubic-bezier(0.34, 1.2, 0.64, 1), height 170ms cubic-bezier(0.34, 1.2, 0.64, 1), opacity 120ms ease-out; }
+    #what { position: fixed; display: none; padding: 2px 8px; border-radius: 6px; background: rgba(60, 64, 67, 0.82); color: #fff; font: 12px "Segoe UI", "Microsoft YaHei UI", sans-serif; white-space: nowrap; }
+    /* 屏幕正下方的操作提示，和网页里的一样 */
+    #pill { position: fixed; left: 50%; bottom: 48px; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; padding: 10px 22px; border-radius: 999px; background: rgba(32, 33, 36, 0.92); color: #fff; font: 16px "Segoe UI", "Microsoft YaHei UI", sans-serif; white-space: nowrap; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); }
+    kbd { font: inherit; font-size: 14px; padding: 1px 9px; border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 7px; }
+    #pill svg { width: 15px; height: 20px; }
+  </style>
+</head>
+<body>
+  <div id="box"></div>
+  <div id="focus"><div id="wheel"><svg viewBox="0 0 16 16" stroke-width="1.6"><path d="M4 10l4-4 4 4"/></svg><svg viewBox="0 0 16 16" stroke-width="1.3"><rect x="4.5" y="1.5" width="7" height="13" rx="3.5"/><path d="M8 4v3"/></svg><svg viewBox="0 0 16 16" stroke-width="1.6"><path d="M4 6l4 4 4-4"/></svg></div></div>
+  <div id="what"></div>
+  <div id="pill"><svg viewBox="-1 -1 14 22"><path d="M0 0V17L4 13L7 20L10 18.7L7 12H12Z" fill="#fff"/></svg>右键 或 <kbd>Esc</kbd> 退出<span id="wheel-hint" hidden>· 滚轮 调大小</span></div>
+  <script src="overlay.js"></script>
+</body>
+</html>

package/pet/app/overlay/overlay.js

@@ -0,0 +1,42 @@
+// 指认遮罩：主进程告诉高亮框画在哪（窗口内 CSS 像素），这里只负责画
+const box = document.getElementById('box')
+const what = document.getElementById('what')
+const focus = document.getElementById('focus')
+let bx = 0
+let by = 0 // 高亮框现在的位置，跟着来源窗口挪时用
+
+window.overlay.onHighlight((h) => {
+  if (!h) { box.style.opacity = '0'; focus.style.opacity = '0'; what.style.display = 'none'; document.getElementById('wheel-hint').hidden = true; return }
+  // 空壳程序（QQ、网易云）里多一个跟着鼠标的小框，截图只截它
+  document.getElementById('wheel-hint').hidden = !h.focus
+  if (h.focus) {
+    Object.assign(focus.style, { transform: `translate(${h.focus.x}px, ${h.focus.y}px)`, width: `${h.focus.width}px`, height: `${h.focus.height}px`, opacity: '1' })
+    if (!focus.classList.contains('live')) { focus.getBoundingClientRect(); focus.classList.add('live') }
+  } else {
+    focus.style.opacity = '0'
+  }
+  bx = h.x - 3
+  by = h.y - 3
+  Object.assign(box.style, { transform: `translate(${bx}px, ${by}px)`, width: `${h.width + 6}px`, height: `${h.height + 6}px`, opacity: '1' })
+  // 第一次直接出现在原地，之后才开过渡
+  if (!box.classList.contains('live')) { box.getBoundingClientRect(); box.classList.add('live') }
+  // 高亮框上角只标是什么控件，怎么操作看屏幕下方的提示
+  what.textContent = h.label
+  Object.assign(what.style, { display: h.label ? 'block' : 'none', left: `${h.x}px`, top: `${Math.max(0, h.y - 26)}px` })
+})
+
+
+// 选中之后：只留高亮框，控件名和操作提示收起来
+window.overlay.onHold(() => {
+  what.style.display = 'none'
+  document.getElementById('pill').style.display = 'none'
+  document.getElementById('wheel').style.display = 'none'
+})
+
+// 选中之后来源窗口被拖动：高亮框跟着平移，不要过渡动画（否则拖起来拖泥带水）
+window.overlay.onShift(({ dx, dy }) => {
+  box.classList.remove('live')
+  bx += dx
+  by += dy
+  box.style.transform = `translate(${bx}px, ${by}px)`
+})

package/pet/app/overlay/preload.js

@@ -0,0 +1,7 @@
+const { contextBridge, ipcRenderer } = require('electron')
+
+contextBridge.exposeInMainWorld('overlay', {
+  onHighlight: (fn) => ipcRenderer.on('highlight', (_e, h) => fn(h)),
+  onHold: (fn) => ipcRenderer.on('hold', () => fn()),
+  onShift: (fn) => ipcRenderer.on('shift', (_e, d) => fn(d)),
+})

package/pet/app/pill/pill.css

@@ -0,0 +1,73 @@
+/* 收起的任务：右下角托盘上方一叠胶囊。颜色和卡片同一套 */
+:root {
+  --bg: #ffffff;
+  --text: #1f2328;
+  --muted: #6e7781;
+  --faint: #9aa1aa;
+  --chip: #f2f3f5;
+  --blue: #4d6bfe;
+  --blue-soft: #eef2ff;
+  --ok: #2da44e;
+  --ok-soft: #e3f3e8;
+  --error: #cf222e;
+  --error-soft: #fde8ea;
+  --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);
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg: #23252a;
+    --text: #e6e8eb;
+    --muted: #a0a7b1;
+    --faint: #7c838d;
+    --chip: #2f3237;
+    --blue: #6b84ff;
+    --blue-soft: #2a3150;
+    --ok: #3fb950;
+    --ok-soft: #1f3a2a;
+    --error: #ff7b72;
+    --error-soft: #4a2326;
+    --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;
+  background: transparent;
+  font-family: "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", "PingFang SC", sans-serif;
+  font-size: 13px;
+  color: var(--text);
+  overflow: hidden;
+  user-select: none;
+}
+/* 右对齐往上叠；四周留出阴影的位置 */
+#list { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding: 12px 14px 10px; }
+
+.pill {
+  display: inline-flex; align-items: center; gap: 8px;
+  height: 34px; max-width: 100%; padding: 0 6px 0 6px;
+  border-radius: 17px;
+  background: var(--bg);
+  box-shadow: var(--shadow);
+  cursor: pointer;
+  animation: in 160ms ease-out;
+}
+.pill.out { animation: out 140ms ease-in forwards; pointer-events: none; }
+@keyframes in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
+@keyframes out { to { opacity: 0; transform: translateX(12px); } }
+
+.pill img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; object-position: 50% 12%; background: var(--blue-soft); image-rendering: pixelated; }
+.pill .dot { flex: none; width: 8px; height: 8px; border-radius: 50%; }
+.pill.run .dot { background: var(--blue); box-shadow: 0 0 0 3px var(--blue-soft); }
+.pill.done .dot { background: var(--ok); box-shadow: 0 0 0 3px var(--ok-soft); }
+.pill.error .dot { background: var(--error); box-shadow: 0 0 0 3px var(--error-soft); }
+.pill .title { min-width: 0; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pill.run .title { color: var(--muted); }
+.pill:hover .title { color: var(--text); }
+/* × 只是不看了，不打断 DSH */
+.pill .x {
+  flex: none; width: 22px; height: 22px; margin-left: -2px;
+  display: inline-flex; align-items: center; justify-content: center;
+  border: none; border-radius: 50%; background: transparent; color: var(--faint);
+  font: inherit; font-size: 14px; cursor: pointer;
+}
+.pill .x:hover { background: var(--chip); color: var(--text); }

package/pet/app/pill/pill.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="pill.css">
+</head>
+<body>
+  <div id="list"></div>
+  <script src="pill.js"></script>
+</body>
+</html>

package/pet/app/pill/pill.js

@@ -0,0 +1,35 @@
+// 主进程给整份列表，这里照着画；点胶囊去 DSH 看，× 不看了
+const list = document.getElementById('list')
+const rows = new Map() // id -> element
+
+function row(p) {
+  const el = document.createElement('div')
+  el.dataset.id = p.id
+  el.innerHTML = '<img src="../card/mascot/idle.png" alt=""><span class="dot"></span><span class="title"></span><button class="x" type="button" title="不看了">×</button>'
+  el.addEventListener('click', () => window.pill.open(p.id))
+  el.querySelector('.x').addEventListener('click', (e) => { e.stopPropagation(); window.pill.dismiss(p.id) })
+  return el
+}
+
+function fit() {
+  // 等动画的那帧量不准，下一帧再报高度
+  requestAnimationFrame(() => window.pill.resize(Math.ceil(list.getBoundingClientRect().height)))
+}
+
+window.pill.onList((items) => {
+  const keep = new Set(items.map(p => p.id))
+  for (const [id, el] of rows) {
+    if (keep.has(id)) continue
+    rows.delete(id)
+    el.classList.add('out')
+    el.addEventListener('animationend', () => { el.remove(); fit() }, { once: true })
+  }
+  for (const p of items) {
+    let el = rows.get(p.id)
+    if (!el) { el = row(p); rows.set(p.id, el); list.append(el) }
+    el.className = `pill ${p.state}`
+    el.querySelector('.title').textContent = p.title
+    el.title = { run: '在后台做：', done: '做完了：', error: '出错了：' }[p.state] + p.title + '\n点一下到 DSH 里看'
+  }
+  fit()
+})

package/pet/app/pill/preload.js

@@ -0,0 +1,8 @@
+const { contextBridge, ipcRenderer } = require('electron')
+
+contextBridge.exposeInMainWorld('pill', {
+  onList: (fn) => ipcRenderer.on('pills', (_e, items) => fn(items)),
+  open: (id) => ipcRenderer.send('pill-open', id),
+  dismiss: (id) => ipcRenderer.send('pill-dismiss', id),
+  resize: (height) => ipcRenderer.send('pill-resize', height),
+})

package/pet/app/preload.js

@@ -0,0 +1,16 @@
+const { contextBridge, ipcRenderer, webUtils } = require('electron')
+
+contextBridge.exposeInMainWorld('pet', {
+  onDsh: (fn) => ipcRenderer.on('dsh', (_e, msg) => fn(msg)),
+  send: (msg) => ipcRenderer.invoke('to-plugin', msg),
+  moveBy: (dx, dy) => ipcRenderer.send('move-by', dx, dy),
+  front: (on) => ipcRenderer.send('front', on),
+  menu: () => ipcRenderer.send('menu'),
+  approvals: (count) => ipcRenderer.send('approvals', count),
+  clicked: () => ipcRenderer.send('pet-clicked'),
+  rendered: (state) => ipcRenderer.send('rendered', state),
+  pathForFile: (file) => webUtils.getPathForFile(file),
+  layout: (layout) => ipcRenderer.send('pet-layout', layout),
+  dragging: (on) => ipcRenderer.send('pet-dragging', on),
+  scaleBy: (delta) => ipcRenderer.send('pet-scale-by', delta),
+})

package/pet/app/renderer/index.html

@@ -0,0 +1,24 @@
+<!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="style.css">
+</head>
+<body>
+  <div id="stage">
+    <div id="bubble" hidden>
+      <div id="bubble-text"></div>
+      <div id="bubble-detail" hidden></div>
+      <div id="bubble-actions" hidden>
+        <button id="btn-allow" type="button">允许一次</button>
+        <button id="btn-reject" type="button">拒绝</button>
+      </div>
+    </div>
+    <div id="character"></div>
+    <div id="badge" hidden></div>
+  </div>
+  <script type="module" src="pet.js"></script>
+</body>
+</html>

package/pet/app/renderer/lines.js

@@ -0,0 +1,25 @@
+// 内置台词：DSH 没连上、模型超时或被限频时用
+const LINES = {
+  idle: ['主人，今天也要加油哦', '有活儿就叫我~', '发呆中……'],
+  thinking: ['让我想想……', '嗯……这个有点意思', '在想了在想了'],
+  running: ['敲命令中，别催', '终端启动！', '跑起来跑起来'],
+  editing: ['改文件中，别眨眼', '这里要改一下', '动手了哦'],
+  reading: ['翻翻文件……', '我看看写了啥', '找找在哪'],
+  web: ['上网查一下', '搜索中……'],
+  waiting: ['主人，要批准一下吗？', '等你点头哦', '这步要你同意才行'],
+  error: ['呜，出错了……', '啊，失败了', '不、不是我的错！'],
+  done: ['搞定啦！', '收工~', '做完了，夸我'],
+  sleep: ['Zzz……', '好困……'],
+  poke: ['干、干嘛啦', '别戳了！', '在呢在呢', '嗯？'],
+  files: ['收到文件啦', '交给我吧'],
+  offline: ['DSH 没连上……', '主人，DSH 开了吗？'],
+}
+
+let last
+export function pickLine(kind) {
+  const pool = LINES[kind] ?? LINES.idle
+  let line
+  do { line = pool[Math.floor(Math.random() * pool.length)] } while (pool.length > 1 && line === last)
+  last = line
+  return line
+}