@dsh-workbench/core 0.2.4 → 0.2.5

package/dist/client/client.body.js

@@ -17,6 +17,51 @@ function cx(...parts) {
 	return parts.filter(Boolean).join(" ");
 }
 var MINUTE = 6e4;
+var HOUR = 60 * MINUTE;
+var DAY = 24 * HOUR;
+var MONTH = 30 * DAY;
+var YEAR = 365 * DAY;
+function relativeTimeBucket(epochMs, now = Date.now()) {
+	if (!Number.isFinite(epochMs) || !Number.isFinite(now)) return null;
+	const diff = Math.max(0, now - epochMs);
+	if (diff < MINUTE) return {
+		unit: "now",
+		n: 0
+	};
+	if (diff < HOUR) return {
+		unit: "minutes",
+		n: Math.floor(diff / MINUTE)
+	};
+	if (diff < DAY) return {
+		unit: "hours",
+		n: Math.floor(diff / HOUR)
+	};
+	if (diff < MONTH) return {
+		unit: "days",
+		n: Math.floor(diff / DAY)
+	};
+	if (diff < YEAR) return {
+		unit: "months",
+		n: Math.floor(diff / MONTH)
+	};
+	return {
+		unit: "years",
+		n: Math.floor(diff / YEAR)
+	};
+}
+function bucketLabel(bucket, t) {
+	return bucket.unit === "now" ? t("time.now") : t(`time.short.${bucket.unit}`, { n: bucket.n });
+}
+function relativeTimeCompact(epochMs, t, now) {
+	const bucket = relativeTimeBucket(epochMs, now);
+	return bucket === null ? "" : bucketLabel(bucket, t);
+}
+function relativeTimeAgo(epochMs, t, now) {
+	const bucket = relativeTimeBucket(epochMs, now);
+	if (bucket === null) return "";
+	const label = bucketLabel(bucket, t);
+	return bucket.unit === "now" ? label : t("time.ago", { t: label });
+}
 function relativeTime(epochMs, t) {
 	if (!Number.isFinite(epochMs)) return "";
 	const diff = Date.now() - epochMs;
@@ -1253,20 +1298,32 @@ var en = {
 	"session.new.label": "Start a session in the current project",
 	"session.empty": "No sessions in this project yet.",
 	"session.noProject": "Add a project first.",
+	"session.list.label": "Sessions",
+	"session.copy": "Copy",
 	"session.pinned": "Pinned",
 	"session.actions": "Actions for {name}",
 	"status.idle": "Idle",
 	"status.running": "Running",
 	"status.waitingApproval": "Waiting for approval",
-	"status.planReview": "Waiting for plan review",
+	"status.planReview": "Plan awaiting review",
 	"status.waitingAnswer": "Waiting for your answer",
+	"status.compact.approval": "Approval",
+	"status.compact.planReview": "Plan review",
+	"status.compact.answer": "Answer",
 	"status.completed": "Completed",
 	"status.subagentsRunning.one": "{n} subagent running",
 	"status.subagentsRunning.other": "{n} subagents running",
+	"hover.copied": "Copied",
 	"time.now": "just now",
 	"time.minutes": "{n} min ago",
 	"time.hours": "{n} h ago",
 	"time.days": "{n} d ago",
+	"time.ago": "{t} ago",
+	"time.short.minutes": "{n}min",
+	"time.short.hours": "{n}h",
+	"time.short.days": "{n}d",
+	"time.short.months": "{n}mo",
+	"time.short.years": "{n}y",
 	"panels.title": "Panel modules",
 	"panels.groupBoardless": "No-board modules",
 	"panels.groupPlugins": "opencli plugins",
@@ -1601,20 +1658,32 @@ var zh = {
 	"session.new.label": "在当前项目新建会话",
 	"session.empty": "这个项目还没有会话。",
 	"session.noProject": "先添加一个项目。",
+	"session.list.label": "会话",
+	"session.copy": "复制",
 	"session.pinned": "已置顶",
 	"session.actions": "{name} 的操作",
 	"status.idle": "空闲",
-	"status.running": "运行中",
-	"status.waitingApproval": "等待授权",
-	"status.planReview": "等待计划确认",
+	"status.running": "进行中",
+	"status.waitingApproval": "等待审批",
+	"status.planReview": "计划待审",
 	"status.waitingAnswer": "等待回答",
+	"status.compact.approval": "待审批",
+	"status.compact.planReview": "计划待审",
+	"status.compact.answer": "待回答",
 	"status.completed": "已完成",
 	"status.subagentsRunning.one": "{n} 个子代理运行中",
 	"status.subagentsRunning.other": "{n} 个子代理运行中",
+	"hover.copied": "已复制",
 	"time.now": "刚刚",
 	"time.minutes": "{n} 分钟前",
 	"time.hours": "{n} 小时前",
 	"time.days": "{n} 天前",
+	"time.ago": "{t}前",
+	"time.short.minutes": "{n}分钟",
+	"time.short.hours": "{n}小时",
+	"time.short.days": "{n}天",
+	"time.short.months": "{n}个月",
+	"time.short.years": "{n}年",
 	"panels.title": "面板模块",
 	"panels.groupBoardless": "无看板模块",
 	"panels.groupPlugins": "opencli 插件",
@@ -2372,6 +2441,9 @@ var dist_exports = /* @__PURE__ */ __exportAll({
 	readFlag: () => readFlag,
 	readText: () => readText,
 	relativeTime: () => relativeTime,
+	relativeTimeAgo: () => relativeTimeAgo,
+	relativeTimeBucket: () => relativeTimeBucket,
+	relativeTimeCompact: () => relativeTimeCompact,
 	runsRouteOf: () => runsRouteOf,
 	scopePrefixOf: () => scopePrefixOf,
 	shortenPath: () => shortenPath,
@@ -5033,19 +5105,22 @@ function sessionStatuses(node, t) {
 		case "approval":
 			pending = {
 				state: "warning",
-				label: t("status.waitingApproval")
+				label: t("status.waitingApproval"),
+				trailingLabel: t("status.compact.approval")
 			};
 			break;
 		case "plan-review":
 			pending = {
 				state: "warning",
-				label: t("status.planReview")
+				label: t("status.planReview"),
+				trailingLabel: t("status.compact.planReview")
 			};
 			break;
 		case "question":
 			pending = {
 				state: "warning",
-				label: t("status.waitingAnswer")
+				label: t("status.waitingAnswer"),
+				trailingLabel: t("status.compact.answer")
 			};
 			break;
 		default: pending = void 0;
@@ -5101,6 +5176,16 @@ function sessionRows(workspaceSessionIds, list, archivedIds, current) {
 	return rows;
 }
 //#endregion
+//#region src/modules/sessions/model/scroll-edges.ts
+var EDGE_SLACK_PX = 1;
+function scrollEdgesOf(metrics) {
+	const rest = metrics.scrollHeight - metrics.clientHeight;
+	return {
+		canScrollUp: metrics.scrollTop > EDGE_SLACK_PX,
+		canScrollDown: metrics.scrollTop < rest - EDGE_SLACK_PX
+	};
+}
+//#endregion
 //#region src/app/layouts/project-selection.ts
 var listeners$1 = /* @__PURE__ */ new Set();
 function selectedProjectId() {
@@ -9007,6 +9092,64 @@ function ProjectSwitcher({ items, current, onPick, onAdd, onRename, t }) {
 }
 //#endregion
 //#region src/app/layouts/sidebar/SessionList.tsx
+var MIN_TITLE_REVEAL_PX = 8;
+var TITLE_MARQUEE_PX_PER_MS = .03;
+var REST_EDGES = {
+	canScrollUp: false,
+	canScrollDown: false
+};
+function placeTitle(title, left, range) {
+	title.scrollTo({
+		left,
+		behavior: "instant"
+	});
+	if (left > 0) title.dataset.scrolled = "";
+	else delete title.dataset.scrolled;
+	if (left < range) title.dataset.clipped = "";
+	else delete title.dataset.clipped;
+}
+function restTitle(title) {
+	title.scrollTo({
+		left: 0,
+		behavior: "instant"
+	});
+	delete title.dataset.scrolled;
+	delete title.dataset.clipped;
+}
+function useTitleMarquee(title) {
+	const frame = useRef(0);
+	useEffect(() => () => {
+		cancelAnimationFrame(frame.current);
+	}, []);
+	return useMemo(() => ({
+		enter: () => {
+			const element = title.current;
+			if (element === null) return;
+			const range = element.scrollWidth - element.clientWidth;
+			if (range <= MIN_TITLE_REVEAL_PX) return;
+			if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+				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);
+			const element = title.current;
+			if (element === null) return;
+			restTitle(element);
+		}
+	}), [title]);
+}
 function SessionLeading({ node, statuses, renderSlot }) {
 	if (node.blank) return null;
 	const primary = statuses[0];
@@ -9016,43 +9159,98 @@ function SessionLeading({ node, statuses, renderSlot }) {
 		key: status.label
 	}, status.label)));
 }
+function SessionHoverContent({ node, statuses, renderSlot, t }) {
+	return /* @__PURE__ */ h("div", { className: "wb-sessionHover" }, /* @__PURE__ */ h("div", { className: "wb-sessionHoverTitle" }, node.blank ? t("session.new") : node.title), node.blank ? null : /* @__PURE__ */ h("div", { className: "wb-sessionHoverTime" }, relativeTimeAgo(node.updatedAt, t)), renderSlot("sidebar.session.row.hover", { sessionId: node.id }), statuses.map((status) => /* @__PURE__ */ h("div", {
+		className: "wb-sessionHoverStatus",
+		key: status.label
+	}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: status.state }), /* @__PURE__ */ h("span", null, status.label))));
+}
 function SessionRow({ node, active, onOpen, renderSlot, t }) {
 	const [menuOpen, setMenuOpen] = useState(false);
 	const menuState = useMemo(() => [menuOpen, setMenuOpen], [menuOpen]);
 	const statuses = sessionStatuses(node, t);
 	const label = node.blank ? t("session.new") : node.title;
+	const titleRef = useRef(null);
+	const marquee = useTitleMarquee(titleRef);
+	const trailing = statuses[0]?.trailingLabel;
 	const owner = {
 		sessionId: node.id,
-		displayTitle: label
-	};
-	return /* @__PURE__ */ h("div", {
-		className: cx("wb-sessionRow", active && "wb-selected", menuOpen && "wb-menuOpen"),
-		"aria-current": active ? "true" : void 0,
-		onClick: () => onOpen(node.id)
-	}, /* @__PURE__ */ h("span", { className: "wb-sessionLeading" }, /* @__PURE__ */ h(SessionLeading, {
-		node,
-		statuses,
-		renderSlot
-	})), /* @__PURE__ */ h("span", { className: "wb-sessionTitle" }, label), node.pinned ? /* @__PURE__ */ h(Tip, { label: t("session.pinned") }, /* @__PURE__ */ h("span", {
-		className: "wb-sessionPin",
-		role: "img",
-		"aria-label": t("session.pinned")
-	}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.IconPinOutlineRegular, { size: 14 }))) : null, /* @__PURE__ */ h("span", { className: "wb-sessionTime" }, relativeTime(node.updatedAt, t)), /* @__PURE__ */ h("span", { className: "wb-rowActions" }, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Menu, {
-		open: menuOpen,
-		portal: true,
-		anchor: /* @__PURE__ */ h("button", {
-			type: "button",
-			className: "wb-iconButton",
-			"aria-haspopup": "menu",
-			"aria-expanded": menuOpen,
-			"aria-label": t("session.actions", { name: label }),
-			onClick: (event) => {
-				event.stopPropagation();
-				setMenuOpen((value) => !value);
-			}
-		}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutlineRegular, { size: 16 })),
-		onClose: () => setMenuOpen(false)
-	}, renderSlot("sidebar.workspaces.session.menu.item", owner, { hookContext: menuState })), renderSlot("sidebar.workspaces.session.row.action", owner)));
+		displayTitle: node.title
+	};
+	return /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.HoverCard, {
+		anchor: /* @__PURE__ */ h("div", {
+			className: cx("wb-sessionRow", active && "wb-selected", menuOpen && "wb-menuOpen"),
+			role: "treeitem",
+			"aria-selected": active,
+			onClick: () => onOpen(node.id),
+			onPointerEnter: marquee.enter,
+			onPointerLeave: marquee.leave
+		}, /* @__PURE__ */ h("span", { className: "wb-sessionLeading" }, /* @__PURE__ */ h(SessionLeading, {
+			node,
+			statuses,
+			renderSlot
+		})), /* @__PURE__ */ h("span", {
+			className: "wb-sessionTitle",
+			ref: titleRef
+		}, label), node.blank ? null : /* @__PURE__ */ h("span", {
+			className: "wb-sessionTime",
+			"aria-hidden": trailing === void 0 ? void 0 : true
+		}, trailing ?? relativeTimeCompact(node.updatedAt, t)), node.pinned ? /* @__PURE__ */ h(Tip, { label: t("session.pinned") }, /* @__PURE__ */ h("span", {
+			className: "wb-sessionPin",
+			role: "img",
+			"aria-label": t("session.pinned")
+		}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.IconPinFillRegular, { size: 14 }))) : null, node.blank ? null : /* @__PURE__ */ h("span", {
+			className: "wb-rowActions",
+			onClick: (event) => event.stopPropagation()
+		}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+			open: menuOpen,
+			portal: true,
+			closeOnPointerLeave: true,
+			anchor: /* @__PURE__ */ h("button", {
+				type: "button",
+				className: "wb-iconButton",
+				"aria-haspopup": "menu",
+				"aria-expanded": menuOpen,
+				"aria-label": t("session.actions", { name: label }),
+				onClick: (event) => {
+					event.stopPropagation();
+					setMenuOpen((value) => !value);
+				}
+			}, /* @__PURE__ */ h(_deepseek_ai_dsh_client_ui_primitives.IconEllipsisOutlineRegular, { size: 16 })),
+			onClose: () => setMenuOpen(false)
+		}, renderSlot("sidebar.workspaces.session.menu.item", owner, { hookContext: menuState })), renderSlot("sidebar.workspaces.session.row.action", owner))),
+		content: /* @__PURE__ */ h(SessionHoverContent, {
+			node,
+			statuses,
+			renderSlot,
+			t
+		}),
+		openDelayMs: 800,
+		disabled: menuOpen,
+		copyText: node.blank || node.title === "" ? void 0 : node.title,
+		copyLabel: t("session.copy"),
+		copiedLabel: t("hover.copied")
+	});
+}
+function useScrollEdges(list, rows) {
+	const [edges, setEdges] = useState(REST_EDGES);
+	useEffect(() => {
+		const element = list.current;
+		if (element === null) return;
+		const sync = () => {
+			const next = scrollEdgesOf(element);
+			setEdges((current) => current.canScrollUp === next.canScrollUp && current.canScrollDown === next.canScrollDown ? current : next);
+		};
+		sync();
+		element.addEventListener("scroll", sync, { passive: true });
+		const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(sync);
+		observer?.observe(element);
+		return () => {
+			element.removeEventListener("scroll", sync);
+			observer?.disconnect();
+		};
+	}, [list, rows]);
+	return edges;
 }
 function SessionList({ workspace, pinnedIds, archived, panelActive, useSessions, useSessionStatus, onOpen, renderSlot, t }) {
 	const list = useSessions((state) => state);
@@ -9070,9 +9268,16 @@ function SessionList({ workspace, pinnedIds, archived, panelActive, useSessions,
 		currentId,
 		pinned
 	]);
+	const listRef = useRef(null);
+	const edges = useScrollEdges(listRef, rows);
 	if (workspace === null) return /* @__PURE__ */ h("div", { className: "wb-empty" }, t("session.noProject"));
 	if (rows.length === 0) return /* @__PURE__ */ h("div", { className: "wb-empty" }, t("session.empty"));
-	return /* @__PURE__ */ h("div", { className: "wb-sessions" }, rows.map((row) => /* @__PURE__ */ h(SessionRow, {
+	return /* @__PURE__ */ h("div", {
+		ref: listRef,
+		className: cx("wb-sessions", edges.canScrollUp && "wb-fadeTop", edges.canScrollDown && "wb-fadeBottom"),
+		role: "tree",
+		"aria-label": t("session.list.label")
+	}, rows.map((row) => /* @__PURE__ */ h(SessionRow, {
 		key: row.id,
 		node: sessionNode(row, statusById, list, pinned, archivedSet),
 		active: row.id === currentId,
@@ -9217,7 +9422,7 @@ var palette_default = ":root {\n  --wb-static-titlebar-fill: #ffffff8c;\n  --wb-
 var scale_default = ":root {\n  --wb-dur-0-12: 0.12s;\n  --wb-dur-0-15: 0.15s;\n  --wb-dur-0-9: 0.9s;\n  --wb-dur-1-4: 1.4s;\n  --wb-dur-1-5: 1.5s;\n  --wb-font-10: 10px;\n  --wb-font-11-5: 11.5px;\n  --wb-font-12-5: 12.5px;\n  --wb-font-17: 17px;\n  --wb-font-18: 18px;\n  --wb-font-6: 6px;\n  --wb-len-0-5: 0.5px;\n  --wb-len-1: 1px;\n  --wb-len-10: 10px;\n  --wb-len-12: 12px;\n  --wb-len-120: 120px;\n  --wb-len-13: 13px;\n  --wb-len-132: 132px;\n  --wb-len-14: 14px;\n  --wb-len-144: 144px;\n  --wb-len-15: 15px;\n  --wb-len-16: 16px;\n  --wb-len-18: 18px;\n  --wb-len-2: 2px;\n  --wb-len-20: 20px;\n  --wb-len-200: 200px;\n  --wb-len-22: 22px;\n  --wb-len-220: 220px;\n  --wb-len-24: 24px;\n  --wb-len-240: 240px;\n  --wb-len-26: 26px;\n  --wb-len-260: 260px;\n  --wb-len-28: 28px;\n  --wb-len-3: 3px;\n  --wb-len-3-4em: 3.4em;\n  --wb-len-30: 30px;\n  --wb-len-300: 300px;\n  --wb-len-32: 32px;\n  --wb-len-320: 320px;\n  --wb-len-34: 34px;\n  --wb-len-36: 36px;\n  --wb-len-360: 360px;\n  --wb-len-38: 38px;\n  --wb-len-4: 4px;\n  --wb-len-440: 440px;\n  --wb-len-40: 40px;\n  --wb-len-420: 420px;\n  --wb-len-42em: 42em;\n  --wb-len-44: 44px;\n  --wb-len-48: 48px;\n  --wb-len-5: 5px;\n  --wb-len-52: 52px;\n  --wb-len-520: 520px;\n  --wb-len-56: 56px;\n  --wb-len-560: 560px;\n  --wb-len-6: 6px;\n  --wb-len-60: 60px;\n  --wb-len-64: 64px;\n  --wb-len-7: 7px;\n  --wb-len-72: 72px;\n  --wb-len-8: 8px;\n  --wb-len-800: 800px;\n  --wb-len-9: 9px;\n  --wb-len-96: 96px;\n  --wb-len-960: 960px;\n  --wb-len-neg-0-5: -0.5px;\n  --wb-len-neg-1-5: -1.5px;\n  --wb-len-neg-12: -12px;\n  --wb-len-neg-2: -2px;\n  --wb-len-neg-3: -3px;\n  --wb-len-neg-4: -4px;\n  --wb-len-neg-6: -6px;\n  --wb-len-neg-8: -8px;\n  --wb-line-10: 10px;\n  --wb-line-13: 13px;\n  --wb-line-14: 14px;\n  --wb-line-15: 15px;\n  --wb-line-16: 16px;\n  --wb-line-17: 17px;\n  --wb-line-18: 18px;\n  --wb-line-19: 19px;\n  --wb-line-20: 20px;\n  --wb-line-22: 22px;\n  --wb-line-24: 24px;\n  --wb-radius-14: 14px;\n  --wb-radius-2: 2px;\n  --wb-radius-6: 6px;\n  --wb-radius-pill: 999px;\n  --wb-track-brand: .04em;\n  --wb-z-1100: 1100;\n  --wb-z-10: 10;\n  --wb-z-30: 30;\n  --wb-z-40: 40;\n  --wb-z-top: 2147483000;\n  --wb-project-menu-min-width: 0;\n}\n";
 //#endregion
 //#region src/shared/styles/sidebar-app.css?raw
-var sidebar_app_default = ".wb-wsSection {\n  position: relative;\n  flex: none;\n  --dsh-session-list-edge-inset: var(--dsh-sidebar-inline-padding);\n  --dsh-session-list-scrollbar-width: 5px;\n  --dsh-session-list-scrollbar-offset: 2px;\n  margin: 0 var(--dsh-session-list-scrollbar-offset) var(--wb-len-4) 0;\n  padding-right: calc( var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset) );\n}.wb-sectionHeader {\n  box-sizing: border-box;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--wb-len-4);\n  height: var(--wb-len-36);\n  flex: none;\n  margin-bottom: var(--wb-len-4);\n  padding-left: var(--wb-len-8);\n  padding-right: var(--wb-len-2);\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n}.wb-wsNew {\n  margin-left: auto;\n}.wb-sectionLabel {\n  flex: none;\n  min-width: 0;\n  max-width: 45%;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: var(--wb-line-20);\n}.wb-collapsed .wb-wsSection {\n  margin: 0 0 var(--wb-len-12);\n  padding-right: 0;\n}.wb-collapsed .wb-sectionHeader {\n  justify-content: flex-start;\n  gap: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n}.wb-collapsed .wb-wsNew {\n  margin-left: 0;\n}.wb-project {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}.wb-projectAnchor {\n  display: block;\n  width: 100%;\n  min-width: var(--wb-project-menu-min-width, 0);\n}.wb-projectButton {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  width: 100%;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n}.wb-projectButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-projectButton:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}.wb-collapsed .wb-projectButton {\n  justify-content: center;\n  width: var(--wb-bar-height);\n  height: var(--wb-bar-height);\n  padding: 0;\n}.wb-collapsed .wb-projectName,\n.wb-collapsed .wb-projectChevron {\n  display: none;\n}.wb-projectGlyph {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-projectGlyphActive {\n  color: var(--dsw-alias-state-business-primary);\n}.wb-projectName {\n  flex: 1;\n  min-width: 0;\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.wb-projectChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n  transition: transform var(--wb-dur-0-15) var(--ds-ease-in-out);\n}.wb-projectChevronOpen {\n  transform: rotate(180deg);\n}.wb-sessions {\n  --dsh-session-list-edge-inset: var(--dsh-sidebar-inline-padding);\n  --dsh-session-list-scrollbar-width: 5px;\n  --dsh-session-list-scrollbar-offset: 2px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  margin-left: var(--wb-len-neg-4);\n  margin-right: var(--dsh-session-list-scrollbar-offset);\n  padding-left: var(--wb-len-4);\n  padding-right: calc( var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset) );\n  padding-bottom: var(--wb-len-16);\n  scrollbar-gutter: stable;\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n}.wb-sessions > * + * {\n  margin-top: var(--wb-len-2);\n}.wb-sessionLeading {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-sessionPin {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  margin-left: var(--wb-len-6);\n  color: var(--dsw-alias-label-caption);\n}.wb-rowActions {\n  flex: none;\n  display: none;\n  align-items: center;\n  gap: var(--wb-len-10);\n}.wb-rowActions .wb-iconButton {\n  width: var(--wb-len-24);\n  height: var(--wb-len-24);\n}.wb-sessionRow:hover .wb-rowActions,\n.wb-sessionRow.wb-menuOpen .wb-rowActions {\n  display: inline-flex;\n}.wb-sessionRow:hover .wb-sessionTime,\n.wb-sessionRow.wb-menuOpen .wb-sessionTime,\n.wb-sessionRow:hover .wb-sessionPin,\n.wb-sessionRow.wb-menuOpen .wb-sessionPin {\n  display: none;\n}.wb-sessionRow.wb-menuOpen {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-rowMenu {\n  left: auto;\n  right: 0;\n  min-width: var(--wb-len-144);\n  max-width: var(--wb-len-260);\n}.wb-sessionRow {\n  position: relative;\n  flex: none;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 0;\n  width: 100%;\n  height: var(--wb-len-32);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n}.wb-sessionRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-sessionRow:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}.wb-visuallyHidden {\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  width: var(--wb-len-1);\n  height: var(--wb-len-1);\n  position: absolute;\n  overflow: hidden;\n}.wb-sessionTitle {\n  flex: 1;\n  min-width: 0;\n  margin: 0 var(--wb-len-6) 0 var(--wb-len-4);\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.wb-sessionTime {\n  flex: none;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-workspaceBusy {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: var(--wb-len-4) var(--wb-len-8) 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-workspaceError {\n  margin: var(--wb-len-4) var(--wb-len-8) 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n}.wb-empty {\n  padding: var(--wb-len-16) var(--wb-len-12);\n  font-size: var(--dsw-font-xs-13-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}@media (prefers-reduced-motion: reduce) {\n  .wb-projectChevron {\n    transition: none;\n  }}.wb-sessionRow.wb-selected {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-panelTag {\n  flex: none;\n  margin-left: auto;\n}.wb-panelGlyph {\n  position: relative;\n}.wb-panelDot {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: var(--wb-len-neg-3);\n  right: var(--wb-len-neg-3);\n}button.pXSMma_workspace {\n  display: none;\n}";
+var sidebar_app_default = ".wb-wsSection {\n  position: relative;\n  flex: none;\n  --dsh-session-list-edge-inset: var(--dsh-sidebar-inline-padding);\n  --dsh-session-list-scrollbar-width: 5px;\n  --dsh-session-list-scrollbar-offset: 2px;\n  margin: 0 var(--dsh-session-list-scrollbar-offset) var(--wb-len-4) 0;\n  padding-right: calc( var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset) );\n}.wb-sectionHeader {\n  box-sizing: border-box;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: var(--wb-len-4);\n  height: var(--wb-len-36);\n  flex: none;\n  margin-bottom: var(--wb-len-4);\n  padding-left: var(--wb-len-8);\n  padding-right: var(--wb-len-2);\n  border-radius: var(--dsw-radius-md);\n  color: var(--dsw-alias-label-tertiary);\n  overflow: hidden;\n}.wb-wsNew {\n  margin-left: auto;\n}.wb-sectionLabel {\n  flex: none;\n  min-width: 0;\n  max-width: 45%;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: var(--wb-line-20);\n}.wb-collapsed .wb-wsSection {\n  margin: 0 0 var(--wb-len-12);\n  padding-right: 0;\n}.wb-collapsed .wb-sectionHeader {\n  justify-content: flex-start;\n  gap: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n}.wb-collapsed .wb-wsNew {\n  margin-left: 0;\n}.wb-project {\n  position: relative;\n  flex: none;\n  margin: 0 var(--wb-len-2) var(--wb-len-4);\n}.wb-projectAnchor {\n  display: block;\n  width: 100%;\n  min-width: var(--wb-project-menu-min-width, 0);\n}.wb-projectButton {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: var(--wb-gap-xs);\n  width: 100%;\n  height: var(--wb-len-34);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n}.wb-projectButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-projectButton:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}.wb-collapsed .wb-projectButton {\n  justify-content: center;\n  width: var(--wb-bar-height);\n  height: var(--wb-bar-height);\n  padding: 0;\n}.wb-collapsed .wb-projectName,\n.wb-collapsed .wb-projectChevron {\n  display: none;\n}.wb-projectGlyph {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-projectGlyphActive {\n  color: var(--dsw-alias-state-business-primary);\n}.wb-projectName {\n  flex: 1;\n  min-width: 0;\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.wb-projectChevron {\n  flex: none;\n  display: inline-flex;\n  color: var(--dsw-alias-label-caption);\n  transition: transform var(--wb-dur-0-15) var(--ds-ease-in-out);\n}.wb-projectChevronOpen {\n  transform: rotate(180deg);\n}.wb-sessions {\n  --dsh-session-list-edge-inset: var(--dsh-sidebar-inline-padding);\n  --dsh-session-list-scrollbar-width: 5px;\n  --dsh-session-list-scrollbar-offset: 2px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  margin-left: var(--wb-len-neg-4);\n  margin-right: var(--dsh-session-list-scrollbar-offset);\n  padding-left: var(--wb-len-4);\n  padding-right: calc( var(--dsh-session-list-edge-inset) - var(--dsh-session-list-scrollbar-width) - var(--dsh-session-list-scrollbar-offset) );\n  padding-bottom: var(--wb-len-16);\n  scrollbar-gutter: stable;\n  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);\n  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);\n}.wb-sessions.wb-fadeTop {\n  mask-image: linear-gradient(\n    to bottom,\n    transparent 0,\n    var(--wb-static-mask-opaque) var(--wb-len-24),\n    var(--wb-static-mask-opaque) 100%\n  );\n}.wb-sessions.wb-fadeBottom {\n  mask-image: linear-gradient(\n    to bottom,\n    var(--wb-static-mask-opaque) 0,\n    var(--wb-static-mask-opaque) calc(100% - var(--wb-len-24)),\n    transparent 100%\n  );\n}.wb-sessions.wb-fadeTop.wb-fadeBottom {\n  mask-image: linear-gradient(\n    to bottom,\n    transparent 0,\n    var(--wb-static-mask-opaque) var(--wb-len-24),\n    var(--wb-static-mask-opaque) calc(100% - var(--wb-len-24)),\n    transparent 100%\n  );\n}.wb-sessions > * {\n  flex: none;\n}.wb-sessions > * + * {\n  margin-top: var(--wb-len-2);\n}.wb-sessionLeading {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-sessionPin {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wb-len-16);\n  height: var(--wb-len-20);\n  margin-left: var(--wb-len-6);\n  color: var(--dsw-alias-label-caption);\n}.wb-rowActions {\n  flex: none;\n  display: none;\n  align-items: center;\n  gap: var(--wb-len-15);\n}.wb-rowActions .wb-iconButton {\n  width: var(--wb-len-16);\n  height: var(--wb-len-16);\n  border-radius: var(--dsw-radius-xs);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-rowActions .wb-iconButton:hover {\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n}.wb-sessionRow:hover .wb-rowActions,\n.wb-sessionRow.wb-menuOpen .wb-rowActions {\n  display: inline-flex;\n}.wb-sessionRow:hover .wb-sessionTime,\n.wb-sessionRow.wb-menuOpen .wb-sessionTime,\n.wb-sessionRow:hover .wb-sessionPin,\n.wb-sessionRow.wb-menuOpen .wb-sessionPin {\n  display: none;\n}.wb-sessionRow.wb-menuOpen {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-rowMenu {\n  left: auto;\n  right: 0;\n  min-width: var(--wb-len-144);\n  max-width: var(--wb-len-260);\n}.wb-sessionRow {\n  position: relative;\n  flex: none;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 0;\n  width: 100%;\n  height: var(--wb-len-32);\n  padding: 0 var(--wb-len-8);\n  border: none;\n  border-radius: var(--dsw-radius-md);\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  user-select: none;\n}.wb-sessionRow:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-sessionRow:focus-visible {\n  outline: var(--dsw-focus-ring-width) solid\n    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));\n  outline-offset: -2px;\n}.wb-visuallyHidden {\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  width: var(--wb-len-1);\n  height: var(--wb-len-1);\n  position: absolute;\n  overflow: hidden;\n}.wb-sessionTitle {\n  flex: 1;\n  min-width: 0;\n  margin: 0 var(--wb-len-6) 0 var(--wb-len-4);\n  font-size: var(--wb-font-row);\n  line-height: var(--wb-line-20);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}.wb-sessionTitle[data-scrolled] {\n  mask-image: linear-gradient(90deg, transparent, var(--wb-static-mask-opaque) var(--wb-len-12));\n}.wb-sessionTitle[data-clipped] {\n  mask-image: linear-gradient(270deg, transparent, var(--wb-static-mask-opaque) var(--wb-len-12));\n}.wb-sessionTitle[data-scrolled][data-clipped] {\n  mask-image: linear-gradient(\n    90deg,\n    transparent,\n    var(--wb-static-mask-opaque) var(--wb-len-12) calc(100% - var(--wb-len-12)),\n    transparent\n  );\n}@media (hover: hover) {\n  .wb-sessionRow:hover .wb-sessionTitle,\n  .wb-sessionRow.wb-menuOpen .wb-sessionTitle {\n    text-overflow: clip;\n  }\n}.wb-sessionHover {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wb-len-8);\n}.wb-sessionHoverTitle {\n  color: var(--dsw-static-neutral-bluish-00);\n  font-size: var(--dsw-font-s-14-font-size);\n  line-height: var(--wb-line-20);\n  overflow-wrap: break-word;\n}.wb-sessionHoverTime {\n  color: var(--dsw-static-neutral-bluish-300);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-16);\n}.wb-sessionHoverStatus {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-8);\n  color: var(--dsw-static-neutral-bluish-400);\n  font-size: var(--dsw-font-xxs-12-font-size);\n  line-height: var(--wb-line-20);\n}.wb-sessionTime {\n  flex: none;\n  font-size: var(--wb-font-10);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-workspaceBusy {\n  display: flex;\n  align-items: center;\n  gap: var(--wb-len-6);\n  margin: var(--wb-len-4) var(--wb-len-8) 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-label-tertiary);\n}.wb-workspaceError {\n  margin: var(--wb-len-4) var(--wb-len-8) 0;\n  font-size: var(--dsw-font-xxxs-11-font-size);\n  line-height: var(--wb-line-16);\n  color: var(--dsw-alias-state-error-primary);\n}.wb-empty {\n  padding: var(--wb-len-16) var(--wb-len-12);\n  font-size: var(--dsw-font-xs-13-font-size);\n  color: var(--dsw-alias-label-tertiary);\n}@media (prefers-reduced-motion: reduce) {\n  .wb-projectChevron {\n    transition: none;\n  }}.wb-sessionRow.wb-selected {\n  background: var(--dsw-alias-interactive-bg-hover);\n}.wb-panelTag {\n  flex: none;\n  margin-left: auto;\n}.wb-panelGlyph {\n  position: relative;\n}.wb-panelDot {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: var(--wb-len-neg-3);\n  right: var(--wb-len-neg-3);\n}button.pXSMma_workspace {\n  display: none;\n}";
 //#endregion
 //#region src/shared/styles/sidebar.css?raw
 var sidebar_default = ".wb-root{--dsh-sidebar-inline-padding:12px;height:100%;padding:var(--wb-len-6) var(--dsh-sidebar-inline-padding);box-sizing:border-box;background:var(--dsw-specific-sidebar-fill);color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);flex-direction:column;font-size:var(--dsw-font-s-14-font-size);display:flex}[data-platform=darwin] .wb-root{background:0 0}.wb-root.wb-collapsed{padding:var(--wb-len-18) var(--wb-len-10) var(--wb-len-6)}[data-windows-titlebar] .wb-root .wb-logoRow{height:var(--wb-len-40);margin:0;padding:0}[data-windows-titlebar] .wb-toggle{top:calc((var(--dsh-windows-titlebar-height) - var(--wb-len-28)) / 2);z-index:var(--wb-z-30);-webkit-app-region:no-drag;position:fixed;left:var(--wb-len-12)}[data-windows-titlebar] .wb-root.wb-collapsed .wb-logoRow{height:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-brand{padding-left:var(--wb-len-4)}[data-windows-titlebar] .wb-brandIdentity{transform:translateY(1px)}[data-windows-titlebar] .wb-brandMark{transform:translate(1px)}[data-windows-titlebar] .wb-brandName{font-weight:400}[data-windows-titlebar] .wb-root.wb-collapsed{padding:0}[data-windows-titlebar] .wb-root:not(.wb-collapsed) .wb-newSession{margin-top:var(--wb-len-8);margin-left:0}[data-windows-titlebar] .wb-collapsed .wb-panelList,[data-windows-titlebar] .wb-collapsed .wb-regionArea,[data-windows-titlebar] .wb-collapsed .wb-footArea{display:none}html[data-windows-titlebar]:has([data-sidebar-collapsed=true]){--dsh-windows-menu-start:84px}[data-windows-titlebar] .wb-collapsed .wb-newSession{top:calc((var(--dsh-windows-titlebar-height) - var(--wb-len-28)) / 2);z-index:var(--wb-z-30);-webkit-app-region:no-drag;border:none;margin:0;padding:0;position:fixed;left:var(--wb-len-48)}[data-windows-titlebar] .wb-railIn .wb-iconButton,[data-windows-titlebar] .wb-railIn .wb-newSession{animation:none}[data-windows-titlebar] .wb-collapsed .wb-toggle,[data-windows-titlebar] .wb-collapsed .wb-newSession{corner-shape:round;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);border-radius:50%}[data-windows-titlebar] .wb-collapsed .wb-toggle .wb-panelIcon{display:inline-flex}.wb-root.wb-quietBars{--dsh-scrollbar-thumb:transparent;--dsh-scrollbar-thumb-hover:transparent}.wb-fading>*{opacity:0;transition:opacity var(--wb-dur-0-15) var(--ds-ease-in-out)}.wb-wide{animation:wb-wide-in var(--ds-transition-duration) var(--ds-ease-in-out)}@keyframes wb-wide-in{0%{opacity:0}}.wb-railIn .wb-iconButton,.wb-railIn .wb-newSession,.wb-railIn .wb-panelList,.wb-railIn .wb-regionArea{animation:wb-rail-in var(--wb-dur-0-15) var(--ds-ease-in-out) backwards}.wb-railIn .wb-footArea{animation:wb-rail-fade-in var(--wb-dur-0-15) var(--ds-ease-in-out) backwards}@keyframes wb-rail-in{0%{opacity:0;transform:translate(49px)}}@keyframes wb-rail-fade-in{0%{opacity:0}}.wb-topStrip{box-sizing:border-box;height:var(--wb-len-52);margin:var(--wb-len-neg-6) calc(-1 * var(--dsh-sidebar-inline-padding)) 0;flex:none;justify-content:flex-end;align-items:center;padding:0 var(--wb-len-12) var(--wb-len-2);display:flex}[data-fullscreen] .wb-topStrip{justify-content:flex-start}.wb-topStrip+.wb-logoRow{margin-top:var(--wb-len-neg-12)}.wb-logoRow{box-sizing:border-box;flex:none;justify-content:flex-end;align-items:center;gap:var(--wb-len-8);height:var(--wb-len-60);margin-bottom:var(--wb-len-4);padding:var(--wb-len-8) 0 var(--wb-len-8) var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-logoRow{justify-content:flex-start;height:var(--wb-len-36);margin-bottom:var(--wb-len-12);padding:0;overflow:visible}.wb-brand{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;padding:0;display:inline-flex;overflow:hidden}[data-platform=darwin] .wb-brand{cursor:default}.wb-brandIdentity{align-items:center;gap:var(--wb-len-8);min-width:0;height:var(--wb-len-24);display:inline-flex}.wb-brandMark{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-brandName{letter-spacing:var(--wb-track-brand);align-items:center;gap:var(--wb-len-6);min-width:0;height:var(--wb-len-24);font-size:var(--wb-font-18);font-weight:600;line-height:var(--wb-line-24);display:inline-flex}.wb-fallbackBrandName{letter-spacing:0;white-space:nowrap;font-size:var(--wb-font-17)}.wb-localBuildBrand{white-space:nowrap;flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:var(--wb-len-1);height:var(--wb-len-24);display:inline-flex}.wb-localBuildTitle{letter-spacing:0;font-size:var(--dsw-font-xxs-12-font-size);line-height:var(--wb-line-13)}.wb-panelIcon{display:inline-flex;align-items:center;justify-content:center}.wb-iconButton{border-radius:var(--dsw-radius-sm);cursor:pointer;width:var(--wb-len-28);height:var(--wb-len-28);color:var(--dsw-alias-label-secondary);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.wb-iconButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-iconButton.wb-toggle:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-collapsed .wb-iconButton{border-radius:var(--dsw-radius-md);width:var(--wb-len-36);height:var(--wb-len-36)}.wb-collapsed .wb-toggle .wb-panelIcon{display:none}.wb-collapsed .wb-toggle:hover .wb-panelIcon{display:inline}.wb-collapsed .wb-toggle:hover .wb-railMark{display:none}.wb-railMark{justify-content:center;align-items:center;display:inline-flex}.wb-collapsed .wb-iconButton{color:var(--dsw-alias-label-primary)}.wb-buildVersion{height:var(--wb-len-10);color:var(--dsw-alias-label-primary-inverted);background:var(--dsw-alias-label-primary);font-family:var(--ds-font-family-code);white-space:nowrap;border-radius:var(--wb-radius-2);flex:none;align-items:center;padding:0 var(--wb-len-3);font-size:var(--wb-font-6);font-weight:500;line-height:var(--wb-line-10);display:inline-flex}.wb-newSession{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-button-elevated-fill);height:var(--wb-len-38);color:var(--dsw-alias-label-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:0;margin:0 var(--wb-len-2) var(--wb-len-12);padding:var(--wb-len-8) var(--wb-len-12);font-size:var(--dsw-font-s-14-font-size);font-weight:500;line-height:var(--wb-line-22);display:flex;position:relative;overflow:hidden;container-type:inline-size}.wb-newSession:hover{background:var(--dsw-alias-button-floating-hover)}[data-platform=darwin] .wb-newSession{background:var(--wb-static-titlebar-fill)}[data-platform=darwin] .wb-newSession:hover{background:var(--wb-static-titlebar-fill-hover)}[data-platform=darwin] [data-ds-dark-theme] .wb-newSession{background:var(--wb-static-titlebar-fill-dark)}[data-platform=darwin] [data-ds-dark-theme] .wb-newSession:hover{background:var(--wb-static-titlebar-fill-dark-hover)}.wb-collapsed .wb-newSession{background:0 0;border-color:transparent;align-self:flex-start;gap:0;width:var(--wb-len-36);height:var(--wb-len-36);margin:0 0 var(--wb-len-12);padding:0}.wb-collapsed .wb-newSession:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-newSessionLabel{white-space:nowrap;max-width:var(--wb-len-200);overflow:hidden}.wb-collapsed .wb-newSessionLabel{max-width:0}.wb-newSessionLabelMask{flex:1;min-width:0}.wb-newSession:is(:hover,:focus-visible) .wb-newSessionLabelMask:has(+.wb-newSessionShortcut){overflow:hidden;mask-image:linear-gradient(90deg,var(--wb-static-mask-opaque) calc(100% - var(--wb-len-16)),transparent)}.wb-newSessionContent{justify-content:center;align-items:center;gap:var(--wb-len-6);width:100cqw;display:flex}.wb-newSessionContent>svg{flex:none}.wb-newSessionShortcut{opacity:0;pointer-events:none;flex:none;font-weight:400;display:inline-flex}.wb-newSession:is(:hover,:focus-visible) .wb-newSessionShortcut{opacity:1}.wb-panelList{flex-direction:column;flex:none;gap:var(--wb-len-4);margin-bottom:var(--wb-len-8);display:flex}.wb-panelRow{box-sizing:border-box;border-radius:var(--dsw-radius-md);min-height:var(--wb-len-36);color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:var(--wb-len-8);margin:0 var(--wb-len-2);padding:var(--wb-len-7) var(--wb-len-8);line-height:var(--wb-line-22);display:flex}.wb-panelRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.wb-panelRow.wb-panelActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.wb-panelRow:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-2px}.wb-panelGlyph{flex:none;justify-content:center;align-items:center;display:inline-flex}.wb-panelTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-collapsed .wb-panelList{gap:var(--wb-len-12);margin-bottom:var(--wb-len-12)}.wb-collapsed .wb-panelRow{width:var(--wb-len-36);height:var(--wb-len-36);color:var(--dsw-alias-label-primary);justify-content:center;margin:0;padding:0}.wb-regionArea{min-height:0;margin-left:var(--wb-len-neg-4);margin-right:calc(-1 * var(--dsh-sidebar-inline-padding));flex-direction:column;flex:1;padding-left:var(--wb-len-4);display:flex;overflow:hidden}.wb-collapsed .wb-regionArea{margin-left:0;margin-right:0;padding-left:0}.wb-footArea{flex-direction:column;flex:none;display:flex}.wb-settingsArea,.wb-footerActions{flex:none;width:100%;min-width:0}.wb-footerActions{display:flex}.wb-collapsed .wb-footArea{align-items:center}.wb-collapsed .wb-settingsArea,.wb-collapsed .wb-footerActions{justify-content:center;width:auto;display:flex}@media (prefers-reduced-motion:reduce){.wb-wide,.wb-fading>*,.wb-railIn .wb-iconButton,.wb-railIn .wb-newSession,.wb-railIn .wb-panelList,.wb-railIn .wb-footArea,.wb-railIn .wb-regionArea{transition:none;animation:none}}\n";
@@ -9907,6 +10112,10 @@ function sidebarChildren(ctx) {
 		"sidebar.session.row.leading": {
 			kind: "list",
 			scope: "root"
+		},
+		"sidebar.session.row.hover": {
+			kind: "list",
+			scope: "root"
 		}
 	};
 }