@deepseek-ai/dsh-client-ui-message-feedback 0.1.0-rc.7 → 0.1.0-rc.8

package/README.i18n.yaml

@@ -2,5 +2,5 @@
 # side as of the last confirmed-consistent state. Both languages carry equal authority;
 # after editing either side, bring the other along and re-record with:
 #   pnpm run verify-translation-pairing --write packages/client/ui-message-feedback/README.md
-README.md: 461e87589567eb95b075839d5893cc551e67a035
-README.zh.md: 31f722021ff65f476a6ba1ab0211fd4e091671d2
+README.md: d3bb4e28b95da2fde0d26b7ef83ebca377b4939f
+README.zh.md: d823bb9de2b7d39d0bc5d00164b8ce8dffec4a34

package/README.md

@@ -2,7 +2,7 @@
 
 English | [中文](README.zh.md)
 
-Per-message feedback plugin, browser half: a Like/Dislike pair plus an optional note, contributed as the `feedback` entry (order 10) of the `conversation.chat.assistant-actions` strip. The strip is declared by `ui-conversation` and rendered inside the finalized assistant message's IconActions row, between copy and branch, so the controls inherit that row's chrome and hover behavior. Only finalized messages reach the slot — an interruption-frozen partial carries no `messageId` and therefore no feedback controls. The strip renders once per turn, on the closing assistant message that owns the turn's IconActions row: earlier steps of a multi-step turn produce tool rows rather than a rateable body, so they present no controls even though the Host would accept them as targets.
+Per-message feedback plugin, browser half: a Like/Dislike pair plus an optional note, contributed as the `feedback` entry (order 10) of the `conversation.chat.assistant-actions` strip. The strip is declared by `ui-conversation` and rendered inside the finalized assistant message's IconActions row, between copy and branch, so the controls inherit that row's chrome and hover behavior. The note editor itself does not sit in that row: it is a `role="dialog"` popover portaled to `document.body` and anchored under its trigger, so the row keeps its single line whether the editor is open or closed and the panel is not clipped by the conversation column. A rating or list-load failure shows inline in the row; a note-save failure shows inside the popover, which stays open so the draft can be corrected. Only finalized messages reach the slot — an interruption-frozen partial carries no `messageId` and therefore no feedback controls. The strip renders once per turn, on the closing assistant message that owns the turn's IconActions row: earlier steps of a multi-step turn produce tool rows rather than a rateable body, so they present no controls even though the Host would accept them as targets.
 
 One `MessageFeedbackController` per Session backs every message control in that Session, so a single `messageFeedback.list` read seeds the whole transcript. The read is deferred to the first hover or focus rather than fired on mount, because the controls mount once per settled message in the visible history.
 

package/README.zh.md

@@ -2,7 +2,7 @@
 
 [English](README.md) | 中文
 
-单条消息反馈插件的浏览器侧：一对 Like/Dislike 按钮加一个可选备注，作为 `conversation.chat.assistant-actions` 条带的 `feedback` 条目（order 10）贡献。该条带由 `ui-conversation` 声明，渲染在已定稿助手消息的 IconActions 行内、复制与分支之间，因此控件沿用该行的样式与 hover 行为。只有已定稿的消息能到达这个 slot——被中断冻结的部分输出不带 `messageId`，因此也没有反馈控件。该操作栏每个 Turn 渲染一次，位于持有该 Turn IconActions 行的收尾助手消息上：多步骤 Turn 中较早的步骤产出的是工具行而非可评分正文，因此即使 Host 会接受它们作为目标，界面上也不出现控件。
+单条消息反馈插件的浏览器侧：一对 Like/Dislike 按钮加一个可选备注，作为 `conversation.chat.assistant-actions` 条带的 `feedback` 条目（order 10）贡献。该条带由 `ui-conversation` 声明，渲染在已定稿助手消息的 IconActions 行内、复制与分支之间，因此控件沿用该行的样式与 hover 行为。备注编辑器本身不在这一行里：它是一个 `role="dialog"` 的浮层，portal 到 `document.body` 并锚定在其触发按钮下方，因此无论编辑器是否打开该行都保持单行，面板也不会被会话列裁掉。评分或列表加载失败在行内展示；备注保存失败在浮层内展示，且面板保持打开以便修正草稿。只有已定稿的消息能到达这个 slot——被中断冻结的部分输出不带 `messageId`，因此也没有反馈控件。该操作栏每个 Turn 渲染一次，位于持有该 Turn IconActions 行的收尾助手消息上：多步骤 Turn 中较早的步骤产出的是工具行而非可评分正文，因此即使 Host 会接受它们作为目标，界面上也不出现控件。
 
 每个 Session 一个 `MessageFeedbackController`，支撑该 Session 内所有消息的控件，因此一次 `messageFeedback.list` 读取即可填充整段对话。该读取延迟到首次 hover 或 focus 才发起，而不是在挂载时触发，因为可见历史中每条已结束的消息都会挂载一次控件。
 

package/lib/client.js

@@ -6,6 +6,7 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react = require("react");
+		let react_dom = require("react-dom");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		//#region lib/types/client/controller.js
 		const INITIAL_VIEW = Object.freeze({
@@ -325,7 +326,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-message-feedback/src/client/MessageFeedbackActions.module.css.mjs
-		const css = "._8_XoUG_action{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}._8_XoUG_action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_action:disabled{cursor:default;opacity:.4}._8_XoUG_action[data-active]{color:var(--dsw-alias-label-primary)}._8_XoUG_noteOpen{max-width:220px;color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:0 8px;font-size:13px;line-height:28px;overflow:hidden}._8_XoUG_noteOpen:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_noteEditor{align-items:flex-start;gap:6px;display:inline-flex}._8_XoUG_noteInput{border:1px solid var(--dsw-alias-border-secondary);background:var(--dsw-alias-bg-primary);width:260px;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;border-radius:8px;padding:6px 8px;font-size:13px}._8_XoUG_noteSave,._8_XoUG_noteCancel{cursor:pointer;border:none;border-radius:14px;height:28px;padding:0 10px;font-size:13px}._8_XoUG_noteSave{background:var(--dsw-alias-interactive-bg-primary);color:var(--dsw-alias-label-inverse)}._8_XoUG_noteSave:disabled{cursor:default;opacity:.4}._8_XoUG_noteCancel{color:var(--dsw-alias-label-tertiary);background:0 0}._8_XoUG_noteCancel:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_failure{color:var(--dsw-alias-label-tertiary);padding-left:4px;font-size:13px;line-height:28px}";
+		const css = "._8_XoUG_action{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}._8_XoUG_action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_action:disabled{cursor:default;opacity:.4}._8_XoUG_action[data-active]{color:var(--dsw-alias-label-primary)}._8_XoUG_noteOpen{max-width:220px;color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:0 8px;font-size:13px;line-height:28px;overflow:hidden}._8_XoUG_noteOpen:hover,._8_XoUG_noteOpen[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_notePanel{z-index:1100;box-sizing:border-box;border:1px solid var(--dsw-alias-border-inverted);background:var(--dsw-specific-menu);width:320px;max-width:min(360px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:var(--dsw-shadow-lv3);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex;position:fixed;overflow-y:auto}._8_XoUG_noteInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;border-radius:8px;padding:6px 8px;font-size:13px}._8_XoUG_noteActions{justify-content:flex-end;gap:6px;display:flex}._8_XoUG_noteSave,._8_XoUG_noteCancel{cursor:pointer;border:none;border-radius:14px;height:28px;padding:0 10px;font-size:13px}._8_XoUG_noteSave{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}._8_XoUG_noteSave:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}._8_XoUG_noteSave:disabled{cursor:default;opacity:.4}._8_XoUG_noteCancel{color:var(--dsw-alias-label-tertiary);background:0 0}._8_XoUG_noteCancel:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_failure{color:var(--dsw-alias-label-tertiary);padding-left:4px;font-size:13px;line-height:20px}";
 		const tagId = "@deepseek-ai/dsh-client-ui-message-feedback/MessageFeedbackActions.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -335,27 +336,49 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var MessageFeedbackActions_module_css_default = {
+			"action": "_8_XoUG_action",
+			"failure": "_8_XoUG_failure",
+			"noteActions": "_8_XoUG_noteActions",
 			"noteCancel": "_8_XoUG_noteCancel",
+			"noteInput": "_8_XoUG_noteInput",
 			"noteOpen": "_8_XoUG_noteOpen",
-			"failure": "_8_XoUG_failure",
-			"noteSave": "_8_XoUG_noteSave",
-			"noteEditor": "_8_XoUG_noteEditor",
-			"action": "_8_XoUG_action",
-			"noteInput": "_8_XoUG_noteInput"
+			"notePanel": "_8_XoUG_notePanel",
+			"noteSave": "_8_XoUG_noteSave"
 		};
 		//#endregion
 		//#region lib/types/client/MessageFeedbackActions.js
 		/**
 		* Per-message feedback controls: a Like/Dislike pair plus an optional note.
-		* Rendered inside the assistant message's IconActions row, so the buttons
-		* reuse that row's chrome and sit between copy and branch.
+		* The buttons render inside the assistant message's IconActions row, so they
+		* reuse that row's chrome and sit between copy and branch. The note editor is
+		* a popover (portaled to `document.body`) anchored to the note trigger, not an
+		* inline expansion: a 260px textarea plus buttons cannot fit the row at any
+		* viewport, and an inline element pushed the branch action and clock out of the
+		* conversation column. Portaling out of the column also escapes its `overflow`
+		* clip, so the panel cannot be cropped or detached from the message it annotates.
 		* @module @deepseek-ai/dsh-client-ui-message-feedback/client/MessageFeedbackActions
 		*/
+		/** Safe distance kept between the panel and the viewport edges (the Menu portal margin). */
+		const PANEL_MARGIN = 12;
+		/** Distance between the trigger's bottom edge and the panel's top. */
+		const PANEL_GAP = 4;
+		/**
+		* Unplaced portal panel: hidden but laid out so `offsetWidth` is real for the
+		* clamp. The explicit insets match `Menu`'s measure style — a `position: fixed`
+		* element with auto insets otherwise sits at its static position, a different
+		* origin than the one the first placement measures from.
+		*/
+		const MEASURE_STYLE = {
+			visibility: "hidden",
+			left: 0,
+			top: 0
+		};
 		/**
 		* One message's feedback controls.
 		* @param props - the owner's message identity, the injected verbs, and the
 		* shared feedback hook.
-		* @returns the rating buttons, plus the note editor while it is open.
+		* @returns the rating buttons and the note trigger, with the note editor
+		* portal-open beneath the trigger while it is open.
 		*/
 		function MessageFeedbackActions({ messageId, ensure, rate, toggle, clearNote, useFeedback, t }) {
 			const item = useFeedback((view) => view.items.get(messageId));
@@ -364,7 +387,11 @@ window.__ModuleLoader__.load({
 			const [noteOpen, setNoteOpen] = (0, react.useState)(false);
 			const [draft, setDraft] = (0, react.useState)("");
 			const [pending, setPending] = (0, react.useState)(false);
-			const [failure, setFailure] = (0, react.useState)(null);
+			const [rowFailure, setRowFailure] = (0, react.useState)(null);
+			const [noteFailure, setNoteFailure] = (0, react.useState)(null);
+			const triggerRef = (0, react.useRef)(null);
+			const panelRef = (0, react.useRef)(null);
+			const inputRef = (0, react.useRef)(null);
 			const seeded = (0, react.useRef)(false);
 			const seed = (0, react.useCallback)(() => {
 				if (seeded.current) return;
@@ -375,44 +402,113 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => () => {
 				alive.current = false;
 			}, []);
-			const settle = (0, react.useCallback)((result) => {
+			/** Bumped whenever an editing session ends, so a late save can tell it is stale. */
+			const noteGeneration = (0, react.useRef)(0);
+			/** Current panel open-state, readable from a stale closure via a ref. */
+			const noteOpenRef = (0, react.useRef)(false);
+			(0, react.useEffect)(() => {
+				noteOpenRef.current = noteOpen;
+			}, [noteOpen]);
+			const errorCopy = (0, react.useCallback)((result) => {
+				return result.error?.code === "version-conflict" ? t("error.conflict") : t("error.generic");
+			}, [t]);
+			const settleRating = (0, react.useCallback)((result) => {
 				if (!alive.current) return;
 				setPending(false);
-				if (result.ok) {
-					setFailure(null);
-					return;
-				}
-				setFailure(result.error?.code === "version-conflict" ? t("error.conflict") : t("error.generic"));
-			}, [t]);
+				setRowFailure(result.ok ? null : errorCopy(result));
+			}, [errorCopy]);
+			const closeNote = (0, react.useCallback)(() => {
+				noteGeneration.current += 1;
+				setNoteOpen(false);
+			}, []);
 			const onRate = (0, react.useCallback)((next) => {
 				setPending(true);
-				setFailure(null);
-				setNoteOpen(false);
-				toggle(messageId, next).then(settle);
+				setRowFailure(null);
+				closeNote();
+				toggle(messageId, next).then(settleRating);
 			}, [
+				closeNote,
 				messageId,
-				settle,
+				settleRating,
 				toggle
 			]);
 			const onSaveNote = (0, react.useCallback)((current) => {
 				const trimmed = draft.trim();
 				setPending(true);
-				setFailure(null);
+				setNoteFailure(null);
+				const generation = noteGeneration.current;
+				const staleSeed = item?.note ?? "";
 				(trimmed.length === 0 ? clearNote(messageId) : rate(messageId, current, trimmed)).then((result) => {
-					settle(result);
-					if (result.ok && alive.current) setNoteOpen(false);
+					if (!alive.current) return;
+					setPending(false);
+					if (result.ok) {
+						if (generation === noteGeneration.current) {
+							setNoteFailure(null);
+							setNoteOpen(false);
+							return;
+						}
+						setDraft((draftNow) => draftNow === staleSeed ? trimmed : draftNow);
+						return;
+					}
+					if (generation === noteGeneration.current || !noteOpenRef.current) setNoteFailure(errorCopy(result));
 				});
 			}, [
 				clearNote,
 				draft,
+				errorCopy,
+				item?.note,
 				messageId,
-				rate,
-				settle
+				noteOpenRef,
+				rate
 			]);
-			const openNote = (0, react.useCallback)(() => {
+			const toggleNote = (0, react.useCallback)(() => {
+				if (noteOpen) {
+					closeNote();
+					return;
+				}
 				setDraft(item?.note ?? "");
+				setNoteFailure(null);
 				setNoteOpen(true);
-			}, [item?.note]);
+			}, [
+				noteOpen,
+				closeNote,
+				item?.note
+			]);
+			const pos = (0, _deepseek_ai_dsh_client_ui_primitives.useAnchoredPosition)({
+				open: noteOpen,
+				anchorRef: triggerRef,
+				panelRef,
+				gap: PANEL_GAP,
+				margin: PANEL_MARGIN
+			});
+			(0, react.useEffect)(() => {
+				if (!noteOpen) return;
+				inputRef.current?.focus();
+				const onPointerDown = (e) => {
+					if (!(e.target instanceof Node)) return;
+					if (triggerRef.current?.contains(e.target) === true) return;
+					if (panelRef.current?.contains(e.target) === true) return;
+					closeNote();
+				};
+				const onKeyDown = (e) => {
+					if (e.key === "Escape") closeNote();
+				};
+				document.addEventListener("pointerdown", onPointerDown);
+				document.addEventListener("keydown", onKeyDown);
+				return () => {
+					document.removeEventListener("pointerdown", onPointerDown);
+					document.removeEventListener("keydown", onKeyDown);
+				};
+			}, [noteOpen, closeNote]);
+			const wasOpen = (0, react.useRef)(false);
+			(0, react.useEffect)(() => {
+				if (noteOpen) {
+					wasOpen.current = true;
+					return;
+				}
+				if (wasOpen.current) triggerRef.current?.focus();
+				wasOpen.current = false;
+			}, [noteOpen]);
 			const likeLabel = rating === "positive" ? t("action.likeActive") : t("action.like");
 			const dislikeLabel = rating === "negative" ? t("action.dislikeActive") : t("action.dislike");
 			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -452,54 +548,72 @@ window.__ModuleLoader__.load({
 						children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDislikeOutline16, {})
 					})
 				}),
-				rating !== void 0 && !noteOpen && (0, react_jsx_runtime.jsx)("button", {
+				rating !== void 0 && (0, react_jsx_runtime.jsx)("button", {
+					ref: triggerRef,
 					type: "button",
 					className: MessageFeedbackActions_module_css_default.noteOpen,
-					onClick: openNote,
+					"aria-haspopup": "dialog",
+					"aria-expanded": noteOpen,
+					onClick: toggleNote,
 					children: item?.note === void 0 ? t("note.open") : item.note
 				}),
-				rating !== void 0 && noteOpen && (0, react_jsx_runtime.jsxs)("span", {
-					className: MessageFeedbackActions_module_css_default.noteEditor,
+				rowFailure === null && loadFailed && (0, react_jsx_runtime.jsx)("span", {
+					className: MessageFeedbackActions_module_css_default.failure,
+					role: "status",
+					children: t("error.load")
+				}),
+				rowFailure !== null && (0, react_jsx_runtime.jsx)("span", {
+					className: MessageFeedbackActions_module_css_default.failure,
+					role: "status",
+					children: rowFailure
+				}),
+				!(rating !== void 0 && noteOpen) && noteFailure !== null && (0, react_jsx_runtime.jsx)("span", {
+					className: MessageFeedbackActions_module_css_default.failure,
+					role: "status",
+					children: noteFailure
+				}),
+				rating !== void 0 && noteOpen && (0, react_dom.createPortal)((0, react_jsx_runtime.jsxs)("div", {
+					ref: panelRef,
+					className: MessageFeedbackActions_module_css_default.notePanel,
+					role: "dialog",
+					"aria-label": t("note.dialog"),
+					style: pos ?? MEASURE_STYLE,
 					children: [
 						(0, react_jsx_runtime.jsx)("textarea", {
+							ref: inputRef,
 							className: MessageFeedbackActions_module_css_default.noteInput,
 							"aria-label": t("note.aria"),
 							placeholder: t("note.placeholder"),
 							value: draft,
-							rows: 2,
+							rows: 3,
 							onChange: (event) => {
 								setDraft(event.target.value);
 							}
 						}),
-						(0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: MessageFeedbackActions_module_css_default.noteSave,
-							disabled: pending,
-							onClick: () => {
-								onSaveNote(rating);
-							},
-							children: t("note.save")
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: MessageFeedbackActions_module_css_default.noteActions,
+							children: [(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: MessageFeedbackActions_module_css_default.noteSave,
+								disabled: pending,
+								onClick: () => {
+									onSaveNote(rating);
+								},
+								children: t("note.save")
+							}), (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: MessageFeedbackActions_module_css_default.noteCancel,
+								onClick: closeNote,
+								children: t("note.cancel")
+							})]
 						}),
-						(0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: MessageFeedbackActions_module_css_default.noteCancel,
-							onClick: () => {
-								setNoteOpen(false);
-							},
-							children: t("note.cancel")
+						noteFailure !== null && (0, react_jsx_runtime.jsx)("span", {
+							className: MessageFeedbackActions_module_css_default.failure,
+							role: "status",
+							children: noteFailure
 						})
 					]
-				}),
-				failure === null && loadFailed && (0, react_jsx_runtime.jsx)("span", {
-					className: MessageFeedbackActions_module_css_default.failure,
-					role: "status",
-					children: t("error.load")
-				}),
-				failure !== null && (0, react_jsx_runtime.jsx)("span", {
-					className: MessageFeedbackActions_module_css_default.failure,
-					role: "status",
-					children: failure
-				})
+				}), document.body)
 			] });
 		}
 		//#endregion
@@ -512,6 +626,7 @@ window.__ModuleLoader__.load({
 			"action.dislike": "有问题的回答",
 			"action.dislikeActive": "取消标记",
 			"note.open": "补充说明",
+			"note.dialog": "反馈",
 			"note.placeholder": "这条回答哪里好，或哪里有问题？（可选）",
 			"note.save": "保存",
 			"note.cancel": "取消",
@@ -527,6 +642,7 @@ window.__ModuleLoader__.load({
 			"action.dislike": "Bad response",
 			"action.dislikeActive": "Remove rating",
 			"note.open": "Add a note",
+			"note.dialog": "Feedback",
 			"note.placeholder": "What was good, or what went wrong? (optional)",
 			"note.save": "Save",
 			"note.cancel": "Cancel",

package/lib/types/client/MessageFeedbackActions.d.ts

@@ -1,7 +1,12 @@
 /**
  * Per-message feedback controls: a Like/Dislike pair plus an optional note.
- * Rendered inside the assistant message's IconActions row, so the buttons
- * reuse that row's chrome and sit between copy and branch.
+ * The buttons render inside the assistant message's IconActions row, so they
+ * reuse that row's chrome and sit between copy and branch. The note editor is
+ * a popover (portaled to `document.body`) anchored to the note trigger, not an
+ * inline expansion: a 260px textarea plus buttons cannot fit the row at any
+ * viewport, and an inline element pushed the branch action and clock out of the
+ * conversation column. Portaling out of the column also escapes its `overflow`
+ * clip, so the panel cannot be cropped or detached from the message it annotates.
  * @module @deepseek-ai/dsh-client-ui-message-feedback/client/MessageFeedbackActions
  */
 import type { MessageFeedbackActionProps } from './slots.ts';
@@ -9,7 +14,8 @@ import type { MessageFeedbackActionProps } from './slots.ts';
  * One message's feedback controls.
  * @param props - the owner's message identity, the injected verbs, and the
  * shared feedback hook.
- * @returns the rating buttons, plus the note editor while it is open.
+ * @returns the rating buttons and the note trigger, with the note editor
+ * portal-open beneath the trigger while it is open.
  */
 export declare function MessageFeedbackActions({ messageId, ensure, rate, toggle, clearNote, useFeedback, t }: MessageFeedbackActionProps): import("react").JSX.Element;
 //# sourceMappingURL=MessageFeedbackActions.d.ts.map

package/lib/types/client/locales.d.ts

@@ -6,6 +6,7 @@ export declare const zh: {
     'action.dislike': string;
     'action.dislikeActive': string;
     'note.open': string;
+    'note.dialog': string;
     'note.placeholder': string;
     'note.save': string;
     'note.cancel': string;
@@ -29,6 +30,7 @@ export declare const en: {
     'action.dislike': string;
     'action.dislikeActive': string;
     'note.open': string;
+    'note.dialog': string;
     'note.placeholder': string;
     'note.save': string;
     'note.cancel': string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@deepseek-ai/dsh-client-ui-message-feedback",
   "description": "Per-message feedback controls contributed to the assistant-message action strip, backed by the messageFeedback Host Remote",
-  "version": "0.1.0-rc.7",
+  "version": "0.1.0-rc.8",
   "publishConfig": {
     "access": "public"
   },
@@ -42,35 +42,33 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "react": "^18.2.0",
-    "@deepseek-ai/dsh-client-connection": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-locale": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-runtime": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-invariants": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-message-feedback": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-api-remotes": "^0.1.0-rc.7",
+    "@deepseek-ai/dsh-api-remotes": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-connection": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-locale": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-runtime": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-invariants": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-typert-protocol": "^0.1.0-rc.8",
     "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-typert-protocol": "^0.1.0-rc.7"
+    "@deepseek-ai/dsh-message-feedback": "^0.1.0-rc.8"
   },
   "devDependencies": {
     "@testing-library/react": "^16.1.0",
     "@types/react": "~18.3.1",
+    "@types/react-dom": "~18.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@deepseek-ai/dsh-api-remotes": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-connection": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-locale": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-test-runtime": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-runtime": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-invariants": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-message-feedback": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-typert-protocol": "^0.1.0-rc.7",
-    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.0-rc.7",
+    "@deepseek-ai/dsh-client-connection": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-locale": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-runtime": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-api-remotes": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-test-runtime": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-ui-conversation": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-invariants": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-message-feedback": "^0.1.0-rc.8",
+    "@deepseek-ai/dsh-typert-protocol": "^0.1.0-rc.8",
     "@deepseek-ai/cordis": "^4.0.1"
   },
   "files": [