@drawnagency/primitives 0.1.75 → 0.1.77

package/dist/components/editor/ConflictDialog.d.ts

@@ -0,0 +1,14 @@
+export interface ConflictItem {
+    sectionId: string;
+    label: string;
+}
+/** Presented on 409 recovery when a section the editor changed was ALSO changed
+ *  remotely. The user picks which side wins per section; the losing local copy
+ *  is always snapshotted to Dexie either way (stored, not user-recoverable via
+ *  the UI). Defaults every conflict to "mine" so a blind Continue never silently
+ *  drops local work. */
+export declare function ConflictDialog({ conflicts, onResolve, }: {
+    conflicts: ConflictItem[];
+    onResolve: (choices: Record<string, "mine" | "theirs">) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConflictDialog.d.ts.map

package/dist/components/editor/ConflictDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConflictDialog.d.ts","sourceRoot":"","sources":["../../../src/components/editor/ConflictDialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;wBAIwB;AACxB,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,SAAS,GACV,EAAE;IACD,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC;CACjE,2CAwCA"}

package/dist/components/editor/IndicatorPill.d.ts

@@ -12,7 +12,10 @@ interface IndicatorPillProps {
     className?: string;
     buttonClassName?: string;
     ariaLabel?: string;
+    /** Display-only mode: dots/label still render but the popovers never open
+     *  (e.g. while another editor holds the section lock). */
+    disabled?: boolean;
 }
-export declare function IndicatorPill({ dots, label, hoverContent, clickContent, className, buttonClassName, ariaLabel, }: IndicatorPillProps): import("react/jsx-runtime").JSX.Element;
+export declare function IndicatorPill({ dots, label, hoverContent, clickContent, className, buttonClassName, ariaLabel, disabled, }: IndicatorPillProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=IndicatorPill.d.ts.map

package/dist/components/editor/IndicatorPill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IndicatorPill.d.ts","sourceRoot":"","sources":["../../../src/components/editor/IndicatorPill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,UAAU,MAAM;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,0FAA0F;IAC1F,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,SAAS,GACV,EAAE,kBAAkB,2CA6FpB"}
+{"version":3,"file":"IndicatorPill.d.ts","sourceRoot":"","sources":["../../../src/components/editor/IndicatorPill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,UAAU,MAAM;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,0FAA0F;IAC1F,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;8DAC0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CA+FpB"}

package/dist/components/editor/LockBadge.d.ts

@@ -0,0 +1,7 @@
+interface LockBadgeProps {
+    email: string;
+    onTakeover?: () => void;
+}
+export declare function LockBadge({ email, onTakeover }: LockBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LockBadge.d.ts.map

package/dist/components/editor/LockBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockBadge.d.ts","sourceRoot":"","sources":["../../../src/components/editor/LockBadge.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAKD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,cAAc,2CAmB9D"}

package/dist/components/editor/PresenceAvatars.d.ts

@@ -0,0 +1,9 @@
+import type { CollabPeer, CollabStatus } from "../../collab/types";
+interface PresenceAvatarsProps {
+    peers: CollabPeer[];
+    selfUserId: string | null;
+    status: CollabStatus;
+}
+export declare function PresenceAvatars({ peers, selfUserId, status }: PresenceAvatarsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PresenceAvatars.d.ts.map

package/dist/components/editor/PresenceAvatars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceAvatars.d.ts","sourceRoot":"","sources":["../../../src/components/editor/PresenceAvatars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAuBnE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,oBAAoB,kDAuBlF"}

package/dist/components/editor/SectionWrapper.d.ts

@@ -1,3 +1,3 @@
 import type { WrapperProps } from "../../lib/registry";
-export declare function SectionWrapper({ sectionId, sectionType, status, dirty, index, isLast, containerId, isContainerBlock, definition, options, audiences, access, onAccessChange, onStatusChange, onSectionChange, onReorder, onRequestInsert, onDelete, onMoveSection, onAddChild, mainStatus, contentDiffersFromMain, isLocalOnly, children, }: WrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function SectionWrapper({ sectionId, sectionType, status, dirty, index, isLast, containerId, isContainerBlock, definition, options, audiences, access, onAccessChange, onStatusChange, onSectionChange, onReorder, onRequestInsert, onDelete, onMoveSection, onAddChild, mainStatus, contentDiffersFromMain, isLocalOnly, lockedBy, onTakeover, onEditIntent, children, }: WrapperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SectionWrapper.d.ts.map

package/dist/components/editor/SectionWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/editor/SectionWrapper.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,SAAS,EACT,MAAM,EACN,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,QAAQ,GACT,EAAE,YAAY,2CAqTd"}
+{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/editor/SectionWrapper.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,SAAS,EACT,MAAM,EACN,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACT,eAAe,EACf,QAAQ,EACR,aAAa,EACb,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,2CAgVd"}

package/dist/components/editor/StatusIndicator.d.ts

@@ -23,7 +23,9 @@ interface StatusIndicatorProps {
     status: Status;
     dirty?: boolean;
     onChange: (status: Status) => void;
+    /** Display-only mode — the pill still shows status but the picker never opens. */
+    disabled?: boolean;
 }
-export declare function StatusIndicator({ mainStatus, savedStatus, contentDiffers, isLocalOnly, status, dirty, onChange, }: StatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusIndicator({ mainStatus, savedStatus, contentDiffers, isLocalOnly, status, dirty, onChange, disabled, }: StatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=StatusIndicator.d.ts.map

package/dist/components/editor/StatusIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/editor/StatusIndicator.tsx"],"names":[],"mappings":"AAKA,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAC9D,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAE5C,UAAU,MAAM;IACd,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,EAAE,WAAW,GAAG,YAAY,CAkCvH;AAYD,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,oBAAoB,2CA4CtB"}
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/editor/StatusIndicator.tsx"],"names":[],"mappings":"AAKA,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAC9D,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAE5C,UAAU,MAAM;IACd,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,UAAU,WAAW;IACnB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,EAAE,WAAW,GAAG,YAAY,CAkCvH;AAYD,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,2CA6CtB"}

package/dist/components/editor/index.js

@@ -11,9 +11,9 @@ import {
   buildBlockDropData,
   canDropBlock,
   isBlockDragData
-} from "../../chunk-Q3T23HVW.js";
-import "../../chunk-ZSPCE6MZ.js";
+} from "../../chunk-B2DLHZKC.js";
 import "../../chunk-5THS4K5D.js";
+import "../../chunk-ZSPCE6MZ.js";
 import {
   AddIcon,
   IconButton
@@ -58,7 +58,8 @@ function IndicatorPill({
   clickContent,
   className,
   buttonClassName,
-  ariaLabel
+  ariaLabel,
+  disabled
 }) {
   const [hoverOpen, setHoverOpen] = useState(false);
   const [clickOpen, setClickOpen] = useState(false);
@@ -72,7 +73,7 @@ function IndicatorPill({
   }, []);
   function handleMouseEnter() {
     clearHoverTimeout();
-    if (!clickOpen && hoverContent) {
+    if (!disabled && !clickOpen && hoverContent) {
       setHoverOpen(true);
     }
   }
@@ -83,7 +84,7 @@ function IndicatorPill({
     }, 150);
   }
   function handleClick() {
-    if (!clickContent) return;
+    if (disabled || !clickContent) return;
     setHoverOpen(false);
     clearHoverTimeout();
     setClickOpen((v) => !v);
@@ -100,15 +101,17 @@ function IndicatorPill({
         onClick: handleClick,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        "aria-haspopup": clickContent ? "true" : void 0,
-        "aria-expanded": clickContent ? clickOpen : void 0,
+        "aria-haspopup": !disabled && clickContent ? "true" : void 0,
+        "aria-expanded": !disabled && clickContent ? clickOpen : void 0,
+        "aria-disabled": disabled || void 0,
         "aria-label": ariaLabel,
         className: cn(
           // align-middle keeps the inline-flex pill centred in its line box regardless of
           // whether it leads with a status/audience dot — without it, the dot-less variant's
           // text baseline sits ~2px lower than the dotted variant, misaligning the two pills.
-          "cursor-pointer inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium align-middle",
-          "border border-base-200 hover:bg-base-accent",
+          "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium align-middle",
+          "border border-base-200",
+          disabled ? "cursor-default opacity-60" : "cursor-pointer hover:bg-base-accent",
           buttonClassName
         ),
         children: [
@@ -206,7 +209,8 @@ function StatusIndicator({
   isLocalOnly,
   status,
   dirty,
-  onChange
+  onChange,
+  disabled
 }) {
   const display = deriveStatusDisplay({ mainStatus, savedStatus, contentDiffers, isLocalOnly });
   const pillDots = display.dots.map((d) => ({
@@ -221,6 +225,7 @@ function StatusIndicator({
       label: labelText,
       ariaLabel: display.description,
       buttonClassName: "text-base-contrast-light",
+      disabled,
       clickContent: (onClose) => /* @__PURE__ */ jsx3("ul", { role: "radiogroup", "aria-label": "Section status", className: "w-full overflow-hidden py-1", children: STATUSES.map((s) => {
         const checked = s === status;
         return /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(
@@ -253,7 +258,7 @@ function StatusIndicator({
 // src/components/editor/AudienceIndicator.tsx
 import { Check as Check2 } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function AudienceIndicator({ access, audiences, onChange }) {
+function AudienceIndicator({ access, audiences, onChange, disabled }) {
   const selected = audiences.filter((a) => access.includes(a.name));
   const visibleDots = selected.slice(0, 3);
   function toggle(name) {
@@ -273,6 +278,7 @@ function AudienceIndicator({ access, audiences, onChange }) {
       dots: pillDots,
       label: labelText,
       buttonClassName: selected.length === 0 ? "text-base-contrast-light" : void 0,
+      disabled,
       clickContent: audiences.length === 0 ? /* @__PURE__ */ jsx4("div", { className: "px-3 py-2 text-xs text-base-contrast-light whitespace-nowrap", children: "No audiences configured. Add audiences in Site Settings \u2192 Viewer Access." }) : /* @__PURE__ */ jsx4("ul", { role: "list", className: "w-full overflow-hidden py-1", children: audiences.map((a) => {
         const checked = access.includes(a.name);
         return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4(
@@ -313,9 +319,34 @@ function AudienceIndicator({ access, audiences, onChange }) {
 import { useState as useState4, useRef as useRef2, useEffect } from "react";
 import { ArrowRightLeft, Plus } from "lucide-react";
 
+// src/components/editor/LockBadge.tsx
+import { Lock } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function LockBadge({ email, onTakeover }) {
+  return /* @__PURE__ */ jsxs5("span", { className: "pointer-events-auto inline-flex items-center gap-1.5 rounded-full bg-status-modified-bg px-2 py-0.5 text-xs font-medium text-status-modified-text align-middle", children: [
+    /* @__PURE__ */ jsx5(Lock, { size: 12, strokeWidth: 2.5, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs5("span", { className: "whitespace-nowrap", children: [
+      email,
+      " is editing"
+    ] }),
+    onTakeover && /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        onClick: onTakeover,
+        className: cn(
+          "cursor-pointer rounded px-1.5 py-0.5 font-semibold",
+          "bg-status-modified-text/10 hover:bg-status-modified-text/20"
+        ),
+        children: "Take over"
+      }
+    )
+  ] });
+}
+
 // src/components/shell/EditorContext.tsx
 import { createContext, useContext, useState as useState2, useCallback as useCallback2 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var EditorContext = createContext(null);
 function useEditorContext() {
   const context = useContext(EditorContext);
@@ -327,7 +358,7 @@ function useEditorContext() {
 
 // src/components/shell/EditorModalContext.tsx
 import { createContext as createContext2, useContext as useContext2, useState as useState3, useCallback as useCallback3 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var EditorModalContext = createContext2(null);
 function useEditorModal() {
   const context = useContext2(EditorModalContext);
@@ -338,7 +369,7 @@ function useEditorModal() {
 }
 
 // src/components/editor/SectionWrapper.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function SectionWrapper({
   sectionId,
   sectionType,
@@ -363,8 +394,12 @@ function SectionWrapper({
   mainStatus,
   contentDiffersFromMain,
   isLocalOnly,
+  lockedBy,
+  onTakeover,
+  onEditIntent,
   children
 }) {
+  const isLocked = !!lockedBy;
   const { isEditMode, showAllChrome } = useEditorContext();
   const { openModal } = useEditorModal();
   const [isActive, setIsActive] = useState4(false);
@@ -384,7 +419,10 @@ function SectionWrapper({
   useEffect(() => {
     const block = blockRef.current;
     if (!block) return;
-    const onFocusIn = () => setIsActive(true);
+    const onFocusIn = () => {
+      setIsActive(true);
+      if (!isLocked && onEditIntent) void onEditIntent();
+    };
     const onFocusOut = (e) => {
       if (!block.contains(e.relatedTarget)) setIsActive(false);
     };
@@ -394,7 +432,7 @@ function SectionWrapper({
       block.removeEventListener("focusin", onFocusIn);
       block.removeEventListener("focusout", onFocusOut);
     };
-  }, []);
+  }, [isLocked, onEditIntent]);
   useEffect(() => {
     const block = blockRef.current;
     const handle = handleRef.current;
@@ -462,14 +500,14 @@ function SectionWrapper({
       cancelled = true;
       cleanup?.();
     };
-  }, [sectionId, index, containerId, isContainerBlock, isEditMode]);
+  }, [sectionId, index, containerId, isContainerBlock, isEditMode, isLocked]);
   function handleSettingsClick() {
     if (!onSectionChange) return;
     if (definition.settingsForm) {
       const CustomForm = definition.settingsForm;
       openModal(
         `${definition.label} Settings`,
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           CustomForm,
           {
             ...options ?? {},
@@ -480,7 +518,7 @@ function SectionWrapper({
     } else if (definition.settings) {
       openModal(
         `${definition.label} Settings`,
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           SettingsForm,
           {
             schema: definition.settings,
@@ -494,14 +532,14 @@ function SectionWrapper({
   }
   if (!isEditMode) {
     if (status && status !== "live") {
-      return /* @__PURE__ */ jsxs5(
+      return /* @__PURE__ */ jsxs6(
         "div",
         {
           className: "relative",
           "data-section-id": sectionId,
           "data-section-type": sectionType,
           children: [
-            /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute right-0 bottom-full z-30 mb-1", children: /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsx8("div", { className: "pointer-events-none absolute right-0 bottom-full z-30 mb-1", children: /* @__PURE__ */ jsxs6(
               "span",
               {
                 className: cn(
@@ -510,7 +548,7 @@ function SectionWrapper({
                 ),
                 children: [
                   status,
-                  dirty && /* @__PURE__ */ jsx7("span", { className: "ml-1 opacity-70", children: "\xB7 Unsaved" })
+                  dirty && /* @__PURE__ */ jsx8("span", { className: "ml-1 opacity-70", children: "\xB7 Unsaved" })
                 ]
               }
             ) }),
@@ -519,16 +557,17 @@ function SectionWrapper({
         }
       );
     }
-    return /* @__PURE__ */ jsx7(Fragment2, { children });
+    return /* @__PURE__ */ jsx8(Fragment2, { children });
   }
   const alwaysShow = showAllChrome || isActive;
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       ref: blockRef,
       className: cn(
         "relative",
         isDragging && "opacity-50",
+        isLocked && "opacity-60",
         isActive && "outline outline-2 outline-primary/50 rounded-sm",
         !isActive && showAllChrome && "outline outline-2 outline-primary/20 rounded-sm",
         !alwaysShow && "group-hover:outline group-hover:outline-2 group-hover:outline-primary/20 group-hover:rounded-sm"
@@ -536,17 +575,17 @@ function SectionWrapper({
       "data-section-id": sectionId,
       "data-section-type": sectionType,
       children: [
-        onRequestInsert && !isDragging && chromeReady && /* @__PURE__ */ jsx7(
+        !isLocked && onRequestInsert && !isDragging && chromeReady && /* @__PURE__ */ jsx8(
           "div",
           {
             className: cn(
               "absolute -left-16 bottom-full z-30 hover:z-[60] mb-1 hidden xl:block transition-opacity",
               alwaysShow ? "opacity-100" : "opacity-0 group-hover:opacity-100"
             ),
-            children: /* @__PURE__ */ jsx7(InsertButton, { index, onInsert: onRequestInsert })
+            children: /* @__PURE__ */ jsx8(InsertButton, { index, onInsert: onRequestInsert })
           }
         ),
-        /* @__PURE__ */ jsxs5(
+        !isLocked && /* @__PURE__ */ jsxs6(
           "div",
           {
             className: cn(
@@ -554,26 +593,28 @@ function SectionWrapper({
               alwaysShow ? "opacity-100" : "opacity-0 group-hover:opacity-100"
             ),
             children: [
-              /* @__PURE__ */ jsxs5("div", { className: "relative -ml-[34px] flex flex-col items-center", children: [
-                /* @__PURE__ */ jsx7(DragHandle, { ref: handleRef }),
+              /* @__PURE__ */ jsxs6("div", { className: "relative -ml-[34px] flex flex-col items-center", children: [
+                /* @__PURE__ */ jsx8(DragHandle, { ref: handleRef }),
                 onRequestInsert && !isDragging && chromeReady && // Below xl the gutter can't fit the plus beside the handle, so it
                 // hangs below it (absolute → no row-height contribution: the handle
                 // stays put and the pair stacks DOWN instead of centering).
-                /* @__PURE__ */ jsx7("div", { className: "absolute top-full xl:hidden", children: /* @__PURE__ */ jsx7(InsertButton, { index, onInsert: onRequestInsert }) })
+                /* @__PURE__ */ jsx8("div", { className: "absolute top-full xl:hidden", children: /* @__PURE__ */ jsx8(InsertButton, { index, onInsert: onRequestInsert }) })
               ] }),
-              /* @__PURE__ */ jsx7("span", { className: "pointer-events-none select-none whitespace-nowrap text-sm capitalize text-base-contrast-light/80", children: definition.label })
+              /* @__PURE__ */ jsx8("span", { className: "pointer-events-none select-none whitespace-nowrap text-sm capitalize text-base-contrast-light/80", children: definition.label })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs6(
           "div",
           {
             className: cn(
               "pointer-events-none absolute right-0 bottom-full z-30 mb-1 flex items-center gap-2 transition-opacity",
-              alwaysShow ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+              // A lock is important state — keep the cluster visible without hover.
+              alwaysShow || isLocked ? "opacity-100" : "opacity-0 group-hover:opacity-100"
             ),
             children: [
-              /* @__PURE__ */ jsx7("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx7(
+              lockedBy && /* @__PURE__ */ jsx8(LockBadge, { email: lockedBy.email, onTakeover }),
+              /* @__PURE__ */ jsx8("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx8(
                 StatusIndicator,
                 {
                   mainStatus: mainStatus ?? null,
@@ -582,43 +623,45 @@ function SectionWrapper({
                   isLocalOnly: isLocalOnly ?? false,
                   status,
                   dirty,
+                  disabled: isLocked,
                   onChange: (s) => onStatusChange?.(s)
                 }
               ) }),
-              /* @__PURE__ */ jsx7("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx8(
                 AudienceIndicator,
                 {
                   access,
                   audiences,
+                  disabled: isLocked,
                   onChange: (newAccess) => onAccessChange?.(newAccess)
                 }
               ) }),
-              onAddChild && /* @__PURE__ */ jsx7(
+              !isLocked && onAddChild && /* @__PURE__ */ jsx8(
                 "button",
                 {
                   type: "button",
                   onClick: onAddChild,
                   "aria-label": "Add block",
                   className: "pointer-events-auto cursor-pointer rounded p-1 text-base-contrast-light hover:text-primary",
-                  children: /* @__PURE__ */ jsx7(Plus, { size: 16 })
+                  children: /* @__PURE__ */ jsx8(Plus, { size: 16 })
                 }
               ),
-              hasSettings && /* @__PURE__ */ jsx7(SettingsButton, { onClick: handleSettingsClick }),
-              onMoveSection && /* @__PURE__ */ jsx7(
+              !isLocked && hasSettings && /* @__PURE__ */ jsx8(SettingsButton, { onClick: handleSettingsClick }),
+              !isLocked && onMoveSection && /* @__PURE__ */ jsx8(
                 "button",
                 {
                   type: "button",
                   onClick: onMoveSection,
                   "aria-label": "Move to page",
                   className: "pointer-events-auto cursor-pointer rounded p-1 text-base-contrast-light hover:text-primary",
-                  children: /* @__PURE__ */ jsx7(ArrowRightLeft, { size: 16 })
+                  children: /* @__PURE__ */ jsx8(ArrowRightLeft, { size: 16 })
                 }
               ),
-              onDelete && /* @__PURE__ */ jsx7(DeleteButton, { onDelete })
+              !isLocked && onDelete && /* @__PURE__ */ jsx8(DeleteButton, { onDelete })
             ]
           }
         ),
-        closestEdge === "top" && /* @__PURE__ */ jsx7(
+        closestEdge === "top" && /* @__PURE__ */ jsx8(
           "div",
           {
             className: "absolute right-0 left-0 z-10 h-0.5 bg-primary",
@@ -628,8 +671,13 @@ function SectionWrapper({
             }
           }
         ),
-        closestEdge === "bottom" && isLast && /* @__PURE__ */ jsx7("div", { className: "absolute right-0 bottom-0 left-0 z-10 h-0.5 bg-primary" }),
-        children
+        closestEdge === "bottom" && isLast && /* @__PURE__ */ jsx8("div", { className: "absolute right-0 bottom-0 left-0 z-10 h-0.5 bg-primary" }),
+        isLocked ? (
+          // React 19 supports the boolean `inert` prop — blocks focus, pointer,
+          // and edits to another editor's locked content. Only wrapped when
+          // locked so the unlocked DOM is unchanged.
+          /* @__PURE__ */ jsx8("div", { inert: true, children })
+        ) : children
       ]
     }
   );

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-NKVZGPR6.js";
+} from "../../chunk-YP7IHMC3.js";
 import {
   EditableGrid,
   EditablePlainText,
@@ -10,7 +10,7 @@ import {
   MediaBlock,
   ResolvedMedia,
   useEditableCollection
-} from "../../chunk-T7MP7ANP.js";
+} from "../../chunk-UUCOJL7O.js";
 import "../../chunk-ZSPCE6MZ.js";
 import {
   DeleteIcon,
@@ -23,8 +23,8 @@ import {
   cn
 } from "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
-import "../../chunk-VKAGMEKE.js";
 import "../../chunk-SWIHUIFT.js";
+import "../../chunk-VKAGMEKE.js";
 import "../../chunk-JSBRDJBE.js";
 
 // src/components/primitives/EditableList.tsx

package/dist/components/sections/Container/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAqGzD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,gBAAgB,CAAA;KAAE,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAkDD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CA2LrF"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAyGzD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,gBAAgB,CAAA;KAAE,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;CACzD;AAkDD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,2CAyLrF"}

package/dist/components/sections/brand-guide.js

@@ -2,17 +2,17 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-7T2WQSWF.js";
-import "../../chunk-T7MP7ANP.js";
+} from "../../chunk-63BQQNZO.js";
 import "../../chunk-5THS4K5D.js";
+import "../../chunk-UUCOJL7O.js";
 import "../../chunk-IFHRHV7S.js";
 import "../../chunk-S55OZ7F2.js";
 import "../../chunk-PZJL2S3Z.js";
 import "../../chunk-WDSVHKAH.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
-import "../../chunk-VKAGMEKE.js";
 import "../../chunk-SWIHUIFT.js";
+import "../../chunk-VKAGMEKE.js";
 import "../../chunk-JSBRDJBE.js";
 export {
   ColorItemSchema,

package/dist/components/sections/register-schemas.js

@@ -1,26 +1,26 @@
 import {
   allSectionDefs
-} from "../../chunk-U4E6S4PX.js";
-import "../../chunk-NKVZGPR6.js";
-import "../../chunk-Y4JQGO6G.js";
-import "../../chunk-7T2WQSWF.js";
-import "../../chunk-T7MP7ANP.js";
-import "../../chunk-Q3T23HVW.js";
-import "../../chunk-ZSPCE6MZ.js";
+} from "../../chunk-RO4E5UJI.js";
+import "../../chunk-63BQQNZO.js";
+import "../../chunk-B2DLHZKC.js";
 import "../../chunk-5THS4K5D.js";
+import "../../chunk-YP7IHMC3.js";
+import "../../chunk-UUCOJL7O.js";
+import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-IFHRHV7S.js";
+import "../../chunk-Y4JQGO6G.js";
 import "../../chunk-S55OZ7F2.js";
 import "../../chunk-PZJL2S3Z.js";
-import "../../chunk-53DKVAB6.js";
 import "../../chunk-WDSVHKAH.js";
+import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-TZQPOR5A.js";
+import "../../chunk-SWIHUIFT.js";
 import {
   registerRichText,
   registerSchema
 } from "../../chunk-VKAGMEKE.js";
-import "../../chunk-SWIHUIFT.js";
 import "../../chunk-NSCT3AMV.js";
 import "../../chunk-JSBRDJBE.js";
 

package/dist/components/sections/register.js

@@ -1,25 +1,25 @@
 import {
   allSectionDefs
-} from "../../chunk-U4E6S4PX.js";
-import "../../chunk-NKVZGPR6.js";
-import "../../chunk-Y4JQGO6G.js";
-import "../../chunk-7T2WQSWF.js";
-import "../../chunk-T7MP7ANP.js";
-import "../../chunk-Q3T23HVW.js";
-import "../../chunk-ZSPCE6MZ.js";
+} from "../../chunk-RO4E5UJI.js";
+import "../../chunk-63BQQNZO.js";
+import "../../chunk-B2DLHZKC.js";
 import "../../chunk-5THS4K5D.js";
+import "../../chunk-YP7IHMC3.js";
+import "../../chunk-UUCOJL7O.js";
+import "../../chunk-ZSPCE6MZ.js";
 import "../../chunk-IFHRHV7S.js";
+import "../../chunk-Y4JQGO6G.js";
 import "../../chunk-S55OZ7F2.js";
 import "../../chunk-PZJL2S3Z.js";
-import "../../chunk-53DKVAB6.js";
 import "../../chunk-WDSVHKAH.js";
+import "../../chunk-53DKVAB6.js";
 import "../../chunk-7EOSDFS3.js";
 import "../../chunk-4YEOTFVU.js";
 import "../../chunk-TZQPOR5A.js";
+import "../../chunk-SWIHUIFT.js";
 import {
   registerSection
 } from "../../chunk-VKAGMEKE.js";
-import "../../chunk-SWIHUIFT.js";
 import "../../chunk-NSCT3AMV.js";
 import "../../chunk-JSBRDJBE.js";
 

package/dist/components/shell/EditorShell.d.ts

@@ -1,4 +1,5 @@
 import type { Audience } from "../../auth/types";
+import type { CollabBootstrap } from "../../collab/types";
 export { useMediaLibrary } from "./MediaLibraryContext";
 interface Props {
     headSha: string;
@@ -18,6 +19,7 @@ interface Props {
         role: "owner" | "editor";
     } | null;
     chatbotPlatformEnabled?: boolean;
+    collabBootstrap?: CollabBootstrap | null;
 }
-export default function EditorShell({ headSha, draftHeadSha, siteId, audiences: initialAudiences, capabilities, currentUser, chatbotPlatformEnabled, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function EditorShell({ headSha, draftHeadSha, siteId, audiences: initialAudiences, capabilities, currentUser, chatbotPlatformEnabled, collabBootstrap, }: Props): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EditorShell.d.ts.map

package/dist/components/shell/EditorShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA0EjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAQxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,GAC/B,EAAE,KAAK,2CA08BP"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAiDjD,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AAmCnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAoBxD,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAC;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC;QACf,aAAa,EAAE,OAAO,CAAC;QACvB,YAAY,EAAE,OAAO,CAAC;QACtB,cAAc,EAAE,OAAO,CAAC;QACxB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,cAAc,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,GAAG,IAAI,CAAC;IAIhE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAKjC,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EACZ,WAAW,EACX,sBAA8B,EAC9B,eAAe,GAChB,EAAE,KAAK,2CA27CP"}