@drawnagency/primitives 0.1.117 → 0.1.118

package/dist/{chunk-L7WTERU5.js → chunk-4NSOKEA7.js}

@@ -66,6 +66,22 @@ function useEditablePlainText({
 }
 
 // src/components/primitives/EditablePlainText.tsx
+function caretOffset(el) {
+  const sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0) return null;
+  const range = sel.getRangeAt(0);
+  if (!el.contains(range.endContainer)) return null;
+  const before = document.createRange();
+  before.selectNodeContents(el);
+  before.setEnd(range.endContainer, range.endOffset);
+  return before.toString().length;
+}
+function placeCaret(el, offset) {
+  const sel = window.getSelection();
+  if (!sel) return;
+  if (el.firstChild) sel.collapse(el.firstChild, offset);
+  else sel.collapse(el, 0);
+}
 function EditablePlainText({
   tag,
   value,
@@ -86,9 +102,11 @@ function EditablePlainText({
     shouldPreventEnter
   } = useEditablePlainText({ value, onChange, multiline });
   useEffect2(() => {
-    if (ref.current && ref.current.textContent !== localValue) {
-      ref.current.textContent = localValue;
-    }
+    const el = ref.current;
+    if (!el || el.textContent === localValue) return;
+    const caret = document.activeElement === el ? caretOffset(el) : null;
+    el.textContent = localValue;
+    if (caret !== null) placeCaret(el, Math.min(caret, localValue.length));
   }, [localValue]);
   const onInput = useCallback2(() => {
     if (ref.current) {

package/dist/{chunk-MSBHMY3C.js → chunk-ERLIL4RU.js}

@@ -4,7 +4,7 @@ import {
   pluralize,
   stripHtmlToPlainText,
   truncate
-} from "./chunk-LNQUUC2S.js";
+} from "./chunk-HRX3XJBU.js";
 import {
   DeleteButton,
   DragHandle,
@@ -25,7 +25,7 @@ import {
   EditableRichText,
   defineHeadingSection,
   useSanitizedHtml
-} from "./chunk-HUOW3ZV2.js";
+} from "./chunk-ZOTRHHUB.js";
 import {
   EditablePlainText,
   ImageDropZone,
@@ -35,7 +35,7 @@ import {
   containerGridClass,
   masonryColumnsClass,
   spacerHiddenClass
-} from "./chunk-L7WTERU5.js";
+} from "./chunk-4NSOKEA7.js";
 import {
   DropEdgeIndicator,
   useMediaLibrary,

package/dist/{chunk-LNQUUC2S.js → chunk-HRX3XJBU.js}

@@ -9,7 +9,7 @@ import {
   MediaBlock,
   containerGridClass,
   useEditableCollection
-} from "./chunk-L7WTERU5.js";
+} from "./chunk-4NSOKEA7.js";
 import {
   DragHandle,
   DropEdgeIndicator,

package/dist/{chunk-HUOW3ZV2.js → chunk-ZOTRHHUB.js}

@@ -1,6 +1,6 @@
 import {
   EditablePlainText
-} from "./chunk-L7WTERU5.js";
+} from "./chunk-4NSOKEA7.js";
 import {
   usePages
 } from "./chunk-RIITGTV3.js";

package/dist/components/primitives/EditablePlainText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditablePlainText.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/EditablePlainText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,UAAU,sBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrD,GAAG,EAAE,WAAW,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,GAAG,SAAS,EACb,EAAE,sBAAsB,0FA+ExB"}
+{"version":3,"file":"EditablePlainText.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/EditablePlainText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,UAAU,sBACR,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrD,GAAG,EAAE,WAAW,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAqBD,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAiB,EACjB,WAAW,EACX,SAAS,EACT,GAAG,SAAS,EACb,EAAE,sBAAsB,0FAoFxB"}

package/dist/components/primitives/index.js

@@ -2,7 +2,7 @@ import {
   EditableRichText,
   LinkPopover,
   defineHeadingSection
-} from "../../chunk-HUOW3ZV2.js";
+} from "../../chunk-ZOTRHHUB.js";
 import {
   EditableGrid,
   EditableList,
@@ -10,7 +10,7 @@ import {
   ImageDropZone,
   MediaBlock,
   ResolvedMedia
-} from "../../chunk-L7WTERU5.js";
+} from "../../chunk-4NSOKEA7.js";
 import {
   LinkField,
   PagesContext,

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

@@ -2,9 +2,9 @@ import {
   ColorItemSchema,
   ColorSpaceSchema,
   brandGuideSectionDefs
-} from "../../chunk-LNQUUC2S.js";
+} from "../../chunk-HRX3XJBU.js";
 import "../../chunk-JR24U7FJ.js";
-import "../../chunk-L7WTERU5.js";
+import "../../chunk-4NSOKEA7.js";
 import "../../chunk-RIITGTV3.js";
 import "../../chunk-DIMDRBFK.js";
 import "../../chunk-IIDKW7AV.js";

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

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-MSBHMY3C.js";
-import "../../chunk-LNQUUC2S.js";
+} from "../../chunk-ERLIL4RU.js";
+import "../../chunk-HRX3XJBU.js";
 import "../../chunk-CEFFP3CH.js";
 import "../../chunk-JR24U7FJ.js";
-import "../../chunk-HUOW3ZV2.js";
-import "../../chunk-L7WTERU5.js";
+import "../../chunk-ZOTRHHUB.js";
+import "../../chunk-4NSOKEA7.js";
 import "../../chunk-RIITGTV3.js";
 import "../../chunk-JCDZAFX2.js";
 import "../../chunk-DIMDRBFK.js";

package/dist/components/sections/register.js

@@ -1,11 +1,11 @@
 import {
   allSectionDefs
-} from "../../chunk-MSBHMY3C.js";
-import "../../chunk-LNQUUC2S.js";
+} from "../../chunk-ERLIL4RU.js";
+import "../../chunk-HRX3XJBU.js";
 import "../../chunk-CEFFP3CH.js";
 import "../../chunk-JR24U7FJ.js";
-import "../../chunk-HUOW3ZV2.js";
-import "../../chunk-L7WTERU5.js";
+import "../../chunk-ZOTRHHUB.js";
+import "../../chunk-4NSOKEA7.js";
 import "../../chunk-RIITGTV3.js";
 import "../../chunk-JCDZAFX2.js";
 import "../../chunk-DIMDRBFK.js";

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

@@ -23,12 +23,14 @@ interface Props {
      * an audience-filtered site.
      */
     canImpersonate?: boolean;
+    /** Open the view in a new tab — set by the editor, so it keeps the editor tab. */
+    viewAsInNewTab?: boolean;
 }
 /**
  * The Audience Details page body: who can see what, and what password to share.
  * Reachable by editors and the site's default audience (the client), so the
  * client can hand a new partner access without going through us.
  */
-export declare function AudienceDetailsPanel({ audiences, revealSupported, canImpersonate }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function AudienceDetailsPanel({ audiences, revealSupported, canImpersonate, viewAsInNewTab }: Props): import("react/jsx-runtime").JSX.Element;
 export default AudienceDetailsPanel;
 //# sourceMappingURL=AudienceDetailsPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AudienceDetailsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/shell/AudienceDetailsPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,6BAA6B,CAAC;AAElF,sEAAsE;AACtE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,WAAW,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAC/D,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,UAAU,KAAK;IACb,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,8EAA8E;IAC9E,eAAe,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAoOD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,cAAsB,EAAE,EAAE,KAAK,2CAgBjG;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"AudienceDetailsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/shell/AudienceDetailsPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,6BAA6B,CAAC;AAElF,sEAAsE;AACtE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,WAAW,EAAE,KAAK,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAC/D,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,UAAU,KAAK;IACb,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,8EAA8E;IAC9E,eAAe,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAoOD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,cAAsB,EAAE,cAAsB,EAAE,EAAE,KAAK,2CAgBzH;AAED,eAAe,oBAAoB,CAAC"}

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;AAejD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AA6DnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AA8BxD,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;AAQD,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,2CAsvEP;AA8ED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}
+{"version":3,"file":"EditorShell.d.ts","sourceRoot":"","sources":["../../../src/components/shell/EditorShell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAejD,OAAO,EAAoC,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuDtF,OAAO,KAAK,EAAE,eAAe,EAA2D,MAAM,oBAAoB,CAAC;AA6DnH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AA8BxD,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;AAQD,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,2CAkwEP;AA8ED;6EAC6E;AAC7E,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EACvC,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,eAAe,EAAE,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAK/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.117",
+  "version": "0.1.118",
   "description": "Browser-safe foundation of the Brand Portal framework: Zod schemas, section components, editor shell, hooks, pure libs, collab contract, document engine.",
   "type": "module",
   "exports": {

package/src/components/primitives/EditablePlainText.tsx

@@ -18,6 +18,25 @@ interface EditablePlainTextProps
   placeholder?: string;
 }
 
+function caretOffset(el: HTMLElement): number | null {
+  const sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0) return null;
+  const range = sel.getRangeAt(0);
+  if (!el.contains(range.endContainer)) return null;
+  const before = document.createRange();
+  before.selectNodeContents(el);
+  before.setEnd(range.endContainer, range.endOffset);
+  return before.toString().length;
+}
+
+function placeCaret(el: HTMLElement, offset: number) {
+  const sel = window.getSelection();
+  if (!sel) return;
+  // textContent leaves a single text node, or none for an empty string.
+  if (el.firstChild) sel.collapse(el.firstChild, offset);
+  else sel.collapse(el, 0);
+}
+
 export function EditablePlainText({
   tag,
   value,
@@ -48,9 +67,14 @@ export function EditablePlainText({
 
   // Set textContent via ref (safe — plain text only, no HTML injection)
   useEffect(() => {
-    if (ref.current && ref.current.textContent !== localValue) {
-      ref.current.textContent = localValue;
-    }
+    const el = ref.current;
+    if (!el || el.textContent === localValue) return;
+    // A value that differs from the DOM while the field is focused (a peer
+    // save, a rebase or a 409 recovery landing mid-typing) replaces the text
+    // node, which collapses the caret to offset 0. Put it back, clamped.
+    const caret = document.activeElement === el ? caretOffset(el) : null;
+    el.textContent = localValue;
+    if (caret !== null) placeCaret(el, Math.min(caret, localValue.length));
   }, [localValue]);
 
   const onInput = useCallback(() => {

package/src/components/shell/AudienceDetailsPanel.tsx

@@ -27,6 +27,8 @@ interface Props {
    * an audience-filtered site.
    */
   canImpersonate?: boolean;
+  /** Open the view in a new tab — set by the editor, so it keeps the editor tab. */
+  viewAsInNewTab?: boolean;
 }
 
 const PLACEHOLDER_COLOR = "#94a3b8";
@@ -174,7 +176,7 @@ function PageRow({ page }: { page: OverviewPage }) {
   );
 }
 
-function AudienceBlock({ audience, revealSupported, canImpersonate }: { audience: AudienceDetail; revealSupported: boolean; canImpersonate: boolean }) {
+function AudienceBlock({ audience, revealSupported, canImpersonate, viewAsInNewTab }: { audience: AudienceDetail; revealSupported: boolean; canImpersonate: boolean; viewAsInNewTab: boolean }) {
   const [open, setOpen] = useState(false);
   const { overview } = audience;
 
@@ -208,7 +210,7 @@ function AudienceBlock({ audience, revealSupported, canImpersonate }: { audience
         </button>
         {canImpersonate && (
           // A plain form POST: the route sets the cookie and 303s to the viewer site.
-          <form method="post" action="/api/auth/impersonate" className="shrink-0">
+          <form method="post" action="/api/auth/impersonate" target={viewAsInNewTab ? "_blank" : undefined} className="shrink-0">
             <input type="hidden" name="audience" value={audience.name} />
             <Button type="submit" variant="secondary" size="sm" aria-label={`View the site as ${audience.displayName}`}>
               <span className="inline-flex items-center gap-1.5">
@@ -260,7 +262,7 @@ function AudienceBlock({ audience, revealSupported, canImpersonate }: { audience
  * Reachable by editors and the site's default audience (the client), so the
  * client can hand a new partner access without going through us.
  */
-export function AudienceDetailsPanel({ audiences, revealSupported, canImpersonate = false }: Props) {
+export function AudienceDetailsPanel({ audiences, revealSupported, canImpersonate = false, viewAsInNewTab = false }: Props) {
   if (audiences.length === 0) {
     return (
       <p className="text-sm text-base-contrast-light">
@@ -272,7 +274,7 @@ export function AudienceDetailsPanel({ audiences, revealSupported, canImpersonat
   return (
     <div className="flex flex-col gap-3">
       {audiences.map((a) => (
-        <AudienceBlock key={a.name} audience={a} revealSupported={revealSupported} canImpersonate={canImpersonate} />
+        <AudienceBlock key={a.name} audience={a} revealSupported={revealSupported} canImpersonate={canImpersonate} viewAsInNewTab={viewAsInNewTab} />
       ))}
     </div>
   );

package/src/components/shell/EditorShell.tsx

@@ -328,6 +328,9 @@ export default function EditorShell({
   // null = the auth provider has no named sign-ins (`.env` mode → route 501s),
   // which is also what turns the reveal buttons off.
   const [viewerCredentials, setViewerCredentials] = useState<ViewerCredential[] | null>(null);
+  // Gates "View as" in Audience Details: without password protection no visitor
+  // sees an audience-filtered site, and the impersonate route refuses.
+  const [passwordEnabled, setPasswordEnabled] = useState(false);
   const [movingSectionId, setMovingSectionId] = useState<string | null>(null);
   // Set by recoverConflict when a rebase surfaces overlapping edits; drives the
   // keep-mine/take-theirs dialog. `resolve` is the promise resolver recovery
@@ -1221,6 +1224,15 @@ export default function EditorShell({
         if (!cancelled) setViewerCredentials(null);
       }
     })();
+    (async () => {
+      try {
+        const res = await fetch("/api/auth/audiences");
+        const enabled = res.ok && (await res.json()).passwordEnabled === true;
+        if (!cancelled) setPasswordEnabled(enabled);
+      } catch {
+        if (!cancelled) setPasswordEnabled(false);
+      }
+    })();
     return () => { cancelled = true; };
   }, [showAudienceDetails]);
 
@@ -2308,7 +2320,7 @@ export default function EditorShell({
                 current working copy — add or remove sign-ins under Site settings → Audiences.
               </p>
               <div className="mt-6">
-                <AudienceDetailsPanel audiences={audienceDetails} revealSupported={viewerCredentials !== null} />
+                <AudienceDetailsPanel audiences={audienceDetails} revealSupported={viewerCredentials !== null} canImpersonate={passwordEnabled} viewAsInNewTab />
               </div>
             </div>
           ) : (