@pantheon-systems/puck-css 0.4.0

package/dist/pds/components/P1EditorHeader.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * P1EditorHeader
+ *
+ * Top chrome bar for the PDS v2 editor theme.
+ * Renders: P1 branding, WorkstreamSwitcher, page selector button,
+ * user avatar with account menu, and the "Compare with Live" button
+ * (non-main branches only).
+ */
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { Icon, Button, Avatar, PantheonLogo } from '@pantheon-systems/pds-toolkit-react';
+import { getAvatarStyleOverride } from '../../collaboration/utils/avatarColor.js';
+import { WorkstreamSwitcher } from './WorkstreamSwitcher.js';
+import { PageNavigator } from './PageNavigator.js';
+import styles from './P1EditorHeader.module.css';
+export function P1EditorHeader({ branches, currentBranch, documents, currentDocument, selectedDocumentPath, currentUser, siteName, siteMenuItems, onCreateBranch, onSwitchBranch, onSelectDocument, onCreateDocument, onCompareWithLive, onLogout, }) {
+    const [pageNavigatorOpen, setPageNavigatorOpen] = useState(false);
+    const [navigatorPortalStyle, setNavigatorPortalStyle] = useState();
+    const pageSelectorRef = useRef(null);
+    const [siteMenuOpen, setSiteMenuOpen] = useState(false);
+    const [siteMenuStyle, setSiteMenuStyle] = useState({});
+    const siteMenuTriggerRef = useRef(null);
+    const siteMenuDropdownRef = useRef(null);
+    const [userMenuOpen, setUserMenuOpen] = useState(false);
+    const [userMenuStyle, setUserMenuStyle] = useState({});
+    const userMenuTriggerRef = useRef(null);
+    const userMenuRef = useRef(null);
+    const handlePageSelectorClick = useCallback(() => {
+        setSiteMenuOpen(false);
+        setUserMenuOpen(false);
+        if (!pageNavigatorOpen && pageSelectorRef.current) {
+            const rect = pageSelectorRef.current.getBoundingClientRect();
+            const isMobile = window.innerWidth < 768;
+            setNavigatorPortalStyle({
+                position: 'fixed',
+                top: rect.bottom + 6,
+                left: isMobile ? 0 : Math.max(rect.left - 100, 8),
+                width: isMobile ? window.innerWidth : Math.min(560, window.innerWidth - 16),
+                zIndex: 9999,
+            });
+        }
+        setPageNavigatorOpen((o) => !o);
+    }, [pageNavigatorOpen]);
+    const handleSiteMenuClick = useCallback(() => {
+        setPageNavigatorOpen(false);
+        setUserMenuOpen(false);
+        if (!siteMenuOpen && siteMenuTriggerRef.current) {
+            const rect = siteMenuTriggerRef.current.getBoundingClientRect();
+            const menuMaxW = Math.min(280, window.innerWidth - 16);
+            setSiteMenuStyle({
+                position: 'fixed',
+                top: rect.bottom + 6,
+                left: Math.min(rect.left, window.innerWidth - menuMaxW - 8),
+                maxWidth: menuMaxW,
+                zIndex: 9999,
+            });
+        }
+        setSiteMenuOpen((prev) => !prev);
+    }, [siteMenuOpen]);
+    const handleUserMenuClick = useCallback(() => {
+        setPageNavigatorOpen(false);
+        setSiteMenuOpen(false);
+        if (!userMenuOpen && userMenuTriggerRef.current) {
+            const rect = userMenuTriggerRef.current.getBoundingClientRect();
+            setUserMenuStyle({
+                position: 'fixed',
+                top: rect.bottom + 6,
+                right: window.innerWidth - rect.right,
+                maxWidth: Math.min(280, window.innerWidth - 16),
+                zIndex: 9999,
+            });
+        }
+        setUserMenuOpen((prev) => !prev);
+    }, [userMenuOpen]);
+    useEffect(() => {
+        if (!pageNavigatorOpen)
+            return;
+        function handleClickOutside(e) {
+            const target = e.target;
+            if (pageSelectorRef.current?.contains(target))
+                return;
+            const navigatorEl = document.querySelector('[role="dialog"][aria-label="Page navigator"]');
+            if (navigatorEl?.contains(target))
+                return;
+            setPageNavigatorOpen(false);
+        }
+        document.addEventListener('pointerdown', handleClickOutside, { capture: true });
+        return () => document.removeEventListener('pointerdown', handleClickOutside, { capture: true });
+    }, [pageNavigatorOpen]);
+    useEffect(() => {
+        if (!siteMenuOpen)
+            return;
+        function handleClickOutside(e) {
+            const target = e.target;
+            if (siteMenuTriggerRef.current?.contains(target) ||
+                siteMenuDropdownRef.current?.contains(target)) {
+                return;
+            }
+            setSiteMenuOpen(false);
+        }
+        document.addEventListener('pointerdown', handleClickOutside, { capture: true });
+        return () => document.removeEventListener('pointerdown', handleClickOutside, { capture: true });
+    }, [siteMenuOpen]);
+    useEffect(() => {
+        if (!userMenuOpen)
+            return;
+        function handleClickOutside(e) {
+            const target = e.target;
+            if (userMenuTriggerRef.current?.contains(target) || userMenuRef.current?.contains(target)) {
+                return;
+            }
+            setUserMenuOpen(false);
+        }
+        document.addEventListener('pointerdown', handleClickOutside, { capture: true });
+        return () => document.removeEventListener('pointerdown', handleClickOutside, { capture: true });
+    }, [userMenuOpen]);
+    const isMain = currentBranch?.isMain ?? true;
+    function handleSelectDocument(doc) {
+        onSelectDocument(doc);
+        setPageNavigatorOpen(false);
+    }
+    return (_jsxs("header", { "data-testid": "p1-editor-header", className: styles.header, children: [_jsx(PantheonLogo, { "data-testid": "p1-logo", className: styles.logo, displayType: "sub-brand", subBrand: "P1", size: "s", linkContent: null }), _jsxs("button", { ref: siteMenuTriggerRef, "data-testid": "site-selector", type: "button", className: styles.siteSelector, onClick: handleSiteMenuClick, "aria-haspopup": "menu", "aria-expanded": siteMenuOpen, children: [_jsx(Icon, { iconName: "globe", iconSize: "s", "aria-hidden": "true" }), _jsxs("span", { className: styles.labelText, children: [siteName, _jsx(Icon, { iconName: "angleDown", iconSize: "s", "aria-hidden": "true" })] })] }), siteMenuOpen &&
+                createPortal(_jsx("div", { ref: siteMenuDropdownRef, "data-testid": "site-menu", className: styles.dropdownMenu, role: "menu", style: siteMenuStyle, children: siteMenuItems.map((item) => (_jsxs("button", { type: "button", role: "menuitem", className: styles.dropdownMenuItem, onClick: () => {
+                            setSiteMenuOpen(false);
+                            item.callback();
+                        }, children: [item.iconName && _jsx(Icon, { iconName: item.iconName, iconSize: "s", "aria-hidden": "true" }), item.label] }, item.label))) }), document.body), _jsx("div", { className: styles.divider }), _jsx(WorkstreamSwitcher, { branches: branches, currentBranch: currentBranch, onSwitch: onSwitchBranch, onCreateBranch: onCreateBranch, onCompareWithLive: onCompareWithLive, hideCompareButton: true }), _jsxs("button", { ref: pageSelectorRef, "data-testid": "page-selector", className: styles.pageSelector, onClick: handlePageSelectorClick, type: "button", "aria-haspopup": "true", "aria-expanded": pageNavigatorOpen, children: [_jsx(Icon, { iconName: "folderTree", iconSize: "s", "aria-hidden": "true" }), _jsxs("span", { className: styles.labelText, children: [currentDocument?.path || selectedDocumentPath || 'Select a page', _jsx(Icon, { iconName: "angleDown", iconSize: "s", "aria-hidden": "true" })] })] }), (() => {
+                const pagePath = currentDocument?.path || selectedDocumentPath;
+                // Show button if there's a path and it's not empty/root
+                const shouldShow = pagePath && pagePath !== '/' && pagePath !== '';
+                return shouldShow ? (_jsx("a", { href: pagePath, target: "_blank", rel: "noopener noreferrer", className: styles.externalLinkButton, title: "Open page in new tab", "data-testid": "open-external", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), _jsx("polyline", { points: "15 3 21 3 21 9" }), _jsx("line", { x1: "10", x2: "21", y1: "14", y2: "3" })] }) })) : null;
+            })(), _jsx(PageNavigator, { open: pageNavigatorOpen, documents: documents, currentDocument: currentDocument, isMainBranch: isMain, onSelect: handleSelectDocument, onCreateDocument: onCreateDocument, onClose: () => setPageNavigatorOpen(false), portalStyle: navigatorPortalStyle }), _jsx("div", { className: styles.spacer }), !isMain && (_jsx("span", { className: styles.compareButton, children: _jsx(Button, { "data-testid": "compare-with-live", label: "Compare with Live", variant: "secondary", size: "sm", onClick: onCompareWithLive, buttonType: "button" }) })), _jsx("button", { ref: userMenuTriggerRef, "data-testid": "user-menu-trigger", type: "button", className: styles.userAvatar, onClick: handleUserMenuClick, "aria-haspopup": "menu", "aria-expanded": userMenuOpen, "aria-label": "Account menu", style: currentUser ? getAvatarStyleOverride(currentUser.id) : undefined, children: currentUser?.avatar ? (_jsx("div", { className: "pds-avatar pds-avatar--md pds-avatar--image", children: _jsx("span", { className: "pds-avatar__content", children: _jsx("img", { alt: "", className: "pds-avatar__image", src: currentUser.avatar, referrerPolicy: "no-referrer", crossOrigin: "anonymous" }) }) })) : (_jsx(Avatar, { uniqueId: currentUser?.id, hasUserFallback: true, size: "m" })) }), userMenuOpen &&
+                createPortal(_jsxs("div", { ref: userMenuRef, "data-testid": "user-menu", className: styles.dropdownMenu, role: "menu", style: userMenuStyle, children: [currentUser?.name && (_jsx("div", { className: styles.dropdownUserInfo, role: "presentation", children: currentUser.name })), _jsxs("button", { type: "button", role: "menuitem", "data-testid": "user-menu-logout", className: styles.dropdownMenuItem, onClick: () => {
+                                setUserMenuOpen(false);
+                                onLogout();
+                            }, children: [_jsx(Icon, { iconName: "bracketRight", iconSize: "s", "aria-hidden": "true" }), "Log out"] })] }), document.body)] }));
+}
+//# sourceMappingURL=P1EditorHeader.js.map

package/dist/pds/components/P1EditorHeader.js.map

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

package/dist/pds/components/P1EditorHeader.module.css

@@ -0,0 +1,253 @@
+/**
+ * P1EditorHeader — CSS Module
+ *
+ * Translates all inline styles from the prototype's HeaderBar component
+ * into named CSS classes. All values use var(--pds-*) with oklch/literal
+ * fallbacks drawn from the prototype's `c` and `t` objects.
+ */
+
+/* ── Outer shell ──────────────────────────────────────────────────────── */
+
+.header {
+  height: 52px;
+  background: var(--pds-color-bg-default, oklch(1 0 0));
+  border-bottom: 1px solid oklch(0.96 0 0); /* c.borderSubtle — no direct token */
+  display: flex;
+  align-items: center;
+  padding: 0 var(--pds-spacing-m, 1rem);
+  gap: var(--pds-spacing-m, 1rem);
+  flex-shrink: 0;
+  position: relative;
+  z-index: 20;
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+}
+
+/* ── Left section: logo + divider + WorkstreamSwitcher + compare ──────── */
+
+.left {
+  display: flex;
+  align-items: center;
+  gap: 0.64rem;
+}
+
+/* ── Logo ─────────────────────────────────────────────────────────────── */
+/* Uses PDSv1 PantheonLogo displayType="sub-brand" subBrand="P1".
+   The PDS component defaults to 3.052rem icon height; we scale it down
+   to fit the compact 52px editor header. */
+
+.logo {
+  flex-shrink: 0;
+  user-select: none;
+  cursor: default;
+}
+
+/* Scale the Pantheon bolt icon to compact header size */
+.logo svg {
+  height: 1.563rem;
+}
+
+/* Scale sub-brand wordmark to match compact proportions */
+.logo :global(.pds-pantheon-logo__sub-brand-wordmark) {
+  font-size: 1.2rem;
+  padding-inline-end: 0;
+}
+
+/* ── Site selector button ───────────────────────────────────────────── */
+
+.siteSelector {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.41rem;
+  padding: 0.41rem 0.64rem;
+  background: transparent;
+  border: 1px solid var(--pds-color-border-default, oklch(0.9401 0 0));
+  border-radius: var(--pds-border-radius-default, 0.188rem);
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  cursor: pointer;
+  white-space: nowrap;
+  line-height: 1;
+  flex-shrink: 0;
+}
+
+.siteSelector:hover {
+  background: var(--pds-color-button-secondary-background-hover, oklch(0.96 0 0));
+  border-color: var(--pds-color-button-secondary-border-hover, oklch(0.75 0 0));
+}
+
+/* ── Vertical divider between site selector and workstream switcher ── */
+/* Prototype: <div style={{ width: 1, height: 20, background: c.borderSubtle }} /> */
+
+.divider {
+  width: 1px;
+  height: 20px;
+  background: oklch(0.96 0 0); /* c.borderSubtle */
+  flex-shrink: 0;
+}
+
+/* ── Center section: page selector ──────────────────────────────────── */
+
+.center {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  position: relative;
+}
+
+/* ── Page selector button ────────────────────────────────────────────── */
+/* Mirrors the WorkstreamSwitcher trigger styling */
+
+.pageSelector {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--pds-spacing-2xs, 0.5rem);
+  height: 2rem;
+  padding: 0.5rem 0.64rem;
+  background: transparent;
+  border: 1px solid oklch(0.96 0 0); /* borderSubtle */
+  border-radius: var(--pds-border-radius-default, 0.188rem);
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  font-weight: var(--pds-typography-fw-medium, 500);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  cursor: pointer;
+  line-height: 1;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  transition:
+    background 0.2s cubic-bezier(0.2, 0, 0, 1),
+    border-color 0.2s cubic-bezier(0.2, 0, 0, 1);
+}
+
+.pageSelector:hover,
+.pageSelector[aria-expanded='true'] {
+  background: oklch(0.96 0 0); /* bgSubtle */
+  border-color: oklch(0.75 0 0); /* borderStrong */
+}
+
+/* ── External link button ──────────────────────────────────────────────── */
+
+.externalLinkButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  padding: 0.5rem;
+  background: transparent;
+  border: 1px solid oklch(0.96 0 0); /* borderSubtle */
+  border-radius: var(--pds-border-radius-default, 0.188rem);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  cursor: pointer;
+  text-decoration: none;
+  transition:
+    background 0.2s cubic-bezier(0.2, 0, 0, 1),
+    border-color 0.2s cubic-bezier(0.2, 0, 0, 1);
+  flex-shrink: 0;
+  margin-left: 0.5rem;
+}
+
+.externalLinkButton:hover {
+  background: oklch(0.96 0 0); /* bgSubtle */
+  border-color: oklch(0.75 0 0); /* borderStrong */
+}
+
+/* ── Spacer ──────────────────────────────────────────────────────────── */
+
+.spacer {
+  flex: 1;
+}
+
+/* ── User avatar ────────────────────────────────────────────────────── */
+
+.userAvatar {
+  flex-shrink: 0;
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  border-radius: 50%;
+}
+
+/* ── Dropdown menus (site selector + user account) ─────────────────── */
+
+.dropdownMenu {
+  min-width: 180px;
+  background: var(--pds-color-bg-default, oklch(1 0 0));
+  border: 1px solid var(--pds-color-border-default, oklch(0.9401 0 0));
+  border-radius: var(--pds-border-radius-container, 0.375rem);
+  box-shadow: var(
+    --pds-elevation-overlay,
+    0px 0px 0px 1px rgba(0, 0, 0, 0.08),
+    0px 1px 1px 0px rgba(0, 0, 0, 0.02),
+    0px 8px 16px -4px rgba(0, 0, 0, 0.04),
+    0px 24px 32px -8px rgba(0, 0, 0, 0.06)
+  );
+  padding: 0.41rem;
+}
+
+.dropdownUserInfo {
+  padding: 0.512rem 0.64rem;
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  font-weight: var(--pds-typography-fw-medium, 500);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  border-bottom: 1px solid var(--pds-color-border-default, oklch(0.9401 0 0));
+  margin-bottom: 0.25rem;
+}
+
+.dropdownMenuItem {
+  display: flex;
+  align-items: center;
+  gap: 0.512rem;
+  width: 100%;
+  padding: 0.512rem 0.64rem;
+  background: transparent;
+  border: none;
+  border-radius: var(--pds-border-radius-default, 0.188rem);
+  font-family: var(--pds-typography-ff-default, 'Inter', sans-serif);
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-fg-default, oklch(0.2046 0 0));
+  cursor: pointer;
+  text-align: left;
+}
+
+.dropdownMenuItem:hover {
+  background: var(--pds-color-bg-default-secondary, oklch(0.9702 0 0));
+}
+
+/* ── Responsive label text ──────────────────────────────────────────── */
+/* Wraps text + trailing chevron in site/page selectors; hidden on mobile */
+
+.labelText {
+  display: contents;
+}
+
+/* ── Compare with Live wrapper ──────────────────────────────────────── */
+
+.compareButton {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+}
+
+/* ── Compact mobile layout (< 768px) ────────────────────────────────── */
+/* At mobile widths: icon-only selectors, no Compare button, tighter spacing */
+
+@media (max-width: 767px) {
+  .header {
+    padding: 0 var(--pds-spacing-xs, 0.5rem);
+    gap: var(--pds-spacing-xs, 0.5rem);
+  }
+
+  .labelText {
+    display: none;
+  }
+
+  .compareButton {
+    display: none;
+  }
+}

package/dist/pds/components/P1EditorSubheader.d.ts

@@ -0,0 +1,42 @@
+/**
+ * P1EditorSubheader
+ *
+ * Document task bar (48px). Renders: panel toggles, presence (agents + humans),
+ * undo/redo, doc state badge, and publish control.
+ *
+ * Note: Device/viewport controls are intentionally omitted — Puck's native
+ * canvas toolbar already handles this. Compare with Live belongs in the header
+ * bar (P1EditorHeader), shown only when not on the live workstream.
+ */
+import React from 'react';
+import type { DocState } from '../types.js';
+export interface SubheaderActor {
+    id: string;
+    name: string;
+    avatar?: string;
+    isAgent?: boolean;
+    intent?: string;
+}
+export interface P1EditorSubheaderProps {
+    puckActions: React.ReactNode;
+    docState: DocState;
+    hasDrift?: boolean;
+    context: 'branch' | 'main';
+    agents: SubheaderActor[];
+    humanActors: SubheaderActor[];
+    onStopAgent: (id: string) => void;
+    onPublish?: () => Promise<void> | void;
+    onReviewAndPublish?: () => void;
+    onCreateWorkstream?: () => void;
+    onDeleteDocument?: () => Promise<void> | void;
+    hasPast: boolean;
+    hasFuture: boolean;
+    onUndo: () => void;
+    onRedo: () => void;
+    leftPanelVisible?: boolean;
+    rightPanelVisible?: boolean;
+    onToggleLeftPanel?: () => void;
+    onToggleRightPanel?: () => void;
+}
+export declare function P1EditorSubheader({ puckActions, docState, hasDrift, context, agents, humanActors, onStopAgent, onPublish, onReviewAndPublish, onCreateWorkstream, onDeleteDocument, hasPast, hasFuture, onUndo, onRedo, leftPanelVisible, rightPanelVisible, onToggleLeftPanel, onToggleRightPanel, }: P1EditorSubheaderProps): React.ReactElement;
+//# sourceMappingURL=P1EditorSubheader.d.ts.map

package/dist/pds/components/P1EditorSubheader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"P1EditorSubheader.d.ts","sourceRoot":"","sources":["../../../src/pds/components/P1EditorSubheader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAM5C,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC3B,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,EACX,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,GACnB,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CA2G7C"}

package/dist/pds/components/P1EditorSubheader.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton } from '@pantheon-systems/pds-toolkit-react';
+import { AgentChip } from './AgentChip.js';
+import { PresenceStack } from './PresenceStack.js';
+import { PublishControl } from './PublishControl.js';
+import styles from './P1EditorSubheader.module.css';
+export function P1EditorSubheader({ puckActions, docState, hasDrift, context, agents, humanActors, onStopAgent, onPublish, onReviewAndPublish, onCreateWorkstream, onDeleteDocument, hasPast, hasFuture, onUndo, onRedo, leftPanelVisible, rightPanelVisible, onToggleLeftPanel, onToggleRightPanel, }) {
+    return (_jsxs("div", { "data-testid": "p1-editor-subheader", className: styles.subheader, children: [_jsxs("div", { "data-testid": "panel-toggles", className: styles.panelToggles, children: [_jsx(IconButton, { ariaLabel: "Toggle left panel", iconName: "tableRows", size: "s", hasTooltip: false, hasBorder: false, "aria-pressed": leftPanelVisible, onClick: onToggleLeftPanel }), _jsx(IconButton, { ariaLabel: "Toggle right panel", iconName: "penField", size: "s", hasTooltip: false, hasBorder: false, "aria-pressed": rightPanelVisible, onClick: onToggleRightPanel })] }), puckActions, _jsxs("div", { "data-testid": "device-selector", className: styles.historyGroup, children: [_jsx(IconButton, { "data-testid": "undo-btn", ariaLabel: "Undo", iconName: "rotateLeft", size: "s", disabled: !hasPast, onClick: onUndo, hasTooltip: false, hasBorder: false }), _jsx(IconButton, { "data-testid": "redo-btn", ariaLabel: "Redo", iconName: "rotateRight", size: "s", disabled: !hasFuture, onClick: onRedo, hasTooltip: false, hasBorder: false })] }), _jsx("div", { className: styles.spacer }), _jsxs("div", { className: styles.actorsArea, children: [agents.map((actor) => (_jsx(AgentChip, { id: actor.id, agent: {
+                            id: actor.id,
+                            name: actor.name,
+                            initials: actor.name[0] ?? '',
+                            gradient: '',
+                            intent: actor.intent ?? '',
+                            workstream: '',
+                        }, currentWorkstream: "", onStop: () => onStopAgent(actor.id) }, actor.id))), humanActors.length > 0 && (_jsx(PresenceStack, { actors: humanActors.map((a) => ({
+                            id: a.id,
+                            actorId: a.id,
+                            actorType: 'user',
+                            role: 'human',
+                            name: a.name,
+                            avatar: a.avatar,
+                            state: 'active',
+                            lastActivityAt: new Date().toISOString(),
+                            joinedAt: new Date().toISOString(),
+                        })), maxVisible: 3 }))] }), _jsx("div", { className: styles.divider }), _jsx(PublishControl, { docState: docState, hasDrift: hasDrift, context: context, onPublish: onPublish, onReviewAndPublish: onReviewAndPublish, onCreateWorkstream: onCreateWorkstream, onDeleteDocument: onDeleteDocument })] }));
+}
+//# sourceMappingURL=P1EditorSubheader.js.map

package/dist/pds/components/P1EditorSubheader.js.map

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

package/dist/pds/components/P1EditorSubheader.module.css

@@ -0,0 +1,81 @@
+/* ── Outer shell ─────────────────────────────────────────────────────── */
+
+.subheader {
+  height: 48px;
+  background: var(--pds-color-bg-default-secondary, oklch(0.9702 0 0));
+  border-bottom: 1px solid var(--pds-color-border-separator, oklch(0.85 0 0));
+  display: flex;
+  align-items: center;
+  padding: 0 var(--pds-spacing-m, 1rem);
+  gap: var(--pds-spacing-m, 1rem);
+  flex-shrink: 0;
+}
+
+/* ── Panel toggles group ─────────────────────────────────────────────── */
+
+.panelToggles {
+  display: flex;
+  gap: 2px;
+  flex-shrink: 0;
+}
+
+/* ── History (undo/redo) group ───────────────────────────────────────── */
+
+.historyGroup {
+  display: flex;
+  gap: 2px;
+  flex-shrink: 0;
+}
+
+/* ── Undo/redo size ──────────────────────────────────────────────────── */
+
+.historyGroup :global(.pds-icon-button) {
+  --icon-button-size: 1.5rem;
+  --icon-button-padding: 0.25rem;
+}
+
+/* ── Spacer ──────────────────────────────────────────────────────────── */
+
+.spacer {
+  flex: 1;
+}
+
+/* ── Divider ─────────────────────────────────────────────────────────── */
+
+.divider {
+  width: 1px;
+  height: 1.25rem;
+  background: var(--pds-color-border-default, oklch(0.9 0 0));
+  flex-shrink: 0;
+}
+
+/* ── Actors area (agents + presence) — scrollable on overflow ────────── */
+/* flex-shrink allows the spacer to collapse first, then this area scrolls
+   horizontally, keeping the divider and PublishControl always visible. */
+
+.actorsArea {
+  display: flex;
+  align-items: center;
+  gap: var(--pds-spacing-xs, 0.5rem);
+  min-width: 0;
+  overflow-x: auto;
+  scrollbar-width: none;
+  flex-shrink: 1;
+}
+
+.actorsArea::-webkit-scrollbar {
+  display: none;
+}
+
+/* ── Compact mobile layout (< 768px) ────────────────────────────────── */
+
+@media (max-width: 767px) {
+  .subheader {
+    padding: 0 var(--pds-spacing-xs, 0.5rem);
+    gap: var(--pds-spacing-xs, 0.5rem);
+  }
+
+  .panelToggles {
+    display: none;
+  }
+}

package/dist/pds/components/PageNavigator.d.ts

@@ -0,0 +1,38 @@
+/**
+ * PageNavigator component.
+ *
+ * Overlay panel for navigating between pages (documents) in the editor.
+ * Uses createPortal + position:fixed to escape header overflow constraints.
+ * Filters out archived documents and internal _registry/* paths.
+ *
+ * The `portalStyle` prop should be computed SYNCHRONOUSLY in the click handler
+ * of the parent (before this component first renders) to avoid a two-render
+ * flash where the portal appears at y=0 before being repositioned.
+ */
+import React from 'react';
+export interface PageNavigatorDocument {
+    id: string;
+    path: string;
+    archived: boolean;
+    isPublished?: boolean;
+    inherited?: boolean;
+}
+export interface PageNavigatorProps {
+    documents: PageNavigatorDocument[];
+    currentDocument: PageNavigatorDocument | null;
+    onSelect: (doc: PageNavigatorDocument) => void;
+    onClose: () => void;
+    open: boolean;
+    /** Whether the current branch is main/live. Inherited docs are dimmed when false. */
+    isMainBranch?: boolean;
+    /** Called when the user creates a new page. If omitted, the "+ New page" button has no effect. */
+    onCreateDocument?: (path: string) => Promise<void>;
+    /**
+     * Pre-computed fixed positioning style. Caller must compute this
+     * synchronously (e.g. in the trigger's onClick) so it is available on the
+     * first render — avoids a layout flash at document top.
+     */
+    portalStyle?: React.CSSProperties;
+}
+export declare function PageNavigator({ documents, currentDocument, onSelect, onClose, open, isMainBranch, onCreateDocument, portalStyle, }: PageNavigatorProps): React.JSX.Element | null;
+//# sourceMappingURL=PageNavigator.d.ts.map

package/dist/pds/components/PageNavigator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNavigator.d.ts","sourceRoot":"","sources":["../../../src/pds/components/PageNavigator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,qBAAqB,EAAE,CAAC;IACnC,eAAe,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAiJ/C"}