@parhelia/core 0.1.12907 → 0.1.12910

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

@@ -1,12 +1,80 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CompareIcon } from "../../ui/Icons";
 import { useEditContext } from "../../client/editContext";
 import { SimpleIconButton } from "../../ui/SimpleIconButton";
-import { Monitor, Smartphone, Table, MessageSquareMore, Map, Layers, PanelRight, FileDiff, } from "lucide-react";
+import { Map, Layers, FileDiff, RotateCcw, ZoomIn, ZoomOut, } from "lucide-react";
 import { Separator } from "../Separator";
 import { useEffect, useState } from "react";
 import { DEVICE_CHANGE_EVENT } from "../../page-viewer/pageViewContext";
+import { DeviceSwitchToolbar } from "./DeviceSwitchToolbar";
+import { EditControls, SuggestionsModeControl } from "./EditControls";
+import { Select } from "../../../components/ui/select";
 import { cn } from "../../../lib/utils";
+const ZOOM_MIN = 0.25;
+const ZOOM_MAX = 2;
+const ZOOM_STEP = 0.25;
+const ZOOM_PRESETS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
+const ZOOM_EXPANDED_WIDTH_CLASS = "w-[202px]";
+function clampZoom(value) {
+    return Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, value));
+}
+function zoomValue(value) {
+    return value.toFixed(2);
+}
+function zoomLabel(value) {
+    return `${Math.round(value * 100)}%`;
+}
+function ZoomControls() {
+    const editContext = useEditContext();
+    const [showExpandedControls, setShowExpandedControls] = useState(false);
+    const pageViewContext = !editContext || editContext.isMobile
+        ? null
+        : editContext.getActiveSlotContext()?.primaryPageViewContext;
+    const zoom = pageViewContext?.zoom ?? 1;
+    const activeZoomValue = zoomValue(zoom);
+    const isDefaultZoom = Math.abs(zoom - 1) <= 0.001;
+    const showZoomTools = showExpandedControls || !isDefaultZoom;
+    useEffect(() => {
+        if (!isDefaultZoom && pageViewContext?.device) {
+            setShowExpandedControls(true);
+        }
+    }, [isDefaultZoom, pageViewContext?.device]);
+    if (!editContext || editContext.isMobile)
+        return null;
+    if (!pageViewContext || !pageViewContext.device)
+        return null;
+    const presetOptions = ZOOM_PRESETS.map((value) => ({
+        label: zoomLabel(value),
+        value: zoomValue(value),
+    }));
+    const hasPreset = ZOOM_PRESETS.some((value) => zoomValue(value) === activeZoomValue);
+    const options = hasPreset
+        ? presetOptions
+        : [
+            ...presetOptions,
+            {
+                label: zoomLabel(zoom),
+                value: activeZoomValue,
+            },
+        ];
+    const setActiveSlotZoom = (value) => {
+        setShowExpandedControls(true);
+        const currentPageViewContext = editContext.getActiveSlotContext()?.primaryPageViewContext ??
+            pageViewContext;
+        currentPageViewContext.setZoom(value);
+    };
+    const resetZoom = () => {
+        const currentPageViewContext = editContext.getActiveSlotContext()?.primaryPageViewContext ??
+            pageViewContext;
+        currentPageViewContext.setZoom(1);
+        setShowExpandedControls(false);
+    };
+    return (_jsxs("div", { className: cn("relative flex h-8 shrink-0 items-center overflow-hidden transition-[width] duration-200 ease-out motion-reduce:transition-none", showZoomTools ? ZOOM_EXPANDED_WIDTH_CLASS : "w-8"), children: [_jsxs("div", { "aria-hidden": !showZoomTools, className: cn("flex items-center gap-0.5 transition-[opacity,transform] duration-150 ease-out motion-reduce:translate-x-0 motion-reduce:transition-none", showZoomTools
+                    ? "translate-x-0 opacity-100 delay-75"
+                    : "-translate-x-1 opacity-0"), children: [_jsx(Separator, { size: "large" }), _jsxs("div", { className: "flex items-center gap-0.5", children: [_jsx(SimpleIconButton, { icon: _jsx(ZoomOut, { className: "h-5 w-5 p-0.5", strokeWidth: 1 }), label: "Zoom out", className: "h-7 w-7 p-0.5", "data-testid": showZoomTools ? "zoom-out-button" : undefined, disabled: !showZoomTools || zoom <= ZOOM_MIN, tabIndex: showZoomTools ? undefined : -1, onClick: () => setActiveSlotZoom((value) => clampZoom(value - ZOOM_STEP)) }), _jsx(Select, { className: "h-7 w-[78px] border-transparent! bg-transparent! px-1.5 shadow-none! hover:border-transparent! hover:bg-neutral-grey-5! hover:shadow-none!", options: options, value: activeZoomValue, onValueChange: (value) => setActiveSlotZoom(Number(value)), placeholder: zoomLabel(zoom), size: "xs", disabled: !showZoomTools, "data-testid": showZoomTools ? "zoom-select" : undefined }), _jsx(SimpleIconButton, { icon: _jsx(ZoomIn, { className: "h-5 w-5 p-0.5", strokeWidth: 1 }), label: "Zoom in", className: "h-7 w-7 p-0.5", "data-testid": showZoomTools ? "zoom-in-button" : undefined, disabled: !showZoomTools || zoom >= ZOOM_MAX, tabIndex: showZoomTools ? undefined : -1, onClick: () => setActiveSlotZoom((value) => clampZoom(value + ZOOM_STEP)) }), _jsx(SimpleIconButton, { icon: _jsx(RotateCcw, { className: "h-5 w-5 p-0.5", strokeWidth: 1 }), label: "Reset zoom", className: "h-7 w-7 p-0.5", "data-testid": showZoomTools ? "zoom-reset-button" : undefined, disabled: !showZoomTools, tabIndex: showZoomTools ? undefined : -1, onClick: resetZoom })] }), _jsx(Separator, { size: "large" })] }), _jsx("div", { "aria-hidden": showZoomTools, className: cn("absolute inset-0 transition-opacity duration-150 ease-out motion-reduce:transition-none", showZoomTools
+                    ? "pointer-events-none opacity-0"
+                    : "opacity-100 delay-75"), children: _jsxs("div", { className: "relative h-8 w-8", children: [_jsx(Select, { className: "h-8 w-8 border-transparent! bg-transparent! px-0 shadow-none! hover:border-transparent! hover:bg-neutral-grey-5! hover:shadow-none! focus-visible:border-transparent! aria-expanded:border-transparent! [&>span]:sr-only [&>svg]:hidden", options: options, value: activeZoomValue, onValueChange: (value) => setActiveSlotZoom(Number(value)), placeholder: zoomLabel(zoom), size: "xs", disabled: showZoomTools, "data-testid": !showZoomTools ? "zoom-select" : undefined }), _jsx(ZoomIn, { className: "text-neutral-grey-100 pointer-events-none absolute top-1/2 left-1/2 h-4 w-4 -translate-x-1/2 -translate-y-1/2", strokeWidth: 1 })] }) })] }));
+}
 export function ViewportControls() {
     const editContext = useEditContext();
     // Counter to force re-renders when device changes.
@@ -23,47 +91,41 @@ export function ViewportControls() {
     }, []);
     if (!editContext || editContext.isMobile)
         return null;
-    const pageViewContext = editContext.getActiveSlotContext()?.primaryPageViewContext;
+    const activeSlotContext = editContext.getActiveSlotContext();
+    const pageViewContext = activeSlotContext?.primaryPageViewContext;
     if (!pageViewContext)
         return null;
-    const minimapEnabledInSettings = editContext.parheliaSettings?.showMinimap !== false;
     const device = pageViewContext.device;
-    const setDevice = pageViewContext.setDevice;
-    const commentsCount = editContext.comments?.filter((x) => !x.isResolved).length || 0;
-    const canToggleEditorForm = editContext.workspaceId === "editor" &&
-        !!pageViewContext.page?.item?.hasLayout;
-    const canToggleComponentNavigator = !!pageViewContext.page?.item?.hasLayout;
-    const canToggleDiffHighlighting = !!pageViewContext.page?.item?.hasLayout && !!device;
-    const activeSlotId = editContext.getActiveSlotId();
-    const editorFormVisible = !editContext.isEditorFormHiddenForSlot(activeSlotId);
-    return (_jsxs(_Fragment, { children: [_jsx(SimpleIconButton, { icon: _jsx(Monitor, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Desktop", size: "large", "data-testid": "desktop-viewport-button", selected: device === "desktop", onClick: () => setDevice("desktop") }), _jsx(SimpleIconButton, { icon: _jsx(Smartphone, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Mobile", size: "large", "data-testid": "mobile-viewport-button", selected: Boolean(device && device !== "desktop"), onClick: () => {
-                    if (editContext.configuration.devices[0]) {
-                        setDevice(editContext.configuration.devices[0].name);
-                    }
-                } }), _jsx(SimpleIconButton, { icon: _jsx(Table, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Form", size: "large", "data-testid": "form-viewport-button", selected: !device, onClick: () => setDevice("") }), _jsx(Separator, { size: "large" }), !editContext.isMobile && (_jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "h-6 w-6 p-1" }), label: "Compare", size: "large", "data-testid": "compare-mode-button", className: editContext.getActiveSlotContext()?.compareMode
-                    ? "text-gray-600"
-                    : "hover:text-gray-600", selected: editContext.getActiveSlotContext()?.compareMode, onClick: () => {
-                    const slotContext = editContext.getActiveSlotContext();
-                    if (slotContext) {
-                        slotContext.setCompareMode(!slotContext.compareMode);
-                    }
-                } })), _jsx(Separator, { size: "large" }), " ", _jsx(SimpleIconButton, { icon: _jsx(FileDiff, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Highlight changes", size: "large", "data-testid": "toggle-version-diff-highlighting-button", selected: editContext.showVersionDiffHighlighting, disabled: !canToggleDiffHighlighting, onClick: () => {
+    const hasLayout = activeSlotContext.item?.hasLayout ??
+        editContext.item?.hasLayout ??
+        pageViewContext.page?.item?.hasLayout ??
+        false;
+    const canToggleDiffHighlighting = hasLayout && !!device;
+    const showZoomControls = hasLayout && !!device;
+    return (_jsxs(_Fragment, { children: [hasLayout && (_jsxs(_Fragment, { children: [_jsx(DeviceSwitchToolbar, {}), showZoomControls && _jsx(ZoomControls, {}), _jsx(EditControls, { hideSuggestions: true }), _jsx(Separator, { size: "large" })] })), !editContext.isMobile && (_jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "h-6 w-6 p-1" }), label: "Compare", size: "large", "data-testid": "compare-mode-button", className: activeSlotContext?.compareMode
+                    ? "text-neutral-grey-50"
+                    : "hover:text-neutral-grey-50", selected: activeSlotContext?.compareMode, onClick: () => {
+                    activeSlotContext.setCompareMode(!activeSlotContext.compareMode);
+                } })), hasLayout && _jsx(SuggestionsModeControl, { leadingSeparator: true }), activeSlotContext.compareMode && (_jsx(SimpleIconButton, { icon: _jsx(FileDiff, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Highlight changes", size: "large", "data-testid": "toggle-version-diff-highlighting-button", selected: editContext.showVersionDiffHighlighting, disabled: !canToggleDiffHighlighting, onClick: () => {
                     if (!canToggleDiffHighlighting)
                         return;
                     editContext.setShowVersionDiffHighlighting(!editContext.showVersionDiffHighlighting);
-                } }), canToggleEditorForm && (_jsx(SimpleIconButton, { ref: editContext.editorFormToggleButtonRef, icon: _jsx(PanelRight, { className: "h-6 w-6 rotate-180 p-1", strokeWidth: 1 }), label: editorFormVisible ? "Hide editor form" : "Show editor form", size: "large", "data-testid": "editor-form-toggle-button", selected: editorFormVisible, className: cn(editContext.editorFormHintVisible &&
-                    "ring-theme-secondary animate-pulse ring-2 ring-offset-2"), onClick: () => {
-                    editContext.setEditorFormHiddenForSlot(activeSlotId, editorFormVisible);
-                    if (editContext.editorFormHintVisible) {
-                        editContext.dismissEditorFormHint();
-                    }
-                } })), _jsx(SimpleIconButton, { className: "relative", selected: !!editContext.showComments, icon: _jsx(MessageSquareMore, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Show comments", size: "large", "data-testid": "toggle-comments-button", onClick: () => {
-                    const newShowComments = !editContext.showComments;
-                    editContext.setShowComments(newShowComments);
-                    // Open the feedback sidebar when enabling comments
-                    if (newShowComments) {
-                        editContext.openSidebar("feedback");
-                    }
-                }, children: commentsCount > 0 && (_jsx("div", { className: "bg-theme-secondary 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" }, children: commentsCount > 99 ? "99+" : commentsCount })) }), minimapEnabledInSettings && (_jsx(_Fragment, { children: _jsx(SimpleIconButton, { icon: _jsx(Map, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Show minimap", size: "large", "data-testid": "toggle-minimap-button", selected: editContext.showMinimap, onClick: () => editContext.setShowMinimap(!editContext.showMinimap) }) })), canToggleComponentNavigator && (_jsx(SimpleIconButton, { icon: _jsx(Layers, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Component Navigator", size: "large", "data-testid": "component-navigator-button", selected: editContext.showComponentNavigator, onClick: () => editContext.setShowComponentNavigator(!editContext.showComponentNavigator) }))] }));
+                } }))] }));
+}
+export function ViewPanelControls() {
+    const editContext = useEditContext();
+    if (!editContext || editContext.isMobile)
+        return null;
+    const activeSlotContext = editContext.getActiveSlotContext();
+    const pageViewContext = activeSlotContext?.primaryPageViewContext;
+    if (!pageViewContext)
+        return null;
+    const hasLayout = activeSlotContext.item?.hasLayout ??
+        editContext.item?.hasLayout ??
+        pageViewContext.page?.item?.hasLayout ??
+        false;
+    const minimapEnabledInSettings = editContext.parheliaSettings?.showMinimap !== false;
+    const canToggleComponentNavigator = hasLayout;
+    return (_jsxs(_Fragment, { children: [minimapEnabledInSettings && (_jsx(SimpleIconButton, { icon: _jsx(Map, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Show minimap", size: "large", "data-testid": "toggle-minimap-button", selected: editContext.showMinimap, onClick: () => editContext.setShowMinimap(!editContext.showMinimap) })), canToggleComponentNavigator && (_jsx(SimpleIconButton, { icon: _jsx(Layers, { className: "h-6 w-6 p-1", strokeWidth: 1 }), label: "Component Navigator", size: "large", "data-testid": "component-navigator-button", selected: editContext.showComponentNavigator, onClick: () => editContext.setShowComponentNavigator(!editContext.showComponentNavigator) }))] }));
 }
 //# sourceMappingURL=ViewportControls.js.map

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

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

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

@@ -1,10 +1,12 @@
 export { ReviewCommands } from "./ReviewCommands";
 export { EditControls } from "./EditControls";
+export { ContentTreeToggle } from "./ContentTreeToggle";
 export { InsertControls } from "./InsertControls";
-export { ViewportControls } from "./ViewportControls";
+export { ViewportControls, ViewPanelControls } from "./ViewportControls";
+export { DeviceSwitchToolbar } from "./DeviceSwitchToolbar";
 export { LayoutModeControls } from "./LayoutModeControls";
 export { UtilityControls } from "./UtilityControls";
 export { CompareControls } from "./CompareControls";
 export { UndoRedoControls } from "./UndoRedoControls";
-export { CustomCommandsToolbar, AgentCommandsToolbar } from "./CustomCommandsToolbar";
+export { CustomCommandsToolbar, AgentCommandsToolbar, } from "./CustomCommandsToolbar";
 export { HelpButton } from "./HelpButton";

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

@@ -1,11 +1,13 @@
 export { ReviewCommands } from "./ReviewCommands";
 export { EditControls } from "./EditControls";
+export { ContentTreeToggle } from "./ContentTreeToggle";
 export { InsertControls } from "./InsertControls";
-export { ViewportControls } from "./ViewportControls";
+export { ViewportControls, ViewPanelControls } from "./ViewportControls";
+export { DeviceSwitchToolbar } from "./DeviceSwitchToolbar";
 export { LayoutModeControls } from "./LayoutModeControls";
 export { UtilityControls } from "./UtilityControls";
 export { CompareControls } from "./CompareControls";
 export { UndoRedoControls } from "./UndoRedoControls";
-export { CustomCommandsToolbar, AgentCommandsToolbar } from "./CustomCommandsToolbar";
+export { CustomCommandsToolbar, AgentCommandsToolbar, } from "./CustomCommandsToolbar";
 export { HelpButton } from "./HelpButton";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/editor/menubar/toolbar-sections/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/editor/notifications/NotificationCenter.d.ts

@@ -1 +1,4 @@
-export declare function NotificationCenter(): import("react/jsx-runtime").JSX.Element;
+import { type WatchTargetProps } from "./WatchButton";
+export declare function NotificationCenter(props: {
+    watchTarget?: Pick<WatchTargetProps, "targetType" | "targetId"> | null;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/notifications/NotificationCenter.js

@@ -1,30 +1,35 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bell } from "lucide-react";
-import { useMemo, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Bell, CheckCheck, Inbox, Loader2 } from "lucide-react";
+import { useState } from "react";
 import { useEditContext } from "../client/editContext";
 import { Button } from "../../components/ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "../../components/ui/popover";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../../components/ui/tooltip";
+import { CountBadge } from "../../components/ui/badge";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/ui/popover";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
+import { cn } from "../../lib/utils";
 import { NotificationItem } from "./NotificationItem";
 import { resolveNotificationAction, resolveNotificationSubscriptionTarget, } from "./notificationRoutes";
 import { useNotifications } from "./useNotifications";
-export function NotificationCenter() {
+import { WatchMenuSection } from "./WatchButton";
+const filterOptions = [
+    { label: "Unread", showAll: false },
+    { label: "All", showAll: true },
+];
+export function NotificationCenter(props) {
+    const { watchTarget } = props;
     const editContext = useEditContext();
     const [open, setOpen] = useState(false);
     const [showAll, setShowAll] = useState(false);
     const [unsubscribingId, setUnsubscribingId] = useState(null);
     const { notifications, subscriptions, unreadCount, loading, loadingMore, hasMore, loadMore, markRead, markAllRead, unsubscribe, } = useNotifications(editContext, { showAll });
     const hasNotifications = notifications.length > 0;
+    const isWatchingTarget = Boolean(watchTarget &&
+        subscriptions.some((subscription) => subscription.targetType.toLowerCase() === watchTarget.targetType &&
+            subscription.targetId === watchTarget.targetId &&
+            !subscription.isMuted));
     const triggerTooltip = unreadCount > 0
         ? `Notifications (${unreadCount > 99 ? "99+" : unreadCount} unread)`
         : "Notifications";
-    const headerText = useMemo(() => {
-        if (unreadCount <= 0)
-            return "All caught up";
-        if (unreadCount === 1)
-            return "1 unread";
-        return `${unreadCount} unread`;
-    }, [unreadCount]);
     const handleOpenNotification = async (notification) => {
         const action = resolveNotificationAction(editContext, notification);
         if (!action)
@@ -46,24 +51,30 @@ export function NotificationCenter() {
             await unsubscribe(target.targetType, target.targetId);
         }
         finally {
-            setUnsubscribingId((current) => (current === notification.id ? null : current));
+            setUnsubscribingId((current) => current === notification.id ? null : current);
         }
     };
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { size: "iconSm", variant: "ghost", className: "relative", "aria-label": triggerTooltip, "data-testid": "notification-center-trigger", children: [_jsx(Bell, { className: "h-4 w-4" }), unreadCount > 0 && (_jsx("span", { className: "absolute -right-1 -top-1 min-w-[16px] rounded-full bg-red-500 px-1 text-center text-[10px] leading-4 text-white", children: unreadCount > 99 ? "99+" : unreadCount }))] }) }) }), _jsx(TooltipContent, { children: triggerTooltip })] }), _jsxs(PopoverContent, { align: "end", className: "w-[360px] p-0", children: [_jsx("div", { className: "border-b px-3 py-2", children: _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-semibold text-slate-900", children: "Notifications" }), _jsx("div", { className: "text-xs text-slate-600", children: headerText })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { size: "xxs", variant: "ghost", onClick: () => setShowAll((prev) => !prev), "data-testid": "notification-center-toggle-filter", children: showAll ? "Show unread" : "Show all" }), _jsx(Button, { size: "xxs", variant: "ghost", disabled: unreadCount === 0, onClick: () => void markAllRead(), "data-testid": "notification-center-mark-all-read", children: "Mark all read" })] })] }) }), _jsxs("div", { className: "max-h-[420px] space-y-2 overflow-y-auto p-2", "data-testid": "notification-center-list", children: [loading && !hasNotifications ? (_jsx("div", { className: "px-2 py-4 text-xs text-slate-500", children: "Loading..." })) : null, !loading && !hasNotifications ? (_jsx("div", { className: "px-2 py-4 text-xs text-slate-500", children: showAll ? "No notifications yet." : "No unread notifications." })) : null, notifications.map((notification) => {
-                                const target = resolveNotificationSubscriptionTarget(notification);
-                                const isSubscribed = Boolean(target &&
-                                    subscriptions.some((subscription) => subscription.targetType.toLowerCase() === target.targetType &&
-                                        subscription.targetId === target.targetId &&
-                                        !subscription.isMuted));
-                                return (_jsx(NotificationItem, { notification: notification, onOpen: resolveNotificationAction(editContext, notification)
-                                        ? (_id) => {
-                                            void handleOpenNotification(notification);
-                                        }
-                                        : undefined, onUnsubscribe: isSubscribed
-                                        ? (_id) => {
-                                            void handleUnsubscribe(notification);
-                                        }
-                                        : undefined, unsubscribeDisabled: unsubscribingId === notification.id }, notification.id));
-                            }), hasNotifications && hasMore ? (_jsx("div", { className: "pt-1", children: _jsx(Button, { size: "sm", variant: "ghost", className: "w-full justify-center text-xs", disabled: loadingMore, onClick: () => void loadMore(), "data-testid": "notification-center-load-more", children: loadingMore ? "Loading more..." : "Load more" }) })) : null] })] })] }));
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { size: "iconSm", variant: "ghost", className: cn("relative", isWatchingTarget &&
+                                    "bg-highlight-10 text-accent-foreground hover:bg-highlight-10/90"), "aria-label": triggerTooltip, "data-testid": "notification-center-trigger", children: [_jsx(Bell, { className: "h-4 w-4" }), unreadCount > 0 && (_jsx("span", { className: "bg-feedback-red absolute -top-1 -right-1 min-w-[16px] rounded-full px-1 text-center text-[10px] leading-4 font-medium text-white", children: unreadCount > 99 ? "99+" : unreadCount }))] }) }) }), _jsx(TooltipContent, { children: triggerTooltip })] }), _jsxs(PopoverContent, { align: "end", className: "w-[380px] overflow-hidden p-0 shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 border-b px-3 py-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "text-neutral-grey-100 text-sm font-medium", children: "Notifications" }), unreadCount > 0 ? (_jsx(CountBadge, { children: unreadCount > 99 ? "99+" : unreadCount })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [_jsx("div", { className: "bg-neutral-grey-5 flex items-center gap-0.5 rounded-md p-0.5", "data-testid": "notification-center-toggle-filter", children: filterOptions.map((option) => (_jsx("button", { type: "button", onClick: () => setShowAll(option.showAll), className: `text-2xs rounded px-2 py-0.5 font-medium transition-colors ${showAll === option.showAll
+                                                ? "text-neutral-grey-100 bg-white shadow-sm"
+                                                : "text-neutral-grey-50 hover:text-neutral-grey-100"}`, "data-testid": `notification-center-filter-${option.label.toLowerCase()}`, children: option.label }, option.label))) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { size: "iconXs", variant: "ghost", className: "text-neutral-grey-50 hover:text-neutral-grey-100 size-6", disabled: unreadCount === 0, onClick: () => void markAllRead(), "aria-label": "Mark all as read", "data-testid": "notification-center-mark-all-read", children: _jsx(CheckCheck, { className: "size-3.5" }) }) }), _jsx(TooltipContent, { children: "Mark all as read" })] })] })] }), _jsxs("div", { className: "max-h-[360px] overflow-y-auto overscroll-contain", "data-testid": "notification-center-list", children: [loading && !hasNotifications ? (_jsxs("div", { className: "text-neutral-grey-50 flex items-center justify-center gap-2 py-12 text-xs", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), "Loading notifications..."] })) : null, !loading && !hasNotifications ? (_jsxs("div", { className: "flex flex-col items-center px-6 py-12 text-center", children: [_jsx("span", { className: "bg-neutral-grey-5 flex size-10 items-center justify-center rounded-full", children: showAll ? (_jsx(Inbox, { className: "text-neutral-grey-50 size-5" })) : (_jsx(CheckCheck, { className: "text-feedback-green size-5" })) }), _jsx("div", { className: "text-neutral-grey-100 mt-3 text-xs font-medium", children: showAll ? "No notifications yet" : "You're all caught up" }), _jsx("div", { className: "text-neutral-grey-50 text-2xs mt-1", children: showAll
+                                            ? "Updates for items you watch will show up here."
+                                            : "New notifications will show up here." })] })) : null, hasNotifications ? (_jsx("div", { className: "divide-border-default/70 divide-y", children: notifications.map((notification) => {
+                                    const target = resolveNotificationSubscriptionTarget(notification);
+                                    const isSubscribed = Boolean(target &&
+                                        subscriptions.some((subscription) => subscription.targetType.toLowerCase() ===
+                                            target.targetType &&
+                                            subscription.targetId === target.targetId &&
+                                            !subscription.isMuted));
+                                    return (_jsx(NotificationItem, { notification: notification, onOpen: resolveNotificationAction(editContext, notification)
+                                            ? () => {
+                                                void handleOpenNotification(notification);
+                                            }
+                                            : undefined, onUnsubscribe: isSubscribed
+                                            ? () => {
+                                                void handleUnsubscribe(notification);
+                                            }
+                                            : undefined, unsubscribeDisabled: unsubscribingId === notification.id }, notification.id));
+                                }) })) : null, hasNotifications && hasMore ? (_jsx("div", { className: "border-t p-1.5", children: _jsx(Button, { size: "sm", variant: "ghost", className: "text-neutral-grey-50 hover:text-neutral-grey-100 h-7 w-full justify-center text-xs font-normal", disabled: loadingMore, onClick: () => void loadMore(), "data-testid": "notification-center-load-more", children: loadingMore ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "size-3.5 animate-spin" }), "Loading more..."] })) : ("Load more") }) })) : null] }), watchTarget ? (_jsx(WatchMenuSection, { targetType: watchTarget.targetType, targetId: watchTarget.targetId })) : null] })] }));
 }
 //# sourceMappingURL=NotificationCenter.js.map

package/dist/editor/notifications/NotificationCenter.js.map

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

package/dist/editor/notifications/NotificationItem.js

@@ -1,21 +1,98 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BellRing, X } from "lucide-react";
+import { AtSign, BellOff, BellRing, CircleAlert, CircleCheck, CircleX, ClipboardCheck, ClipboardList, Eye, FilePen, Loader2, MessageSquareText, PartyPopper, } from "lucide-react";
 import { Button } from "../../components/ui/button";
-export function NotificationItem(props) {
-    const { notification, onOpen, onUnsubscribe, unsubscribeDisabled = false } = props;
-    const date = new Date(notification.createdAt);
-    const timestamp = Number.isNaN(date.getTime())
-        ? ""
-        : date.toLocaleString(undefined, {
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../../components/ui/tooltip";
+import { ParheliaAgentIcon } from "../ui/Icons";
+const typeVisuals = {
+    "item-changed": {
+        icon: FilePen,
+        accent: "bg-feedback-blue-light/60 text-feedback-blue",
+    },
+    feedback: {
+        icon: MessageSquareText,
+        accent: "bg-feedback-blue-light/60 text-feedback-blue",
+    },
+    "review-invitation": {
+        icon: Eye,
+        accent: "bg-feedback-orange-light/60 text-feedback-orange",
+    },
+    "review-completed": {
+        icon: CircleCheck,
+        accent: "bg-feedback-green-light/60 text-feedback-green",
+    },
+    "review-rejected": {
+        icon: CircleX,
+        accent: "bg-feedback-red-light/60 text-feedback-red",
+    },
+    "task-assigned": {
+        icon: ClipboardList,
+        accent: "bg-feedback-orange-light/60 text-feedback-orange",
+    },
+    "task-status-changed": {
+        icon: ClipboardList,
+        accent: "bg-feedback-orange-light/60 text-feedback-orange",
+    },
+    mention: {
+        icon: AtSign,
+        accent: "bg-feedback-blue-light/60 text-feedback-blue",
+    },
+    "project-attention-required": {
+        icon: CircleAlert,
+        accent: "bg-feedback-orange-light/60 text-feedback-orange",
+    },
+    "project-task-completed": {
+        icon: ClipboardCheck,
+        accent: "bg-feedback-green-light/60 text-feedback-green",
+    },
+    "project-finished": {
+        icon: PartyPopper,
+        accent: "bg-feedback-green-light/60 text-feedback-green",
+    },
+    "agent-notification": {
+        icon: ParheliaAgentIcon,
+        accent: "bg-highlight-10 text-highlight-100",
+    },
+};
+const readAccent = "bg-neutral-grey-5 text-neutral-grey-50";
+function formatTimestamp(value) {
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return null;
+    const full = date.toLocaleString(undefined, {
+        dateStyle: "medium",
+        timeStyle: "short",
+    });
+    const diffMs = Date.now() - date.getTime();
+    const diffMins = Math.floor(diffMs / 60000);
+    const diffHours = Math.floor(diffMs / 3600000);
+    const diffDays = Math.floor(diffMs / 86400000);
+    if (diffMins < 1)
+        return { label: "just now", full };
+    if (diffMins < 60)
+        return { label: `${diffMins}m ago`, full };
+    if (diffHours < 24)
+        return { label: `${diffHours}h ago`, full };
+    if (diffDays < 7)
+        return { label: `${diffDays}d ago`, full };
+    return {
+        label: date.toLocaleDateString(undefined, {
             month: "short",
             day: "numeric",
-            hour: "2-digit",
-            minute: "2-digit",
-        });
-    const content = (_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(BellRing, { className: "mt-0.5 h-3.5 w-3.5 text-slate-500" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-xs font-semibold text-slate-900", children: notification.title }), _jsx("div", { className: "mt-0.5 text-xs text-slate-700", children: notification.message }), _jsx("div", { className: "mt-1 text-[10px] text-slate-500", children: timestamp })] })] }));
-    const className = `flex items-start gap-2 rounded border p-2 text-left ${notification.isRead
-        ? "border-slate-200 bg-white"
-        : "border-blue-200 bg-blue-50/40"} ${onOpen ? "cursor-pointer transition-colors hover:bg-slate-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-1" : ""}`;
+        }),
+        full,
+    };
+}
+export function NotificationItem(props) {
+    const { notification, onOpen, onUnsubscribe, unsubscribeDisabled = false, } = props;
+    const timestamp = formatTimestamp(notification.createdAt);
+    const visual = typeVisuals[notification.type] ?? {
+        icon: BellRing,
+        accent: readAccent,
+    };
+    const Icon = visual.icon;
+    const className = `group relative flex w-full items-start gap-2.5 px-3 py-2.5 text-left transition-colors ${onOpen
+        ? "hover:bg-neutral-grey-5 focus-visible:ring-feedback-blue/50 cursor-pointer focus-visible:ring-2 focus-visible:ring-inset focus-visible:outline-none"
+        : ""}`;
     const handleOpen = () => {
         if (!onOpen)
             return;
@@ -35,6 +112,14 @@ export function NotificationItem(props) {
             return;
         void onUnsubscribe(notification.id);
     };
-    return (_jsxs("div", { className: className, "data-testid": `notification-item-${notification.id}`, onClick: onOpen ? handleOpen : undefined, onKeyDown: onOpen ? handleKeyDown : undefined, role: onOpen ? "button" : undefined, tabIndex: onOpen ? 0 : undefined, children: [_jsx("div", { className: "min-w-0 flex-1", children: content }), onUnsubscribe ? (_jsxs(Button, { type: "button", size: "xxs", variant: "ghost", className: "h-6 px-2 text-[10px] text-slate-500 hover:text-red-600", disabled: unsubscribeDisabled, onClick: handleUnsubscribe, onKeyDown: (event) => event.stopPropagation(), "data-testid": `notification-item-unsubscribe-${notification.id}`, children: [_jsx(X, { className: "mr-1 size-3" }), "Unsubscribe"] })) : null] }));
+    return (_jsxs("div", { className: className, "data-testid": `notification-item-${notification.id}`, onClick: onOpen ? handleOpen : undefined, onKeyDown: onOpen ? handleKeyDown : undefined, role: onOpen ? "button" : undefined, tabIndex: onOpen ? 0 : undefined, children: [_jsx("span", { className: `mt-px flex size-7 shrink-0 items-center justify-center rounded-full ${notification.isRead ? readAccent : visual.accent}`, children: _jsx(Icon, { className: "size-3.5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [_jsx("div", { className: `min-w-0 truncate text-xs ${notification.isRead
+                                    ? "text-neutral-grey-100/75 font-medium"
+                                    : "text-neutral-grey-100 font-medium"}`, children: notification.title }), _jsxs("div", { className: `flex shrink-0 items-center gap-1.5 transition-opacity ${onUnsubscribe
+                                    ? "group-focus-within:opacity-0 group-hover:opacity-0"
+                                    : ""} ${onUnsubscribe && unsubscribeDisabled ? "opacity-0" : ""}`, children: [timestamp ? (_jsx("span", { className: "text-neutral-grey-50 text-2xs whitespace-nowrap", title: timestamp.full, children: timestamp.label })) : null, !notification.isRead ? (_jsx("span", { className: "bg-feedback-blue size-1.5 rounded-full", "aria-hidden": "true" })) : null] })] }), _jsx("div", { className: `mt-0.5 line-clamp-2 text-xs [overflow-wrap:anywhere] ${notification.isRead
+                            ? "text-neutral-grey-50"
+                            : "text-neutral-grey-100/70"}`, children: notification.message })] }), onUnsubscribe ? (_jsx("div", { className: `absolute top-1.5 right-1.5 transition-opacity ${unsubscribeDisabled
+                    ? ""
+                    : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100"}`, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", size: "iconXs", variant: "ghost", className: "text-neutral-grey-50 hover:text-feedback-red size-6", disabled: unsubscribeDisabled, onClick: handleUnsubscribe, onKeyDown: (event) => event.stopPropagation(), "aria-label": "Unsubscribe", "data-testid": `notification-item-unsubscribe-${notification.id}`, children: unsubscribeDisabled ? (_jsx(Loader2, { className: "size-3.5 animate-spin" })) : (_jsx(BellOff, { className: "size-3.5" })) }) }), _jsx(TooltipContent, { children: "Unsubscribe" })] }) })) : null] }));
 }
 //# sourceMappingURL=NotificationItem.js.map

package/dist/editor/notifications/NotificationItem.js.map

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

package/dist/editor/notifications/WatchButton.d.ts

@@ -1,7 +1,8 @@
-type WatchTargetType = "item" | "review" | "project" | "agent-run";
-export declare function WatchButton(props: {
+import { type WatchTargetType } from "./watchEventOptions";
+export type WatchTargetProps = {
     targetType: WatchTargetType;
     targetId: string;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
+};
+export declare function WatchMenuSection(props: WatchTargetProps): import("react/jsx-runtime").JSX.Element;
+export declare function WatchButton(props: WatchTargetProps): import("react/jsx-runtime").JSX.Element;