@aperture-browser/session-react 0.0.0-nightly.128.ed7e02bfeb1c → 0.0.0-nightly.129.9e2ebce87a2d

package/dist/index.d.ts

@@ -37,7 +37,12 @@ declare function ApertureUIRoot({
 interface SessionProps {
   readonly access: SessionAccess$1 | null;
   readonly features?: SessionFeatures;
+  /** Rendered at the start of the title bar row, before the tab strip. */
   readonly leading?: ReactNode;
+  /** Rendered at the start of the toolbar row, before the navigation buttons. */
+  readonly toolbarLeading?: ReactNode;
+  /** Rendered at the end of the toolbar row, after the menus. */
+  readonly toolbarTrailing?: ReactNode;
 }
 interface ApertureSessionProps extends SessionProps {
   readonly features?: ApertureSessionFeatures;
@@ -52,7 +57,9 @@ declare function ApertureSession({
 declare function Session({
   access,
   features,
-  leading
+  leading,
+  toolbarLeading,
+  toolbarTrailing
 }: SessionProps): import("react").JSX.Element;
 declare function devToolsUrl(origin: string, cdpUrl: string, sessionToken: string): string;
 //#endregion
@@ -72,8 +79,10 @@ declare const copyTextWithToast: (value: string, onCopied?: () => void) => Effec
 //#endregion
 //#region src/components/browser-control-pane.d.ts
 type BrowserControlPaneProps = {
-  control: UseBrowserControlResult;
-  leading?: ReactNode;
+  control: UseBrowserControlResult; /** Rendered at the start of the title bar row, before the tab strip. */
+  leading?: ReactNode; /** Rendered at the start of the toolbar row, before the navigation buttons. */
+  toolbarLeading?: ReactNode; /** Rendered at the end of the toolbar row, after the menus. */
+  toolbarTrailing?: ReactNode;
   features?: SessionFeatures;
   collaborationRole: CollaborationRole$1;
   cdpUrl: string | null;
@@ -86,6 +95,8 @@ type BrowserControlPaneProps = {
 declare function BrowserControlPane({
   control,
   leading,
+  toolbarLeading,
+  toolbarTrailing,
   features: featureOverrides,
   collaborationRole,
   cdpUrl,

package/dist/index.js

@@ -2089,7 +2089,7 @@ function initials(name) {
 }
 //#endregion
 //#region src/components/browser-toolbar.tsx
-function BrowserToolbar({ control, leading, features, collaborationRole, cdpUrl, shareUrls, localCursorEnabled, onLocalCursorChange, paintingEnabled, onPaintingEnabledChange, devToolsOpen, devToolsTargetIds, devToolsDock, onDevToolsOpenChange, onDevToolsDockChange, onSessionDetails }) {
+function BrowserToolbar({ control, leading, toolbarLeading, toolbarTrailing, features, collaborationRole, cdpUrl, shareUrls, localCursorEnabled, onLocalCursorChange, paintingEnabled, onPaintingEnabledChange, devToolsOpen, devToolsTargetIds, devToolsDock, onDevToolsOpenChange, onDevToolsDockChange, onSessionDetails }) {
 	const [urlDraft, setUrlDraft] = useState(null);
 	const displayUrl = control.activeTarget?.url ?? "";
 	const busy = control.phase === "connecting";
@@ -2134,9 +2134,13 @@ function BrowserToolbar({ control, leading, features, collaborationRole, cdpUrl,
 				}) : /* @__PURE__ */ jsx("div", { className: "aperture:min-w-0 aperture:flex-1" }),
 				features.presence ? /* @__PURE__ */ jsx(CollaborationPresence, { collaboration: control.collaboration }) : null
 			]
-		}) : null, features.navigation || features.addressBar || features.drawing || features.devTools || features.menus ? /* @__PURE__ */ jsxs("div", {
+		}) : 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",
 			children: [
+				toolbarLeading ? /* @__PURE__ */ jsx("div", {
+					className: "aperture:flex aperture:shrink-0 aperture:items-center aperture:gap-0.5",
+					children: toolbarLeading
+				}) : null,
 				features.navigation ? /* @__PURE__ */ jsxs("div", {
 					className: "aperture:flex aperture:shrink-0 aperture:items-center aperture:gap-0.5",
 					children: [
@@ -2215,6 +2219,10 @@ function BrowserToolbar({ control, leading, features, collaborationRole, cdpUrl,
 					onReconnect: () => control.reconnect(),
 					onSessionDetails,
 					now: recordingNow
+				}) : null,
+				toolbarTrailing ? /* @__PURE__ */ jsx("div", {
+					className: "aperture:flex aperture:shrink-0 aperture:items-center aperture:gap-0.5",
+					children: toolbarTrailing
 				}) : null
 			]
 		}) : null]
@@ -2444,7 +2452,7 @@ function ResizableHandle({ withHandle, className, ...props }) {
 //#endregion
 //#region src/components/browser-control-pane.tsx
 const LOCAL_CURSOR_STORAGE_KEY = "aperture.workbench.localCursorEnabled";
-function BrowserControlPane({ control, leading, features: featureOverrides, collaborationRole, cdpUrl, shareUrls, onSessionDetails }) {
+function BrowserControlPane({ control, leading, toolbarLeading, toolbarTrailing, features: featureOverrides, collaborationRole, cdpUrl, shareUrls, onSessionDetails }) {
 	const features = resolveSessionFeatures(featureOverrides);
 	const [localCursorEnabled, setLocalCursorEnabled] = useState(true);
 	const [paintingEnabled, setPaintingEnabled] = useState(false);
@@ -2500,6 +2508,8 @@ function BrowserControlPane({ control, leading, features: featureOverrides, coll
 		children: [/* @__PURE__ */ jsx(BrowserToolbar, {
 			control,
 			leading,
+			toolbarLeading,
+			toolbarTrailing,
 			features,
 			collaborationRole,
 			cdpUrl,
@@ -2590,7 +2600,7 @@ function ApertureSession({ theme = "system", className, ...props }) {
 		})
 	});
 }
-function Session({ access, features, leading }) {
+function Session({ access, features, leading, toolbarLeading, toolbarTrailing }) {
 	const { status, control } = useSession({
 		access,
 		onNotice: showNotice
@@ -2628,6 +2638,8 @@ function Session({ access, features, leading }) {
 				cdpUrl: null,
 				shareUrls: null,
 				leading,
+				toolbarLeading,
+				toolbarTrailing,
 				features: {
 					devTools: false,
 					...features