@parhelia/core 0.1.12895 → 0.1.12901

package/dist/editor/menubar/WorkflowButton.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InboxIcon } from "lucide-react";
+import { InboxIcon, Rocket } from "lucide-react";
 import { Button } from "../../components/ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../components/ui/dropdown-menu";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
 import { cn } from "../../lib/utils";
 import { useEditContext } from "../client/editContext";
 import { Spinner } from "../ui/Spinner";
+import { PublishDialog } from "../ui/PublishDialog";
 export function WorkflowButton() {
     const editContext = useEditContext();
     const indicatorClassName = "shrink-0";
@@ -62,24 +63,20 @@ export function WorkflowButton() {
         return lines.join("\n") || "No status information available";
     };
     const isMobile = editContext?.isMobile ?? false;
+    const workflowButtonColorClassName = currentWorkboxItem?.isFinalState
+        ? "bg-feedback-green hover:bg-feedback-green"
+        : undefined;
+    // Opens the Publish dialog (workbox items list); it publishes the current
+    // item directly.
+    const openPublishDialog = () => {
+        editContext.openDialog(PublishDialog, {});
+    };
     // If no workflow commands, show simple publish button
     if (workflowCommands.length === 0) {
         if (isMobile) {
-            return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { size: "iconXs", className: cn("flex", currentWorkboxItem?.isFinalState &&
-                                    "bg-feedback-green hover:bg-feedback-green"), "data-testid": "WorkboxNoCommandsButton", onClick: () => {
-                                    editContext.openSidebar("workbox");
-                                    const publishView = editContext?.configuration.editor.views?.find((x) => x.name === "publish");
-                                    if (publishView)
-                                        editContext?.switchWorkspace(publishView.name);
-                                }, children: _jsx(InboxIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }) }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }) }));
+            return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { size: "iconXs", className: cn("flex", workflowButtonColorClassName), "data-testid": "WorkboxNoCommandsButton", onClick: openPublishDialog, children: _jsx(Rocket, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }) }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }) }));
         }
-        return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { className: cn("flex", currentWorkboxItem?.isFinalState &&
-                                "bg-feedback-green hover:bg-feedback-green"), "data-testid": "WorkboxNoCommandsButton", onClick: () => {
-                                editContext.openSidebar("workbox");
-                                const publishView = editContext?.configuration.editor.views?.find((x) => x.name === "publish");
-                                if (publishView)
-                                    editContext?.switchWorkspace(publishView.name);
-                            }, children: "Open Workbox" }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }) }));
+        return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Button, { className: cn("flex", workflowButtonColorClassName), "data-testid": "WorkboxNoCommandsButton", onClick: openPublishDialog, children: [_jsx(Rocket, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }), "Publish"] }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }) }));
     }
     // If only one workflow command, show it as a simple button
     if (workflowCommands.length === 1) {
@@ -87,13 +84,11 @@ export function WorkflowButton() {
         if (!command)
             return null;
         if (isMobile) {
-            return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { size: "iconXs", className: cn("flex", currentWorkboxItem?.isFinalState &&
-                                    "bg-feedback-green hover:bg-feedback-green"), "data-testid": "WorkboxSingleCommandButton", onClick: () => {
+            return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { size: "iconXs", className: cn("flex", workflowButtonColorClassName), "data-testid": "WorkboxSingleCommandButton", onClick: () => {
                                     editContext.operations.executeWorkflowCommand(editContext.currentItemDescriptor, command.id);
                                 }, children: _jsx(InboxIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }) }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }) }));
         }
-        return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { className: cn("flex", currentWorkboxItem?.isFinalState &&
-                                "bg-feedback-green hover:bg-feedback-green"), "data-testid": "WorkboxSingleCommandButton", onClick: () => {
+        return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { className: cn("flex", workflowButtonColorClassName), "data-testid": "WorkboxSingleCommandButton", onClick: () => {
                                 editContext.operations.executeWorkflowCommand(editContext.currentItemDescriptor, command.id);
                             }, children: command.name }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }) }));
     }
@@ -105,16 +100,13 @@ export function WorkflowButton() {
         ? "group-hover:!bg-feedback-green"
         : "group-hover:!bg-highlight-100/80";
     if (isMobile) {
-        return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(DropdownMenu, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { size: "iconXs", className: cn("flex", currentWorkboxItem?.isFinalState &&
-                                            "bg-feedback-green hover:bg-feedback-green"), "data-testid": "WorkboxMultipleCommandsDropdownTrigger", children: _jsx(InboxIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }) }) }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }), _jsx(DropdownMenuContent, { children: workflowCommands.map((command) => (_jsx(DropdownMenuItem, { onClick: () => {
+        return (_jsx("div", { className: indicatorClassName, "data-testid": "publish-status-indicator", children: _jsxs(DropdownMenu, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { size: "iconXs", className: cn("flex", workflowButtonColorClassName), "data-testid": "WorkboxMultipleCommandsDropdownTrigger", children: _jsx(InboxIcon, { className: "h-3.5 w-3.5", strokeWidth: 1.5 }) }) }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }), _jsx(DropdownMenuContent, { children: workflowCommands.map((command) => (_jsx(DropdownMenuItem, { onClick: () => {
                                 editContext.operations.executeWorkflowCommand(editContext.currentItemDescriptor, command.id);
                             }, children: command.name }, command.id))) })] }) }));
     }
-    return (_jsxs("div", { className: cn("group flex", indicatorClassName), "data-testid": "publish-status-indicator", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { className: cn("inline-flex rounded-r-none !pr-2 shadow-none", splitButtonGroupHoverClass, currentWorkboxItem?.isFinalState &&
-                                "bg-feedback-green hover:bg-feedback-green"), "data-testid": "WorkboxMultipleCommandsButton", onClick: () => {
+    return (_jsxs("div", { className: cn("group flex", indicatorClassName), "data-testid": "publish-status-indicator", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { className: cn("inline-flex rounded-r-none !pr-2 shadow-none", splitButtonGroupHoverClass, workflowButtonColorClassName), "data-testid": "WorkboxMultipleCommandsButton", onClick: () => {
                                 editContext.operations.executeWorkflowCommand(editContext.currentItemDescriptor, firstCommand.id);
-                            }, children: firstCommand.name }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { className: cn("inline-flex rounded-l-none shadow-none has-[>svg]:!pr-3 has-[>svg]:!pl-2", splitButtonGroupHoverClass, currentWorkboxItem?.isFinalState &&
-                                "bg-feedback-green hover:bg-feedback-green"), "data-testid": "WorkboxMultipleCommandsDropdownTrigger", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }), _jsx(DropdownMenuContent, { children: workflowCommands.map((command) => (_jsx(DropdownMenuItem, { onClick: () => {
+                            }, children: firstCommand.name }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "whitespace-pre-line", children: getTooltipContent() }) })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { className: cn("inline-flex rounded-l-none shadow-none has-[>svg]:!pr-3 has-[>svg]:!pl-2", splitButtonGroupHoverClass, workflowButtonColorClassName), "data-testid": "WorkboxMultipleCommandsDropdownTrigger", children: _jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }), _jsx(DropdownMenuContent, { children: workflowCommands.map((command) => (_jsx(DropdownMenuItem, { onClick: () => {
                                 editContext.operations.executeWorkflowCommand(editContext.currentItemDescriptor, command.id);
                             }, children: command.name }, command.id))) })] })] }));
 }

package/dist/editor/menubar/WorkflowButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowButton.js","sourceRoot":"","sources":["../../../src/editor/menubar/WorkflowButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WorkflowButton.js","sourceRoot":"","sources":["../../../src/editor/menubar/WorkflowButton.tsx"],"names":[],"mappings":"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"}

package/dist/editor/menubar/toolbar-sections/ContentTreeToggle.d.ts

@@ -0,0 +1 @@
+export declare function ContentTreeToggle(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/menubar/toolbar-sections/ContentTreeToggle.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FolderTreeIcon } from "lucide-react";
+import { useEditContext } from "../../client/editContext";
+import { CONTENT_TREE_SIDEBAR_ID } from "../../sidebar/contentTreeConstants";
+import { SimpleIconButton } from "../../ui/SimpleIconButton";
+export function ContentTreeToggle() {
+    const editContext = useEditContext();
+    if (!editContext || !editContext.workspace?.supportsSidebars)
+        return null;
+    const contentTreeOpen = editContext.openSidebars.includes(CONTENT_TREE_SIDEBAR_ID);
+    return (_jsx(SimpleIconButton, { icon: _jsx(FolderTreeIcon, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: contentTreeOpen ? "Hide content tree" : "Show content tree", size: "large", "data-testid": "content-tree-toggle-button", selected: contentTreeOpen, onClick: () => editContext.toggleSidebar(CONTENT_TREE_SIDEBAR_ID) }));
+}
+//# sourceMappingURL=ContentTreeToggle.js.map

package/dist/editor/menubar/toolbar-sections/ContentTreeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTreeToggle.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/ContentTreeToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,gBAAgB;QAAE,OAAO,IAAI,CAAC;IAE1E,MAAM,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,QAAQ,CACvD,uBAAuB,CACxB,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAC,cAAc,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,EAChE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EAClE,IAAI,EAAC,OAAO,iBACA,4BAA4B,EACxC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,uBAAuB,CAAC,GACjE,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/toolbar-sections/CustomCommandsToolbar.js

@@ -65,7 +65,7 @@ export function CustomCommandsToolbar() {
     const renderIcon = (command) => {
         return renderCustomCommandIcon(command, editContext.configuration, {
             svgClassName: "h-6 w-6 p-0.5",
-            fallback: _jsx(DefaultIcon, { className: "text-highlight-100 h-6 w-6 p-0.5" }),
+            fallback: _jsx(DefaultIcon, { className: "text-neutral-grey-100 h-6 w-6 p-0.5" }),
         });
     };
     const isDisabled = (command) => {

package/dist/editor/menubar/toolbar-sections/CustomCommandsToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomCommandsToolbar.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/CustomCommandsToolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomCommandsToolbar.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/CustomCommandsToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/editor/menubar/toolbar-sections/DeviceSwitchToolbar.js

@@ -1,13 +1,44 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Monitor, Smartphone, Table } from "lucide-react";
-import { useEffect, useState } from "react";
+import { Check, ChevronDown, Monitor, Smartphone, Table } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { Button } from "../../../components/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../../components/ui/dropdown-menu";
 import { cn } from "../../../lib/utils";
 import { useEditContext } from "../../client/editContext";
 import { DEVICE_CHANGE_EVENT } from "../../page-viewer/pageViewContext";
-import { SimpleIconButton } from "../../ui/SimpleIconButton";
-export function DeviceSwitchToolbar({ className, iconClassName = "h-6 w-6 p-1", buttonSize = "large", }) {
+export function DeviceSwitchToolbar({ className, iconClassName = "h-5 w-5", buttonSize = "large", }) {
     const editContext = useEditContext();
     const [, setDeviceChangeCounter] = useState(0);
+    const [open, setOpen] = useState(false);
+    const closeTimeoutRef = useRef(null);
+    const hoverOpenedRef = useRef(false);
+    const clearCloseTimeout = () => {
+        if (closeTimeoutRef.current) {
+            clearTimeout(closeTimeoutRef.current);
+            closeTimeoutRef.current = null;
+        }
+    };
+    const openOnHover = () => {
+        clearCloseTimeout();
+        hoverOpenedRef.current = true;
+        setOpen(true);
+    };
+    const closeAfterHover = () => {
+        clearCloseTimeout();
+        closeTimeoutRef.current = setTimeout(() => {
+            hoverOpenedRef.current = false;
+            setOpen(false);
+        }, 150);
+    };
+    const handleOpenChange = (nextOpen) => {
+        if (nextOpen) {
+            clearCloseTimeout();
+        }
+        else {
+            hoverOpenedRef.current = false;
+        }
+        setOpen(nextOpen);
+    };
     useEffect(() => {
         const handler = () => {
             setDeviceChangeCounter((x) => x + 1);
@@ -15,6 +46,13 @@ export function DeviceSwitchToolbar({ className, iconClassName = "h-6 w-6 p-1",
         window.addEventListener(DEVICE_CHANGE_EVENT, handler);
         return () => window.removeEventListener(DEVICE_CHANGE_EVENT, handler);
     }, []);
+    useEffect(() => {
+        return () => {
+            if (closeTimeoutRef.current) {
+                clearTimeout(closeTimeoutRef.current);
+            }
+        };
+    }, []);
     if (!editContext || editContext.isMobile)
         return null;
     const activeSlotContext = editContext.getActiveSlotContext();
@@ -28,10 +66,67 @@ export function DeviceSwitchToolbar({ className, iconClassName = "h-6 w-6 p-1",
         currentPageViewContext.setDevice(nextDevice);
     };
     const firstMobileDeviceName = editContext.configuration.devices[0]?.name;
-    return (_jsxs("div", { className: cn("flex shrink-0 items-center gap-1", className), children: [_jsx(SimpleIconButton, { icon: _jsx(Monitor, { className: iconClassName, strokeWidth: 1 }), label: "Desktop", size: buttonSize, "data-testid": "desktop-viewport-button", selected: device === "desktop", onClick: () => setActiveSlotDevice("desktop") }), _jsx(SimpleIconButton, { icon: _jsx(Smartphone, { className: iconClassName, strokeWidth: 1 }), label: "Mobile", size: buttonSize, "data-testid": "mobile-viewport-button", selected: Boolean(device && device !== "desktop"), disabled: !firstMobileDeviceName, onClick: () => {
-                    if (firstMobileDeviceName) {
-                        setActiveSlotDevice(firstMobileDeviceName);
-                    }
-                } }), _jsx(SimpleIconButton, { icon: _jsx(Table, { className: iconClassName, strokeWidth: 1 }), label: "Form", size: buttonSize, "data-testid": "form-viewport-button", selected: !device, onClick: () => setActiveSlotDevice("") })] }));
+    const activeMode = !device
+        ? "form"
+        : device === "desktop"
+            ? "desktop"
+            : "mobile";
+    const triggerIconClassName = iconClassName || (buttonSize === "small" ? "h-4 w-4" : "h-5 w-5");
+    const activeModeConfig = activeMode === "desktop"
+        ? {
+            icon: Monitor,
+            label: "Desktop",
+        }
+        : activeMode === "mobile"
+            ? {
+                icon: Smartphone,
+                label: "Mobile",
+            }
+            : {
+                icon: Table,
+                label: "Form",
+            };
+    const ActiveIcon = activeModeConfig.icon;
+    const optionIconClassName = "h-4 w-4";
+    const options = [
+        {
+            key: "desktop",
+            label: "Desktop",
+            icon: Monitor,
+            testId: "desktop-viewport-button",
+            disabled: false,
+            onSelect: () => setActiveSlotDevice("desktop"),
+        },
+        {
+            key: "mobile",
+            label: "Mobile",
+            icon: Smartphone,
+            testId: "mobile-viewport-button",
+            disabled: !firstMobileDeviceName,
+            onSelect: () => {
+                if (firstMobileDeviceName) {
+                    setActiveSlotDevice(firstMobileDeviceName);
+                }
+            },
+        },
+        {
+            key: "form",
+            label: "Form",
+            icon: Table,
+            testId: "form-viewport-button",
+            disabled: false,
+            onSelect: () => setActiveSlotDevice(""),
+        },
+    ];
+    return (_jsx("div", { className: cn("flex shrink-0 items-center gap-1", className), children: _jsxs(DropdownMenu, { modal: false, open: open, onOpenChange: handleOpenChange, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: buttonSize === "small" ? "xs" : "sm", className: cn("text-neutral-grey-100 border-transparent! bg-transparent! shadow-none! hover:border-transparent! hover:bg-transparent! hover:shadow-none!", buttonSize === "small" ? "h-7 gap-1 px-2" : "h-8 gap-1.5 px-2.5"), "data-testid": "viewport-mode-switcher-button", "aria-label": "Viewport mode", onPointerEnter: openOnHover, onPointerLeave: closeAfterHover, onPointerDownCapture: (event) => {
+                            if (open && hoverOpenedRef.current) {
+                                event.preventDefault();
+                                event.stopPropagation();
+                            }
+                        }, children: [_jsx(ActiveIcon, { className: triggerIconClassName, strokeWidth: 1 }), _jsx("span", { children: activeModeConfig.label }), _jsx(ChevronDown, { className: "h-3.5 w-3.5 opacity-50", strokeWidth: 1 })] }) }), _jsx(DropdownMenuContent, { align: "start", className: "min-w-32", "data-testid": "viewport-mode-switcher-menu", onPointerEnter: openOnHover, onPointerLeave: closeAfterHover, children: options.map((option) => {
+                        const OptionIcon = option.icon;
+                        const selected = activeMode === option.key;
+                        return (_jsxs(DropdownMenuItem, { disabled: option.disabled, "data-testid": option.testId, onClick: option.onSelect, className: "justify-between", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx(OptionIcon, { className: optionIconClassName, strokeWidth: 1 }), _jsx("span", { children: option.label })] }), _jsx(Check, { className: cn("h-4 w-4 shrink-0", selected ? "opacity-100" : "opacity-0"), strokeWidth: 1 })] }, option.key));
+                    }) })] }) }));
 }
 //# sourceMappingURL=DeviceSwitchToolbar.js.map

package/dist/editor/menubar/toolbar-sections/DeviceSwitchToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceSwitchToolbar.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/DeviceSwitchToolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DeviceSwitchToolbar.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/DeviceSwitchToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/editor/menubar/toolbar-sections/EditControls.d.ts

@@ -1,7 +1,9 @@
 interface EditControlsProps {
     hideSuggestions?: boolean;
-    hideEdit?: boolean;
     hidePreview?: boolean;
 }
-export declare function EditControls({ hideSuggestions, hideEdit, hidePreview, }?: EditControlsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function EditControls({ hideSuggestions, hidePreview, }?: EditControlsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SuggestionsModeControl({ leadingSeparator, }?: {
+    leadingSeparator?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/editor/menubar/toolbar-sections/EditControls.js

@@ -1,22 +1,89 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { EyeIcon, Lightbulb, Pencil } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { EyeIcon, PenLine } from "lucide-react";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { useEditContext } from "../../client/editContext";
 import { SimpleIconButton } from "../../ui/SimpleIconButton";
 import { shouldRemoveNoOpSuggestion } from "../../reviews/suggestionContentChange";
-export function EditControls({ hideSuggestions, hideEdit, hidePreview, } = {}) {
+import { enterSuggestionsMode, exitSuggestionsMode, } from "../../reviews/openCommentsFeedback";
+import { PreviewDatePicker } from "../PreviewDatePicker";
+import { Separator } from "../Separator";
+import { FullscreenControl } from "./FullscreenControl";
+import { CountBadge } from "../../../components/ui/badge";
+const PREVIEW_DATE_PICKER_TRANSITION_MS = 200;
+function AnimatedPreviewDatePicker({ show }) {
+    const [shouldRender, setShouldRender] = useState(show);
+    const [expanded, setExpanded] = useState(show);
+    const [contentWidth, setContentWidth] = useState(0);
+    const contentRef = useRef(null);
+    useLayoutEffect(() => {
+        if (!shouldRender)
+            return;
+        const updateWidth = () => {
+            setContentWidth(Math.ceil(contentRef.current?.getBoundingClientRect().width ?? 0));
+        };
+        updateWidth();
+        if (!contentRef.current || typeof ResizeObserver === "undefined") {
+            return;
+        }
+        const observer = new ResizeObserver(updateWidth);
+        observer.observe(contentRef.current);
+        return () => observer.disconnect();
+    }, [shouldRender]);
+    useEffect(() => {
+        if (show) {
+            setShouldRender(true);
+            const frame = requestAnimationFrame(() => {
+                setExpanded(true);
+            });
+            return () => cancelAnimationFrame(frame);
+        }
+        setExpanded(false);
+        const timeout = window.setTimeout(() => {
+            setShouldRender(false);
+        }, PREVIEW_DATE_PICKER_TRANSITION_MS);
+        return () => window.clearTimeout(timeout);
+    }, [show]);
+    if (!shouldRender)
+        return null;
+    return (_jsx("div", { "aria-hidden": !show, inert: !show, className: "shrink-0 overflow-hidden transition-[width,margin-left,opacity] duration-200 ease-out motion-reduce:transition-none", style: {
+            width: expanded ? contentWidth : 0,
+            marginLeft: expanded ? 8 : 0,
+            opacity: expanded ? 1 : 0,
+        }, children: _jsx("div", { ref: contentRef, className: "w-max", children: _jsx(PreviewDatePicker, {}) }) }));
+}
+export function EditControls({ hideSuggestions, hidePreview, } = {}) {
     const editContext = useEditContext();
     if (!editContext)
         return null;
-    // Calculate total count of comments and suggestions. No-op suggestions
-    // without comments are hidden from the feedback sidebar, so they must not
-    // inflate the badge either.
+    const isPreview = editContext.mode === "preview";
+    return (_jsxs(_Fragment, { children: [!hidePreview && (_jsxs("div", { className: "flex shrink-0 items-center", children: [isPreview && _jsx(Separator, { size: "large" }), _jsx(SimpleIconButton, { icon: _jsx(EyeIcon, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Preview", showTooltip: false, size: "large", "data-testid": "preview-mode-button", selected: isPreview, onClick: () => void editContext.changeMode(isPreview ? "edit" : "preview", {
+                            reason: "toolbar",
+                        }) }), _jsx(AnimatedPreviewDatePicker, { show: isPreview }), isPreview && _jsx(Separator, { size: "large" }), _jsx(FullscreenControl, {})] })), !hideSuggestions && _jsx(SuggestionsModeControl, {})] }));
+}
+export function SuggestionsModeControl({ leadingSeparator = false, } = {}) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const feedbackVisible = editContext.showComments || editContext.openSidebars.includes("feedback");
+    if (!feedbackVisible)
+        return null;
+    // Calculate total count of suggestions. No-op suggestions without comments
+    // are hidden from the comments surface, so they must not inflate the badge.
     const comments = editContext.comments || [];
     const suggestionsCount = editContext.suggestedEdits?.filter((x) => x.status === "pending" &&
         !shouldRemoveNoOpSuggestion(x.oldValue, x.newValue, () => comments.filter((c) => c.suggestedEditId === x.id).length)).length || 0;
-    const totalCount = suggestionsCount;
-    return (_jsxs(_Fragment, { children: [!hideEdit && !editContext.user?.isLimitedPreviewUser && (_jsx(SimpleIconButton, { icon: _jsx(Pencil, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Edit", size: "large", "data-testid": "edit-mode-button", selected: editContext.mode === "edit", onClick: () => void editContext.changeMode("edit", { reason: "toolbar" }) })), !hidePreview && (_jsx(SimpleIconButton, { icon: _jsx(EyeIcon, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Preview", showTooltip: false, size: "large", "data-testid": "preview-mode-button", selected: editContext.mode === "preview", onClick: () => void editContext.changeMode("preview", { reason: "toolbar" }) })), !hideSuggestions && (_jsx(SimpleIconButton, { className: "relative", selected: editContext?.mode === "suggestions", icon: _jsx(Lightbulb, { strokeWidth: 1, className: "h-6 w-6 p-1" }), label: "Write suggestions", size: "large", "data-testid": "suggestions-mode-button", onClick: () => {
-                    void editContext?.changeMode("suggestions", { reason: "toolbar" });
-                    editContext?.openSidebar("feedback");
-                }, children: totalCount > 0 && (_jsx("div", { className: "bg-highlight-100 absolute -top-1 -right-1 h-4 min-w-[16px] rounded-full px-1 text-center text-[10px] leading-4 font-bold text-white tabular-nums", style: { paddingBottom: "1px" }, "data-affects-toolbar-height": true, children: totalCount > 99 ? "99+" : totalCount })) }))] }));
+    const isSuggestionsMode = editContext.mode === "suggestions";
+    const suggestionsVisible = isSuggestionsMode || editContext.showSuggestedEdits;
+    const toggleSuggestions = () => {
+        if (isSuggestionsMode) {
+            exitSuggestionsMode(editContext, { reason: "toolbar" });
+            return;
+        }
+        enterSuggestionsMode(editContext, { reason: "toolbar" });
+    };
+    const button = (_jsx(SimpleIconButton, { className: "relative", selected: suggestionsVisible, icon: _jsx(PenLine, { strokeWidth: 1, className: "h-6 w-6 p-1" }), label: "Suggestions mode", size: "large", "data-testid": "suggestions-mode-button", onClick: toggleSuggestions, children: suggestionsCount > 0 && (_jsx(CountBadge, { className: "absolute -top-1 -right-1 min-w-[16px]", "data-affects-toolbar-height": true, children: suggestionsCount > 99 ? "99+" : suggestionsCount })) }));
+    if (!leadingSeparator)
+        return button;
+    return (_jsxs(_Fragment, { children: [_jsx(Separator, { size: "large" }), button] }));
 }
 //# sourceMappingURL=EditControls.js.map

package/dist/editor/menubar/toolbar-sections/EditControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditControls.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/EditControls.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditControls.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/EditControls.tsx"],"names":[],"mappings":"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"}

package/dist/editor/menubar/toolbar-sections/FullscreenControl.d.ts

@@ -0,0 +1 @@
+export declare function FullscreenControl(): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/menubar/toolbar-sections/FullscreenControl.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EnterFullScreenIcon } from "@radix-ui/react-icons";
+import { useEditContext } from "../../client/editContext";
+import { SimpleIconButton } from "../../ui/SimpleIconButton";
+export function FullscreenControl() {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const activeSlotContext = editContext.getActiveSlotContext?.();
+    const page = activeSlotContext?.primaryPageViewContext?.page ?? editContext.page;
+    if (!page)
+        return null;
+    return (_jsx(SimpleIconButton, { icon: _jsx(EnterFullScreenIcon, { className: "h-6 w-6 p-1" }), label: "Fullscreen", size: "large", "data-testid": "fullscreen-button", onClick: () => editContext.setFullscreen(true) }));
+}
+//# sourceMappingURL=FullscreenControl.js.map

package/dist/editor/menubar/toolbar-sections/FullscreenControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenControl.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/FullscreenControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,iBAAiB,GAAG,WAAW,CAAC,oBAAoB,EAAE,EAAE,CAAC;IAC/D,MAAM,IAAI,GACR,iBAAiB,EAAE,sBAAsB,EAAE,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC;IAEtE,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAC,mBAAmB,IAAC,SAAS,EAAC,aAAa,GAAG,EACrD,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,OAAO,iBACA,mBAAmB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,GAC9C,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/toolbar-sections/InsertControls.js

@@ -16,6 +16,6 @@ export function InsertControls() {
         activeSlotContext?.item?.canWriteItem ??
         editContext.page?.item.canWriteItem ??
         false;
-    return (_jsx(SimpleIconButton, { "data-testid": "insert-component-button", icon: _jsx(Plus, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Add Component", size: "large", selected: insertMode, onClick: toggleInsertMode, disabled: !canWriteItem || editContext.readonly || editContext.mode !== "edit" }));
+    return (_jsx(SimpleIconButton, { "data-testid": "insert-component-button", className: "gap-1.5 px-2 py-1", icon: _jsx(Plus, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Add component", size: "large", selected: insertMode, onClick: toggleInsertMode, disabled: !canWriteItem || editContext.readonly || editContext.mode !== "edit", children: _jsx("span", { className: "text-xs leading-none font-medium whitespace-nowrap", children: "Add component" }) }));
 }
 //# sourceMappingURL=InsertControls.js.map

package/dist/editor/menubar/toolbar-sections/InsertControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsertControls.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/InsertControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,UAAU,cAAc;IAC5B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;IAE1C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,uFAAuF;IACvF,MAAM,iBAAiB,GAAG,WAAW,CAAC,oBAAoB,EAAE,CAAC;IAC7D,MAAM,YAAY,GAChB,iBAAiB,EAAE,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY;QACjE,iBAAiB,EAAE,IAAI,EAAE,YAAY;QACrC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY;QACnC,KAAK,CAAC;IAER,OAAO,CACL,KAAC,gBAAgB,mBACH,yBAAyB,EACrC,IAAI,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,EACtD,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EACN,CAAC,YAAY,IAAI,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,KAAK,MAAM,GAEtE,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"InsertControls.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/InsertControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,UAAU,cAAc;IAC5B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;IAE1C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,uFAAuF;IACvF,MAAM,iBAAiB,GAAG,WAAW,CAAC,oBAAoB,EAAE,CAAC;IAC7D,MAAM,YAAY,GAChB,iBAAiB,EAAE,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY;QACjE,iBAAiB,EAAE,IAAI,EAAE,YAAY;QACrC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY;QACnC,KAAK,CAAC;IAER,OAAO,CACL,KAAC,gBAAgB,mBACH,yBAAyB,EACrC,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,CAAC,GAAI,EACtD,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EACN,CAAC,YAAY,IAAI,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,KAAK,MAAM,YAGtE,eAAM,SAAS,EAAC,oDAAoD,8BAE7D,GACU,CACpB,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/toolbar-sections/ManualBrowser.d.ts

@@ -13,6 +13,18 @@ export declare function deriveSelectorState(params: {
     /** There is a way to bring the (currently hidden) target into view. */
     hasRevealPath: boolean;
 }): SelectorState;
+export declare function shouldResetActiveReveal(params: {
+    hasReveal: boolean;
+    isRevealStillOpen: boolean;
+    hasAvailabilitySelector: boolean;
+    isAnchorPresent: boolean;
+}): boolean;
+export declare function hasStatefulRevealSurface(surfaceKeys: string[]): boolean;
+export declare function shouldCarryEditorFormSurface(params: {
+    isSidebarOnly: boolean;
+    sliderExists: boolean;
+    isSliderOpen: boolean;
+}): boolean;
 export declare function ManualBrowser({ onClose }: {
     onClose?: () => void;
 }): import("react/jsx-runtime").JSX.Element;