@qilin-agent/client-ui-workspace 3.1.5 → 3.1.7

package/lib/client.js

@@ -4,11 +4,11 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _qilin_agent_client_ui_primitives = require("@qilin-agent/client-ui-primitives");
 		let _qilin_agent_client_store = require("@qilin-agent/client-store");
 		let _qilin_agent_kylin = require("@qilin-agent/kylin");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react = require("react");
-		let _qilin_agent_client_ui_primitives = require("@qilin-agent/client-ui-primitives");
 		//#region lib/types/client/shortcuts.js
 		/**
 		* Create the private browser request source shared by commands and controls.
@@ -688,6 +688,7 @@ window.__ModuleLoader__.load({
 			workspaces;
 			sessions;
 			view;
+			notify;
 			connecting = /* @__PURE__ */ new Map();
 			lifetime = new AbortController();
 			/**
@@ -703,13 +704,15 @@ window.__ModuleLoader__.load({
 			* @param workspaces - pure Workspace Controller.
 			* @param sessions - pure Session Controller.
 			* @param view - the browser's viewing-store write set, which owns saved Session order.
+			* @param notify - show one notice through the Workspace notice channel.
 			*/
-			constructor(ctx, directoryPicker, workspaces, sessions, view) {
+			constructor(ctx, directoryPicker, workspaces, sessions, view, notify) {
 				super(ctx, "uiWorkspace");
 				this.directoryPicker = directoryPicker;
 				this.workspaces = workspaces;
 				this.sessions = sessions;
 				this.view = view;
+				this.notify = notify;
 				ctx.effect(() => {
 					const stop = this.watchNavigation();
 					return () => {
@@ -721,29 +724,49 @@ window.__ModuleLoader__.load({
 					};
 				}, "ui-workspace: Workspace navigation policy");
 			}
-			async connectWorkspace(workspaceId) {
+			async connectWorkspace(workspaceId, options) {
 				const workspace = this.workspaces.list.getSnapshot().items.find((item) => item.workspaceId === workspaceId);
 				if (workspace === void 0) throw new Error(`uiWorkspace.connectWorkspace: unknown workspace ${workspaceId}`);
 				const inflight = this.connecting.get(workspaceId);
-				if (inflight !== void 0) return inflight;
+				if (inflight !== void 0 && inflight.agentPreset === options?.agentPreset) return inflight.attempt;
 				const archived = this.workspaces.list.getSnapshot().archivedSessionIds;
 				const sessions = this.sessions.list.getSnapshot();
 				for (const id of sessions.ids) {
 					const summary = sessions.byId[id];
-					if (summary !== void 0 && summary.blank && summary.cwd === workspace.path && workspace.sessionIds.includes(summary.id) && !archived.includes(summary.id)) return summary.id;
+					const listed = summary?.projectionValues?.agentPreset;
+					if (summary !== void 0 && summary.blank && summary.cwd === workspace.path && workspace.sessionIds.includes(summary.id) && !archived.includes(summary.id) && (options?.agentPreset === void 0 || typeof listed !== "string" || listed === options.agentPreset)) {
+						const reuse = this.sessions.create({
+							workspaceId,
+							sessionId: summary.id,
+							...options?.agentPreset === void 0 ? {} : { agentPreset: options.agentPreset }
+						}).finally(() => {
+							this.connecting.delete(workspaceId);
+						});
+						this.connecting.set(workspaceId, {
+							agentPreset: options?.agentPreset,
+							attempt: reuse
+						});
+						return reuse;
+					}
 				}
-				const attempt = this.sessions.create({ workspaceId }).finally(() => {
+				const attempt = this.sessions.create({
+					workspaceId,
+					...options?.agentPreset === void 0 ? {} : { agentPreset: options.agentPreset }
+				}).finally(() => {
 					this.connecting.delete(workspaceId);
 				});
-				this.connecting.set(workspaceId, attempt);
+				this.connecting.set(workspaceId, {
+					agentPreset: options?.agentPreset,
+					attempt
+				});
 				return attempt;
 			}
 			openSession(target) {
 				this.replaceMain(target, this.lifetime.signal);
 			}
-			async openWorkspace(workspaceId, beforeOpen) {
+			async openWorkspace(workspaceId, beforeOpen, options) {
 				const navigation = AbortSignal.any([this.ctx.layout.beginNavigation(), this.lifetime.signal]);
-				const sessionId = await this.connectWorkspace(workspaceId);
+				const sessionId = await this.connectWorkspace(workspaceId, options);
 				if (navigation.aborted) return;
 				this.replaceMain(sessionId, navigation, beforeOpen);
 			}
@@ -755,7 +778,10 @@ window.__ModuleLoader__.load({
 				});
 				if (!navigation.aborted) this.replaceMain(childId, navigation);
 			}
-			startSession(workspaceId) {
+			startSession(workspaceId, options) {
+				const { agentPreset, ...draft } = options ?? {};
+				const draftOptions = options === void 0 ? void 0 : structuredClone(draft);
+				const initializeDraft = draftOptions !== void 0 && (draftOptions.prompt !== void 0 || (draftOptions.whenDraftExists ?? (draftOptions.clearPreviousDraft === true ? "replace" : "keep")) === "replace");
 				const workspace = this.workspaces.list.getSnapshot();
 				const sessions = this.sessions.list.getSnapshot();
 				const current = this.mainReference?.sessionId;
@@ -763,13 +789,37 @@ window.__ModuleLoader__.load({
 				const recent = workspace.phase === "ready" && sessions.phase === "ready" ? recentWorkspace(workspace.items, sessions.byId) : void 0;
 				const target = workspaceId ?? currentWorkspaceId ?? recent;
 				if (target === void 0) {
+					if (initializeDraft) {
+						this.notify({
+							kind: "createFailed",
+							message: this.ctx.locale.bind("workspace")("draft.workspaceRequired")
+						});
+						return;
+					}
 					this.clearMain();
 					return;
 				}
-				this.openWorkspace(target).catch((reason) => {
+				this.openWorkspace(target, initializeDraft ? (id) => {
+					const binding = this.sessions.binding(id);
+					if (binding === void 0) this.draftPreparationFailed();
+					this.prepareDraft(binding, draftOptions);
+				} : void 0, agentPreset === void 0 ? void 0 : { agentPreset }).catch((reason) => {
 					console.warn("new session failed:", reason);
 				});
 			}
+			prepareDraft(binding, options) {
+				const conversation = this.ctx.get("conversation");
+				if (conversation === void 0) this.draftPreparationFailed();
+				if (conversation.input.requestDraftInitialization(binding, options) === "blocked") this.draftPreparationFailed();
+			}
+			draftPreparationFailed() {
+				const message = this.ctx.locale.bind("workspace")("draft.initializationFailed");
+				this.notify({
+					kind: "createFailed",
+					message
+				});
+				throw new Error(message);
+			}
 			async archiveSession(sessionId) {
 				await this.workspaces.archiveSession(sessionId);
 				if (this.mainReference?.sessionId === sessionId) this.clearMain();
@@ -927,7 +977,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-workspace/src/client/rows/Rows.module.css.mjs
-		const css$2 = ".RrwzeW_projectRow,.RrwzeW_sessionRow{padding:0 8px;cursor:pointer;user-select:none;color:var(--qilin-alias-label-primary);border-radius:8px;align-items:center;gap:6px;padding-inline-start:calc(8px + var(--dsh-workspace-indent,0px));display:flex}.RrwzeW_projectRow:hover,.RrwzeW_sessionRow:hover,.RrwzeW_sessionRow.RrwzeW_selected{background:var(--qilin-alias-interactive-bg-hover)}.RrwzeW_searchResultRow{box-sizing:border-box;cursor:pointer;text-align:left;width:100%;min-height:48px;color:var(--qilin-alias-label-primary);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:stretch;padding:4px 8px;display:flex}.RrwzeW_searchResultRow:hover,.RrwzeW_searchResultRow.RrwzeW_selected{background:var(--qilin-alias-interactive-bg-hover)}.RrwzeW_searchResultHeading{align-items:center;min-width:0;display:flex}.RrwzeW_searchResultTitle{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;margin-left:4px;font-size:14px;line-height:20px;overflow:hidden}.RrwzeW_searchResultMeta{align-items:center;gap:6px;min-width:0;margin-left:20px;display:flex}.RrwzeW_searchResultWorkspace,.RrwzeW_searchResultSnippet{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:17px;overflow:hidden}.RrwzeW_searchResultWorkspace{max-width:40%;color:var(--qilin-alias-label-tertiary);flex:none}.RrwzeW_searchResultSnippet{min-width:0;color:var(--qilin-alias-label-secondary);flex:1}.RrwzeW_projectRow{box-sizing:border-box;align-items:center;height:34px}.RrwzeW_projectRow .RrwzeW_rowActions{height:20px}.RrwzeW_sessionRow{height:32px;animation:RrwzeW_row-in .15s var(--ds-ease-in-out);gap:0}.RrwzeW_sessionRow .RrwzeW_title{margin:0 6px 0 4px}@keyframes RrwzeW_row-in{0%{opacity:0}}.RrwzeW_slot{width:16px;height:20px;color:var(--qilin-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.RrwzeW_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.RrwzeW_folderActive{color:var(--qilin-alias-state-business-primary)}.RrwzeW_projectRow .RrwzeW_chevron{display:none}.RrwzeW_projectRow:hover .RrwzeW_chevron{display:inline-flex}.RrwzeW_projectRow:hover .RrwzeW_folder{display:none}.RrwzeW_arrow{transition:transform .15s var(--ds-ease-in-out)}.RrwzeW_arrowOpen{transform:rotate(90deg)}.RrwzeW_projectText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.RrwzeW_title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:20px;overflow:hidden}.RrwzeW_renameInput{border:.5px solid var(--qilin-alias-border-l4);background:var(--qilin-alias-button-elevated-fill);min-width:0;color:inherit;border-radius:4px;outline:none;padding:0 2px;font-size:14px;line-height:20px}.RrwzeW_sessionRow .RrwzeW_title{scroll-behavior:smooth;flex:1}@media (hover:hover){.RrwzeW_sessionRow:hover .RrwzeW_title{text-overflow:clip}}.RrwzeW_meta{text-overflow:ellipsis;white-space:nowrap;color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:20px;overflow:hidden}.RrwzeW_time{color:var(--qilin-alias-label-tertiary);flex:none;font-size:12px;line-height:20px}.RrwzeW_dot{flex:none}.RrwzeW_pinIndicator{width:16px;height:20px;color:var(--qilin-alias-label-caption);flex:none;justify-content:center;align-items:center;margin-left:6px;display:inline-flex}.RrwzeW_sessionRow:hover .RrwzeW_pinIndicator,.RrwzeW_sessionRow.RrwzeW_menuOpen .RrwzeW_pinIndicator{display:none}.RrwzeW_rowActions{flex:none;align-items:center;gap:12px;display:none}.RrwzeW_projectRow:hover .RrwzeW_rowActions,.RrwzeW_sessionRow:hover .RrwzeW_rowActions,.RrwzeW_projectRow.RrwzeW_menuOpen .RrwzeW_rowActions,.RrwzeW_sessionRow.RrwzeW_menuOpen .RrwzeW_rowActions{display:inline-flex}.RrwzeW_sessionRow:hover .RrwzeW_time,.RrwzeW_sessionRow.RrwzeW_menuOpen .RrwzeW_time{display:none}.RrwzeW_projectRow.RrwzeW_menuOpen,.RrwzeW_sessionRow.RrwzeW_menuOpen{background:var(--qilin-alias-interactive-bg-hover)}.RrwzeW_sessionRow.RrwzeW_dropBefore,.RrwzeW_sessionRow.RrwzeW_dropAfter{position:relative}.RrwzeW_sessionRow.RrwzeW_dropBefore:before,.RrwzeW_sessionRow.RrwzeW_dropAfter:after{content:\"\";z-index:1;background:linear-gradient(55deg, transparent calc(50% - 1px), var(--qilin-alias-state-business-primary) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 0 / 5px 7px no-repeat, linear-gradient(125deg, transparent calc(50% - 1px), var(--qilin-alias-state-business-primary) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 5px / 5px 7px no-repeat, linear-gradient(var(--qilin-alias-state-business-primary) 0 0) 4px 5px / calc(100% - 4px) 2px no-repeat;pointer-events:none;height:12px;position:absolute;left:0;right:4px}.RrwzeW_sessionRow.RrwzeW_dropBefore:before{top:-7px}.RrwzeW_sessionRow.RrwzeW_dropAfter:after{bottom:-7px}.RrwzeW_hoverContent{flex-direction:column;gap:8px;display:flex}.RrwzeW_hoverTitle{color:#fff;overflow-wrap:break-word;font-size:14px;line-height:20px}.RrwzeW_hoverPath{color:#cfd3d6;word-break:break-all;font-size:12px;line-height:16px}.RrwzeW_hoverTime{color:#cfd3d6;font-size:12px;line-height:16px}.RrwzeW_hoverStatus{color:#adb2b8;align-items:center;gap:8px;font-size:12px;line-height:20px;display:flex}.RrwzeW_iconButton{cursor:pointer;width:16px;height:16px;color:var(--qilin-alias-label-tertiary);background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.RrwzeW_iconButton:hover{color:var(--qilin-alias-label-primary)}.RrwzeW_chevron{color:var(--qilin-alias-label-caption)}@media (prefers-reduced-motion:reduce){.RrwzeW_sessionRow,.RrwzeW_arrow{transition:none;animation:none}.RrwzeW_sessionRow .RrwzeW_title{scroll-behavior:auto}}";
+		const css$2 = ".RrwzeW_projectRow,.RrwzeW_sessionRow{padding:0 8px;cursor:pointer;user-select:none;color:var(--qilin-alias-label-primary);border-radius:8px;align-items:center;gap:6px;padding-inline-start:calc(8px + var(--dsh-workspace-indent,0px));display:flex}.RrwzeW_projectRow:hover,.RrwzeW_sessionRow:hover,.RrwzeW_sessionRow.RrwzeW_selected{background:var(--qilin-alias-interactive-bg-hover)}.RrwzeW_searchResultRow{box-sizing:border-box;cursor:pointer;text-align:left;width:100%;min-height:48px;color:var(--qilin-alias-label-primary);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:stretch;padding:4px 8px;display:flex}.RrwzeW_searchResultRow:hover,.RrwzeW_searchResultRow.RrwzeW_selected{background:var(--qilin-alias-interactive-bg-hover)}.RrwzeW_searchResultHeading{align-items:center;min-width:0;display:flex}.RrwzeW_searchResultTitle{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;margin-left:4px;font-size:14px;line-height:20px;overflow:hidden}.RrwzeW_searchResultMeta{align-items:center;gap:6px;min-width:0;margin-left:20px;display:flex}.RrwzeW_searchResultWorkspace,.RrwzeW_searchResultSnippet{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:17px;overflow:hidden}.RrwzeW_searchResultWorkspace{max-width:40%;color:var(--qilin-alias-label-tertiary);flex:none}.RrwzeW_searchResultSnippet{min-width:0;color:var(--qilin-alias-label-secondary);flex:1}.RrwzeW_projectRow{box-sizing:border-box;align-items:center;height:34px}.RrwzeW_projectRow .RrwzeW_rowActions{height:20px}.RrwzeW_sessionRow{height:32px;animation:RrwzeW_row-in .15s var(--ds-ease-in-out);gap:0}.RrwzeW_sessionRow .RrwzeW_title{margin:0 6px 0 4px}@keyframes RrwzeW_row-in{0%{opacity:0}}.RrwzeW_slot{width:16px;height:20px;color:var(--qilin-alias-label-tertiary);flex:none;justify-content:center;align-items:center;display:inline-flex}.RrwzeW_visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.RrwzeW_folderActive{color:var(--qilin-alias-state-business-primary)}.RrwzeW_projectRow .RrwzeW_chevron{display:none}.RrwzeW_projectRow:hover .RrwzeW_chevron{display:inline-flex}.RrwzeW_projectRow:hover .RrwzeW_folder{display:none}.RrwzeW_arrow{transition:transform .15s var(--ds-ease-in-out)}.RrwzeW_arrowOpen{transform:rotate(90deg)}.RrwzeW_projectText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.RrwzeW_title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:20px;overflow:hidden}.RrwzeW_renameInput{border:.5px solid var(--qilin-alias-border-l4);background:var(--qilin-alias-button-elevated-fill);min-width:0;color:inherit;border-radius:4px;outline:none;padding:0 2px;font-size:14px;line-height:20px}.RrwzeW_sessionRow .RrwzeW_title{flex:1}.RrwzeW_sessionRow .RrwzeW_title[data-scrolled]{mask-image:linear-gradient(90deg,#0000,#000 12px)}.RrwzeW_sessionRow .RrwzeW_title[data-clipped]{mask-image:linear-gradient(270deg,#0000,#000 12px)}.RrwzeW_sessionRow .RrwzeW_title[data-scrolled][data-clipped]{mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}@media (hover:hover){.RrwzeW_sessionRow:hover .RrwzeW_title,.RrwzeW_sessionRow.RrwzeW_menuOpen .RrwzeW_title{text-overflow:clip}}.RrwzeW_meta{text-overflow:ellipsis;white-space:nowrap;color:var(--qilin-alias-label-tertiary);font-size:12px;line-height:20px;overflow:hidden}.RrwzeW_time{color:var(--qilin-alias-label-tertiary);flex:none;font-size:12px;line-height:20px}.RrwzeW_dot{flex:none}.RrwzeW_pinIndicator{width:16px;height:20px;color:var(--qilin-alias-label-caption);flex:none;justify-content:center;align-items:center;margin-left:6px;display:inline-flex}.RrwzeW_sessionRow:hover .RrwzeW_pinIndicator,.RrwzeW_sessionRow.RrwzeW_menuOpen .RrwzeW_pinIndicator{display:none}.RrwzeW_rowActions{flex:none;align-items:center;gap:15px;display:none}.RrwzeW_projectRow:hover .RrwzeW_rowActions,.RrwzeW_sessionRow:hover .RrwzeW_rowActions,.RrwzeW_projectRow.RrwzeW_menuOpen .RrwzeW_rowActions,.RrwzeW_sessionRow.RrwzeW_menuOpen .RrwzeW_rowActions{display:inline-flex}.RrwzeW_sessionRow:hover .RrwzeW_time,.RrwzeW_sessionRow.RrwzeW_menuOpen .RrwzeW_time{display:none}.RrwzeW_projectRow.RrwzeW_menuOpen,.RrwzeW_sessionRow.RrwzeW_menuOpen{background:var(--qilin-alias-interactive-bg-hover)}.RrwzeW_sessionRow.RrwzeW_dropBefore,.RrwzeW_sessionRow.RrwzeW_dropAfter{position:relative}.RrwzeW_sessionRow.RrwzeW_dropBefore:before,.RrwzeW_sessionRow.RrwzeW_dropAfter:after{content:\"\";z-index:1;background:linear-gradient(55deg, transparent calc(50% - 1px), var(--qilin-alias-state-business-primary) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 0 / 5px 7px no-repeat, linear-gradient(125deg, transparent calc(50% - 1px), var(--qilin-alias-state-business-primary) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 5px / 5px 7px no-repeat, linear-gradient(var(--qilin-alias-state-business-primary) 0 0) 4px 5px / calc(100% - 4px) 2px no-repeat;pointer-events:none;height:12px;position:absolute;left:0;right:4px}.RrwzeW_sessionRow.RrwzeW_dropBefore:before{top:-7px}.RrwzeW_sessionRow.RrwzeW_dropAfter:after{bottom:-7px}.RrwzeW_hoverContent{flex-direction:column;gap:8px;display:flex}.RrwzeW_hoverTitle{color:#fff;overflow-wrap:break-word;font-size:14px;line-height:20px}.RrwzeW_hoverPath{color:#cfd3d6;word-break:break-all;font-size:12px;line-height:16px}.RrwzeW_hoverTime{color:#cfd3d6;font-size:12px;line-height:16px}.RrwzeW_hoverStatus{color:#adb2b8;align-items:center;gap:8px;font-size:12px;line-height:20px;display:flex}.RrwzeW_iconButton{cursor:pointer;width:16px;height:16px;color:var(--qilin-alias-label-tertiary);background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.RrwzeW_iconButton:hover{color:var(--qilin-alias-label-primary)}.RrwzeW_chevron{color:var(--qilin-alias-label-caption)}@media (prefers-reduced-motion:reduce){.RrwzeW_sessionRow,.RrwzeW_arrow{transition:none;animation:none}}";
 		const tagId$2 = "@qilin-agent/client-ui-workspace/Rows.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -978,7 +1028,8 @@ window.__ModuleLoader__.load({
 		* Workspace browser tree row components (figma Cell set 14:3080): pure presentational —
 		* all data and callbacks arrive via props. Hover swaps (folder->chevron,
 		* time->ellipsis, action buttons) are CSS-only, and a session row's clipped
-		* title is scrolled programmatically while the row is hovered. Row ... menus are
+		* title marquees programmatically while the row is hovered, fading both
+		* clipping edges from the depth of its travel. Row ... menus are
 		* visual-only except workspace Rename/Delete and session Rename/Fork/Archive; the
 		* session and workspace hover cards are suppressed while a menu is open.
 		*/
@@ -986,29 +1037,91 @@ window.__ModuleLoader__.load({
 		function displayTitle(node, t) {
 			return node.blank ? t("session.new") : node.title || t("session.untitled");
 		}
+		const MIN_TITLE_REVEAL_PX = 8;
+		const TITLE_MARQUEE_PX_PER_MS = .03;
+		/** Whether the platform asked for reduced motion; jsdom implements no matchMedia. */
+		function prefersReducedMotion() {
+			return typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+		}
 		/**
-		* Reveal a title wider than its one-line cell while its row is hovered: the
-		* title clips its own text, so the far edge (a fork's incremented title, for
-		* example) is reachable by scrolling the element to its end. Leaving returns it
-		* to the start in one step, because the resting ellipsis and the narrowed cell
-		* would otherwise meet the text while it travelled back. A title that fits has
-		* no scroll range to move, and the stylesheet decides whether either move
-		* glides or jumps.
+		* Place the title's scroll position and publish the stylesheet's fade-mask
+		* hooks: `data-scrolled` while the title has left its start (left fade) and
+		* `data-clipped` while text remains beyond the right edge (right fade).
 		* @param title - the row's clipping title element.
-		* @param revealed - whether the pointer is on the row.
+		* @param left - scroll offset in CSS pixels.
+		* @param range - the title's maximum scroll offset in CSS pixels.
 		*/
-		function revealClippedTitle(title, revealed) {
-			/* v8 ignore next -- defensive: the title span renders unconditionally. */
-			if (title === null) return;
-			if (revealed) {
-				title.scrollLeft = title.scrollWidth - title.clientWidth;
-				return;
-			}
+		function placeTitle(title, left, range) {
+			if (typeof title.scrollTo === "function") title.scrollTo({
+				left,
+				behavior: "instant"
+			});
+			else title.scrollLeft = left;
+			if (left > 0) title.dataset.scrolled = "";
+			else delete title.dataset.scrolled;
+			if (left < range) title.dataset.clipped = "";
+			else delete title.dataset.clipped;
+		}
+		/**
+		* Return the title to its resting state: scrolled to the start with both fade
+		* masks off, so the resting ellipsis renders at full strength.
+		* @param title - the row's clipping title element.
+		*/
+		function restTitle(title) {
 			if (typeof title.scrollTo === "function") title.scrollTo({
 				left: 0,
 				behavior: "instant"
 			});
 			else title.scrollLeft = 0;
+			delete title.dataset.scrolled;
+			delete title.dataset.clipped;
+		}
+		/**
+		* Marquee a title wider than its one-line cell while its row is hovered: the
+		* title clips its own text, so entering crawls it at a constant speed until the
+		* far edge (a fork's incremented title, for example) is in view, then rests
+		* there under the pointer. Overflow of at most {@link MIN_TITLE_REVEAL_PX}
+		* stays put — a barely-clipped title moving a few pixels reads as jitter, not a
+		* reveal. Leaving returns the title to the start in one step, because the
+		* resting ellipsis and the narrowed cell would otherwise meet the text while it
+		* travelled back. Reduced motion jumps to the far edge instead of crawling.
+		* @param title - ref to the row's clipping title element.
+		* @returns stable pointer enter/leave handlers for the row.
+		*/
+		function useTitleMarquee(title) {
+			const frame = (0, react.useRef)(0);
+			(0, react.useEffect)(() => () => {
+				cancelAnimationFrame(frame.current);
+			}, []);
+			return (0, react.useMemo)(() => ({
+				enter: () => {
+					/* v8 ignore next -- defensive: the title span renders unconditionally. */
+					if (title.current === null) return;
+					const element = title.current;
+					const range = element.scrollWidth - element.clientWidth;
+					if (range <= MIN_TITLE_REVEAL_PX) return;
+					if (prefersReducedMotion()) {
+						placeTitle(element, range, range);
+						return;
+					}
+					cancelAnimationFrame(frame.current);
+					let previous;
+					let position = 0;
+					const step = (now) => {
+						position += previous === void 0 ? 0 : (now - previous) * TITLE_MARQUEE_PX_PER_MS;
+						previous = now;
+						placeTitle(element, Math.min(position, range), range);
+						if (position < range) frame.current = requestAnimationFrame(step);
+					};
+					frame.current = requestAnimationFrame(step);
+				},
+				leave: () => {
+					cancelAnimationFrame(frame.current);
+					/* v8 ignore next -- defensive: the title span renders unconditionally. */
+					if (title.current === null) return;
+					restTitle(title.current);
+				}
+			}), [title]);
 		}
 		/** Localized compact relative time ("刚刚"/"5分钟" in zh, "now"/"5min" in en). */
 		function timeLabel(updatedAt, now, t) {
@@ -1081,11 +1194,11 @@ window.__ModuleLoader__.load({
 			const workspaceMenuItems = [{
 				id: "rename",
 				label: t("rename"),
-				icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconEditOutline16, {})
+				icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconEditOutlineRegular, {})
 			}, {
 				id: "delete",
 				label: t("delete.workspace"),
-				icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconTrashOutline16, {}),
+				icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconTrashOutlineRegular, {}),
 				danger: true
 			}];
 			const ownRow = (0, react_jsx_runtime.jsxs)("div", {
@@ -1103,11 +1216,11 @@ window.__ModuleLoader__.load({
 				children: [
 					(0, react_jsx_runtime.jsx)("span", {
 						className: clsx(Rows_module_css_default.slot, Rows_module_css_default.folder, active && Rows_module_css_default.folderActive),
-						children: row.expanded ? (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconFolderOpen16, {}) : (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconFolderClose16, {})
+						children: row.expanded ? (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconFolderOpenRegular, {}) : (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconFolderCloseRegular, {})
 					}),
 					(0, react_jsx_runtime.jsx)("span", {
 						className: clsx(Rows_module_css_default.slot, Rows_module_css_default.chevron),
-						children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconTriangleRightFill14, { className: clsx(Rows_module_css_default.arrow, row.expanded && Rows_module_css_default.arrowOpen) })
+						children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconTriangleRightFillRegular, { className: clsx(Rows_module_css_default.arrow, row.expanded && Rows_module_css_default.arrowOpen) })
 					}),
 					(0, react_jsx_runtime.jsx)("span", {
 						className: Rows_module_css_default.projectText,
@@ -1141,7 +1254,7 @@ window.__ModuleLoader__.load({
 									e.stopPropagation();
 									setMenuOpen((v) => !v);
 								},
-								children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconEllipsisOutline16, {})
+								children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconEllipsisOutlineRegular, {})
 							})
 						}), (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
@@ -1151,7 +1264,7 @@ window.__ModuleLoader__.load({
 								e.stopPropagation();
 								onCreate();
 							},
-							children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPlusOutline16, {})
+							children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPlusOutlineRegular, {})
 						})]
 					})
 				]
@@ -1314,8 +1427,9 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/**
-		* One top-level 34px session row: status dot (pending user interaction outranks
-		* own or descendant activity), title, relative time, and the row actions menu.
+		* One top-level 32px session row: status dot (pending user interaction outranks
+		* own or descendant activity), a title that marquees while the row is hovered,
+		* relative time, and the hover action strip (menu, archive, pin).
 		* @param props.node - derived session node.
 		* @param props.currentId - selected session id (row highlight).
 		* @param props.now - epoch ms for relative-time formatting.
@@ -1323,6 +1437,7 @@ window.__ModuleLoader__.load({
 		* @param props.onRename - open the session rename dialog (id + current title).
 		* @param props.onFork - fork a session at its last completed turn.
 		* @param props.onArchive - archive a session by id.
+		* @param props.onCopyId - copy a session's complete id without opening it.
 		* @param props.onPin - pin a session by id (leading its group and the flat list).
 		* @param props.onUnpin - drop a session's pin.
 		* @param props.onReveal - scroll this row into view after search navigation, then acknowledge it.
@@ -1330,7 +1445,7 @@ window.__ModuleLoader__.load({
 		* @param props.t - the browser root's locale seat.
 		* @returns the session row.
 		*/
-		function SessionNodeItem({ node, currentId, now, onOpen, onRename, onFork, onArchive, onPin, onUnpin, onReveal, drag, renderSlot, t }) {
+		function SessionNodeItem({ node, currentId, now, onOpen, onRename, onFork, onArchive, onCopyId, onPin, onUnpin, onReveal, drag, renderSlot, t }) {
 			const row = node;
 			const title = displayTitle(node, t);
 			const selected = node.id === currentId;
@@ -1340,6 +1455,7 @@ window.__ModuleLoader__.load({
 			const [menuOpen, setMenuOpen] = (0, react.useState)(false);
 			const rowRef = (0, react.useRef)(null);
 			const titleRef = (0, react.useRef)(null);
+			const marquee = useTitleMarquee(titleRef);
 			(0, react.useEffect)(() => {
 				if (onReveal === void 0) return;
 				rowRef.current?.scrollIntoView({ block: "nearest" });
@@ -1354,17 +1470,22 @@ window.__ModuleLoader__.load({
 				{
 					id: "rename",
 					label: t("rename"),
-					icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconEditOutline16, {})
+					icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconEditOutlineRegular, {})
 				},
 				{
 					id: "fork",
 					label: t("menu.fork"),
-					icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconBranchOutline16, {})
+					icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconBranchOutlineRegular, {})
 				},
 				{
 					id: "archive",
 					label: t("menu.archiveSession"),
-					icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconArchiveOutline20, { size: 16 })
+					icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconArchiveOutlineRegular, { size: 16 })
+				},
+				{
+					id: "copyId",
+					label: t("menu.sessionId"),
+					icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconCopyOutlineRegular, {})
 				}
 			];
 			return (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.HoverCard, {
@@ -1376,12 +1497,8 @@ window.__ModuleLoader__.load({
 					onClick: () => {
 						onOpen(node.id);
 					},
-					onPointerEnter: () => {
-						revealClippedTitle(titleRef.current, true);
-					},
-					onPointerLeave: () => {
-						revealClippedTitle(titleRef.current, false);
-					},
+					onPointerEnter: marquee.enter,
+					onPointerLeave: marquee.leave,
 					draggable,
 					onDragStart: drag === void 0 || row.blank ? void 0 : (e) => {
 						e.dataTransfer.effectAllowed = "move";
@@ -1417,41 +1534,67 @@ window.__ModuleLoader__.load({
 						row.pinned && !row.blank && (0, react_jsx_runtime.jsx)(PinnedIndicator, { t }),
 						!row.blank && (0, react_jsx_runtime.jsxs)("span", {
 							className: Rows_module_css_default.rowActions,
-							children: [(0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: Rows_module_css_default.iconButton,
-								"aria-label": t(row.pinned ? "actions.unpin" : "actions.pin"),
-								onClick: (e) => {
-									e.stopPropagation();
-									(row.pinned ? onUnpin : onPin)(node.id);
-								},
-								children: row.pinned ? (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPinFillRegular, { size: 14 }) : (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPinOutlineRegular, { size: 14 })
-							}), (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Menu, {
-								open: menuOpen,
-								onClose: () => {
-									setMenuOpen(false);
-								},
-								items: sessionMenuItems,
-								onSelect: (id) => {
-									setMenuOpen(false);
-									if (id === "pin") (row.pinned ? onUnpin : onPin)(node.id);
-									if (id === "rename") onRename(node.id, row.title);
-									if (id === "fork") onFork(node.id);
-									if (id === "archive") onArchive(node.id);
-								},
-								portal: true,
-								closeOnPointerLeave: true,
-								anchor: (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: Rows_module_css_default.iconButton,
-									"aria-label": t("actions.session.aria", { name: title }),
-									onClick: (e) => {
-										e.stopPropagation();
-										setMenuOpen((v) => !v);
+							children: [
+								(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Menu, {
+									open: menuOpen,
+									onClose: () => {
+										setMenuOpen(false);
+									},
+									items: sessionMenuItems,
+									onSelect: (id) => {
+										setMenuOpen(false);
+										if (id === "pin") (row.pinned ? onUnpin : onPin)(node.id);
+										if (id === "rename") onRename(node.id, row.title);
+										if (id === "fork") onFork(node.id);
+										if (id === "archive") onArchive(node.id);
+										if (id === "copyId") onCopyId(node.id);
 									},
-									children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconEllipsisOutline16, {})
+									portal: true,
+									closeOnPointerLeave: true,
+									anchor: (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: Rows_module_css_default.iconButton,
+										"aria-label": t("actions.session.aria", { name: title }),
+										onClick: (e) => {
+											e.stopPropagation();
+											setMenuOpen((v) => !v);
+										},
+										children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconEllipsisOutlineRegular, {})
+									})
+								}),
+								(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+									label: t("actions.archive"),
+									side: "bottom",
+									delayMs: 500,
+									portal: true,
+									children: (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: Rows_module_css_default.iconButton,
+										"aria-label": t("menu.archiveSession"),
+										onClick: (e) => {
+											e.stopPropagation();
+											onArchive(node.id);
+										},
+										children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconArchiveOutlineRegular, { size: 16 })
+									})
+								}),
+								(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+									label: t(row.pinned ? "actions.unpin" : "actions.pin"),
+									side: "bottom",
+									delayMs: 500,
+									portal: true,
+									children: (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: Rows_module_css_default.iconButton,
+										"aria-label": t(row.pinned ? "actions.unpin" : "actions.pin"),
+										onClick: (e) => {
+											e.stopPropagation();
+											(row.pinned ? onUnpin : onPin)(node.id);
+										},
+										children: row.pinned ? (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPinFillRegular, { size: 14 }) : (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPinOutlineRegular, { size: 14 })
+									})
 								})
-							})]
+							]
 						})
 					]
 				}),
@@ -1507,14 +1650,14 @@ window.__ModuleLoader__.load({
 			const addEntries = flowAvailable ? [{
 				id: ADD_WORKSPACE,
 				label: t("menu.addWorkspace"),
-				icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPlusOutline16, { size: 16 }),
+				icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPlusOutlineRegular, { size: 16 }),
 				disabled: flowBusy
 			}] : [];
 			const pinAdd = !addOnly && workspaces.length > 0;
 			const items = pinAdd ? workspaces.map((workspace) => ({
 				id: workspace.workspaceId,
 				label: workspace.title,
-				icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconFolderClose16, { size: 16 }),
+				icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconFolderCloseRegular, { size: 16 }),
 				disabled: flowBusy
 			})) : addEntries;
 			const menuIsEmpty = items.length === 0;
@@ -1710,22 +1853,46 @@ window.__ModuleLoader__.load({
 		const SEARCH_DEBOUNCE_MS = 250;
 		/** `session.search` wire bound, measured in JavaScript UTF-16 code units. */
 		const SEARCH_QUERY_MAX_CODE_UNITS = 500;
-		/** Session rows visible per Workspace before the local overflow control. */
-		const COLLAPSED_SESSION_LIMIT = 5;
-		/** Fold one Workspace without charging its provisional New Session against the ordinary-row limit. */
-		function collapsedSessionRows(sessions) {
-			let ordinaryCount = 0;
+		/** Non-blank Session rows visible per Workspace while no Session raises its watermark. */
+		const SESSION_WATERMARK_BASE = 5;
+		/** Highest watermark that attention-bearing Sessions raise automatically; Show more may exceed it. */
+		const SESSION_WATERMARK_AUTO_MAX = 50;
+		/** Show the blank row plus the first `watermark` non-blank rows, in list order. */
+		function watermarkRows(sessions, watermark) {
+			let count = 0;
 			const rows = sessions.filter((session) => {
 				if (session.blank) return true;
-				if (ordinaryCount >= COLLAPSED_SESSION_LIMIT) return false;
-				ordinaryCount += 1;
-				return true;
+				count += 1;
+				return count <= watermark;
 			});
 			return {
 				rows,
 				hiddenCount: sessions.length - rows.length
 			};
 		}
+		/**
+		* Smallest watermark that covers every non-blank row within the automatic maximum that is running, has a running
+		* child, awaits the user, carries an unread completion, or is current, and the reveal target at any position.
+		*/
+		function requiredWatermark(sessions, current, revealSessionId) {
+			let index = 0;
+			let required = 0;
+			for (const session of sessions) {
+				if (session.blank) continue;
+				index += 1;
+				if (index <= SESSION_WATERMARK_AUTO_MAX && (session.running || session.runningSubagentCount > 0 || session.pendingInteraction !== void 0 || session.completed || session.id === current) || session.id === revealSessionId) required = index;
+			}
+			return required;
+		}
+		/** Raise each listed group's watermark to its requirement; returns `marks` itself when nothing rises. */
+		function raiseWatermarks(marks, required) {
+			let raised = marks;
+			for (const [key, watermark] of required) if (watermark > (raised[key] ?? SESSION_WATERMARK_BASE)) raised = {
+				...raised,
+				[key]: watermark
+			};
+			return raised;
+		}
 		/** Keep controlled input and RPC payload inside the session.search wire contract. */
 		function sanitizeSearchQuery(value) {
 			const withoutNul = value.replaceAll("\0", "");
@@ -1736,10 +1903,6 @@ window.__ModuleLoader__.load({
 			if (last >= 55296 && last <= 56319 && next >= 56320 && next <= 57343) end--;
 			return withoutNul.slice(0, end);
 		}
-		/** Immutable membership toggle for the local expand-all array. */
-		function toggled(list, key) {
-			return list.includes(key) ? list.filter((k) => k !== key) : [...list, key];
-		}
 		/**
 		* Accept the native drag at document level while a row drag is active: row
 		* hover still owns the insertion marker, and releasing outside the list must
@@ -1827,7 +1990,7 @@ window.__ModuleLoader__.load({
 						onClick: () => {
 							setOpen((v) => !v);
 						},
-						children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPersonalizationOutline16, {})
+						children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPersonalizationOutlineRegular, {})
 					})
 				})
 			});
@@ -1838,12 +2001,12 @@ window.__ModuleLoader__.load({
 			return e.clientY < rect.top + rect.height / 2 ? "before" : "after";
 		}
 		/** The scrolling session tree; unmounting drops the sessions subscription and expand-all state. */
-		function SessionTree({ list, useSessionStatus, startSession, open, forkSession, workspaces, ungroupedSessionIds, archivedSessionIds, pinnedSessionIds, onSessionPin, onSessionUnpin, workspaceReady, usePanelInfo, onRenameRequest, onDeleteRequest, onSessionRename, onSessionArchive, insertWorkspaceBefore, nestWorkspaces, groupExpansion, setGroupExpanded, setSessionOrder, home, t, renderSlot, revealSessionId, onSessionRevealed }) {
+		function SessionTree({ list, useSessionStatus, startSession, open, forkSession, copySessionId, workspaces, ungroupedSessionIds, archivedSessionIds, pinnedSessionIds, onSessionPin, onSessionUnpin, workspaceReady, usePanelInfo, onRenameRequest, onDeleteRequest, onSessionRename, onSessionArchive, insertWorkspaceBefore, nestWorkspaces, groupExpansion, setGroupExpanded, setSessionOrder, home, t, renderSlot, revealSessionId, onSessionRevealed }) {
 			const panelActive = usePanelInfo((info) => info.activePanelId !== null);
 			const statuses = useSessionStatus((s) => s);
 			const current = panelActive ? void 0 : Object.values(list.byId).find((session) => (session.retainedBy.mainView ?? 0) > 0)?.id;
 			const revealGroup = revealSessionId === void 0 || !workspaceReady ? void 0 : owningGroupKey(workspaces, revealSessionId);
-			const [expandedSessionGroups, setExpandedSessionGroups] = (0, react.useState)([]);
+			const [storedWatermarks, setStoredWatermarks] = (0, react.useState)({});
 			const [drag, setDrag] = (0, react.useState)(null);
 			const sessionDropCommitted = (0, react.useRef)(false);
 			const [workspaceDrag, setWorkspaceDrag] = (0, react.useState)(null);
@@ -1904,17 +2067,23 @@ window.__ModuleLoader__.load({
 				revealGroup,
 				setGroupExpanded
 			]);
-			(0, react.useEffect)(() => {
-				if (revealSessionId === void 0 || revealGroup === void 0) return;
-				const group = groups.find((candidate) => candidate.key === revealGroup);
-				if (group === void 0 || !group.expanded || !group.sessions.some((row) => row.id === revealSessionId)) return;
-				if (collapsedSessionRows(group.sessions).rows.some((row) => row.id === revealSessionId)) return;
-				setExpandedSessionGroups((keys) => keys.includes(revealGroup) ? keys : [...keys, revealGroup]);
-			}, [
-				groups,
-				revealGroup,
-				revealSessionId
-			]);
+			const baselines = new Map(groups.map((group) => [group.key, Math.max(SESSION_WATERMARK_BASE, requiredWatermark(group.sessions, current, group.key === revealGroup ? revealSessionId : void 0))]));
+			const foldedKeys = new Set(groups.filter((group) => !group.expanded).map((group) => group.key));
+			const underFoldedAncestor = (key) => {
+				for (let owner = parents.get(key); owner !== void 0; owner = parents.get(owner)) if (foldedKeys.has(owner)) return true;
+				return false;
+			};
+			const requiredWatermarks = new Map([...baselines].filter(([key]) => !underFoldedAncestor(key)));
+			const sessionWatermarks = raiseWatermarks(storedWatermarks, requiredWatermarks);
+			if (sessionWatermarks !== storedWatermarks) setStoredWatermarks((marks) => raiseWatermarks(marks, requiredWatermarks));
+			const dropWatermarks = (drop) => {
+				if (!Object.keys(storedWatermarks).some(drop)) return;
+				setStoredWatermarks((marks) => Object.fromEntries(Object.entries(marks).filter(([key]) => !drop(key))));
+			};
+			const withinGroup = (key, root) => {
+				for (let owner = key; owner !== void 0; owner = parents.get(owner)) if (owner === root) return true;
+				return false;
+			};
 			const now = Date.now();
 			const commitSessionDrag = (activeDrag, over) => {
 				if (sessionDropCommitted.current) return;
@@ -1922,8 +2091,10 @@ window.__ModuleLoader__.load({
 				setDrag(null);
 				const group = groups.find((candidate) => candidate.key === activeDrag.accountKey);
 				if (group === void 0) return;
-				const sessionsExpanded = expandedSessionGroups.includes(group.key);
-				const renderedSessions = sessionsExpanded ? group.sessions : collapsedSessionRows(group.sessions).rows;
+				const watermark = sessionWatermarks[group.key] ?? SESSION_WATERMARK_BASE;
+				const visible = watermarkRows(group.sessions, watermark);
+				const sessionsExpanded = visible.hiddenCount === 0;
+				const renderedSessions = visible.rows;
 				const targetIndex = renderedSessions.findIndex((session) => session.id === over.id);
 				if (targetIndex === -1) return;
 				const sourceIndex = renderedSessions.findIndex((session) => session.id === activeDrag.sessionId);
@@ -1951,10 +2122,10 @@ window.__ModuleLoader__.load({
 				nextOrder.splice(insertAt === -1 ? nextOrder.length : insertAt, 0, activeDrag.sessionId);
 				if (!sessionsExpanded && sourceIndex !== -1) {
 					const nodes = new Map(group.sessions.map((node) => [node.id, node]));
-					if (!collapsedSessionRows(nextOrder.flatMap((id) => {
+					if (!watermarkRows(nextOrder.flatMap((id) => {
 						const node = nodes.get(id);
 						return node === void 0 ? [] : [node];
-					})).rows.some((node) => node.id === activeDrag.sessionId)) return;
+					}), watermark).rows.some((node) => node.id === activeDrag.sessionId)) return;
 				}
 				const currentBlank = group.sessions.find((node) => node.blank)?.id;
 				setSessionOrder(activeDrag.accountKey, pinCurrentBlank(nextOrder, currentBlank));
@@ -1992,8 +2163,10 @@ window.__ModuleLoader__.load({
 				const workspaceId = group.workspaceId;
 				const children = childrenByParent.get(group.key) ?? [];
 				const compatibleDrag = workspaceDrag !== null && parents.get(workspaceDrag.workspaceId) === parents.get(group.key);
-				const collapsed = collapsedSessionRows(group.sessions);
-				const sessionsExpanded = expandedSessionGroups.includes(group.key);
+				const watermark = sessionWatermarks[group.key] ?? SESSION_WATERMARK_BASE;
+				const collapsed = watermarkRows(group.sessions, baselines.get(group.key) ?? SESSION_WATERMARK_BASE);
+				const visible = watermarkRows(group.sessions, watermark);
+				const sessionsExpanded = visible.hiddenCount === 0;
 				const workspaceMarker = workspaceId !== void 0 && workspaceDrag?.over?.id === workspaceId ? workspaceDrag.over.half : null;
 				const workspaceDragProps = workspaceId === void 0 ? void 0 : {
 					start: () => {
@@ -2058,7 +2231,7 @@ window.__ModuleLoader__.load({
 							home,
 							t,
 							onToggle: () => {
-								if (group.expanded) setExpandedSessionGroups((keys) => keys.filter((key) => key !== group.key));
+								if (group.expanded) dropWatermarks((key) => withinGroup(key, group.key));
 								setGroupExpanded(group.key, !group.expanded);
 							},
 							onCreate: () => {
@@ -2083,7 +2256,7 @@ window.__ModuleLoader__.load({
 							role: "group",
 							children: children.map((child) => renderGroup(child, depth + 1))
 						}),
-						(sessionsExpanded ? group.sessions : collapsed.rows).map((node) => {
+						visible.rows.map((node) => {
 							const sameGroupDrag = drag !== null && drag.accountKey === group.key;
 							const normalizeHalf = (half) => node.blank ? "after" : half;
 							const dragProps = {
@@ -2129,6 +2302,9 @@ window.__ModuleLoader__.load({
 								onRename: onSessionRename,
 								onFork: forkSession,
 								onArchive: onSessionArchive,
+								onCopyId: (sessionId) => {
+									copySessionId(sessionId);
+								},
 								onPin: onSessionPin,
 								onUnpin: onSessionUnpin,
 								onReveal: node.id === revealSessionId && group.key === revealGroup ? () => {
@@ -2144,9 +2320,16 @@ window.__ModuleLoader__.load({
 							className: WorkspaceBrowser_module_css_default.sessionOverflowButton,
 							"aria-expanded": sessionsExpanded,
 							onClick: () => {
-								setExpandedSessionGroups((keys) => toggled(keys, group.key));
+								if (sessionsExpanded) {
+									dropWatermarks((key) => key === group.key);
+									return;
+								}
+								setStoredWatermarks((marks) => ({
+									...marks,
+									[group.key]: visible.hiddenCount <= SESSION_WATERMARK_BASE ? Infinity : watermark + SESSION_WATERMARK_BASE
+								}));
 							},
-							children: sessionsExpanded ? t("sessions.collapse") : t("sessions.expand", { n: collapsed.hiddenCount })
+							children: sessionsExpanded ? t("sessions.collapse") : t("sessions.expand", { n: visible.hiddenCount })
 						})
 					]
 				}, group.key);
@@ -2172,7 +2355,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** The flat "In one list" body: every session is one draggable top-level row. */
-		function FlatList({ list, sessionIds, pinnedSessionIds, useSessionStatus, open, forkSession, onSessionRename, onSessionArchive, onSessionPin, onSessionUnpin, usePanelInfo, setSessionOrder, revealSessionId, onSessionRevealed, t, renderSlot }) {
+		function FlatList({ list, sessionIds, pinnedSessionIds, useSessionStatus, open, forkSession, copySessionId, onSessionRename, onSessionArchive, onSessionPin, onSessionUnpin, usePanelInfo, setSessionOrder, revealSessionId, onSessionRevealed, t, renderSlot }) {
 			const panelActive = usePanelInfo((info) => info.activePanelId !== null);
 			const statuses = useSessionStatus((s) => s);
 			const rows = (0, react.useMemo)(() => deriveFlat(list, sessionIds, pinnedSessionIds, statuses), [
@@ -2223,6 +2406,9 @@ window.__ModuleLoader__.load({
 							onRename: onSessionRename,
 							onFork: forkSession,
 							onArchive: onSessionArchive,
+							onCopyId: (sessionId) => {
+								copySessionId(sessionId);
+							},
 							onPin: onSessionPin,
 							onUnpin: onSessionUnpin,
 							onReveal: node.id === revealSessionId ? () => {
@@ -2333,7 +2519,7 @@ window.__ModuleLoader__.load({
 		* @param props - composed slot props (shell owner share + store + injected actions).
 		* @returns the region element tree.
 		*/
-		function WorkspaceBrowser({ wide, usePanelInfo, expandSidebar, useSessions, useSessionStatus, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, archiveSession, pinSession, unpinSession, createWorkspace, searchSessions, searchResultLimit, requestSearch, requestAddWorkspace, closeAddWorkspace, closeRenameRequest, setDirectoryBusy, useDirectoryFlow, useHostInfo, useWorkspaceShortcuts, useShortcuts, renderSlot, t }) {
+		function WorkspaceBrowser({ wide, usePanelInfo, expandSidebar, useSessions, useSessionStatus, useWorkspaces, useStore, actions, startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace, insertWorkspaceBefore, archiveSession, copySessionId, pinSession, unpinSession, createWorkspace, searchSessions, searchResultLimit, requestSearch, requestAddWorkspace, closeAddWorkspace, closeRenameRequest, setDirectoryBusy, useDirectoryFlow, useHostInfo, useWorkspaceShortcuts, useShortcuts, renderSlot, t }) {
 			const home = useHostInfo((info) => info.home);
 			const list = useSessions((state) => state);
 			const workspaces = useWorkspaces((state) => state.items);
@@ -2735,7 +2921,7 @@ window.__ModuleLoader__.load({
 													setSearchExpanded(true);
 													requestSearch();
 												},
-												children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconSearchOutline16, { size: searchExpanded ? 11 : 14 })
+												children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconSearchOutlineRegular, { size: searchExpanded ? 11 : 14 })
 											})
 										}),
 										(0, react_jsx_runtime.jsx)("input", {
@@ -2764,7 +2950,7 @@ window.__ModuleLoader__.load({
 												setQuery("");
 												setSearchExpanded(false);
 											},
-											children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconCloseFill14, {})
+											children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconCloseFillRegular, {})
 										})
 									]
 								})
@@ -2795,7 +2981,7 @@ window.__ModuleLoader__.load({
 										onClick: () => {
 											requestAddWorkspace();
 										},
-										children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconProjectAddOutline16, { size: 16 })
+										children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconProjectAddOutlineRegular, { size: 16 })
 									})
 								})]
 							}),
@@ -2839,6 +3025,7 @@ window.__ModuleLoader__.load({
 							useSessionStatus,
 							open,
 							forkSession,
+							copySessionId,
 							onSessionRename,
 							onSessionArchive,
 							onSessionPin,
@@ -2853,6 +3040,7 @@ window.__ModuleLoader__.load({
 							usePanelInfo,
 							list,
 							useSessionStatus,
+							copySessionId,
 							renderSlot,
 							onSessionRename,
 							onSessionArchive,
@@ -3026,6 +3214,91 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region lib/types/client/toast/RowActionToast.js
+		/**
+		* Dispatch the current notice without interpreting its business payload.
+		* @param props - Current notice, dismissal, and the declared keyed renderer.
+		* @returns The selected notice presentation, or nothing.
+		*/
+		function RowActionToast({ useToast, dismissToast, renderSlot }) {
+			const notice = useToast((current) => current);
+			if (notice === null) return null;
+			return renderSlot("workspace.toast", {
+				...notice,
+				dismissToast
+			}, { entryKey: notice.kind });
+		}
+		//#endregion
+		//#region lib/types/client/toast/Toast.js
+		/** One presentation Factory and the adapters for keyed Workspace notices. */
+		/**
+		* Render one notice using the shared Factory.
+		* @param props - Keyed payload, injected display mapping, locale, and Factory renderer.
+		* @returns The shared Toast occurrence.
+		*/
+		function ToastEntry(props) {
+			const { dismissToast, display, t, renderFactorySlot, seq } = props;
+			return renderFactorySlot("workspace.toast.content", {
+				...display(props, t, dismissToast),
+				seq,
+				onDone: dismissToast
+			});
+		}
+		/**
+		* Present plain display data with the shared primitive's timing and portal.
+		* @param props - Localized display fields, display identity, and dismissal.
+		* @returns One Toast, remounted only for a new display identity.
+		*/
+		function WorkspaceToast({ seq, text, tone, onDone }) {
+			return (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Toast, {
+				text,
+				onDone,
+				...tone === "success" ? { tone: "success" } : {},
+				...tone === "warning" ? { icon: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconWarningOutlineRegular, {}) } : {}
+			}, seq);
+		}
+		//#endregion
+		//#region lib/types/client/toast/register.js
+		/**
+		* Register notice presentations with their business-owned display fields.
+		* @param ctx - Workspace plugin context.
+		*/
+		function registerToasts(ctx) {
+			ctx.slots.registerFactory({
+				name: "workspace.toast.content",
+				scope: "root"
+			}, WorkspaceToast);
+			ctx.slots.inject("workspace.toast", function* () {
+				yield ctx.slots.register({
+					name: "workspace.toast",
+					key: "sessionIdCopied",
+					locale: "workspace",
+					inject: () => ({ display: (_notice, t) => ({
+						text: t("toast.sessionIdCopied"),
+						tone: "success"
+					}) })
+				}, ToastEntry);
+				yield ctx.slots.register({
+					name: "workspace.toast",
+					key: "createFailed",
+					locale: "workspace",
+					inject: () => ({ display: (notice) => ({
+						text: notice.message,
+						tone: "warning"
+					}) })
+				}, ToastEntry);
+				yield ctx.slots.register({
+					name: "workspace.toast",
+					key: "sessionIdCopyFailed",
+					locale: "workspace",
+					inject: () => ({ display: (_notice, t) => ({
+						text: t("toast.sessionIdCopyFailed"),
+						tone: "warning"
+					}) })
+				}, ToastEntry);
+			});
+		}
+		//#endregion
 		//#region lib/types/client/locales.js
 		/**
 		* `workspace` namespace dictionaries: the browsing region (section header,
@@ -3034,6 +3307,8 @@ window.__ModuleLoader__.load({
 		*/
 		/** Simplified Chinese dictionary (the key-set source of truth). */
 		const zh = {
+			"draft.workspaceRequired": "请先选择工作区",
+			"draft.initializationFailed": "暂时无法填入草稿，请稍后重试",
 			"group.ungrouped": "未分组",
 			"session.new": "新会话",
 			"session.untitled": "未命名",
@@ -3081,12 +3356,16 @@ window.__ModuleLoader__.load({
 			"menu.unpinSession": "取消置顶",
 			"menu.fork": "分叉会话",
 			"menu.archiveSession": "归档会话",
+			"menu.sessionId": "复制 Session ID",
+			"toast.sessionIdCopied": "Session ID 已复制",
+			"toast.sessionIdCopyFailed": "复制失败，请重试",
 			"row.pinned": "已置顶",
 			"sessions.count.one": "{n} 个会话",
 			"sessions.count.other": "{n} 个会话",
 			"actions.workspace.aria": "工作区“{name}”的操作",
 			"actions.session.aria": "会话“{name}”的操作",
 			"actions.newSession.aria": "在“{name}”中新建会话",
+			"actions.archive": "归档会话",
 			"actions.pin": "置顶会话",
 			"actions.unpin": "取消置顶",
 			"status.running": "进行中",
@@ -3110,6 +3389,8 @@ window.__ModuleLoader__.load({
 		};
 		/** English dictionary, checked complete against the zh key set. */
 		const en = {
+			"draft.workspaceRequired": "Choose a workspace first.",
+			"draft.initializationFailed": "Could not fill the draft. Please try again shortly.",
 			"group.ungrouped": "Ungrouped",
 			"session.new": "New Session",
 			"session.untitled": "Untitled",
@@ -3157,12 +3438,16 @@ window.__ModuleLoader__.load({
 			"menu.unpinSession": "Unpin session",
 			"menu.fork": "Fork session",
 			"menu.archiveSession": "Archive session",
+			"menu.sessionId": "Copy Session ID",
+			"toast.sessionIdCopied": "Session ID copied",
+			"toast.sessionIdCopyFailed": "Copy failed. Try again.",
 			"row.pinned": "Pinned",
 			"sessions.count.one": "{n} session",
 			"sessions.count.other": "{n} sessions",
 			"actions.workspace.aria": "Workspace actions for {name}",
 			"actions.session.aria": "Session actions for {name}",
 			"actions.newSession.aria": "New session in {name}",
+			"actions.archive": "Archive",
 			"actions.pin": "Pin",
 			"actions.unpin": "Unpin",
 			"status.running": "Running",
@@ -3221,7 +3506,15 @@ window.__ModuleLoader__.load({
 				...viewHandle,
 				create: () => viewInstance
 			};
-			const uiWorkspace = new UiWorkspaceService(ctx, ctx.remote.directoryPicker, workspaces, sessions, viewInstance.actions);
+			const rowToast = (0, _qilin_agent_client_store.createSnapshotStore)(null);
+			let toastSeq = 0;
+			const notify = (toast) => {
+				rowToast.set({
+					...toast,
+					seq: ++toastSeq
+				});
+			};
+			const uiWorkspace = new UiWorkspaceService(ctx, ctx.remote.directoryPicker, workspaces, sessions, viewInstance.actions, notify);
 			ctx.slots.provideRoot({ hooks: { workspaces: workspaces.list } });
 			ctx.effect(() => ctx.locale.register(NS, {
 				zh,
@@ -3280,6 +3573,9 @@ window.__ModuleLoader__.load({
 				closeAddWorkspace: shortcutControls.closeAdd,
 				closeRenameRequest: shortcutControls.closeRename,
 				setDirectoryBusy: shortcutControls.directoryBusy,
+				copySessionId: async (sessionId) => {
+					notify({ kind: await (0, _qilin_agent_client_ui_primitives.writeClipboard)(sessionId) ? "sessionIdCopied" : "sessionIdCopyFailed" });
+				},
 				hooks: {
 					directoryFlow: browserFlowSource,
 					hostInfo,
@@ -3290,6 +3586,13 @@ window.__ModuleLoader__.load({
 			installWorkspaceShortcuts(ctx, uiWorkspace, shortcutControls, (sessionId) => {
 				uiWorkspace.archiveSession(sessionId);
 			});
+			registerToasts(ctx);
+			const rowToastInjected = () => ({
+				hooks: { toast: rowToast },
+				dismissToast: () => {
+					rowToast.set(null);
+				}
+			});
 			const pickerInjected = () => ({
 				createWorkspace: (input) => workspaces.create(input),
 				hooks: { directoryFlow: pickerFlowSource }
@@ -3314,6 +3617,15 @@ window.__ModuleLoader__.load({
 				inject: browserInjected,
 				locale: NS
 			}, WorkspaceBrowser));
+			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+				name: "shell.overlay",
+				id: "workspace.row-toast",
+				inject: rowToastInjected,
+				children: { "workspace.toast": {
+					kind: "keyed",
+					scope: "root"
+				} }
+			}, RowActionToast));
 			ctx.slots.inject("conversation.hero.workspace", () => ctx.slots.register({
 				name: "conversation.hero.workspace",
 				children: { "conversation.hero.workspace.directoryFlow": {