@powerhousedao/powerhouse-vetra-packages 6.0.0-dev.245 → 6.0.0-dev.247

package/dist/browser/{connect-CjUKHHSu.js → connect-BBmOHcv9.js}

@@ -1,10 +1,10 @@
 import { i as __toESM, t as __commonJSMin } from "./chunk-YKewjYmz.js";
-import { B as undo, H as validateModules, P as setName, T as replayDocument, U as validateStateSchemaName, V as validateInitialState, W as generateId, _ as buildSignedAction, a as handleTargetNameCollisions, c as moveNode, d as logger, g as baseSaveToFileHandle, h as baseLoadFromInput, i as generateNodesCopy, l as updateNode, n as copyNode, o as isFileNode, s as isFolderNode, t as addFolder$1, u as documentModelDocumentModelModule, v as createPresignedHeader, w as redo, y as createZip } from "./document-drive-BvzpH_WW.js";
+import { B as undo, H as validateModules, P as setName, T as replayDocument, U as validateStateSchemaName, V as validateInitialState, W as generateId, _ as buildSignedAction, a as handleTargetNameCollisions, c as moveNode, d as logger, g as baseSaveToFileHandle, h as baseLoadFromInput, i as generateNodesCopy, l as updateNode, n as copyNode, o as isFileNode, s as isFolderNode, t as addFolder$1, u as documentModelDocumentModelModule, v as createPresignedHeader, w as redo, y as createZip } from "./document-drive-DEBfpfNH.js";
 import { t as capitalCase } from "./dist-CTgmb7N2.js";
-import { A as twMerge, c as DropdownMenuItem, f as cn, g as __assign, l as DropdownMenuTrigger, o as DropdownMenu, p as mergeClassNameProps, s as DropdownMenuContent, u as Icon } from "./dist-OuHji4IC.js";
+import { _ as mergeClassNameProps, b as __assign, d as DropdownMenuContent, f as DropdownMenuItem, g as cn, k as twMerge, m as Icon, p as DropdownMenuTrigger, u as DropdownMenu } from "./dist-D6RK9blQ.js";
 import { t as parse } from "./parser-CO9mSyAT.js";
 import * as React$1 from "react";
-import React, { Children, Fragment, Suspense, cloneElement, createContext, forwardRef, isValidElement, lazy, use, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
+import React, { Children, Fragment, cloneElement, createContext, createElement, forwardRef, isValidElement, use, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { flushSync } from "react-dom";
 //#region ../reactor-browser/dist/make-ph-event-functions-Cr4GqOTT.js
@@ -927,7 +927,7 @@ const Slot = forwardRef(({ children, ...props }, ref) => {
 Slot.displayName = "Slot";
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/lazyDataLastImpl-DtF3cihj.js
-function e$9(e, t, n) {
+function e$12(e, t, n) {
 	let r = (n) => e(n, ...t);
 	return n === void 0 ? r : Object.assign(r, {
 		lazy: n,
@@ -936,36 +936,36 @@ function e$9(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/purry.js
-function t$10(t, n, r) {
+function t$14(t, n, r) {
 	let i = t.length - n.length;
 	if (i === 0) return t(...n);
-	if (i === 1) return e$9(t, n, r);
+	if (i === 1) return e$12(t, n, r);
 	throw Error(`Wrong number of arguments`);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/addProp.js
-function t$9(...t) {
-	return t$10(n$8, t);
+function t$13(...t) {
+	return t$14(n$10, t);
 }
-const n$8 = (e, t, n) => ({
+const n$10 = (e, t, n) => ({
 	...e,
 	[t]: n
 });
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/allPass.js
-function t$8(...t) {
-	return t$10(n$7, t);
+function t$12(...t) {
+	return t$14(n$9, t);
 }
-const n$7 = (e, t) => t.every((t) => t(e));
+const n$9 = (e, t) => t.every((t) => t(e));
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/conditional-CTEJD5TX.js
-function e$8(e, t, n) {
+function e$11(e, t, n) {
 	return e(n[0]) ? (e) => t(e, ...n) : t(...n);
 }
-function t$7(...t) {
-	return e$8(r$3, n$6, t);
+function t$11(...t) {
+	return e$11(r$4, n$8, t);
 }
-function n$6(e, ...t) {
+function n$8(e, ...t) {
 	for (let n of t) {
 		if (typeof n == `function`) return n(e);
 		let [t, r] = n;
@@ -973,28 +973,31 @@ function n$6(e, ...t) {
 	}
 	throw Error(`conditional: data failed for all cases`);
 }
-function r$3(e) {
+function r$4(e) {
 	if (!Array.isArray(e)) return !1;
 	let [t, n, ...r] = e;
 	return typeof t == `function` && t.length <= 1 && typeof n == `function` && n.length <= 1 && r.length === 0;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/constant.js
-function e$7(e) {
+function e$10(e) {
 	return () => e;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/utilityEvaluators-Cb8x6-JZ.js
-const t$6 = {
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/defaultTo.js
+function t$10(...t) {
+	return t$14(n$7, t);
+}
+const n$7 = (e, t) => e ?? t, t$9 = {
 	done: !1,
 	hasNext: !1
 };
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/pipe.js
-function t$5(e, ...t) {
-	let a = e, o = t.map((e) => `lazy` in e ? r$1(e) : void 0), s = 0;
+function t$8(e, ...t) {
+	let a = e, o = t.map((e) => `lazy` in e ? r$2(e) : void 0), s = 0;
 	for (; s < t.length;) {
-		if (o[s] === void 0 || !i(a)) {
+		if (o[s] === void 0 || !i$1(a)) {
 			let e = t[s];
 			a = e(a), s += 1;
 			continue;
@@ -1005,20 +1008,20 @@ function t$5(e, ...t) {
 			if (t === void 0 || (e.push(t), t.isSingle)) break;
 		}
 		let r = [];
-		for (let t of a) if (n$4(t, r, e)) break;
+		for (let t of a) if (n$5(t, r, e)) break;
 		let { isSingle: c } = e.at(-1);
 		a = c ? r[0] : r, s += e.length;
 	}
 	return a;
 }
-function n$4(t, r, i) {
+function n$5(t, r, i) {
 	if (i.length === 0) return r.push(t), !1;
-	let a = t, o = t$6, s = !1;
+	let a = t, o = t$9, s = !1;
 	for (let [e, t] of i.entries()) {
 		let { index: c, items: l } = t;
 		if (l.push(a), o = t(a, c, l), t.index += 1, o.hasNext) {
 			if (o.hasMany ?? !1) {
-				for (let t of o.next) if (n$4(t, r, i.slice(e + 1))) return !0;
+				for (let t of o.next) if (n$5(t, r, i.slice(e + 1))) return !0;
 				return s;
 			}
 			a = o.next;
@@ -1028,7 +1031,7 @@ function n$4(t, r, i) {
 	}
 	return o.hasNext && r.push(a), s;
 }
-function r$1(e) {
+function r$2(e) {
 	let { lazy: t, lazyArgs: n } = e, r = t(...n);
 	return Object.assign(r, {
 		isSingle: t.single ?? !1,
@@ -1036,27 +1039,37 @@ function r$1(e) {
 		items: []
 	});
 }
-function i(e) {
+function i$1(e) {
 	return typeof e == `string` || typeof e == `object` && !!e && Symbol.iterator in e;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/hasAtLeast.js
-function t$4(...t) {
-	return t$10(n$3, t);
+function t$7(...t) {
+	return t$14(n$4, t);
 }
-const n$3 = (e, t) => e.length >= t;
+const n$4 = (e, t) => e.length >= t;
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/entries.js
-function t$3(...t) {
-	return t$10(Object.entries, t);
+function t$6(...t) {
+	return t$14(Object.entries, t);
 }
 //#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/filter.js
+function n$3(...t) {
+	return t$14(r$1, t, i);
+}
+const r$1 = (e, t) => e.filter(t), i = (e) => (n, r, i) => e(n, r, i) ? {
+	done: !1,
+	hasNext: !0,
+	next: n
+} : t$9;
+//#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/funnel.js
-const e$5 = Symbol(`funnel/voidReducer`), t$2 = () => e$5;
-function n$2(n, { triggerAt: r = `end`, minQuietPeriodMs: i, maxBurstDurationMs: a, minGapMs: o, reducer: s = t$2 }) {
+const e$8 = Symbol(`funnel/voidReducer`), t$5 = () => e$8;
+function n$2(n, { triggerAt: r = `end`, minQuietPeriodMs: i, maxBurstDurationMs: a, minGapMs: o, reducer: s = t$5 }) {
 	let c, l, u, d, f = () => {
 		let t = u;
-		t !== void 0 && (u = void 0, t === e$5 ? n() : n(t), o !== void 0 && (l = setTimeout(p, o)));
+		t !== void 0 && (u = void 0, t === e$8 ? n() : n(t), o !== void 0 && (l = setTimeout(p, o)));
 	}, p = () => {
 		clearTimeout(l), l = void 0, c === void 0 && f();
 	}, m = () => {
@@ -1088,35 +1101,54 @@ function n$2(n, { triggerAt: r = `end`, minQuietPeriodMs: i, maxBurstDurationMs:
 	};
 }
 //#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isArray.js
+function e$7(e) {
+	return Array.isArray(e);
+}
+//#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isDefined.js
-function e$4(e) {
+function e$6(e) {
 	return e !== void 0;
 }
 //#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isIncludedIn.js
+function e$5(e, t) {
+	if (t === void 0) {
+		let t = new Set(e);
+		return (e) => t.has(e);
+	}
+	return t.includes(e);
+}
+//#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isNot.js
-function e$3(e) {
+function e$4(e) {
 	return (t) => !e(t);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isStrictEqual.js
-function t$1(...t) {
-	return t$10(n$1, t);
+function t$4(...t) {
+	return t$14(n$1, t);
 }
 const n$1 = (e, t) => e === t || Object.is(e, t);
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isString.js
-function e$2(e) {
+function e$3(e) {
 	return typeof e == `string`;
 }
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/isTruthy.js
-function e$1(e) {
+function e$2(e) {
 	return !!e;
 }
 //#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/keys.js
+function t$3(...t) {
+	return t$14(Object.keys, t);
+}
+//#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/map.js
-function t(...t) {
-	return t$10(n, t, r);
+function t$2(...t) {
+	return t$14(n, t, r);
 }
 const n = (e, t) => e.map(t), r = (e) => (t, n, r) => ({
 	done: !1,
@@ -1125,11 +1157,29 @@ const n = (e, t) => e.map(t), r = (e) => (t, n, r) => ({
 });
 //#endregion
 //#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/once.js
-function e(e) {
+function e$1(e) {
 	let t = !1, n;
 	return () => (t ||= (n = e(), !0), n);
 }
 //#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/prop.js
+function e(e, ...n) {
+	return typeof e == `string` || typeof e == `number` || typeof e == `symbol` ? (r) => t$1(r, e, ...n) : t$1(e, ...n);
+}
+function t$1(e, ...t) {
+	let n = e;
+	for (let e of t) {
+		if (n == null) return;
+		n = n[e];
+	}
+	return n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/remeda@2.33.7/node_modules/remeda/dist/values.js
+function t(...t) {
+	return t$14(Object.values, t);
+}
+//#endregion
 //#region ../../node_modules/.pnpm/slug@11.0.1/node_modules/slug/slug.js
 let base64;
 if (typeof window !== "undefined") if (window.btoa) base64 = function(input) {
@@ -2831,8 +2881,8 @@ async function moveNodeById(args) {
 	if (!isAllowedToCreateDocuments) throw new Error("User is not allowed to move documents");
 	const reactorClient = window.ph?.reactorClient;
 	if (!reactorClient) throw new Error("ReactorClient not initialized");
-	const targetParentFolder = t$7(targetId, [e$3(e$4), e$7(void 0)], [t$1(driveId), e$7(void 0)], e$7(targetId));
-	if (t$1(targetParentFolder, srcId)) return;
+	const targetParentFolder = t$11(targetId, [e$4(e$6), e$10(void 0)], [t$4(driveId), e$10(void 0)], e$10(targetId));
+	if (t$4(targetParentFolder, srcId)) return;
 	return await reactorClient.execute(driveId, "main", [moveNode({
 		srcFolder: srcId,
 		targetParentFolder
@@ -3177,12 +3227,6 @@ const useSelectedDriveId = selectedDriveIdEventFunctions.useValue;
 /** Sets the selected drive id */
 const setSelectedDriveId = selectedDriveIdEventFunctions.setValue;
 selectedDriveIdEventFunctions.addEventHandler;
-/** Returns the selected drive */
-function useSelectedDrive() {
-	const drive = useSelectedDriveSafe();
-	if (!drive[0]) throw new Error("There is no drive selected. Did you mean to call 'useSelectedDriveSafe'?");
-	return drive;
-}
 /** Returns the selected drive, or undefined if no drive is selected */
 function useSelectedDriveSafe() {
 	const selectedDriveId = useSelectedDriveId();
@@ -3253,7 +3297,7 @@ function unsetDragging() {
 	draggingNodeSetter.cancel();
 	draggingNodeUnsetter.call();
 }
-const isNodeDrag = (params) => t$7(params, [({ srcId }) => e$3(e$1)(srcId), e$7(false)], [({ driveId }) => e$3(e$1)(driveId), e$7(false)], [({ driveId, srcId }) => t$1(driveId, srcId), e$7(false)], e$7(true));
+const isNodeDrag = (params) => t$11(params, [({ srcId }) => e$4(e$2)(srcId), e$10(false)], [({ driveId }) => e$4(e$2)(driveId), e$10(false)], [({ driveId, srcId }) => t$4(driveId, srcId), e$10(false)], e$10(true));
 function useDragNode(args) {
 	const { srcId, parentId } = args;
 	const driveId = useSelectedDriveId();
@@ -3264,14 +3308,14 @@ function useDragNode(args) {
 		parentId
 	};
 	const draggable = isNodeDrag(params);
-	const isDragging = t$8({
+	const isDragging = t$12({
 		srcId,
 		draggingNodeId
 	}, [
 		() => draggable,
-		({ srcId }) => e$2(srcId),
-		({ draggingNodeId }) => e$2(draggingNodeId),
-		({ srcId, draggingNodeId }) => t$1(srcId, draggingNodeId)
+		({ srcId }) => e$3(srcId),
+		({ draggingNodeId }) => e$3(draggingNodeId),
+		({ srcId, draggingNodeId }) => t$4(srcId, draggingNodeId)
 	]);
 	const onDragStart = () => {
 		if (!draggable) return;
@@ -3288,7 +3332,7 @@ function useDragNode(args) {
 		onDragEnd
 	};
 }
-const isNodeDrop = (params) => t$7(params, [({ srcId }) => e$3(e$1)(srcId), e$7(false)], [({ driveId }) => e$3(e$4)(driveId), e$7(false)], [({ srcId, targetId }) => t$1(srcId, targetId), e$7(false)], [({ driveId, parentId, targetId }) => e$3(e$1)(parentId) && t$1(targetId, driveId), e$7(false)], [({ targetId, parentId }) => t$1(targetId, parentId), e$7(false)], e$7(true));
+const isNodeDrop = (params) => t$11(params, [({ srcId }) => e$4(e$2)(srcId), e$10(false)], [({ driveId }) => e$4(e$6)(driveId), e$10(false)], [({ srcId, targetId }) => t$4(srcId, targetId), e$10(false)], [({ driveId, parentId, targetId }) => e$4(e$2)(parentId) && t$4(targetId, driveId), e$10(false)], [({ targetId, parentId }) => t$4(targetId, parentId), e$10(false)], e$10(true));
 function useDropNode(targetId) {
 	const driveId = useSelectedDriveId();
 	const { srcId, parentId } = useDraggingNode() ?? {};
@@ -3306,9 +3350,9 @@ function useDropNode(targetId) {
 		cb?.();
 	}
 	const onDragEnter = (event) => handleNodeDrop(event);
-	const onDragOver = (event) => handleNodeDrop(event, e(setTarget));
-	const onDragLeave = (event) => handleNodeDrop(event, e(unsetTarget));
-	const onDrop = (event) => handleNodeDrop(event, e(() => {
+	const onDragOver = (event) => handleNodeDrop(event, e$1(setTarget));
+	const onDragLeave = (event) => handleNodeDrop(event, e$1(unsetTarget));
+	const onDrop = (event) => handleNodeDrop(event, e$1(() => {
 		unsetDragging();
 		unsetTarget();
 		moveNodeById(params).catch(console.error);
@@ -3424,8 +3468,7 @@ function setSelectedNode(nodeOrNodeSlug) {
 }
 const selectedTimelineItemEventFunctions = makePHEventFunctions("selectedTimelineItem");
 selectedTimelineItemEventFunctions.useValue;
-/** Sets the selected timeline item */
-const setSelectedTimelineItem = selectedTimelineItemEventFunctions.setValue;
+selectedTimelineItemEventFunctions.setValue;
 selectedTimelineItemEventFunctions.addEventHandler;
 const selectedTimelineRevisionEventFunctions = makePHEventFunctions("selectedTimelineRevision");
 selectedTimelineRevisionEventFunctions.useValue;
@@ -3558,7 +3601,7 @@ function defaultHandleError(error) {
 	console.error(`Failed to export document: ${error.message}`);
 }
 function handleDocumentValidation(document) {
-	if (t$4(validateDocument(document), 1)) return false;
+	if (t$7(validateDocument(document), 1)) return false;
 	return true;
 }
 function downloadDocument(document, handleError = defaultHandleError) {
@@ -3746,12 +3789,14 @@ function buildDocumentSubgraphUrl(driveUrl, identifier, authToken) {
 * @returns An async function that returns the switchboard URL, or null if not applicable
 */
 function useGetSwitchboardLink(document) {
-	const [drive] = useSelectedDrive();
+	const [drive] = useSelectedDriveSafe();
 	const remotes = useSyncList();
 	const isRemoteDrive = useMemo(() => {
+		if (!e$6(drive)) return false;
 		return remotes.some((remote) => remote.collectionId === driveCollectionId("main", drive.header.id));
 	}, [remotes, drive]);
 	const remoteUrl = useMemo(() => {
+		if (!e$6(drive)) return null;
 		try {
 			const channelUrl = (remotes.find((remote) => remote.collectionId === driveCollectionId("main", drive.header.id))?.channel)?.config.url;
 			if (typeof channelUrl === "string") return channelUrl;
@@ -8675,201 +8720,462 @@ function Breadcrumb(props) {
 		children: name
 	});
 }
-function useDocumentUndoRedo(documentId) {
+/**
+* Default outer container for `DocumentToolbar`.
+*
+* This component provides the toolbar's base layout and visual styling while
+* still accepting standard `div` props. Pass a custom container to
+* `DocumentToolbar` when you need to replace this wrapper.
+*/
+function ToolbarContainer(props) {
+	const { children, className, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		className: twMerge("flex h-12 w-full items-center justify-between rounded-xl border border-gray-200 bg-slate-50 px-4", className),
+		children
+	});
+}
+/**
+* Default container for a group of toolbar controls.
+*
+* `DocumentToolbar` renders one controls container per toolbar slot. This
+* component provides the default horizontal layout for the controls in that
+* slot while still accepting standard `div` props.
+*/
+function ToolbarControlsContainer(props) {
+	const { children, className, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: twMerge("flex items-center gap-x-2", className),
+		...rest,
+		children
+	});
+}
+/**
+* Checks whether a document has at least one non-zero revision count.
+*
+* Revision scopes are dynamic document-model keys, so this checks the values of
+* the document's revision object instead of relying on a fixed list of scope
+* names.
+*/
+function hasRevisions(document) {
+	return t$8(e(document, "header", "revision"), t$10({}), t(), n$3(e$2), t$7(1));
+}
+/**
+* Returns undo state and an undo dispatcher for a document.
+*
+* `canUndo` is true when the document has at least one non-zero revision count
+* across any revision scope.
+*/
+function useUndo(documentId) {
 	const [document, dispatch] = useDocumentById(documentId);
-	const globalRevisionNumber = document?.header.revision.global ?? 0;
-	const localRevisionNumber = document?.header.revision.local ?? 0;
-	const canUndo = globalRevisionNumber > 0 || localRevisionNumber > 0;
-	const canRedo = !!document?.clipboard.length;
-	const handleUndo = () => {
-		dispatch(undo());
-	};
-	const handleRedo = () => {
-		dispatch(redo());
+	return {
+		canUndo: hasRevisions(document),
+		undo: () => dispatch(undo())
 	};
+}
+/**
+* Returns redo state and a redo dispatcher for a document.
+*
+* `canRedo` is true when the document clipboard contains at least one operation
+* that can be reapplied.
+*/
+function useRedo(documentId) {
+	const [document, dispatch] = useDocumentById(documentId);
 	return {
-		undo: handleUndo,
-		redo: handleRedo,
-		canUndo,
-		canRedo
+		canRedo: t$7(document?.clipboard ?? [], 1),
+		redo: () => dispatch(redo())
 	};
 }
-const DocumentTimeline$1 = /* @__PURE__ */ lazy(() => import("./document-timeline-BTTeXWMa-DQCUJzMB.js").then((n) => n.t).then((n) => n.n).then((m) => ({ default: m.DocumentTimeline })));
-function useDocumentTimeline(documentId) {
-	return [];
+/**
+* Base button component used by the built-in toolbar controls.
+*
+* This component provides the default toolbar button styling and disabled-state
+* behavior while accepting standard `button` props.
+*/
+function ToolbarButton(props) {
+	const { className, children, disabled, ...rest } = props;
+	return /* @__PURE__ */ jsx("button", {
+		...rest,
+		disabled,
+		className: twMerge("grid size-fit place-items-center rounded-lg border border-gray-200 bg-white p-1 text-gray-900", disabled ? "cursor-not-allowed text-gray-500" : "cursor-pointer active:opacity-70", className),
+		children
+	});
 }
-const DocumentToolbar = (props) => {
-	const { onClose, children, onDownloadDocument, className, document: _document, onSwitchboardLinkClick, enabledControls = [
-		"undo",
-		"redo",
-		"export",
-		"history"
-	], defaultTimelineVisible = true, disableRevisionHistory = false, initialTimelineVisible = false, ...containerProps } = props;
-	const [selectedDocument] = useSelectedDocumentSafe();
-	const document = _document ?? selectedDocument;
-	const { onRenameNode, onRenameDriveNodes } = useNodeActions();
-	const documentName = document?.header.name || void 0;
-	const [isEditingName, setIsEditingName] = useState(false);
-	const parentFolder = useNodeParentFolderById(document?.header.id);
-	const handleClose = onClose ?? (() => setSelectedNode(parentFolder));
-	const documentUndoRedo = useDocumentUndoRedo(document?.header.id);
-	const isUndoDisabled = !documentUndoRedo.canUndo;
-	const isRedoDisabled = !documentUndoRedo.canRedo;
-	const defaultDownloadDocument = useDownloadDocument(document?.header.id);
-	const timelineItemsData = useDocumentTimeline(document?.header.id);
-	const [showTimeline, setShowTimeline] = useState(initialTimelineVisible);
+/**
+* Toolbar control for undoing the latest document revision.
+*
+* The button is disabled when there are no revisions available to undo.
+* Provide `children` to replace the default icon, or `onClick` to override the
+* default undo behavior.
+*/
+function ToolbarUndoButton(props) {
+	const { className, onClick: onClickOverride, document, children = /* @__PURE__ */ jsx(Icon, {
+		name: "ArrowCouterclockwise",
+		size: 16
+	}) } = props;
+	const { undo, canUndo } = useUndo(document?.header.id);
+	const disabled = !canUndo;
+	const onClick = makeOnClick(document, onClickOverride, undo);
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		"data-testid": "toolbar-undo-button",
+		"aria-label": "Undo",
+		className,
+		disabled,
+		onClick,
+		children
+	});
+}
+/**
+* Toolbar control for redoing the latest undone document revision.
+*
+* The button is disabled when there are no revisions available to redo.
+* Provide `children` to replace the default icon, or `onClick` to override the
+* default redo behavior.
+*/
+function ToolbarRedoButton(props) {
+	const { className, onClick: onClickOverride, document, children = /* @__PURE__ */ jsx(Icon, {
+		name: "ArrowCouterclockwise",
+		className: "-scale-x-100",
+		size: 16
+	}) } = props;
+	const { redo, canRedo } = useRedo(document?.header.id);
+	const onClick = makeOnClick(document, onClickOverride, redo);
+	const disabled = !canRedo;
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		"data-testid": "toolbar-redo-button",
+		"aria-label": "Redo",
+		className,
+		disabled,
+		onClick,
+		children
+	});
+}
+/**
+* Toolbar control for downloading the current document.
+*
+* Provide `children` to replace the default label, or `onClick` to override the
+* default download behavior.
+*/
+function ToolbarDownloadButton(props) {
+	const { className, onClick: onClickOverride, document, children = /* @__PURE__ */ jsx("span", {
+		className: "px-1 text-xs",
+		children: "Download"
+	}) } = props;
+	const onClick = makeOnClick(document, onClickOverride, useDownloadDocument(document?.header.id));
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		"data-testid": "toolbar-download-button",
+		"aria-label": "Download",
+		className,
+		onClick,
+		children
+	});
+}
+/**
+* Toolbar control for opening the current document in Switchboard.
+*
+* Provide `children` to replace the default icon, or `onClick` to override the
+* default behavior.
+*/
+function ToolbarSwitchboardButton(props) {
+	const { className, onClick: onClickOverride, document, children = /* @__PURE__ */ jsx(Icon, {
+		name: "Drive",
+		size: 16
+	}) } = props;
 	const getSwitchboardLink = useGetSwitchboardLink(document);
-	function handleDownloadDocument() {
-		if (!document) return;
-		(onDownloadDocument ?? defaultDownloadDocument)(document);
-	}
-	const handleDefaultSwitchboardClick = async () => {
-		if (getSwitchboardLink) try {
-			const url = await getSwitchboardLink();
-			window.open(url, "_blank");
-		} catch (error) {
-			console.error("Error opening switchboard link:", error);
-		}
+	const onClick = makeOnClick(document, onClickOverride, () => {
+		getSwitchboardLink?.().then((url) => window.open(url, "_blank")).catch((error) => console.error("Error opening switchboard link:", error));
+	});
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		"data-testid": "toolbar-switchboard-button",
+		"aria-label": "Open link in Switchboard",
+		className,
+		onClick,
+		children
+	});
+}
+/**
+* Toolbar control for showing the current document's revision history.
+*
+* Provide `children` to replace the default icon, or `onClick` to override the
+* default revision-history behavior.
+*/
+function ToolbarHistoryButton(props) {
+	const { className, onClick: onClickOverride, document, children = /* @__PURE__ */ jsx(Icon, {
+		name: "History",
+		size: 16
+	}) } = props;
+	const onClick = makeOnClick(document, onClickOverride, showRevisionHistory);
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		"data-testid": "toolbar-history-button",
+		"aria-label": "Open document revision history",
+		className,
+		onClick,
+		children
+	});
+}
+/**
+* Toolbar control for closing the current document view.
+*
+* By default, this selects the current document's parent folder. Provide
+* `children` to replace the default icon, or `onClick` to override the default
+* close behavior.
+*/
+function ToolbarCloseButton(props) {
+	const { className, onClick: onClickOverride, document, children = /* @__PURE__ */ jsx(Icon, {
+		name: "XmarkLight",
+		size: 16
+	}) } = props;
+	const parentFolder = useNodeParentFolderById(document?.header.id);
+	const onClick = makeOnClick(document, onClickOverride, () => setSelectedNode(parentFolder));
+	return /* @__PURE__ */ jsx(ToolbarButton, {
+		"data-testid": "toolbar-close-button",
+		"aria-label": "Close document",
+		className,
+		onClick,
+		children
+	});
+}
+/**
+* Creates a toolbar button click handler.
+*
+* If an override is provided, it is called with the current document. Otherwise,
+* the built-in handler is called with the current document.
+*/
+function makeOnClick(document, onClickOverride, defaultOnClick) {
+	if (e$6(onClickOverride)) return () => onClickOverride(document);
+	return () => defaultOnClick(document);
+}
+/**
+* Text input styled for use inside a toolbar.
+*
+* This wraps `NodeInput` with toolbar-specific text styling. Use it for inline
+* toolbar editing flows where the user can submit a value or cancel editing.
+*/
+function ToolbarInput(props) {
+	const { defaultValue, className, onSubmit, onCancel, "aria-label": ariaLabel } = props;
+	return /* @__PURE__ */ jsx(NodeInput, {
+		defaultValue,
+		className: twMerge("text-center text-sm font-medium text-gray-500", className),
+		"aria-label": ariaLabel,
+		onCancel,
+		onSubmit
+	});
+}
+/**
+* Toolbar control for displaying and renaming the current document.
+*
+* By default, the component renders the document name as a clickable heading.
+* When clicked, it switches to an inline input. Submitting the input renames
+* both the node and the corresponding drive node entry.
+*/
+function ToolbarName(props) {
+	const { document, inputClassName, titleClassName } = props;
+	const [isEditing, setIsEditing] = useState(false);
+	const node = useNodeById(document?.header.id);
+	const { onRenameNode, onRenameDriveNodes } = useNodeActions();
+	const documentName = document?.header.name;
+	const documentId = document?.header.id;
+	const activateEditing = () => setIsEditing(true);
+	const cancelEditing = () => setIsEditing(false);
+	const onSubmit = (newName) => {
+		cancelEditing();
+		if (!documentId || !node) return;
+		Promise.all([onRenameNode(newName, node), onRenameDriveNodes(newName, documentId)]).catch(console.error);
 	};
-	const resolvedSwitchboardHandler = onSwitchboardLinkClick ?? (getSwitchboardLink ? handleDefaultSwitchboardClick : void 0);
-	const isDownloadDisabled = !document;
-	const isSwitchboardLinkDisabled = !resolvedSwitchboardHandler;
-	const isTimelineDisabled = timelineItemsData.length === 0;
-	useEffect(() => {
-		if (typeof initialTimelineVisible === "boolean") setShowTimeline(initialTimelineVisible);
-	}, [initialTimelineVisible]);
-	const handleTimelineToggle = () => {
-		if (isTimelineDisabled) return;
-		setShowTimeline(!showTimeline);
+	if (!documentName) return null;
+	if (isEditing) return /* @__PURE__ */ jsx(ToolbarInput, {
+		className: inputClassName,
+		onSubmit,
+		onCancel: cancelEditing,
+		defaultValue: documentName,
+		"aria-label": "Document name"
+	});
+	return /* @__PURE__ */ jsx("h1", {
+		className: twMerge("cursor-pointer text-sm font-medium text-gray-500 hover:text-gray-700", titleClassName),
+		onClick: activateEditing,
+		title: "Click to edit",
+		children: documentName
+	});
+}
+/**
+* Default slot layout for the built-in document toolbar controls.
+*
+* The toolbar is divided into three control groups:
+*
+* - `first`: primary document actions.
+* - `second`: document identity/display controls.
+* - `third`: secondary document actions.
+*/
+const defaultControlSlots = {
+	first: [
+		"undo",
+		"redo",
+		"download"
+	],
+	second: ["name"],
+	third: [
+		"history",
+		"switchboard",
+		"close"
+	]
+};
+/**
+* Ordered list of toolbar slot names.
+*/
+const controlSlots = t$3(defaultControlSlots);
+/**
+* Ordered list of all built-in document toolbar control names.
+*
+* The order is derived from `defaultControlSlots`.
+*/
+const documentToolbarControls = [
+	...defaultControlSlots.first,
+	...defaultControlSlots.second,
+	...defaultControlSlots.third
+];
+/**
+* Default component implementation for each built-in toolbar control.
+*
+* These components are used unless a matching entry is provided through
+* `componentOverrides`.
+*/
+const defaultControlComponents = {
+	undo: ToolbarUndoButton,
+	redo: ToolbarRedoButton,
+	download: ToolbarDownloadButton,
+	name: ToolbarName,
+	switchboard: ToolbarSwitchboardButton,
+	history: ToolbarHistoryButton,
+	close: ToolbarCloseButton
+};
+/**
+* Creates a predicate for checking whether a built-in toolbar control should render.
+*
+* A control renders when it is included in `enabledControls` and absent from
+* `disabledControls`. When `enabledControls` is omitted, all built-in controls
+* are considered enabled. When a control appears in both lists,
+* `disabledControls` takes precedence.
+*/
+function makeIsEnabledChecker(args) {
+	const { enabledControls = documentToolbarControls, disabledControls = [] } = args;
+	return (control) => e$5(control, enabledControls) && !e$5(control, disabledControls);
+}
+/**
+* Creates a getter for rendering the built-in toolbar controls in a slot.
+*
+* The returned function resolves the controls assigned to a slot, filters them
+* through the enabled/disabled control lists, applies any component overrides,
+* and renders each control with the current document.
+*/
+function makeToolbarControlsRenderer(args) {
+	const { document, enabledControls, disabledControls, componentOverrides } = args;
+	const checkIsEnabled = makeIsEnabledChecker({
+		enabledControls,
+		disabledControls
+	});
+	const renderComponent = (control) => t$8(e(componentOverrides, control), t$10(e(defaultControlComponents, control)), (Component) => /* @__PURE__ */ jsx(Component, { document }, control));
+	return (slot) => t$8(e(defaultControlSlots, slot), n$3(checkIsEnabled), t$2(renderComponent));
+}
+/**
+* Checks whether a custom control should render in the requested position.
+*
+* Controls without an explicit position are treated as `"start"`.
+*/
+function isControlInPosition(control, position) {
+	return t$10(control.position, "start") === position;
+}
+/**
+* Creates a getter for rendering custom controls in a slot and position.
+*
+* The returned function resolves the custom control or controls assigned to a
+* slot, then renders only the controls that belong in the requested position.
+*/
+function makeCustomControlsRenderer(args) {
+	const { document, customControls = {} } = args;
+	return (slot, pos) => {
+		const controlOrControlList = e(customControls, slot);
+		if (!e$6(controlOrControlList)) return null;
+		if (e$7(controlOrControlList)) return renderCustomControlList(controlOrControlList, pos, document);
+		return renderCustomControl(controlOrControlList, pos, document);
 	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full flex-col",
-		...containerProps,
+}
+/**
+* Renders a single custom control when it belongs in the requested position.
+*/
+function renderCustomControl(control, pos, document) {
+	if (!isControlInPosition(control, pos)) return null;
+	const Component = control.component;
+	return /* @__PURE__ */ jsx(Component, { document });
+}
+/**
+* Renders a list of custom controls for the requested position.
+*
+* Returns `null` when no controls in the list belong in that position.
+*/
+function renderCustomControlList(controls, pos, document) {
+	const controlsInPosition = n$3(controls, (control) => isControlInPosition(control, pos));
+	if (!t$7(controlsInPosition, 1)) return null;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: t$2(controlsInPosition, ({ component: Component, key }) => /* @__PURE__ */ jsx(Component, { document }, key)) });
+}
+/**
+* Renders a document toolbar.
+*
+* By default, the toolbar renders the built-in document controls grouped into
+* toolbar slots. The controls operate on the provided `document`, or on the
+* currently selected document when no document is provided.
+*
+* Use `enabledControls` and `disabledControls` to control which built-in
+* controls are shown. Use `componentOverrides` to replace individual built-in
+* controls while keeping the default toolbar layout. Use `customControls` to
+* insert additional controls before or after the built-in controls in a slot.
+*
+* To take over the toolbar contents completely, pass `children`.
+*/
+function DocumentToolbar(props) {
+	const [selectedDocument] = useSelectedDocumentSafe();
+	const { toolbarClassName, document = selectedDocument, toolbarContainer: Container = ToolbarContainer } = props;
+	if ("children" in props) return /* @__PURE__ */ jsx(Container, {
+		className: toolbarClassName,
+		children: props.children
+	});
+	return /* @__PURE__ */ jsx(Container, {
+		className: toolbarClassName,
+		children: t$2(controlSlots, (slot) => /* @__PURE__ */ createElement(ControlsContainerSlot, {
+			...props,
+			document,
+			slot,
+			key: slot
+		}))
+	});
+}
+/**
+* Renders one toolbar controls slot.
+*
+* Custom controls with position `"start"` are rendered before the built-in
+* controls for the slot. Custom controls with position `"end"` are rendered
+* after them.
+*/
+function ControlsContainerSlot(props) {
+	const { slot, document, controlsContainerClassName, enabledControls, disabledControls, componentOverrides, customControls, controlsContainer: ControlsContainer = ToolbarControlsContainer } = props;
+	const renderToolbarControls = makeToolbarControlsRenderer({
+		document,
+		enabledControls,
+		disabledControls,
+		componentOverrides
+	});
+	const renderCustomControls = makeCustomControlsRenderer({
+		document,
+		customControls
+	});
+	return /* @__PURE__ */ jsxs(ControlsContainer, {
+		className: controlsContainerClassName,
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: twMerge("flex h-12 w-full items-center justify-between rounded-xl border border-gray-200 bg-slate-50 px-4", className),
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-x-2",
-						children: [
-							enabledControls.includes("undo") && /* @__PURE__ */ jsx("button", {
-								className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isUndoDisabled ? "cursor-not-allowed" : "cursor-pointer active:opacity-70"),
-								onClick: documentUndoRedo.undo,
-								disabled: isUndoDisabled,
-								children: /* @__PURE__ */ jsx(Icon, {
-									name: "ArrowCouterclockwise",
-									size: 16,
-									className: isUndoDisabled ? "text-gray-500" : "text-gray-900"
-								})
-							}),
-							enabledControls.includes("redo") && /* @__PURE__ */ jsx("button", {
-								className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isRedoDisabled ? "cursor-not-allowed" : "cursor-pointer active:opacity-70"),
-								onClick: documentUndoRedo.redo,
-								disabled: isRedoDisabled,
-								children: /* @__PURE__ */ jsx("div", {
-									className: "-scale-x-100",
-									children: /* @__PURE__ */ jsx(Icon, {
-										name: "ArrowCouterclockwise",
-										size: 16,
-										className: isRedoDisabled ? "text-gray-500" : "text-gray-900"
-									})
-								})
-							}),
-							enabledControls.includes("export") && /* @__PURE__ */ jsx("button", {
-								className: twMerge("flex h-8 items-center rounded-lg border border-gray-200 bg-white px-3 text-sm", isDownloadDisabled ? "cursor-not-allowed" : "cursor-pointer active:opacity-70"),
-								onClick: handleDownloadDocument,
-								disabled: isDownloadDisabled,
-								children: /* @__PURE__ */ jsx("span", {
-									className: isDownloadDisabled ? "text-gray-500" : "text-gray-900",
-									children: "Download"
-								})
-							})
-						]
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "flex items-center",
-						children: isEditingName && document ? /* @__PURE__ */ jsx(NodeInput, {
-							defaultValue: documentName,
-							className: "text-center text-sm font-medium text-gray-500",
-							"aria-label": "Document name",
-							onCancel: () => setIsEditingName(false),
-							onSubmit: (newName) => {
-								const node = { id: document.header.id };
-								Promise.all([onRenameNode(newName, node), onRenameDriveNodes(newName, document.header.id)]).then(() => setIsEditingName(false)).catch((error) => {
-									console.error("Failed to rename document:", error);
-									setIsEditingName(false);
-								});
-							}
-						}) : /* @__PURE__ */ jsx("h1", {
-							className: twMerge("text-sm font-medium text-gray-500", document && "cursor-pointer hover:text-gray-700"),
-							onDoubleClick: document ? () => setIsEditingName(true) : void 0,
-							title: document ? "Double-click to edit" : void 0,
-							children: documentName
-						})
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-x-2",
-						children: [
-							!isSwitchboardLinkDisabled && /* @__PURE__ */ jsx("button", {
-								className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", "cursor-pointer active:opacity-70"),
-								onClick: resolvedSwitchboardHandler,
-								disabled: isSwitchboardLinkDisabled,
-								children: /* @__PURE__ */ jsx(Icon, {
-									name: "Drive",
-									size: 16,
-									className: "text-gray-900"
-								})
-							}),
-							enabledControls.includes("history") && /* @__PURE__ */ jsx("button", {
-								className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", disableRevisionHistory ? "cursor-not-allowed" : "cursor-pointer active:opacity-70"),
-								onClick: showRevisionHistory,
-								disabled: disableRevisionHistory,
-								children: /* @__PURE__ */ jsx(Icon, {
-									name: "History",
-									size: 16,
-									className: disableRevisionHistory ? "text-gray-500" : "text-gray-900"
-								})
-							}),
-							enabledControls.includes("timeline") && defaultTimelineVisible && /* @__PURE__ */ jsx("button", {
-								className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isTimelineDisabled ? "cursor-not-allowed" : "cursor-pointer active:opacity-70"),
-								onClick: handleTimelineToggle,
-								disabled: isTimelineDisabled,
-								"aria-pressed": showTimeline,
-								children: /* @__PURE__ */ jsx(Icon, {
-									name: "Timeline",
-									size: 16,
-									className: twMerge("text-gray-900", isTimelineDisabled && "opacity-50", showTimeline && "text-blue-600")
-								})
-							}),
-							/* @__PURE__ */ jsx("button", {
-								id: "close-document-button",
-								"aria-label": "Close document",
-								className: "grid size-8 cursor-pointer place-items-center rounded-lg border border-gray-200 bg-white active:opacity-70",
-								onClick: handleClose,
-								children: /* @__PURE__ */ jsx(Icon, {
-									name: "XmarkLight",
-									size: 16,
-									className: "text-gray-900"
-								})
-							})
-						]
-					})
-				]
-			}),
-			showTimeline && /* @__PURE__ */ jsx("div", {
-				className: "mt-2 w-full",
-				children: /* @__PURE__ */ jsx(Suspense, {
-					fallback: null,
-					children: /* @__PURE__ */ jsx(DocumentTimeline$1, {
-						timeline: timelineItemsData,
-						onItemClick: setSelectedTimelineItem
-					})
-				})
-			}),
-			children
+			renderCustomControls(slot, "start"),
+			renderToolbarControls(slot),
+			renderCustomControls(slot, "end")
 		]
 	});
-};
+}
 function ConnectDropdownMenu(props) {
 	const { children, items, open, onItemClick, onOpenChange, menuClassName } = props;
 	return /* @__PURE__ */ jsxs(DropdownMenu, {
@@ -9030,7 +9336,7 @@ function FileItem(props) {
 		RENAME: () => setMode("WRITE"),
 		DELETE: () => showDeleteNodeModal(fileNode)
 	};
-	const dropdownMenuOptions = t$5(fileNodeDropdownOptions, t$3(), t(([id, option]) => t$9(option, "id", id)));
+	const dropdownMenuOptions = t$8(fileNodeDropdownOptions, t$6(), t$2(([id, option]) => t$13(option, "id", id)));
 	function onSubmit(name) {
 		Promise.all([onRenameNode(name, fileNode), onRenameDriveNodes(name, fileNode.id)]).catch((error) => {
 			console.error(error);
@@ -9148,7 +9454,7 @@ function FolderItem(props) {
 		RENAME: () => setMode("WRITE"),
 		DELETE: () => showDeleteNodeModal(folderNode)
 	};
-	const dropdownMenuOptions = t$5(folderNodeDropdownOptions, t$3(), t(([id, option]) => t$9(option, "id", id)));
+	const dropdownMenuOptions = t$8(folderNodeDropdownOptions, t$6(), t$2(([id, option]) => t$13(option, "id", id)));
 	function onDropdownMenuOptionClick(itemId) {
 		const handler = dropdownMenuHandlers[itemId];
 		if (!handler) {
@@ -9269,4 +9575,4 @@ const ConnectSearchBar = (props) => {
 //#endregion
 export { useUserPermissions as C, useSetPHDocumentEditorConfig as S, useDocumentModelModules as _, FolderItem as a, useSelectedDocumentOfType as b, FormProvider as c, set as d, useForm as f, showCreateDocumentModal as g, isFolderNodeKind as h, FileItem as i, appendErrors as l, isFileNodeKind as m, ConnectSearchBar as n, useVirtualizer as o, useFormContext as p, DocumentToolbar as r, Controller as s, Breadcrumbs as t, get as u, useNodesInSelectedDriveOrFolder as v, useSetPHAppConfig as x, usePHToast as y };
 
-//# sourceMappingURL=connect-CjUKHHSu.js.map
+//# sourceMappingURL=connect-BBmOHcv9.js.map