dsh-select-quote 0.3.5 → 0.3.6

package/README.md

@@ -48,10 +48,19 @@ dsh web --patch "$PWD/dev.patch.yml"
 
 界面语言由 dsh 决定，插件不再自己判断浏览器语言。在 **设置 → 通用 → 语言** 里切换。
 
+## 插件页展示
+
+插件管理页与设置项里的标题、描述、图标来自包自带的资源，宿主读取它们时**不会激活插件**：
+
+- `locale/*.json` 的 `meta.title` / `meta.description`（`en.json` 是发现入口，其余语言文件与它同目录同名）
+- `icon.svg`（SVG / PNG / JPEG / WebP，≤256 KiB，必须在包内）
+
+标题按当前语言取，取不到回退 `package.json` 的 `name` / `description`；图标缺失时用面板的默认插画。要加一种语言，往 `locale/` 放一个同名 JSON 即可，`pnpm run check` 会按宿主的规则逐条校验（语言 id 文件名、字段非空、图标类型与体积、`exports` 与 `files` 覆盖、`npm pack` 实际清单）。
+
 
 ## 已知限制
 
-- **待发批注按会话持久化**：刷新页面、重启客户端后回到原会话，未发送的批注会原样回来（和草稿同一套机制）；保留最近 20 个会话、7 天。发送即清除，切换会话跟着切，hero 里换工作区等于换会话，批注不跟着搬。
+- **待发批注按会话持久化**：刷新页面、重启客户端后回到原会话，未发送的批注会原样回来（与草稿同在 localStorage，键各自独立）；保留最近 20 个会话、7 天。发送即清除，切换会话跟着切，hero 里换工作区等于换会话，批注不跟着搬。
 - **占用了用户气泡的渲染**：本插件以最低优先级替换内置 `user` 节点。其它插件若替换同一个键（例如 `dsh-easyrewrite` 用 `-1`），会被本插件屏蔽。
 - **卡片宽度有限**：输入框内每条摘要最宽约为输入框的 1/4，超长标题走省略号。
 - **划词只在对话区生效**：不介入编辑器、终端等面板。
@@ -80,7 +89,7 @@ pnpm run watch     # 增量重建
 
 依赖用 pnpm 管理（锁文件 `pnpm-lock.yaml`）；构建产物 `lib/` 随源码一起提交，运行时直接读它。
 
-`pnpm run verify` 无头执行产物，断言 8 项贡献都注册上，并检查三份词典的键与 `{placeholder}` 在每种语言里都齐备（复数消息必须有 `.other` 兜底）。
+`pnpm run verify` 无头执行产物，断言 8 项贡献都注册上，并检查三份词典的键与 `{placeholder}` 在每种语言里都齐备（复数消息必须有 `.other` 兜底），外加插件页展示元信息（locale + icon）按宿主的读取规则解析、并核对 `npm pack` 的实际发货清单。
 
 ### 热更新到桌面客户端
 

package/icon.svg

@@ -0,0 +1,9 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 25H23C22.3705 25 21.7777 25.2964 21.4 25.8L20.5 27C20.5 27 19.2503 29 18 29C16.7497 29 15.5 27 15.5 27L14.6 25.8C14.2223 25.2964 13.6295 25 13 25H11C9.96813 24.9974 8.86434 24.4622 8.13596 23.7313C7.40758 23.0004 6.99902 22.0103 7 20.9784V11C6.99935 9.96834 7.40805 8.87567 8.13639 8.14504C8.86474 7.4144 9.96834 7.00259 11 7H25C26.0317 7.0026 27.1353 7.41441 27.8636 8.14504C28.592 8.87568 29.0007 9.96835 29 11V20.9784C29.001 22.0103 28.5924 23.0004 27.864 23.7313C27.1357 24.4622 26.0319 24.9974 25 25ZM21.3317 15.0265H19.7047C19.4286 15.0265 19.2047 14.8026 19.2047 14.5265V13.018C19.2047 12.3909 18.6681 11.8824 18.0043 11.8824C17.3405 11.8824 16.8026 12.3909 16.8026 13.018V14.5265C16.8026 14.8026 16.5788 15.0265 16.3026 15.0265H14.6756C14.0131 15.0265 13.474 15.5338 13.474 16.1609C13.474 16.788 14.0118 17.2965 14.6756 17.2965H16.3026C16.5788 17.2965 16.8026 17.5204 16.8026 17.7965V19.3049C16.8026 19.9308 17.3405 20.4394 18.0043 20.4394C18.6681 20.4394 19.2059 19.9308 19.2059 19.3049V17.7965C19.2059 17.5204 19.4298 17.2965 19.7059 17.2965H21.3329C21.9967 17.2965 22.5346 16.788 22.5346 16.1609C22.5346 15.5338 21.9967 15.0265 21.3317 15.0265Z" fill="url(#paint0_linear_7_8)"/>
+<defs>
+<linearGradient id="paint0_linear_7_8" x1="29" y1="3.5" x2="14" y2="32" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B2FFDA"/>
+<stop offset="1" stop-color="#0099FF"/>
+</linearGradient>
+</defs>
+</svg>

package/lib/client.js

@@ -95,7 +95,6 @@ body {
   --dsq-font-size: var(--dsh-content-font-size, 14px);
   --dsq-font-delta: var(--dsh-content-font-delta, 0px);
   --dsq-bg-raised: var(--dsw-alias-bg-layer-1, #fff);
-  --dsq-bg-panel: var(--dsw-alias-bg-layer-2, #fff);
   --dsq-bg-toast: var(--dsw-alias-bg-layer-3, rgba(0, 0, 0, 0.78));
   --dsq-line: var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.1));
   --dsq-line-divider: var(--dsw-alias-border-l4, rgba(0, 0, 0, 0.12));
@@ -106,10 +105,9 @@ body {
   --dsq-label-2: var(--dsw-alias-label-secondary, rgba(0, 0, 0, 0.65));
   --dsq-label-3: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, 0.45));
   --dsq-link: var(--dsw-alias-link, rgba(0, 0, 0, 0.65));
-  --dsq-shadow-pop: var(--dsw-elevation-prominent, 0 3px 8px rgba(0, 0, 0, 0.04), 0 0 20px rgba(0, 0, 0, 0.05));
-  --dsq-shadow-soft: var(--dsw-elevation-soft, 0 1px 2px rgba(0, 0, 0, 0.03), 0 6px 20px rgba(0, 0, 0, 0.06));
   --dsq-bubble: var(--dsw-specific-bubble, rgba(0, 0, 0, 0.05));
-  --dsq-menu: var(--dsw-specific-menu, #fff);
+  --dsq-menu: var(--dsw-menu-surface-fill, rgba(248, 249, 250, .58));
+  --dsq-menu-backdrop: var(--dsw-menu-backdrop-filter, blur(40px) saturate(150%));
   --dsq-accent-400: var(--dsw-static-blue-400, #1677ff);
   --dsq-accent: var(--dsw-static-blue-500, #3b82f6);
   --dsq-accent-tint: var(--dsw-static-blue-50p, #eaf3ff);
@@ -126,23 +124,91 @@ body {
 ${atomRules}
 
 /* Layer 3 — components. Floating selection toolbar. */
+
+/* 入场动画位置（2026-10-19 定稿）：scale + Y 位移都放在 .dsq_toolbar 容器上。
+   规范层面 transform 不形成 backdrop root（opacity 才会），磨砂不受影响；用户已在
+   真实客户端验证过容器 scale 没问题。若日后换环境再出问题，回退路径：去掉容器上的
+   animation，给 .dsq_toolbarInner 加回 dsq-rise-in（关键帧还在）。 */
+@keyframes dsq-toolbar-in {
+  from {
+    transform: translate(-50%, -100%) translateY(4px) scale(0.96);
+  }
+  to {
+    transform: translate(-50%, -100%) translateY(0) scale(1);
+  }
+}
+
+/* 内容层的 rise：悬停面板的列表在用；工具条改用容器 scale 后这条在这里待命。 */
+@keyframes dsq-rise-in {
+  from {
+    transform: translateY(4px);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+/* 宿主菜单材质（官方 material 图层同款）：填充走 --dsw-menu-surface-fill，模糊走
+   --dsw-menu-backdrop-filter（恒为 blur(40px) saturate(150%)），亮暗自动翻。
+   画在 z-index:-1 的独立图层上，内容在它之上：模糊只取身后的页面，不会把
+   面板里的文字一起糊掉。工具条、评论气泡、悬停面板三个浮层共用这一条。
+   注意：macOS 上宿主另有一个 --dsw-specific-menu（覆写成 94% 不透明）给它的
+   菜单用；这里按需求用 surface-fill，所以我们的浮层会比宿主自己的菜单更透。 */
+.dsq_toolbar::before,
+.dsq_commentPop::before,
+.dsq_summaryHoverInner::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  border-radius: inherit;
+  background: var(--dsq-menu);
+  backdrop-filter: var(--dsq-menu-backdrop);
+  -webkit-backdrop-filter: var(--dsq-menu-backdrop);
+  pointer-events: none;
+}
+
+/* 覆层不描边：elevation-prominent 自带的那圈 0 0 0 .5px（--dsw-elevation-stroke-color，
+   默认 border-l4）对磨砂覆层是多余的——边缘自带材质分界，再勾一道反而抢视觉，覆写成
+   更淡的 border-l1。
+   两个坑，改之前先读：① 这两行必须写在三个浮层自己的选择器上。写在 body 上会随继承
+   影响页面里其它依赖默认值的面板（宿主带 [data-menu-material] 的菜单有自己的覆写，
+   不受影响）。② --dsq-shadow 也必须在这儿声明，不能留在 body：自定义属性是在**声明处**
+   展开的，--dsq-shadow 留在 body 上时 var(--dsw-elevation-prominent) 会在 body 就被
+   替换成 border-l4 那一版并继承下来，浮层上的描边覆写根本够不着；跟着声明挪到这里，
+   整条链才在浮层元素上取值。 */
+.dsq_toolbar,
+.dsq_commentPop,
+.dsq_summaryHoverInner {
+  --dsw-elevation-stroke-color: var(--dsw-alias-border-l1);
+  --dsq-shadow: var(--dsw-elevation-prominent, 0 0 0 .5px rgba(0, 0, 0, 0.04), 0 3px 8px rgba(0, 0, 0, 0.04), 0 0 20px rgba(0, 0, 0, 0.05));
+}
+
 .dsq_toolbar {
   position: fixed;
   z-index: 10060;
   transform: translate(-50%, -100%);
   gap: 2px;
   padding: 4px;
-  /* 无边框：--dsq-shadow-soft 自带 0 0 0 .5px 的描边环，由它勾勒轮廓，
-     所以这里不要再画 border，否则描边会和环叠成两条线。 */
+  /* 无边框：--dsq-shadow（宿主的 elevation-prominent）自带 0 0 0 .5px 的描边环，
+     由它勾勒轮廓，所以这里不要再画 border，否则描边会和环叠成两条线。 */
   border: 0;
   border-radius: 12px;
-  background: var(--dsq-bg-panel);
-  box-shadow: var(--dsq-shadow-soft);
+  /* 底色与模糊都在上面的材质图层里，这里不再画背景 */
+  box-shadow: var(--dsq-shadow);
   pointer-events: auto;
-  /* Mounts once per selection, after the drag ends: soft rise + fade. */
+  /* A/B：scale 入场放在容器上（材质图层归它所有）。关键帧自带 translate(-50%,-100%)，
+     所以缩放不会破坏居中。若真实客户端里磨砂在放大期间消失，改回内容层方案。 */
   animation: dsq-toolbar-in 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 
+/* 按钮行：只负责布局；入场动画在容器上（见 .dsq_toolbar 的 A/B 说明）。 */
+.dsq_toolbarInner {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+
 .dsq_button {
   color: var(--dsq-label);
   font: inherit;
@@ -397,38 +463,44 @@ ${atomRules}
 }
 
 /* Must come after .dsq_summaryHover (same class weight otherwise loses to display:none). */
+/* 容器上不做 opacity 过渡、也不做 scale 入场。opacity 那条是规范实锤：祖先一带上
+   opacity<1 就成了 backdrop root，::before 采样不到身后的页面，磨砂在整段淡入里
+   消失、结束才糊上——所以 opacity 过渡删掉，只留 place() 里那次 0→1 瞬时翻转
+   （「定位前不可见」的守卫）。scale 一并去掉是保守起见：容器彻底静止，采样区域
+   不会逐帧移动；入场感交给内层列表的 rise（内容不是材质的祖先）。 */
 .dsq_summaryHover.dsq_summaryHoverOpen {
   display: flex;
-  transition: opacity 0.12s ease;
-  animation: dsq-panel-in 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
-}
-
-.dsq_summaryHover[data-side='bottom'] {
-  transform-origin: top center;
 }
 
-.dsq_summaryHover[data-side='top'] {
-  transform-origin: bottom center;
+.dsq_summaryHoverInner {
+  position: relative;
+  gap: 4px;
+  padding: 4px;
+  border-radius: 12px;
+  /* 不画 border：--dsq-shadow（宿主的 elevation-prominent）自带 0 0 0 .5px 的
+     描边环，再画一遍会叠成两条线。底色与模糊都在材质图层里。 */
+  box-shadow: var(--dsq-shadow);
 }
 
-.dsq_summaryHoverInner {
+/* 滚动只放在列表上：材质图层是绝对定位的，留在会滚动的容器里会跟着内容跑掉，
+   滚到底部时面板顶部就露空。入场 rise 也在这层——内容不是材质图层的祖先，
+   动它不会切断磨砂的采样源。 */
+.dsq_summaryList {
   gap: 4px;
-  max-height: min(420px, calc(100vh - 120px));
   overflow-y: auto;
   overscroll-behavior: contain;
-  padding: 4px;
-  border-radius: 12px;
-  border: 0.5px solid var(--dsq-line);
-  /* Frosted panel: the menu token at partial alpha over a blur. */
-  background: color-mix(in srgb, var(--dsq-bg-raised) 50%, transparent);
-  backdrop-filter: blur(14px) saturate(1.4);
-  -webkit-backdrop-filter: blur(14px) saturate(1.4);
-  box-shadow: var(--dsq-shadow-pop);
+  max-height: min(412px, calc(100vh - 128px));
+  animation: dsq-rise-in 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 
+/* 老浏览器没有 backdrop-filter：图层退成不透明底色，否则半透明直接糊在文字上。 */
 @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
-  .dsq_summaryHoverInner {
-    background: var(--dsq-menu);
+  .dsq_toolbar::before,
+  .dsq_commentPop::before,
+  .dsq_summaryHoverInner::before {
+    background: var(--dsq-bg-raised);
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
   }
 }
 
@@ -606,10 +678,8 @@ ${atomRules}
   gap: 8px;
   padding: 8px;
   border-radius: 16px;
-  background: color-mix(in srgb, var(--dsq-bg-raised) 75%, transparent);
-  backdrop-filter: blur(10px) saturate(1.4);
-  -webkit-backdrop-filter: blur(14px) saturate(1.4);
-  box-shadow: var(--dsq-shadow-pop);
+  /* 底色与模糊都在材质图层里 */
+  box-shadow: var(--dsq-shadow);
 }
 
 .dsq_commentInput {
@@ -821,26 +891,6 @@ ${atomRules}
 /* Layer 4 — host surface: keyframes, theme flips, and the two rules that reach
    into product-owned DOM. */
 
-@keyframes dsq-toolbar-in {
-  from {
-    opacity: 0;
-    transform: translate(-50%, -100%) translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, -100%);
-  }
-}
-
-@keyframes dsq-panel-in {
-  from {
-    transform: scale(0.96);
-  }
-  to {
-    transform: scale(1);
-  }
-}
-
 @keyframes dsq-ann-flash {
   0% {
     background: var(--dsq-mark-color);
@@ -882,6 +932,7 @@ function ensureToolbarStyles() {
 }
 const styles = {
 	toolbar: "dsq_toolbar",
+	toolbarInner: "dsq_toolbarInner",
 	button: "dsq_button",
 	buttonAddComment: "dsq_buttonAddComment",
 	divider: "dsq_divider",
@@ -914,6 +965,7 @@ const styles = {
 	annEditCancel: "dsq_annEditCancel",
 	annEditSave: "dsq_annEditSave",
 	summaryHoverInner: "dsq_summaryHoverInner",
+	summaryList: "dsq_summaryList",
 	summaryItemButton: "dsq_summaryItemButton",
 	summaryHoverOpen: "dsq_summaryHoverOpen",
 	summaryItemActions: "dsq_summaryItemActions",
@@ -2052,7 +2104,7 @@ function AnnotationSummary({ count, items, onRemoveAll, onItemSelect, onItemRemo
 		const { top, left, side } = placePopover(root.getBoundingClientRect(), {
 			width: pop.offsetWidth || 300,
 			height: pop.offsetHeight || 220
-		}, "bottom", 0);
+		}, "top", 0);
 		pop.style.top = `${top}px`;
 		pop.style.left = `${left}px`;
 		pop.style.paddingTop = side === "bottom" ? "12px" : "12px";
@@ -2196,109 +2248,112 @@ function AnnotationSummary({ count, items, onRemoveAll, onItemSelect, onItemRemo
 		onPointerLeave,
 		children: (0, react_jsx_runtime.jsx)("div", {
 			className: cx(A.col, styles.summaryHoverInner),
-			children: items.map((item, i) => {
-				const isEditing = editing === i;
-				return (0, react_jsx_runtime.jsxs)("div", {
-					className: styles.summaryItem,
-					children: [(0, react_jsx_runtime.jsxs)("div", {
-						className: cx(A.row, styles.summaryItemHead),
-						children: [
-							(0, react_jsx_runtime.jsx)("div", {
-								className: cx(A.keep, A.gridMid, styles.summaryItemBadge),
-								"aria-hidden": true,
-								children: String(i + 1)
-							}),
-							(0, react_jsx_runtime.jsx)("div", {
-								className: styles.summaryItemLabel,
-								children: t("common.selectedText")
-							}),
-							!isEditing && (onItemRemove || onItemEdit) ? (0, react_jsx_runtime.jsxs)("div", {
-								className: cx(A.row, styles.summaryItemActions),
-								children: [onItemEdit ? (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: cx(A.plain, A.gridMid, styles.summaryItemAction),
-									"aria-label": t("summary.edit", { index: i + 1 }),
-									onClick: () => startEdit(i),
-									children: (0, react_jsx_runtime.jsx)(LucideIcon, { name: "pencil" })
-								}) : null, onItemRemove ? (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: cx(A.plain, A.gridMid, styles.summaryItemAction),
-									"aria-label": t("summary.remove", { index: i + 1 }),
-									onClick: () => onItemRemove(i, item),
-									children: (0, react_jsx_runtime.jsx)(LucideIcon, { name: "trash-2" })
-								}) : null]
-							}) : null
-						]
-					}), isEditing ? (0, react_jsx_runtime.jsxs)("div", {
-						className: styles.summaryItemMain,
-						children: [
-							(0, react_jsx_runtime.jsx)("div", {
-								className: styles.annEditText,
-								children: item.text
-							}),
-							(0, react_jsx_runtime.jsx)("div", {
-								className: styles.summaryItemLabel,
-								children: t("summary.userComment")
-							}),
-							(0, react_jsx_runtime.jsx)("textarea", {
-								ref: editInputRef,
-								className: cx(A.box, styles.annEditInput),
-								placeholder: t("common.commentPlaceholder"),
-								value: editDraft,
-								onChange: (e) => setEditDraft(e.target.value),
-								onKeyDown: (e) => {
-									if (e.key === "Escape") {
-										e.preventDefault();
-										setEditing(null);
-										return;
-									}
-									if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
-										e.preventDefault();
-										commitEdit();
-									}
-								}
-							}),
-							(0, react_jsx_runtime.jsxs)("div", {
-								className: cx(A.row, styles.annEditActions),
-								children: [(0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: cx(A.plain, styles.annEditCancel),
-									onClick: () => setEditing(null),
-									children: t("common.cancel")
-								}), (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: styles.annEditSave,
-									onClick: commitEdit,
-									children: t("common.save")
-								})]
-							})
-						]
-					}) : (0, react_jsx_runtime.jsx)("div", {
-						className: styles.summaryItemMain,
-						children: (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: cx(A.plain, styles.summaryItemButton),
-							onClick: () => {
-								onItemSelect?.(i, item);
-								closePop();
-							},
+			children: (0, react_jsx_runtime.jsx)("div", {
+				className: cx(A.col, styles.summaryList),
+				children: items.map((item, i) => {
+					const isEditing = editing === i;
+					return (0, react_jsx_runtime.jsxs)("div", {
+						className: styles.summaryItem,
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: cx(A.row, styles.summaryItemHead),
 							children: [
 								(0, react_jsx_runtime.jsx)("div", {
-									className: styles.summaryItemText,
-									children: item.title
+									className: cx(A.keep, A.gridMid, styles.summaryItemBadge),
+									"aria-hidden": true,
+									children: String(i + 1)
 								}),
 								(0, react_jsx_runtime.jsx)("div", {
 									className: styles.summaryItemLabel,
-									children: t("summary.userComment")
+									children: t("common.selectedText")
+								}),
+								!isEditing && (onItemRemove || onItemEdit) ? (0, react_jsx_runtime.jsxs)("div", {
+									className: cx(A.row, styles.summaryItemActions),
+									children: [onItemEdit ? (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: cx(A.plain, A.gridMid, styles.summaryItemAction),
+										"aria-label": t("summary.edit", { index: i + 1 }),
+										onClick: () => startEdit(i),
+										children: (0, react_jsx_runtime.jsx)(LucideIcon, { name: "pencil" })
+									}) : null, onItemRemove ? (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: cx(A.plain, A.gridMid, styles.summaryItemAction),
+										"aria-label": t("summary.remove", { index: i + 1 }),
+										onClick: () => onItemRemove(i, item),
+										children: (0, react_jsx_runtime.jsx)(LucideIcon, { name: "trash-2" })
+									}) : null]
+								}) : null
+							]
+						}), isEditing ? (0, react_jsx_runtime.jsxs)("div", {
+							className: styles.summaryItemMain,
+							children: [
+								(0, react_jsx_runtime.jsx)("div", {
+									className: styles.annEditText,
+									children: item.text
 								}),
 								(0, react_jsx_runtime.jsx)("div", {
-									className: item.comment ? styles.summaryItemText : `${styles.summaryItemText} ${styles.summaryItemTextEmpty}`,
-									children: item.comment || t("summary.noComment")
+									className: styles.summaryItemLabel,
+									children: t("summary.userComment")
+								}),
+								(0, react_jsx_runtime.jsx)("textarea", {
+									ref: editInputRef,
+									className: cx(A.box, styles.annEditInput),
+									placeholder: t("common.commentPlaceholder"),
+									value: editDraft,
+									onChange: (e) => setEditDraft(e.target.value),
+									onKeyDown: (e) => {
+										if (e.key === "Escape") {
+											e.preventDefault();
+											setEditing(null);
+											return;
+										}
+										if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+											e.preventDefault();
+											commitEdit();
+										}
+									}
+								}),
+								(0, react_jsx_runtime.jsxs)("div", {
+									className: cx(A.row, styles.annEditActions),
+									children: [(0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: cx(A.plain, styles.annEditCancel),
+										onClick: () => setEditing(null),
+										children: t("common.cancel")
+									}), (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: styles.annEditSave,
+										onClick: commitEdit,
+										children: t("common.save")
+									})]
 								})
 							]
-						})
-					})]
-				}, item.id ?? `${i}`);
+						}) : (0, react_jsx_runtime.jsx)("div", {
+							className: styles.summaryItemMain,
+							children: (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: cx(A.plain, styles.summaryItemButton),
+								onClick: () => {
+									onItemSelect?.(i, item);
+									closePop();
+								},
+								children: [
+									(0, react_jsx_runtime.jsx)("div", {
+										className: styles.summaryItemText,
+										children: item.title
+									}),
+									(0, react_jsx_runtime.jsx)("div", {
+										className: styles.summaryItemLabel,
+										children: t("summary.userComment")
+									}),
+									(0, react_jsx_runtime.jsx)("div", {
+										className: item.comment ? styles.summaryItemText : `${styles.summaryItemText} ${styles.summaryItemTextEmpty}`,
+										children: item.comment || t("summary.noComment")
+									})
+								]
+							})
+						})]
+					}, item.id ?? `${i}`);
+				})
 			})
 		})
 	}) : null;
@@ -2915,11 +2970,7 @@ function SelectionToolbar({ sessionId }) {
 			"data-dsq-toolbar": "true",
 			onPointerDown: handleToolbarPointerDown,
 			children: phase === "comment" ? (0, react_jsx_runtime.jsx)("div", {
-				style: {
-					display: "inline-flex",
-					alignItems: "center",
-					gap: 2
-				},
+				className: cx(A.inlineRow, styles.toolbarInner),
 				children: (0, react_jsx_runtime.jsx)("span", {
 					style: {
 						padding: "0 8px",
@@ -2929,11 +2980,7 @@ function SelectionToolbar({ sessionId }) {
 					children: t("toolbar.commentHint")
 				})
 			}) : (0, react_jsx_runtime.jsxs)("div", {
-				style: {
-					display: "inline-flex",
-					alignItems: "center",
-					gap: 2
-				},
+				className: cx(A.inlineRow, styles.toolbarInner),
 				children: [
 					link ? (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
@@ -3281,8 +3328,8 @@ function warnQuota() {
 	console.warn("dsh-select-quote: annotation persistence disabled (storage write failed)");
 }
 /**
-* Direct localStorage backend (the documented fallback). Writes are wrapped so
-* a quota failure degrades to memory-only instead of breaking the composer.
+* Direct localStorage backend. Writes are wrapped so a quota failure degrades
+* to memory-only instead of breaking the composer.
 */
 function createStoragePersistence(storage) {
 	let degraded = false;
@@ -3305,45 +3352,6 @@ function createStoragePersistence(storage) {
 		prune: (now) => pruneSessions(storage, now)
 	};
 }
-/**
-* Host store backend: the same `defineStore` the composer draft uses, so the
-* write path, per-session keying and failure semantics are the host's.
-*/
-function createHostStorePersistence(defineStore, storage) {
-	const handle = defineStore({
-		init: () => ({
-			v: PAYLOAD_VERSION,
-			updatedAt: 0,
-			items: []
-		}),
-		persist: ANNOTATION_KEY_PREFIX,
-		actions: { replace(draft, items, now) {
-			draft.items = [...items];
-			draft.updatedAt = now;
-		} }
-	});
-	const instances = /* @__PURE__ */ new Map();
-	const instanceOf = (sessionId) => {
-		const cached = instances.get(sessionId);
-		if (cached) return cached;
-		const instance = handle.create(sessionId);
-		instances.set(sessionId, instance);
-		return instance;
-	};
-	return {
-		load: (sessionId) => itemsOf(instanceOf(sessionId).getSnapshot()),
-		save: (sessionId, items) => instanceOf(sessionId).actions.replace(items, Date.now()),
-		clear: (sessionId) => {
-			instanceOf(sessionId).clearPersisted();
-			instances.delete(sessionId);
-		},
-		prune: (now) => {
-			const removed = pruneSessions(storage, now);
-			for (const sessionId of removed) instances.delete(sessionId);
-			return removed;
-		}
-	};
-}
 /** Retention: newest `maxSessions` within `maxAgeMs`, by payload timestamp. */
 function pruneSessions(storage, now = Date.now(), options = {}) {
 	const maxSessions = options.maxSessions ?? 20;
@@ -3383,27 +3391,20 @@ function createNoopPersistence() {
 //#endregion
 //#region src/client/state/annotation-storage.ts
 /**
-* Backend selection for annotation persistence.
+* Environment probe for annotation persistence.
 *
-* Kept apart from `annotation-persistence.ts` because reaching the host's
-* client-store needs a guarded `require`, and that is the one thing the pure
-* module cannot do — verify-bundle imports the pure module straight into Node,
-* where a `declare` statement is not valid JavaScript.
+* Kept apart from `annotation-persistence.ts` because this is the only module
+* that reads `globalThis`: the pure layer stays importable in Node, where
+* verify-bundle replays the whole cycle against a Map-backed storage.
 *
-* Preference order: the host store (same engine and keying as the composer
-* draft), plain localStorage, and a no-op when the environment has no storage
-* at all.
+* The backend is plain localStorage — the same per-origin store the composer
+* draft lives in, under this plugin's own key prefix. Requiring the host's
+* `@deepseek-ai/dsh-client-store` instead would buy nothing: its persistence
+* backend is localStorage with the same key shape and the same whole-value
+* payload, while depending on a Harness Client package that the plugin spec
+* forbids loading as a module (it changes without notice, and a throwing
+* backend selection would take the whole slot entry down with it).
 */
-/** The host package is a platform seed word; older hosts may not carry it. */
-const HOST_STORE_MODULE = "@deepseek-ai/dsh-client-store";
-function hostDefineStore() {
-	try {
-		const loaded = require(HOST_STORE_MODULE);
-		return typeof loaded?.defineStore === "function" ? loaded.defineStore : null;
-	} catch {
-		return null;
-	}
-}
 function browserStorage() {
 	try {
 		const storage = globalThis.localStorage;
@@ -3427,10 +3428,7 @@ function browserStorage() {
 }
 function createAnnotationPersistence() {
 	const storage = browserStorage();
-	const defineStore = hostDefineStore();
-	if (storage && defineStore) return createHostStorePersistence(defineStore, storage);
-	if (storage) return createStoragePersistence(storage);
-	return createNoopPersistence();
+	return storage ? createStoragePersistence(storage) : createNoopPersistence();
 }
 //#endregion
 //#region src/client/index.tsx

package/locale/en.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Selection Annotations",
+    "description": "Quote text from the conversation into your next message: the selection stays marked in the source and the model points back at it."
+  }
+}

package/locale/ru.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "Аннотации к выделенному",
+    "description": "Цитируйте выделенный текст из диалога в следующем сообщении: разметка остаётся в оригинале, модель отвечает по каждому фрагменту."
+  }
+}

package/locale/zh.json

@@ -0,0 +1,6 @@
+{
+  "meta": {
+    "title": "划词批注",
+    "description": "把对话里选中的原文带进下一条消息：正文留下标记，模型可以逐条回应。"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-select-quote",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "DeepSeek Harness web plugin: annotate text selected in the conversation — the selection rides along with your next message, is marked in the source text, and the model points back at it.",
   "keywords": [
     "deepseek",
@@ -26,12 +26,16 @@
   "exports": {
     ".": "./lib/index.js",
     "./client": "./lib/client.js",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./locale/*.json": "./locale/*.json",
+    "./icon": "./icon.svg"
   },
   "files": [
     "lib/index.js",
     "lib/client.js",
     "cordis.patch.yml",
+    "locale/*.json",
+    "icon.svg",
     "LICENSE"
   ],
   "scripts": {