@powerhousedao/design-system 6.0.0-dev.244 → 6.0.0-dev.246

package/dist/connect/index.js

@@ -1,22 +1,22 @@
-import { i as ConnectTooltipProvider, r as ConnectTooltip, t as DocumentTimeline } from "../document-timeline-BTTeXWMa.js";
-import { C as DropdownMenuTrigger, b as DropdownMenuContent, c as SidebarFooter, d as Pagination, f as mergeClassNameProps, g as getDimensions, h as Icon, l as SidebarHeader, m as Modal, p as PackageAnimation, r as usePagination, s as Sidebar, t as cn, u as SidebarPanel, w as PowerhouseButton, x as DropdownMenuItem, y as DropdownMenu } from "../src-DTHkTkyy.js";
+import { C as DropdownMenuTrigger, b as DropdownMenuContent, c as SidebarFooter, d as Pagination, f as mergeClassNameProps, g as getDimensions, h as Icon, l as SidebarHeader, m as Modal, p as PackageAnimation, r as usePagination, s as Sidebar, t as cn, u as SidebarPanel, w as PowerhouseButton, x as DropdownMenuItem, y as DropdownMenu } from "../src-D4e3Wkrz.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/components/popover/popover.js";
 import { SelectFieldRaw } from "../ui/components/select-field/select-field.js";
 import { Input } from "../ui/components/input/input.js";
 import { JsonViewer } from "../ui/components/json-viewer/json-viewer.js";
 import { SearchAutocomplete } from "../ui/components/search-autocomplete/search-autocomplete.js";
-import React, { Fragment, Suspense, createElement, forwardRef, lazy, memo, useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
+import React, { Fragment, createElement, forwardRef, memo, useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { twJoin, twMerge } from "tailwind-merge";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
 import { Controller, useForm } from "react-hook-form";
-import { Anchor, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
-import { format } from "date-fns";
+import { Anchor, Content as Content$1, Portal as Portal$1, Root as Root$1, Trigger as Trigger$1 } from "@radix-ui/react-popover";
+import { format, formatDistanceToNow, parseISO } from "date-fns";
 import { useCopyToClipboard, useDebounceValue, useEventListener, useOnClickOutside } from "usehooks-ts";
-import { SyncOperationStatus, addFolder, getSyncStatusSync, setSelectedDrive, setSelectedNode, setSelectedTimelineItem, showDeleteNodeModal, showPHModal, showRevisionHistory, useDocumentById, useDownloadDocument, useDragNode, useDropFile, useDropNode, useGetSwitchboardLink, useIsDragAndDropEnabled, useNodeActions, useNodeParentFolderById, useOnDropFile, useSelectedDocumentSafe, useSelectedDriveId, useSelectedDriveSafe, useSelectedNodePath, useUserPermissions } from "@powerhousedao/reactor-browser";
+import { SyncOperationStatus, addFolder, getSyncStatusSync, setSelectedDrive, setSelectedNode, showDeleteNodeModal, showPHModal, showRevisionHistory, useDocumentById, useDownloadDocument, useDragNode, useDropFile, useDropNode, useGetSwitchboardLink, useIsDragAndDropEnabled, useNodeActions, useNodeById, useNodeParentFolderById, useOnDropFile, useSelectedDocumentSafe, useSelectedDriveId, useSelectedDriveSafe, useSelectedNodePath, useUserPermissions } from "@powerhousedao/reactor-browser";
 import Select, { components } from "react-select";
-import { Content as Content$1, List, Root as Root$1, Trigger as Trigger$1 } from "@radix-ui/react-tabs";
+import { Content as Content$2, List, Root as Root$2, Trigger as Trigger$2 } from "@radix-ui/react-tabs";
+import { addProp, defaultTo, entries, filter, funnel, hasAtLeast, isArray, isDefined, isIncludedIn, isStrictEqual, isString, isTruthy, keys, map, pipe, prop, values } from "remeda";
 import { garbageCollect, redo, sortOperations, undo } from "@powerhousedao/shared/document-model";
-import { addProp, entries, funnel, isStrictEqual, isString, map, pipe } from "remeda";
 import { JsonView } from "@uiw/react-json-view";
 import { isValidName } from "@powerhousedao/shared/document-drive";
 import { capitalCase } from "change-case";
@@ -1485,7 +1485,7 @@ function TabContent(props) {
 //#endregion
 //#region src/connect/components/tabs/tabs.tsx
 function Tabs({ children, defaultValue }) {
-	return /* @__PURE__ */ jsxs(Root$1, {
+	return /* @__PURE__ */ jsxs(Root$2, {
 		defaultValue,
 		className: "flex min-h-0 flex-1 flex-col gap-2",
 		children: [/* @__PURE__ */ jsx("div", {
@@ -1495,7 +1495,7 @@ function Tabs({ children, defaultValue }) {
 				children: React.Children.map(children, (child, i) => {
 					if (!/* @__PURE__ */ React.isValidElement(child)) return;
 					const { label, disabled } = child.props;
-					return /* @__PURE__ */ jsx(Trigger$1, {
+					return /* @__PURE__ */ jsx(Trigger$2, {
 						className: "data-[state='active']:tab-shadow ata-disabled:cursor-not-allowed data-disabled:text-gray-400 flex h-7 flex-1 items-center justify-center rounded-lg transition duration-300 data-[state='active']:bg-gray-50 data-[state='active']:text-gray-900",
 						value: label,
 						disabled: disabled ?? false,
@@ -1508,7 +1508,7 @@ function Tabs({ children, defaultValue }) {
 			children: React.Children.map(children, (child, i) => {
 				if (!/* @__PURE__ */ React.isValidElement(child)) return;
 				const { label } = child.props;
-				return /* @__PURE__ */ jsx(Content$1, {
+				return /* @__PURE__ */ jsx(Content$2, {
 					className: "h-full",
 					value: label,
 					children: child
@@ -1543,204 +1543,743 @@ function DocumentStateViewer({ state, ignoredScopes = ["auth", "document"], defa
 	});
 }
 //#endregion
-//#region src/connect/components/document-toolbar/utils/use-document-undo-redo.ts
-function useDocumentUndoRedo(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());
+//#region src/connect/components/tooltip/tooltip.tsx
+function ConnectTooltip(props) {
+	const { children, content, open, defaultOpen, onOpenChange, className, side = "top", sideOffset = 5, delayDuration, ...rest } = props;
+	return /* @__PURE__ */ jsxs(Root, {
+		defaultOpen,
+		delayDuration,
+		onOpenChange,
+		open,
+		children: [/* @__PURE__ */ jsx(Trigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Content, {
+			...rest,
+			side,
+			sideOffset,
+			className: twMerge("shadow-tooltip z-50 rounded-lg border border-gray-200 bg-white p-2 text-xs", className),
+			children: content
+		}) })]
+	});
+}
+const ConnectTooltipProvider = Provider;
+//#endregion
+//#region src/connect/components/document-timeline/components/h-divider.tsx
+const HDivider = (props) => {
+	const { className, timestampUtcMs: timestamp, title, subtitle, onClick, isSelected = false } = props;
+	const [open, setOpen] = useState(false);
+	const hasContent = !!title || !!subtitle || !!timestamp;
+	useEffect(() => {
+		if (open) {
+			setOpen(false);
+			setTimeout(() => hasContent && setOpen(true), 50);
+		}
+	}, [
+		title,
+		subtitle,
+		timestamp,
+		hasContent
+	]);
+	const formatTimestamp = (isoString) => {
+		if (!isoString) return "";
+		try {
+			return formatDistanceToNow(new Date(isoString), { addSuffix: true });
+		} catch {
+			return isoString;
+		}
+	};
+	const tooltipContent = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col text-xs",
+		children: [
+			!!title && /* @__PURE__ */ jsx("div", { children: title }),
+			!!subtitle && /* @__PURE__ */ jsx("div", {
+				className: "text-gray-300",
+				children: subtitle
+			}),
+			!!timestamp && /* @__PURE__ */ jsx("div", { children: formatTimestamp(timestamp) })
+		]
+	});
+	const handleMouseEnter = () => {
+		if (hasContent) setOpen(true);
 	};
-	const handleRedo = () => {
-		dispatch(redo());
+	const handleMouseLeave = () => {
+		setOpen(false);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative",
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		children: [isSelected && /* @__PURE__ */ jsx(Icon, {
+			name: "TimelineCaret",
+			color: "#4EA9FF",
+			size: 10,
+			className: "absolute top-[-11px] z-40"
+		}), /* @__PURE__ */ jsx(ConnectTooltip, {
+			className: "rounded-md bg-gray-900 text-white",
+			content: tooltipContent,
+			open: open && hasContent,
+			onOpenChange: setOpen,
+			delayDuration: 0,
+			side: "bottom",
+			sideOffset: 5,
+			children: /* @__PURE__ */ jsx("div", {
+				className: twMerge("mx-0.5 flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", isSelected && "bg-blue-300", className),
+				onClick,
+				"data-title": title,
+				"data-subtitle": subtitle,
+				"data-timestamp": timestamp,
+				children: /* @__PURE__ */ jsx("div", { className: "h-0.5 w-1 rounded-full bg-gray-500" })
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/connect/components/document-timeline/components/timeline-bar.tsx
+const getBarHeight = (size = 0) => {
+	switch (true) {
+		case size <= 0: return "h-[1px]";
+		case size === 1: return "h-[3px]";
+		case size === 2: return "h-[6px]";
+		case size === 3: return "h-[9px]";
+		case size >= 4: return "h-[12px]";
+		default: return "h-[1px]";
+	}
+};
+const formatTimestamp$1 = (isoString) => {
+	if (!isoString) return "";
+	try {
+		return format(parseISO(isoString), "HH:mm, dd, MMMM");
+	} catch {
+		return isoString;
+	}
+};
+const TimelineBar = ({ onClick, className, timestampUtcMs: timestamp, additions, deletions, addSize = 0, delSize = 0, isSelected = false }) => {
+	const [open, setOpen] = useState(false);
+	const noChanges = addSize === 0 && delSize === 0;
+	const addBarHeight = getBarHeight(addSize);
+	const delBarHeight = getBarHeight(delSize);
+	const tooltipContent = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col text-xs",
+		children: [
+			/* @__PURE__ */ jsx("div", { children: formatTimestamp$1(timestamp) }),
+			/* @__PURE__ */ jsx("div", {
+				className: "text-green-900",
+				children: `${additions} additions +`
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "text-red-700",
+				children: `${deletions} deletions -`
+			})
+		]
+	});
+	const handleMouseEnter = () => {
+		if (!noChanges) setOpen(true);
+	};
+	const handleMouseLeave = () => {
+		setOpen(false);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative",
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		children: [isSelected && /* @__PURE__ */ jsx(Icon, {
+			name: "TimelineCaret",
+			color: "#4EA9FF",
+			size: 10,
+			className: "absolute left-[-2px] top-[-11px] z-40"
+		}), noChanges ? /* @__PURE__ */ jsx("div", {
+			className: twMerge("flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", className),
+			"data-timestamp": timestamp,
+			onClick,
+			children: /* @__PURE__ */ jsx("div", { className: "size-[3px] rounded-full bg-gray-500" })
+		}) : /* @__PURE__ */ jsx(ConnectTooltip, {
+			className: "rounded-md bg-gray-900 text-white",
+			content: tooltipContent,
+			open,
+			onOpenChange: setOpen,
+			delayDuration: 0,
+			side: "bottom",
+			sideOffset: 5,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: twMerge("flex h-[25px] w-1.5 cursor-pointer flex-col items-center justify-center rounded-[2px] hover:bg-blue-300", className, isSelected && "bg-blue-300"),
+				"data-timestamp": timestamp,
+				onClick,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "flex h-3 w-0.5 items-end",
+					children: /* @__PURE__ */ jsx("div", { className: twMerge("h-3 w-0.5 rounded-t-full bg-green-600", addBarHeight) })
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex h-3 w-0.5 items-start",
+					children: /* @__PURE__ */ jsx("div", { className: twMerge("h-3 w-0.5 rounded-b-full bg-red-600", delBarHeight) })
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/connect/components/document-timeline/document-timeline.tsx
+const defaultTimeLineItem = {
+	id: "default",
+	type: "bar",
+	addSize: 0,
+	delSize: 0
+};
+const DocumentTimeline = (props) => {
+	const { timeline = [], onItemClick } = props;
+	const [selectedItem, setSelectedItem] = useState(null);
+	const scrollContainerRef = useRef(null);
+	const handleClick = (item) => {
+		if (item.id === selectedItem || item.id === defaultTimeLineItem.id) {
+			onItemClick?.(null);
+			setSelectedItem(null);
+		} else {
+			onItemClick?.(item);
+			setSelectedItem(item.id);
+		}
+	};
+	const mergedTimelineItems = [...timeline, defaultTimeLineItem];
+	const [unselectedItems, selectedItems] = useMemo(() => {
+		const indexSelected = mergedTimelineItems.findIndex((item) => item.id === selectedItem);
+		return indexSelected === -1 ? [mergedTimelineItems, []] : [mergedTimelineItems.slice(0, indexSelected), mergedTimelineItems.slice(indexSelected)];
+	}, [mergedTimelineItems, selectedItem]);
+	const renderTimelineItems = useCallback((items) => {
+		return items.map((item) => {
+			if (item.type === "divider") {
+				const { timestampUtcMs, title, subtitle } = item;
+				return /* @__PURE__ */ jsx(HDivider, {
+					timestampUtcMs,
+					title,
+					subtitle,
+					onClick: () => handleClick(item),
+					isSelected: item.id === selectedItem
+				}, item.id);
+			}
+			return /* @__PURE__ */ jsx(TimelineBar, {
+				timestampUtcMs: item.timestampUtcMs,
+				addSize: item.addSize,
+				delSize: item.delSize,
+				additions: item.additions,
+				deletions: item.deletions,
+				isSelected: item.id === selectedItem,
+				onClick: () => handleClick(item)
+			}, item.id);
+		});
+	}, [handleClick, selectedItem]);
+	const unselectedContent = useMemo(() => renderTimelineItems(unselectedItems), [unselectedItems, renderTimelineItems]);
+	const selectedContent = useMemo(() => renderTimelineItems(selectedItems), [selectedItems, renderTimelineItems]);
+	useEffect(() => {
+		if (scrollContainerRef.current) scrollContainerRef.current.scrollLeft = scrollContainerRef.current.scrollWidth;
+	}, []);
+	return /* @__PURE__ */ jsx(ConnectTooltipProvider, {
+		delayDuration: 0,
+		skipDelayDuration: 0,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative h-[36px] w-full",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute left-[0px] z-[20] h-[17px] w-[6px] bg-white",
+					children: /* @__PURE__ */ jsx("div", { className: "mt-[11px] h-[6px] w-[6px] rounded-tl-md bg-slate-50" })
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute right-[0px] top-[11px] z-[20] h-[6px] w-[6px] bg-white",
+					children: /* @__PURE__ */ jsx("div", { className: "h-[6px] w-[6px] rounded-tr-md bg-slate-50" })
+				}),
+				/* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 h-[25px] rounded-md bg-slate-50" }),
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute inset-x-0 bottom-0 h-[36px]",
+					children: /* @__PURE__ */ jsx("div", {
+						ref: scrollContainerRef,
+						className: "h-full overflow-x-auto rounded-md",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "ml-auto flex h-[36px] w-max items-end px-2 pb-0",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "flex",
+								children: unselectedContent
+							}), /* @__PURE__ */ jsx("div", {
+								className: "flex rounded-sm bg-blue-200",
+								children: selectedContent
+							})]
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 z-10 h-[25px] w-2 rounded-l-md bg-slate-50" }),
+				/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 z-10 h-[25px] w-2 rounded-r-md bg-slate-50" })
+			]
+		})
+	});
+};
+//#endregion
+//#region src/connect/components/document-toolbar/containers.tsx
+/**
+* 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
+	});
+}
+//#endregion
+//#region src/connect/components/document-toolbar/use-document-undo-redo.ts
+/**
+* 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 pipe(prop(document, "header", "revision"), defaultTo({}), values(), filter(isTruthy), hasAtLeast(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);
+	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: hasAtLeast(document?.clipboard ?? [], 1),
+		redo: () => dispatch(redo())
 	};
 }
 //#endregion
-//#region src/connect/components/document-toolbar/document-toolbar.tsx
-const DocumentTimeline$1 = /* @__PURE__ */ lazy(() => import("../document-timeline-BTTeXWMa.js").then((n) => n.n).then((m) => ({ default: m.DocumentTimeline })));
-function useDocumentTimeline(documentId) {
-	return [];
+//#region src/connect/components/document-toolbar/toolbar-button.tsx
+/**
+* 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 (isDefined(onClickOverride)) return () => onClickOverride(document);
+	return () => defaultOnClick(document);
+}
+//#endregion
+//#region src/connect/components/document-toolbar/toolbar-input.tsx
+/**
+* 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
+	});
+}
+//#endregion
+//#region src/connect/components/document-toolbar/toolbar-name.tsx
+/**
+* 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
+	});
+}
+//#endregion
+//#region src/connect/components/document-toolbar/constants.ts
+/**
+* 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 = keys(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
+};
+//#endregion
+//#region src/connect/components/document-toolbar/utils.tsx
+/**
+* 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) => isIncludedIn(control, enabledControls) && !isIncludedIn(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) => pipe(prop(componentOverrides, control), defaultTo(prop(defaultControlComponents, control)), (Component) => /* @__PURE__ */ jsx(Component, { document }, control));
+	return (slot) => pipe(prop(defaultControlSlots, slot), filter(checkIsEnabled), map(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 defaultTo(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 = prop(customControls, slot);
+		if (!isDefined(controlOrControlList)) return null;
+		if (isArray(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 = filter(controls, (control) => isControlInPosition(control, pos));
+	if (!hasAtLeast(controlsInPosition, 1)) return null;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: map(controlsInPosition, ({ component: Component, key }) => /* @__PURE__ */ jsx(Component, { document }, key)) });
+}
+//#endregion
+//#region src/connect/components/document-toolbar/document-toolbar.tsx
+/**
+* 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: map(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")
 		]
 	});
-};
+}
 //#endregion
 //#region src/connect/components/modal/replace-duplicate-modal.tsx
 const buttonStyles$4 = "min-h-[48px] min-w-[142px] text-base font-semibold py-3 px-6 rounded-xl outline-none active:opacity-75 hover:scale-105 transform transition-all";
@@ -7367,11 +7906,11 @@ function CodePopover(props) {
 		opener.cancel();
 		closer.call();
 	}
-	return /* @__PURE__ */ jsxs(Root, {
+	return /* @__PURE__ */ jsxs(Root$1, {
 		open: isOpen,
 		onOpenChange: (changedIsOpen) => changedIsOpen ? open() : close(),
 		children: [
-			/* @__PURE__ */ jsx(Trigger, {
+			/* @__PURE__ */ jsx(Trigger$1, {
 				onMouseEnter: open,
 				children: trigger
 			}),
@@ -7379,7 +7918,7 @@ function CodePopover(props) {
 				asChild: true,
 				children: anchor
 			}),
-			/* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Content, {
+			/* @__PURE__ */ jsx(Portal$1, { children: /* @__PURE__ */ jsx(Content$1, {
 				forceMount: true,
 				onMouseLeave: close,
 				sideOffset: -28,
@@ -8189,6 +8728,6 @@ const removeSuccessFiles = (files) => {
 	return files.filter((file) => file.status !== "SUCCESS");
 };
 //#endregion
-export { About, AccountPopover, AddDriveModal, AddLocalDriveForm, AddLocalDriveModal, AddRemoteDriveForm, AddRemoteDriveModal, AnimatedLoader, Breadcrumb, Breadcrumbs, CONFLICT, ChannelInspector, ClearStorageSettingsRow, Combobox, ConnectConfirmationModal, ConnectDeleteDriveModal, ConnectDeleteItemModal, ConnectDropdownMenu, ConnectReplaceDuplicateModal, ConnectSearchBar, ConnectSelect, ConnectSidebar, ConnectSidebarFooter, ConnectSidebarHeader, ConnectTooltip, ConnectTooltipProvider, ConnectUpgradeDriveModal, ConnectionStateBadge, CookieBanner, CreateDocumentModal, DBExplorer, DangerZone, DebugInspector, DefaultEditor, DefaultEditorLoader, DefaultEditorSelect, DependencyVersions, Disclosure, Divider, DocumentStateViewer, DocumentTimeline, DocumentToolbar, DriveSettingsModal, DropZone, DropZoneWrapper, ENSAvatar, ERROR, EditorActionButtons, EditorUndoRedoButtons, FileItem, FolderItem, Footer, FooterLink, FormInput, FormattedJsonViewer, HomeBackgroundImage, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, INITIAL_SYNC, InspectorModal, IntegrityInspector, LoadingScreen, MISSING, NodeInput, ObjectInspectorModal, PackageInstallModal, PackageManager, PackageManagerInput, PackageManagerList, PackageManagerListItem, ProcessorsInspector, QueueInspector, ReadRequiredModal, RemotesInspector, RevisionHistory, SUCCESS, SYNCING, SettingsModal, SettingsModalOld, SettingsRow, SidebarAddDriveItem, SidebarItem, SidebarLogin, SidebarUser, SyncStatusIcon, TabContent, Tabs, Toggle, UploadFileItem, UploadFileList, UploadFileListContainer, debugNodeOptions, debugNodeOptionsMap, defaultDriveOptions, defaultNodeOptions, fileNodeDropdownOptions, folderNodeDropdownOptions, formatEthAddress, getFolderStatus, locationInfoByLocation, nodeOptions, normalNodeOptions, removeSuccessFiles, sharingTypeOptions, sortFilesByStatus, syncStatuses, useEns, verifyPackageJsonFields };
+export { About, AccountPopover, AddDriveModal, AddLocalDriveForm, AddLocalDriveModal, AddRemoteDriveForm, AddRemoteDriveModal, AnimatedLoader, Breadcrumb, Breadcrumbs, CONFLICT, ChannelInspector, ClearStorageSettingsRow, Combobox, ConnectConfirmationModal, ConnectDeleteDriveModal, ConnectDeleteItemModal, ConnectDropdownMenu, ConnectReplaceDuplicateModal, ConnectSearchBar, ConnectSelect, ConnectSidebar, ConnectSidebarFooter, ConnectSidebarHeader, ConnectTooltip, ConnectTooltipProvider, ConnectUpgradeDriveModal, ConnectionStateBadge, CookieBanner, CreateDocumentModal, DBExplorer, DangerZone, DebugInspector, DefaultEditor, DefaultEditorLoader, DefaultEditorSelect, DependencyVersions, Disclosure, Divider, DocumentStateViewer, DocumentTimeline, DocumentToolbar, DriveSettingsModal, DropZone, DropZoneWrapper, ENSAvatar, ERROR, EditorActionButtons, EditorUndoRedoButtons, FileItem, FolderItem, Footer, FooterLink, FormInput, FormattedJsonViewer, HomeBackgroundImage, HomeScreen, HomeScreenAddDriveItem, HomeScreenItem, INITIAL_SYNC, InspectorModal, IntegrityInspector, LoadingScreen, MISSING, NodeInput, ObjectInspectorModal, PackageInstallModal, PackageManager, PackageManagerInput, PackageManagerList, PackageManagerListItem, ProcessorsInspector, QueueInspector, ReadRequiredModal, RemotesInspector, RevisionHistory, SUCCESS, SYNCING, SettingsModal, SettingsModalOld, SettingsRow, SidebarAddDriveItem, SidebarItem, SidebarLogin, SidebarUser, SyncStatusIcon, TabContent, Tabs, Toggle, ToolbarButton, ToolbarCloseButton, ToolbarContainer, ToolbarControlsContainer, ToolbarDownloadButton, ToolbarHistoryButton, ToolbarInput, ToolbarName, ToolbarRedoButton, ToolbarSwitchboardButton, ToolbarUndoButton, UploadFileItem, UploadFileList, UploadFileListContainer, debugNodeOptions, debugNodeOptionsMap, defaultDriveOptions, defaultNodeOptions, fileNodeDropdownOptions, folderNodeDropdownOptions, formatEthAddress, getFolderStatus, locationInfoByLocation, nodeOptions, normalNodeOptions, removeSuccessFiles, sharingTypeOptions, sortFilesByStatus, syncStatuses, useEns, verifyPackageJsonFields };
 
 //# sourceMappingURL=index.js.map