dsh-input-traffic 0.2.2 → 0.2.4

package/lib/client.js

@@ -136,6 +136,63 @@ window.__ModuleLoader__.load({
 				for (const listener of listeners) listener();
 			}
 		};
+		/** Edit one detached queued message's text in place. */
+		function updatePendingAt(index, text) {
+			const pending = [...state.pending];
+			if (index < 0 || index >= pending.length) return;
+			const entry = pending[index];
+			if (entry === void 0) return;
+			pending[index] = {
+				...entry,
+				text
+			};
+			state = {
+				...state,
+				pending
+			};
+			emit();
+		}
+		/** Change one detached queued message's planned insertion tier. */
+		function setTierAt(index, tier) {
+			const pending = [...state.pending];
+			if (index < 0 || index >= pending.length) return;
+			const entry = pending[index];
+			if (entry === void 0) return;
+			pending[index] = {
+				...entry,
+				tier
+			};
+			state = {
+				...state,
+				pending
+			};
+			emit();
+		}
+		/** Remove one detached queued message. */
+		function removePendingAt(index) {
+			if (index < 0 || index >= state.pending.length) return;
+			state = {
+				...state,
+				pending: state.pending.filter((_, i) => i !== index)
+			};
+			emit();
+		}
+		/** Move one detached queued message to a new position (reorder while frozen). */
+		function movePending(from, to) {
+			if (from === to) return;
+			const pending = [...state.pending];
+			const [moved] = pending.splice(from, 1);
+			if (moved === void 0) return;
+			pending.splice(to, 0, moved);
+			state = {
+				...state,
+				pending
+			};
+			emit();
+		}
+		function emit() {
+			for (const listener of listeners) listener();
+		}
 		//#endregion
 		//#region \0dsh-css:E:\test\rewrite-agently\dsh-input-traffic\src\client\steer-queue-dock.module.css.mjs
 		const css$1 = ".cev0eq_dock{width:100%}.cev0eq_panel{background:var(--ds-color-surface,#fffc);border:1px solid var(--ds-color-border,#00000014);border-radius:10px;overflow:hidden}.cev0eq_toolbar{border-bottom:1px solid var(--ds-color-border,#0000000f);align-items:center;gap:8px;padding:4px 8px;display:flex}.cev0eq_header{color:var(--ds-color-text-secondary,#6b7280);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px 6px;font-size:12px;display:inline-flex}.cev0eq_header:disabled{cursor:default}.cev0eq_lead{color:var(--ds-color-text-tertiary,#9ca3af);display:inline-flex}.cev0eq_count{font-weight:600}.cev0eq_chevron{color:var(--ds-color-text-tertiary,#9ca3af);display:inline-flex}.cev0eq_toolbarActions{margin-left:auto}.cev0eq_clear{color:var(--ds-color-text-secondary,#6b7280);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.cev0eq_freeze{border:1px solid var(--ds-color-border,#0000001f);color:var(--ds-color-text-secondary,#6b7280);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.cev0eq_freeze[aria-pressed=true]{border-color:var(--ds-steer-green,#30a46c);color:var(--ds-steer-green,#30a46c)}.cev0eq_freeze:hover:not(:disabled){background:var(--ds-color-surface-hover,#0000000a)}.cev0eq_freeze:disabled{opacity:.5;cursor:default}.cev0eq_frozenBanner{border-bottom:1px solid var(--ds-color-border,#0000000f);background:color-mix(in srgb, var(--ds-steer-green,#30a46c) 8%, transparent);color:var(--ds-steer-green,#30a46c);padding:4px 10px;font-size:12px}.cev0eq_frozenList{margin:0;padding:4px;list-style:none}.cev0eq_frozenRow{border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.cev0eq_frozenMark{color:var(--ds-color-text-tertiary,#9ca3af);flex:none;margin-left:auto;font-size:11px}.cev0eq_clear:hover:not(:disabled){border-color:var(--ds-color-border,#0000001f);background:var(--ds-color-surface-hover,#0000000a)}.cev0eq_clear:disabled{opacity:.5;cursor:default}.cev0eq_clearConfirm{border-color:var(--ds-steer-red,#e5484d);color:var(--ds-steer-red,#e5484d)}.cev0eq_clearConfirm:hover:not(:disabled){border-color:var(--ds-steer-red,#e5484d);background:color-mix(in srgb, var(--ds-steer-red,#e5484d) 8%, transparent)}.cev0eq_clearCancel{color:var(--ds-color-text-secondary,#6b7280);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.cev0eq_clearCancel:hover:not(:disabled){background:var(--ds-color-surface-hover,#0000000a)}.cev0eq_clearLabel{font-size:12px}.cev0eq_list{margin:0;padding:4px;list-style:none}.cev0eq_row{border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.cev0eq_row[draggable=true]{cursor:grab}.cev0eq_row[draggable=true]:active{cursor:grabbing}.cev0eq_rowDragOver{outline:2px dashed var(--ds-color-border-strong,#00000040);outline-offset:-2px;background:var(--ds-color-surface-hover,#0000000d)}.cev0eq_row:hover{background:var(--ds-color-surface-hover,#00000008)}.cev0eq_row[data-editing]{align-items:flex-start}.cev0eq_preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ds-color-text,#1f2937);flex:1;font-size:13px;overflow:hidden}.cev0eq_badge{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 6px;font-size:11px;line-height:16px;display:inline-flex}.cev0eq_badgeLabel{color:inherit}.cev0eq_badgeNow{color:var(--ds-steer-red,#e5484d);background:color-mix(in srgb, var(--ds-steer-red,#e5484d) 10%, transparent)}.cev0eq_badgeNext{color:var(--ds-steer-yellow,#e8a33d);background:color-mix(in srgb, var(--ds-steer-yellow,#e8a33d) 12%, transparent)}.cev0eq_badgeLater{color:var(--ds-steer-green,#30a46c);background:color-mix(in srgb, var(--ds-steer-green,#30a46c) 12%, transparent)}.cev0eq_badgeNow .cev0eq_dot{background:var(--ds-steer-red,#e5484d)}.cev0eq_badgeNext .cev0eq_dot{background:var(--ds-steer-yellow,#e8a33d)}.cev0eq_badgeLater .cev0eq_dot{background:var(--ds-steer-green,#30a46c)}.cev0eq_steeringList{margin:0;padding:0 4px 4px;list-style:none}.cev0eq_steeringList .cev0eq_row{opacity:.85}.cev0eq_editor{border:1px solid var(--ds-color-border,#00000026);background:var(--ds-color-surface,#fff);resize:none;border-radius:6px;flex:1;min-width:0;max-height:160px;padding:4px 6px;font-size:13px;line-height:20px;overflow-y:auto}.cev0eq_actions{align-items:center;gap:2px;display:inline-flex}.cev0eq_action{width:24px;height:24px;color:var(--ds-color-text-tertiary,#9ca3af);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.cev0eq_action:hover:not(:disabled){background:var(--ds-color-surface-hover,#0000000d);color:var(--ds-color-text,#1f2937)}.cev0eq_action:disabled{opacity:.4;cursor:default}.cev0eq_plan{border-left:1px solid var(--ds-color-border,#00000014);align-items:center;gap:2px;margin-left:4px;padding-left:6px;display:inline-flex}.cev0eq_tier{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex}.cev0eq_tier:hover:not(:disabled){border-color:var(--ds-color-border,#0003)}.cev0eq_tier:disabled{cursor:default}.cev0eq_tierLater{border-color:var(--ds-steer-green,#30a46c);background:color-mix(in srgb, var(--ds-steer-green,#30a46c) 12%, transparent)}.cev0eq_dot{border-radius:50%;width:10px;height:10px}.cev0eq_tierNow .cev0eq_dot{background:var(--ds-steer-red,#e5484d)}.cev0eq_tierNext .cev0eq_dot{background:var(--ds-steer-yellow,#e8a33d)}.cev0eq_tierLater .cev0eq_dot{background:var(--ds-steer-green,#30a46c)}";
@@ -148,42 +205,42 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var steer_queue_dock_module_css_default = {
-			"count": "cev0eq_count",
-			"dock": "cev0eq_dock",
-			"actions": "cev0eq_actions",
-			"clearLabel": "cev0eq_clearLabel",
-			"badgeNext": "cev0eq_badgeNext",
+			"rowDragOver": "cev0eq_rowDragOver",
+			"steeringList": "cev0eq_steeringList",
+			"action": "cev0eq_action",
+			"clearCancel": "cev0eq_clearCancel",
+			"preview": "cev0eq_preview",
+			"badgeLabel": "cev0eq_badgeLabel",
+			"toolbarActions": "cev0eq_toolbarActions",
+			"freeze": "cev0eq_freeze",
 			"chevron": "cev0eq_chevron",
+			"dock": "cev0eq_dock",
 			"tier": "cev0eq_tier",
+			"badge": "cev0eq_badge",
+			"list": "cev0eq_list",
+			"frozenList": "cev0eq_frozenList",
+			"clearConfirm": "cev0eq_clearConfirm",
+			"badgeNext": "cev0eq_badgeNext",
+			"frozenBanner": "cev0eq_frozenBanner",
 			"toolbar": "cev0eq_toolbar",
+			"tierNext": "cev0eq_tierNext",
 			"tierNow": "cev0eq_tierNow",
-			"clearCancel": "cev0eq_clearCancel",
-			"action": "cev0eq_action",
-			"panel": "cev0eq_panel",
+			"clearLabel": "cev0eq_clearLabel",
 			"clear": "cev0eq_clear",
-			"tierNext": "cev0eq_tierNext",
-			"lead": "cev0eq_lead",
-			"tierLater": "cev0eq_tierLater",
-			"freeze": "cev0eq_freeze",
-			"frozenList": "cev0eq_frozenList",
-			"badgeLabel": "cev0eq_badgeLabel",
-			"plan": "cev0eq_plan",
 			"row": "cev0eq_row",
+			"badgeNow": "cev0eq_badgeNow",
 			"header": "cev0eq_header",
-			"clearConfirm": "cev0eq_clearConfirm",
-			"rowDragOver": "cev0eq_rowDragOver",
-			"toolbarActions": "cev0eq_toolbarActions",
-			"frozenBanner": "cev0eq_frozenBanner",
+			"frozenMark": "cev0eq_frozenMark",
 			"badgeLater": "cev0eq_badgeLater",
-			"steeringList": "cev0eq_steeringList",
-			"badge": "cev0eq_badge",
-			"frozenRow": "cev0eq_frozenRow",
-			"list": "cev0eq_list",
-			"badgeNow": "cev0eq_badgeNow",
-			"preview": "cev0eq_preview",
 			"dot": "cev0eq_dot",
-			"frozenMark": "cev0eq_frozenMark",
-			"editor": "cev0eq_editor"
+			"actions": "cev0eq_actions",
+			"panel": "cev0eq_panel",
+			"editor": "cev0eq_editor",
+			"lead": "cev0eq_lead",
+			"tierLater": "cev0eq_tierLater",
+			"plan": "cev0eq_plan",
+			"frozenRow": "cev0eq_frozenRow",
+			"count": "cev0eq_count"
 		};
 		//#endregion
 		//#region src/client/steer-queue-dock.tsx
@@ -267,7 +324,7 @@ window.__ModuleLoader__.load({
 			const editorRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
 				if (queue.length === 0 && !collapsed) setCollapsed(true);
-				if (editing !== null && (!queueMutable || !queue.some((row) => row.id === editing.id))) setEditing(null);
+				if (editing !== null && !editing.id.startsWith("frozen:") && (!queueMutable || !queue.some((row) => row.id === editing.id))) setEditing(null);
 			}, [
 				collapsed,
 				editing,
@@ -442,6 +499,17 @@ window.__ModuleLoader__.load({
 				if (confirmTimer.current !== null) clearTimeout(confirmTimer.current);
 				setConfirmClear(false);
 			};
+			/** Save an in-place edit of one detached (frozen) queued message. */
+			const saveFrozenEdit = async (index) => {
+				if (editing === null) return;
+				const text = editing.text.trim();
+				if (text === "") {
+					setEditing(null);
+					return;
+				}
+				updatePendingAt(index, text);
+				setEditing(null);
+			};
 			/**
 			* Pull one queued row back into the composer draft for editing: the text
 			* back-fills the input box and the row leaves the queue; the user edits and
@@ -542,28 +610,204 @@ window.__ModuleLoader__.load({
 						frozen && frozenPending.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 							className: steer_queue_dock_module_css_default.frozenList,
 							"data-testid": "frozen-list",
-							children: frozenPending.map((text, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-								className: steer_queue_dock_module_css_default.frozenRow,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: steer_queue_dock_module_css_default.lead,
-										"aria-hidden": true,
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutline14, {})
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SteerBadge, {
-										tier: "later",
-										t
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: steer_queue_dock_module_css_default.preview,
-										children: text
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: steer_queue_dock_module_css_default.frozenMark,
-										children: t("steer.frozenBadge")
-									})
-								]
-							}, i))
+							children: frozenPending.map((entry, i) => {
+								const editingFrozen = editing?.id === `frozen:${i}`;
+								const text = entry.text;
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+									className: steer_queue_dock_module_css_default.frozenRow,
+									"data-tier": entry.tier === "force" ? "now" : entry.tier === "safe_point" ? "next" : "later",
+									"data-editing": editingFrozen ? "" : void 0,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: steer_queue_dock_module_css_default.lead,
+											"aria-hidden": true,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutline14, {})
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SteerBadge, {
+											tier: entry.tier === "force" ? "now" : entry.tier === "safe_point" ? "next" : "later",
+											t
+										}),
+										editingFrozen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+											ref: editorRef,
+											autoFocus: true,
+											className: steer_queue_dock_module_css_default.editor,
+											"aria-label": t("queue.edit"),
+											rows: 1,
+											value: editing?.text ?? text,
+											onChange: (event) => {
+												setEditing({
+													id: `frozen:${i}`,
+													text: event.currentTarget.value
+												});
+											},
+											onInput: (event) => {
+												resizeEditor(event.currentTarget);
+											},
+											onKeyDown: (event) => {
+												if (event.key === "Escape") {
+													setEditing(null);
+													return;
+												}
+												if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+													event.preventDefault();
+													saveFrozenEdit(i);
+												}
+											}
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: steer_queue_dock_module_css_default.preview,
+											children: text
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: steer_queue_dock_module_css_default.actions,
+											children: editingFrozen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+												label: t("queue.save"),
+												side: "bottom",
+												delayMs: 500,
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: steer_queue_dock_module_css_default.action,
+													"aria-label": t("queue.save"),
+													disabled: editing === null || editing.text.trim() === "",
+													onClick: () => {
+														saveFrozenEdit(i);
+													},
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 14 })
+												})
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+												label: t("queue.cancelEdit"),
+												side: "bottom",
+												delayMs: 500,
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: steer_queue_dock_module_css_default.action,
+													"aria-label": t("queue.cancelEdit"),
+													onClick: () => {
+														setEditing(null);
+													},
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
+												})
+											})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+													label: t("steer.moveUp"),
+													side: "bottom",
+													delayMs: 500,
+													disabled: i === 0,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: steer_queue_dock_module_css_default.action,
+														"aria-label": t("steer.moveUp"),
+														disabled: i === 0,
+														onClick: () => movePending(i, i - 1),
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, {})
+													})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+													label: t("steer.moveDown"),
+													side: "bottom",
+													delayMs: 500,
+													disabled: i === frozenPending.length - 1,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: steer_queue_dock_module_css_default.action,
+														"aria-label": t("steer.moveDown"),
+														disabled: i === frozenPending.length - 1,
+														onClick: () => movePending(i, i + 1),
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})
+													})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+													label: t("queue.edit"),
+													side: "bottom",
+													delayMs: 500,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: steer_queue_dock_module_css_default.action,
+														"aria-label": t("queue.edit"),
+														onClick: () => {
+															setEditing({
+																id: `frozen:${i}`,
+																text
+															});
+														},
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 14 })
+													})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+													label: t("queue.remove"),
+													side: "bottom",
+													delayMs: 500,
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: steer_queue_dock_module_css_default.action,
+														"aria-label": t("queue.remove"),
+														onClick: () => removePendingAt(i),
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 14 })
+													})
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: steer_queue_dock_module_css_default.plan,
+													role: "group",
+													"aria-label": t("steer.later.aria"),
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+															label: t("steer.now"),
+															side: "bottom",
+															delayMs: 500,
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: `${steer_queue_dock_module_css_default.tier} ${steer_queue_dock_module_css_default.tierNow}`,
+																"aria-label": t("steer.now"),
+																"aria-pressed": entry.tier === "force" || void 0,
+																onClick: () => setTierAt(i, "force"),
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: steer_queue_dock_module_css_default.dot,
+																	"aria-hidden": true
+																})
+															})
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+															label: t("steer.next"),
+															side: "bottom",
+															delayMs: 500,
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: `${steer_queue_dock_module_css_default.tier} ${steer_queue_dock_module_css_default.tierNext}`,
+																"aria-label": t("steer.next"),
+																"aria-pressed": entry.tier === "safe_point" || void 0,
+																onClick: () => setTierAt(i, "safe_point"),
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: steer_queue_dock_module_css_default.dot,
+																	"aria-hidden": true
+																})
+															})
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+															label: t("steer.later"),
+															side: "bottom",
+															delayMs: 500,
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: `${steer_queue_dock_module_css_default.tier} ${steer_queue_dock_module_css_default.tierLater}`,
+																"aria-label": t("steer.later"),
+																"aria-pressed": entry.tier === "queue" || void 0,
+																onClick: () => setTierAt(i, "queue"),
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: steer_queue_dock_module_css_default.dot,
+																	"aria-hidden": true
+																})
+															})
+														})
+													]
+												})
+											] })
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: steer_queue_dock_module_css_default.frozenMark,
+											children: t("steer.frozenBadge")
+										})
+									]
+								}, i);
+							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 							id: listId,
@@ -929,11 +1173,14 @@ window.__ModuleLoader__.load({
 		* Freeze/resume toggle for the peak-hour scenario.
 		* @param props - slot props; the session snapshot drives the detach list.
 		*/
-		function FreezeButton({ session, updateQueue, send, notify, t }) {
+		function FreezeButton({ session, updateQueue, cancel, send, notify, t }) {
 			const { frozen } = (0, react.useSyncExternalStore)(freezeStore.subscribe, freezeStore.getSnapshot);
 			const freeze = async () => {
 				const queued = session.queue.filter((row) => row.placement === "queued");
-				const pending = queued.flatMap((row) => row.text === null ? [] : [row.text]);
+				const pending = queued.flatMap((row) => row.text === null ? [] : [{
+					text: row.text,
+					tier: "queue"
+				}]);
 				await Promise.all(queued.map((row) => updateQueue(row.id, { kind: "remove" }).catch(() => void 0)));
 				freezeStore.set({
 					frozen: true,
@@ -947,7 +1194,10 @@ window.__ModuleLoader__.load({
 					pending: []
 				});
 				try {
-					for (const text of pending) await send(text);
+					for (const entry of pending) {
+						if (entry.tier === "force") await cancel();
+						await send(entry.text);
+					}
 				} catch {
 					notify("error", t("steer.resumeFailed"));
 				}