npm - @openspecui/web - Versions diffs - 3.2.0 → 3.2.2 - Mend

@openspecui/web 3.2.0 → 3.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist-ssg/client/assets/{init-CTvfU5B_.js → init-Bpyko6ax.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{it as e}from"./Geometry-CNDxiJq_.js";import{a as t,i as n}from"./index.ssg-~~CUVE3Tl~~-.js";e.add(n),e.add(t);
1	+ import{it as e}from"./Geometry-CNDxiJq_.js";import{a as t,i as n}from"./index.ssg-BFU9Xt_-.js";e.add(n),e.add(t);

package/dist-ssg/client/assets/trpc-DyyVp7PI.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{F as e}from"./index.ssg-BFU9Xt_-.js";export{e as trpcClient};

package/dist-ssg/client/assets/webworkerAll-DRi5n8n7.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import"./Geometry-CNDxiJq_.js";import"./index.ssg-BFU9Xt_-.js";import"./init-Bpyko6ax.js";

package/dist-ssg/client/index.ssg.html CHANGED Viewed

@@ -35,7 +35,7 @@
         document.head.append(preconnectApi, preconnectStatic, stylesheet)
       })()
     </script>
-    <script type="module" crossorigin src="/assets/index.ssg-CUVE3Tl-.js"></script>
+    <script type="module" crossorigin src="/assets/index.ssg-BFU9Xt_-.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/chunk-DECur_0Z.js">
     <link rel="modulepreload" crossorigin href="/assets/dist-QUHuPJsA.js">
     <link rel="modulepreload" crossorigin href="/assets/dist-BGaHY1kO.js">
@@ -45,7 +45,7 @@
     <link rel="modulepreload" crossorigin href="/assets/getTextureBatchBindGroup-CqvclRGr.js">
     <link rel="modulepreload" crossorigin href="/assets/BufferResource-DKNednNt.js">
     <link rel="modulepreload" crossorigin href="/assets/ImageSource-DsthkIsU.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-Uf645ICs.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-B8AzCEti.css">
   </head>
   <body>
     <div id="root"><!--app-html--></div>

package/dist-ssg/server/entry-server.js CHANGED Viewed

@@ -84161,15 +84161,6 @@ var tabsStyleText = (id) => {
       transform: scaleX(0.5);
     }
-    #${id} .tabs-strip {
-      background-image: linear-gradient(
-        to bottom,
-        transparent,
-        transparent calc(100% - 1px),
-        var(--border) calc(100% - 1px),
-        var(--border)
-      );
-    }
   `;
 };
 function buildReorderedTabIds(currentTabIds, draggedTabId, targetTabId, position) {
@@ -84192,7 +84183,7 @@ function buildStableContentTabIds(previousTabIds, currentTabIds) {
 * Hidden tabs are pre-rendered at lower priority and preserve their state.
 * Supports both controlled and uncontrolled active tab.
 */
-function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTabOrderChange, actions, onTabBarDoubleClick, className = "", variant = "default" }, ref) {
+function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTabOrderChange, actions, onTabBarDoubleClick, className = "", classNames, showHeaderShell = true, showSelectionIndicator = true, decorateStrip = true, selectionIndicatorLayout = "underline" }, ref) {
 	const [uncontrolled, setUncontrolled] = (0, import_react.useState)(tabs[0]?.id ?? "");
 	const [dropIndicator, setDropIndicator] = (0, import_react.useState)(null);
 	const dropIndicatorRef = (0, import_react.useRef)(null);
@@ -84201,6 +84192,8 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 	const headerRef = (0, import_react.useRef)(null);
 	const headerShellRef = (0, import_react.useRef)(null);
 	const headerForegroundRef = (0, import_react.useRef)(null);
+	const headerFrameRef = (0, import_react.useRef)(null);
+	const stripRef = (0, import_react.useRef)(null);
 	const selectionIndicatorRef = (0, import_react.useRef)(null);
 	const tabsButtonRef = (0, import_react.useRef)(null);
 	const triggerRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
@@ -84229,7 +84222,7 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 			return panelRefs.current.get(tabId) ?? null;
 		},
 		getHeaderShell() {
-			return headerShellRef.current;
+			return headerShellRef.current ?? stripRef.current;
 		},
 		getHeaderForeground() {
 			return headerForegroundRef.current;
@@ -84243,28 +84236,44 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 	}), [activeTab]);
 	const syncSelectionIndicator = (0, import_react.useCallback)(() => {
 		const indicator = selectionIndicatorRef.current;
-		const header = headerRef.current;
+		const strip = stripRef.current ?? headerFrameRef.current;
 		const activeTrigger = activeTab ? triggerRefs.current.get(activeTab) : null;
 		if (!indicator) return;
-		if (variant !== "default" || !header || !activeTrigger) {
+		if (!showSelectionIndicator || !strip || !activeTrigger) {
 			indicator.style.opacity = "0";
 			indicator.style.width = "0px";
-			indicator.style.height = "0px";
-			indicator.style.transform = "translate(0px, 0px)";
+			indicator.style.height = selectionIndicatorLayout === "overlay" ? "0px" : "";
+			indicator.style.transform = selectionIndicatorLayout === "overlay" ? "translate(0px, 0px)" : "translateX(0px)";
 			return;
 		}
-		const headerRect = header.getBoundingClientRect();
+		const stripRect = strip.getBoundingClientRect();
 		const triggerRect = activeTrigger.getBoundingClientRect();
+		if (selectionIndicatorLayout === "underline") {
+			const indicatorStyle = getComputedStyle(indicator);
+			const inlineInset = parseFloat(indicatorStyle.getPropertyValue("--tabs-selection-inline-inset")) || 10;
+			const minWidth = parseFloat(indicatorStyle.getPropertyValue("--tabs-selection-min-width")) || 40;
+			const width = Math.max(minWidth, triggerRect.width - inlineInset * 2);
+			const translateX = triggerRect.left - stripRect.left + (triggerRect.width - width) / 2;
+			indicator.style.opacity = "1";
+			indicator.style.width = `${width}px`;
+			indicator.style.height = "";
+			indicator.style.transform = `translateX(${translateX}px)`;
+			return;
+		}
 		indicator.style.opacity = "1";
 		indicator.style.width = `${triggerRect.width}px`;
-		indicator.style.height = `${triggerRect.height}px`;
-		indicator.style.transform = `translate(${triggerRect.left - headerRect.left}px, ${triggerRect.top - headerRect.top}px)`;
-	}, [activeTab, variant]);
+		indicator.style.height = `${triggerRect.height + 1}px`;
+		indicator.style.transform = `translate(${triggerRect.left - stripRect.left}px, ${triggerRect.top - stripRect.top}px)`;
+	}, [
+		activeTab,
+		selectionIndicatorLayout,
+		showSelectionIndicator
+	]);
 	(0, import_react.useLayoutEffect)(() => {
 		syncSelectionIndicator();
 	}, [syncSelectionIndicator, tabLayoutSignature]);
 	(0, import_react.useLayoutEffect)(() => {
-		if (variant !== "default") return;
+		if (!showSelectionIndicator) return;
 		const tabsButton = tabsButtonRef.current;
 		if (!tabsButton) return;
 		const handleScroll = () => {
@@ -84279,6 +84288,8 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 		});
 		observer.observe(tabsButton);
 		if (headerRef.current) observer.observe(headerRef.current);
+		if (stripRef.current) observer.observe(stripRef.current);
+		if (headerFrameRef.current) observer.observe(headerFrameRef.current);
 		const activeTrigger = activeTab ? triggerRefs.current.get(activeTab) : null;
 		if (activeTrigger) observer.observe(activeTrigger);
 		return () => {
@@ -84287,9 +84298,9 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 		};
 	}, [
 		activeTab,
+		showSelectionIndicator,
 		syncSelectionIndicator,
-		tabLayoutSignature,
-		variant
+		tabLayoutSignature
 	]);
 	const handleChange = (id) => {
 		if (!controlled) setUncontrolled(id);
@@ -84370,13 +84381,23 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 		event.dataTransfer.dropEffect = "move";
 	}, [reorderable]);
 	if (tabs.length === 0) return null;
-	const headerClassName = variant === "terminal" ? "tabs-header bg-terminal text-terminal-foreground sticky top-0 z-20 flex min-w-0 items-stretch" : "tabs-header relative sticky top-0 z-20 min-w-0";
-	const stripClassName = variant === "terminal" ? "tabs-strip min-w-0 flex-1 bg-terminal px-4" : "tabs-strip min-w-0 flex-1 rounded-l-md px-4";
-	const listClassName = variant === "terminal" ? "tabs-button scrollbar-none flex min-w-0 gap-1 overflow-x-auto pt-2" : "tabs-button scrollbar-none flex min-w-0 gap-1 overflow-x-auto";
-	const buttonBaseClassName = `group relative z-10 m-0 flex h-full shrink-0 items-center gap-2 px-2 text-sm font-medium transition-colors ${variant === "terminal" ? "rounded-t-[8px] py-1" : "py-2"}`;
-	const activeButtonClassName = variant === "terminal" ? "tab-selected bg-background text-foreground" : "tab-selected text-foreground";
-	const inactiveButtonClassName = variant === "terminal" ? "bg-terminal text-terminal-foreground/80 hover:bg-terminal hover:text-terminal-foreground" : "text-muted-foreground hover:bg-background/35 hover:text-foreground";
-	const actionsClassName = variant === "terminal" ? "tabs-actions border-border bg-terminal text-terminal-foreground flex shrink-0 items-center border-b px-1" : "tabs-actions border-zinc-500/15 flex shrink-0 items-center rounded-r-md border-l px-1";
+	const headerClassName = cn$1("tabs-header relative sticky top-0 z-20 flex min-w-0 items-stretch", classNames?.header);
+	const headerShellClassName = cn$1(selectionIndicatorLayout === "underline" ? "tabs-header-shell bg-card/95 pointer-events-none absolute inset-0 z-0 rounded-t-md rounded-b-none border border-b-0 border-zinc-500/15 backdrop-blur-sm" : "tabs-header-shell bg-card/95 pointer-events-none absolute inset-0 z-0 rounded-md border border-zinc-500/15 shadow-[inset_0_-1px_0_color-mix(in_srgb,var(--border)_85%,transparent)] backdrop-blur-sm", classNames?.headerShell);
+	const headerForegroundClassName = cn$1("tabs-header-foreground relative z-20 flex min-w-0 flex-1", classNames?.headerForeground);
+	const headerFrameClassName = cn$1("tabs-header-frame relative flex min-w-0 flex-1 items-stretch", classNames?.headerFrame);
+	const stripClassName = cn$1("tabs-strip relative flex min-w-0 flex-1 items-stretch px-4", classNames?.strip);
+	const listClassName = cn$1("tabs-button scrollbar-none flex min-w-0 flex-1 gap-1 overflow-x-auto", classNames?.list);
+	const buttonBaseClassName = cn$1("group relative z-10 m-0 flex h-full shrink-0 px-2 py-2 text-sm font-medium transition-colors", classNames?.buttonBase);
+	const buttonInnerClassName = cn$1("inline-flex h-full items-center gap-2", classNames?.buttonInner);
+	const activeButtonClassName = cn$1("tab-selected text-foreground", classNames?.activeButton);
+	const inactiveButtonClassName = cn$1("text-muted-foreground hover:text-foreground", classNames?.inactiveButton);
+	const activeButtonInnerClassName = cn$1(classNames?.activeButtonInner);
+	const inactiveButtonInnerClassName = cn$1(classNames?.inactiveButtonInner);
+	const actionsClassName = cn$1("tabs-actions relative flex shrink-0 items-center px-1", classNames?.actions);
+	const actionsDividerClassName = cn$1("tabs-actions-divider bg-border/60 absolute inset-y-0 left-0 w-px", classNames?.actionsDivider);
+	const selectionTrackClassName = cn$1("tabs-selection-track bg-border/85 pointer-events-none absolute inset-x-0 bottom-0 h-px", classNames?.selectionTrack);
+	const selectionIndicatorViewportClassName = cn$1(selectionIndicatorLayout === "underline" ? "pointer-events-none absolute inset-x-0 top-0 bottom-[-1px] z-10 overflow-hidden" : "pointer-events-none absolute inset-0 z-10 overflow-hidden", classNames?.selectionIndicatorViewport);
+	const selectionIndicatorClassName = cn$1(selectionIndicatorLayout === "underline" ? "tabs-selection-indicator absolute bottom-0 left-0 h-[3px] rounded-full bg-primary opacity-0 transition-[transform,width,opacity] duration-280 ease-[cubic-bezier(0.22,1,0.36,1)] [--tabs-selection-inline-inset:10px] [--tabs-selection-min-width:40px]" : "tabs-selection-indicator border-primary bg-background/70 duration-280 absolute left-0 top-0 border-b opacity-0 transition-[transform,width,height,opacity] ease-[cubic-bezier(0.22,1,0.36,1)]", classNames?.selectionIndicator);
 	const handleTabBarDoubleClick = (event) => {
 		if (!onTabBarDoubleClick) return;
 		if (event.target.closest("[data-tab-item=\"true\"]")) return;
@@ -84384,7 +84405,7 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 	};
 	const tabButtons = tabs.map((tab) => {
 		const dragIndicatorStyle = dropIndicator?.tabId === tab.id ? { boxShadow: dropIndicator.position === "before" ? "inset 2px 0 0 var(--border)" : "inset -2px 0 0 var(--border)" } : void 0;
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 			ref: (element) => {
 				triggerRefs.current.set(tab.id, element);
 			},
@@ -84398,86 +84419,87 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 			onDrop: (event) => handleItemDrop(event, tab.id),
 			className: `${buttonBaseClassName} ${activeTab === tab.id ? activeButtonClassName : inactiveButtonClassName} ${reorderable ? "cursor-grab active:cursor-grabbing" : ""}`,
 			style: dragIndicatorStyle,
-			children: [
-				tab.icon,
-				tab.label,
-				tab.closable && onTabClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					role: "button",
-					tabIndex: 0,
-					onClick: (event) => {
-						event.stopPropagation();
-						onTabClose(tab.id);
-					},
-					onKeyDown: (event) => {
-						if (event.key === "Enter" || event.key === " ") {
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+				"data-tabs-button-inner": "true",
+				className: `${buttonInnerClassName} ${activeTab === tab.id ? activeButtonInnerClassName : inactiveButtonInnerClassName}`,
+				children: [
+					tab.icon,
+					tab.label,
+					tab.closable && onTabClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						role: "button",
+						tabIndex: 0,
+						onClick: (event) => {
 							event.stopPropagation();
 							onTabClose(tab.id);
-						}
-					},
-					draggable: false,
-					className: `hover:text-foreground -mr-1 rounded p-0.5 transition ${tab.closeButtonVisibility === "always" ? "opacity-100" : "opacity-0 group-hover:opacity-100 [button:hover>&]:opacity-100"} ${activeTab === tab.id ? "text-current/80" : "text-muted-foreground"}`,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X$2, { className: "h-3 w-3" })
-				})
-			]
+						},
+						onKeyDown: (event) => {
+							if (event.key === "Enter" || event.key === " ") {
+								event.stopPropagation();
+								onTabClose(tab.id);
+							}
+						},
+						draggable: false,
+						className: `-mr-1 rounded p-0.5 transition ${tab.closeButtonVisibility === "always" ? "opacity-100" : "opacity-0 group-hover:opacity-100 [button:hover>&]:opacity-100"} ${activeTab === tab.id ? cn$1("text-current/80 hover:text-foreground", classNames?.closeButtonActive) : cn$1("text-muted-foreground hover:text-foreground", classNames?.closeButtonInactive)}`,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X$2, { className: "h-3 w-3" })
+					})
+				]
+			})
 		}, tab.id);
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		id,
 		ref: rootRef,
-		"data-tabs-variant": variant,
+		"data-tabs-strip-decoration": decorateStrip ? "on" : "off",
 		className: `relative isolate flex min-h-0 min-w-0 flex-1 flex-col ${className}`,
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			ref: headerRef,
 			className: headerClassName,
-			children: variant === "default" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					ref: headerShellRef,
-					"data-tabs-header-shell": "true",
-					className: "tabs-header-shell bg-card/95 pointer-events-none absolute inset-0 z-0 rounded-md border border-zinc-500/15 shadow-[inset_0_-1px_0_color-mix(in_srgb,var(--border)_85%,transparent)] backdrop-blur-sm"
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "pointer-events-none absolute inset-0 z-10",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						ref: selectionIndicatorRef,
-						"data-tabs-selection-indicator": "true",
-						"aria-hidden": "true",
-						className: "tabs-selection-indicator border-primary bg-background/70 duration-280 absolute left-0 top-0 border-b-4 opacity-0 transition-[transform,width,height,opacity] ease-[cubic-bezier(0.22,1,0.36,1)]"
-					})
-				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					ref: headerForegroundRef,
-					"data-tabs-header-foreground": "true",
-					className: "tabs-header-foreground relative z-20 flex min-w-0 items-stretch",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: stripClassName,
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-							ref: tabsButtonRef,
-							className: listClassName,
-							onDoubleClick: handleTabBarDoubleClick,
-							onDragOver: handleListDragOver,
-							onDrop: handleListDrop,
-							children: tabButtons
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [showHeaderShell && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				ref: headerShellRef,
+				"data-tabs-header-shell": "true",
+				className: headerShellClassName
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				ref: headerForegroundRef,
+				"data-tabs-header-foreground": "true",
+				className: headerForegroundClassName,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					ref: headerFrameRef,
+					className: headerFrameClassName,
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							ref: stripRef,
+							className: stripClassName,
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								ref: tabsButtonRef,
+								className: listClassName,
+								onDoubleClick: handleTabBarDoubleClick,
+								onDragOver: handleListDragOver,
+								onDrop: handleListDrop,
+								children: tabButtons
+							}), showSelectionIndicator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: selectionIndicatorViewportClassName,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									ref: selectionIndicatorRef,
+									"data-tabs-selection-indicator": "true",
+									"aria-hidden": "true",
+									className: selectionIndicatorClassName
+								})
+							})]
+						}),
+						actions && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							"data-tabs-actions": "true",
+							className: actionsClassName,
+							children: [decorateStrip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								"aria-hidden": "true",
+								className: actionsDividerClassName
+							}), actions]
+						}),
+						decorateStrip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							"aria-hidden": "true",
+							className: selectionTrackClassName
 						})
-					}), actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						"data-tabs-actions": "true",
-						className: actionsClassName,
-						children: actions
-					})]
-				})
-			] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: stripClassName,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					ref: tabsButtonRef,
-					className: listClassName,
-					onDoubleClick: handleTabBarDoubleClick,
-					onDragOver: handleListDragOver,
-					onDrop: handleListDrop,
-					children: tabButtons
+					]
 				})
-			}), actions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				"data-tabs-actions": "true",
-				className: actionsClassName,
-				children: actions
 			})] })
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "relative flex min-h-0 flex-1 overflow-hidden",
@@ -84504,6 +84526,14 @@ function TabsImpl({ tabs, selectedTab: controlled, onTabChange, onTabClose, onTa
 }
 var Tabs = (0, import_react.forwardRef)(TabsImpl);
 //#endregion
+//#region src/lib/view-transitions/tab-direction.ts
+function resolveTabCarouselDirection(tabs, currentTabId, nextTabId) {
+	const currentIndex = tabs.findIndex((tab) => tab.id === currentTabId);
+	const nextIndex = tabs.findIndex((tab) => tab.id === nextTabId);
+	if (currentIndex < 0 || nextIndex < 0 || currentIndex === nextIndex) return null;
+	return nextIndex > currentIndex ? "forward" : "backward";
+}
+//#endregion
 //#region src/lib/view-transitions/tab-scroll-freeze.ts
 var DATA_VISIBLE_HEIGHT = "tabVisibleHeight";
 var DATA_TOP_INSET = "tabTopInset";
@@ -85015,11 +85045,16 @@ function useRoutedCarouselTabs({ queryKey, tabs, initialTab, area, history = "re
 				commitSelection();
 				return;
 			}
+			const direction = resolveTabCarouselDirection(latestTabs, currentTab, nextTabId);
+			if (!direction) {
+				commitSelection();
+				return;
+			}
 			runViewTransition({
 				intent: {
 					area: resolveTabArea(latestLocation.pathname, latestArea),
 					kind: "tab-carousel",
-					direction: "forward"
+					direction
 				},
 				collectBeforeEntries: () => collectTabEntries(tabsRef.current, currentTab),
 				collectAfterEntries: () => collectTabEntries(tabsRef.current, nextTabId),
@@ -85027,7 +85062,8 @@ function useRoutedCarouselTabs({ queryKey, tabs, initialTab, area, history = "re
 			});
 			return;
 		}
-		const runSelectionWithScrollTransfer = (animated) => {
+		const direction = resolveTabCarouselDirection(latestTabs, currentTab, nextTabId);
+		const runSelectionWithScrollTransfer = (animated, direction) => {
 			const outgoingSnapshot = captureTabSnapshot(currentTab, latestViewportSelector);
 			const incomingSeedSnapshot = scrollMemoryByTabRef.current.get(nextTabId) ?? outgoingSnapshot ?? captureTabSnapshot(nextTabId, latestViewportSelector);
 			const outgoingToken = captureOutgoingTab(currentTab, latestViewportSelector, outgoingSnapshot);
@@ -85063,14 +85099,11 @@ function useRoutedCarouselTabs({ queryKey, tabs, initialTab, area, history = "re
 			runSelectionWithScrollTransfer(false);
 			return;
 		}
-		const currentIndex = latestTabs.findIndex((tab) => tab.id === currentTab);
-		const nextIndex = latestTabs.findIndex((tab) => tab.id === nextTabId);
-		if (currentIndex < 0 || nextIndex < 0) {
+		if (!direction) {
 			runSelectionWithScrollTransfer(false);
 			return;
 		}
-		const direction = nextIndex >= currentIndex ? "forward" : "backward";
-		runSelectionWithScrollTransfer(true);
+		runSelectionWithScrollTransfer(true, direction);
 	}, [
 		captureOutgoingTab,
 		captureTabSnapshot,
@@ -145072,6 +145105,13 @@ var TerminalController = class {
 	ghosttyInitPromise = null;
 	appDarkMode = false;
 	systemDarkMode = false;
+	resolvedTheme = resolveTerminalTheme({
+		useTheme: DEFAULT_TERMINAL_CONFIG.useTheme,
+		lightTheme: DEFAULT_TERMINAL_CONFIG.lightTheme,
+		darkTheme: DEFAULT_TERMINAL_CONFIG.darkTheme,
+		appDarkMode: false,
+		systemDarkMode: false
+	});
 	ws = null;
 	wsConnected = false;
 	reconnectTimer = null;
@@ -145488,6 +145528,9 @@ var TerminalController = class {
 	getConfig() {
 		return { ...this.config };
 	}
+	getResolvedTheme() {
+		return this.resolvedTheme;
+	}
 	setThemeContext(input) {
 		if (!(this.appDarkMode !== input.appDarkMode || this.systemDarkMode !== input.systemDarkMode)) return;
 		this.appDarkMode = input.appDarkMode;
@@ -145519,6 +145562,7 @@ var TerminalController = class {
 			appDarkMode: this.appDarkMode,
 			systemDarkMode: this.systemDarkMode
 		});
+		this.resolvedTheme = resolvedTheme;
 		for (const instance of this.instances.values()) {
 			instance.terminal.options.theme = resolvedTheme.definition.palette;
 			instance.terminal.options.allowTransparency = false;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@openspecui/web",
-  "version": "3.2.0",
+  "version": "3.2.2",
   "type": "module",
   "bin": {
     "openspecui-ssg": "./dist-ssg/ssg-cli.mjs"

package/dist/assets/CanvasRenderer-B0YOZN7k.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./Geometry-CNDxiJq_.js";import{r as e}from"./index-lPENGJEo.js";export{e as CanvasRenderer};

package/dist/assets/WebGLRenderer-CDOD_LtU.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./Geometry-CNDxiJq_.js";import{n as e}from"./index-lPENGJEo.js";export{e as WebGLRenderer};

package/dist/assets/WebGPURenderer-DWgIHmo0.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./Geometry-CNDxiJq_.js";import{t as e}from"./index-lPENGJEo.js";export{e as WebGPURenderer};

package/dist/assets/browserAll-DyYp9U9L.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{it as e,x as t}from"./Geometry-CNDxiJq_.js";import{c as n,l as r,o as i,s as a}from"./index-lPENGJEo.js";import"./init-D_t0u2tz.js";e.add(r),e.mixin(t,n),e.add(a),e.mixin(t,i);

package/dist/assets/dist-B6ubLakN.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./dist-QUHuPJsA.js";import{u as e}from"./index-lPENGJEo.js";export{e as yaml};

package/dist/assets/dist-BWNW4dVV.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./dist-QUHuPJsA.js";import{k as e}from"./index-lPENGJEo.js";export{e as json};

package/dist/assets/dist-Da_ehLaL.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./dist-QUHuPJsA.js";import{T as e}from"./index-lPENGJEo.js";export{e as css};