@aperture-browser/session-react 0.0.0-nightly.134.a2b44bc33726 → 0.0.0-nightly.136.3e1fe3ddf22e

package/dist/index.js

@@ -154,6 +154,7 @@ const buttonVariants = cva("aperture:group/button aperture:inline-flex aperture:
 function Button$1({ className, variant = "default", size = "default", ...props }) {
 	return /* @__PURE__ */ jsx(Button, {
 		"data-slot": "button",
+		"data-icon-button": size === "icon" || (size?.startsWith("icon-") ?? false) ? "" : void 0,
 		className: cn(buttonVariants({
 			variant,
 			size,
@@ -352,7 +353,7 @@ function HoverCardTrigger(props) {
 		...props
 	});
 }
-function HoverCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, collisionPadding, ...props }) {
+function HoverCardContent({ className, positionerClassName, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, collisionPadding, ...props }) {
 	return /* @__PURE__ */ jsx(PreviewCard.Portal, {
 		container: usePortalContainer(),
 		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
@@ -361,7 +362,7 @@ function HoverCardContent({ className, side = "bottom", sideOffset = 4, align =
 			side,
 			sideOffset,
 			collisionPadding,
-			className: "aperture:isolate aperture:z-50",
+			className: cn("aperture:isolate aperture:z-50", positionerClassName),
 			children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
 				"data-slot": "hover-card-content",
 				className: cn("aperture:z-50 aperture:w-64 aperture:rounded-lg aperture:bg-popover aperture:p-2.5 aperture:text-sm aperture:text-popover-foreground aperture:shadow-md aperture:ring-1 aperture:ring-foreground/10 aperture:outline-hidden", className),
@@ -444,7 +445,11 @@ const copyTextWithToast = (value, onCopied = () => {}) => copyText(value).pipe(E
 const BROWSER_TAB_DRAG_KIND = "browser-tab";
 function BrowserTabStrip({ targets, activeTargetId, recordingTargetIds, devToolsTargetIds, disabled, mutationDisabled, onActivate, onCreate, onDuplicate, onClose, onReload, onReorder, loadThumbnail = null, targetFaviconUrl }) {
 	const [previewHandle] = useState(() => createHoverCardHandle());
+	const closePreview = () => {
+		if (previewHandle.isOpen) previewHandle.close();
+	};
 	if (targets.length === 0) return /* @__PURE__ */ jsxs("div", {
+		"data-browser-tab-strip": true,
 		className: "aperture:flex aperture:h-8 aperture:min-w-0 aperture:flex-1 aperture:items-center aperture:gap-2 aperture:px-2 aperture:text-xs aperture:text-muted-foreground",
 		children: [/* @__PURE__ */ jsx("span", { children: "No tabs" }), /* @__PURE__ */ jsx(NewTabButton, {
 			disabled: disabled || mutationDisabled,
@@ -452,9 +457,11 @@ function BrowserTabStrip({ targets, activeTargetId, recordingTargetIds, devTools
 		})]
 	});
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ScrollArea$1, {
+		"data-browser-tab-strip": true,
 		scrollbars: "horizontal",
 		className: "aperture:h-8 aperture:min-w-0 aperture:flex-1",
 		children: /* @__PURE__ */ jsxs("div", {
+			"data-browser-tab-strip-tabs": true,
 			className: "aperture:flex aperture:min-w-max aperture:items-end aperture:gap-0.5 aperture:px-1 aperture:pt-1",
 			children: [targets.map((target, index) => {
 				const active = target.id === activeTargetId;
@@ -472,6 +479,7 @@ function BrowserTabStrip({ targets, activeTargetId, recordingTargetIds, devTools
 					onReload,
 					onReorder,
 					previewHandle: loadThumbnail ? previewHandle : null,
+					onPreviewClose: closePreview,
 					closeOtherTargetIds: targets.filter((current) => current.id !== target.id).map((current) => current.id),
 					closeRightTargetIds: targets.slice(index + 1).map((current) => current.id)
 				}, target.id);
@@ -491,7 +499,7 @@ function BrowserTabStrip({ targets, activeTargetId, recordingTargetIds, devTools
 		}
 	}) : null] });
 }
-function BrowserTab({ target, faviconSrc, active, recording, devToolsOpen, disabled, mutationDisabled, onActivate, onDuplicate, onClose, onReload, onReorder, previewHandle, closeOtherTargetIds, closeRightTargetIds }) {
+function BrowserTab({ target, faviconSrc, active, recording, devToolsOpen, disabled, mutationDisabled, onActivate, onDuplicate, onClose, onReload, onReorder, previewHandle, onPreviewClose, closeOtherTargetIds, closeRightTargetIds }) {
 	const tabRef = useRef(null);
 	const [dragging, setDragging] = useState(false);
 	const [dropPlacement, setDropPlacement] = useState(null);
@@ -538,6 +546,7 @@ function BrowserTab({ target, faviconSrc, active, recording, devToolsOpen, disab
 		onMouseDown: (event) => {
 			if (event.button === 1) event.preventDefault();
 		},
+		onMouseLeave: onPreviewClose,
 		onAuxClick: (event) => {
 			if (event.button === 1 && !disabled && !mutationDisabled) {
 				event.preventDefault();
@@ -561,7 +570,10 @@ function BrowserTab({ target, faviconSrc, active, recording, devToolsOpen, disab
 				"aria-current": active ? "page" : void 0,
 				disabled,
 				className: "aperture:flex aperture:min-w-0 aperture:flex-1 aperture:items-center aperture:gap-1.5 aperture:text-left",
-				onClick: () => onActivate(target.id),
+				onClick: () => {
+					onPreviewClose();
+					onActivate(target.id);
+				},
 				children: [
 					/* @__PURE__ */ jsx(TabFavicon, { src: faviconSrc }),
 					devToolsOpen ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Wrench, {
@@ -706,6 +718,7 @@ function TabPreview({ target, loadThumbnail }) {
 		align: "start",
 		sideOffset: 8,
 		collisionPadding: 16,
+		positionerClassName: "aperture:pointer-events-none",
 		className: "aperture:pointer-events-none aperture:flex aperture:w-80 aperture:max-w-[calc(100vw-2rem)] aperture:flex-col aperture:gap-2 aperture:p-2",
 		children: [
 			/* @__PURE__ */ jsx(TabThumbnail, {
@@ -2118,6 +2131,7 @@ function BrowserToolbar({ control, leading, trailing, toolbarLeading, toolbarTra
 			]
 		}) : null, toolbarLeading || toolbarTrailing || features.navigation || features.addressBar || features.drawing || features.devTools || features.menus ? /* @__PURE__ */ jsxs("div", {
 			className: "aperture:flex aperture:h-9 aperture:items-center aperture:gap-1 aperture:px-1.5",
+			"data-workbench-toolbar": true,
 			children: [
 				toolbarLeading ? /* @__PURE__ */ jsx("div", {
 					className: "aperture:flex aperture:shrink-0 aperture:items-center aperture:gap-0.5",