@pantheon-systems/puck-css 0.11.1 → 0.12.0

package/dist/features/content-type-templates/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/features/content-type-templates/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,eAAe,CAAC;AAE/D,YAAY,EACV,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AAEtC;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IAEnB,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IAEnB,qEAAqE;IACrE,eAAe,EAAE,MAAM,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/features/content-type-templates/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;GAOG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,eAAe,CAAC;AAE1E,YAAY,EACV,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AAEtC;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IAEnB,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IAEnB,qEAAqE;IACrE,eAAe,EAAE,MAAM,CAAC;CACzB"}

package/dist/p1/editor/connect/field-connect-plugin.d.ts

@@ -2,9 +2,15 @@ import type { Config, Plugin } from "@puckeditor/core";
 import type { RemoteDatasourceDefinition } from "../../../data/remote-datasources/remote-datasource-registry";
 import type { RouteRow } from "../../../data/page-store";
 export declare function createFieldConnectPlugin(opts: {
-    routes: RouteRow[];
     config: Config;
     editorPath: string;
-    remoteDatasourceRegistry: RemoteDatasourceDefinition[];
+    /**
+     * Fallback until live data resolves — and the only source if the host does not
+     * serve /p1/api/editor-context. Inside a P1PuckProvider these are never used.
+     * @deprecated the plugin reads live data on its own.
+     */
+    routes?: RouteRow[];
+    /** @deprecated see routes */
+    remoteDatasourceRegistry?: RemoteDatasourceDefinition[];
 }): Plugin;
 //# sourceMappingURL=field-connect-plugin.d.ts.map

package/dist/p1/editor/connect/field-connect-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-connect-plugin.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/connect/field-connect-plugin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6DAA6D,CAAC;AAC9G,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAazD,wBAAgB,wBAAwB,CAAC,IAAI,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,wBAAwB,EAAE,0BAA0B,EAAE,CAAC;CACxD,GAAG,MAAM,CAoET"}
+{"version":3,"file":"field-connect-plugin.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/connect/field-connect-plugin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6DAA6D,CAAC;AAC9G,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAczD,wBAAgB,wBAAwB,CAAC,IAAI,EAAE;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,6BAA6B;IAC7B,wBAAwB,CAAC,EAAE,0BAA0B,EAAE,CAAC;CACzD,GAAG,MAAM,CAgFT"}

package/dist/p1/editor/connect/field-connect-plugin.js

@@ -3,14 +3,24 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from "react";
 import { isCrossPageRefTemplateString } from "../../../data/cross-reference";
 import { TemplateAutocompleteLayer } from "../template-autocomplete-layer";
+import { useLiveEditorContext } from "../hooks/useLiveEditorContext";
 import { ConnectFieldModal } from "./connect-field-modal";
 export function createFieldConnectPlugin(opts) {
-    const { routes, config, editorPath, remoteDatasourceRegistry } = opts;
+    const { config, editorPath, routes: fallbackRoutes = [], remoteDatasourceRegistry: fallbackRegistry = [], } = opts;
     function ConnectableScalarField(props) {
         const [open, setOpen] = useState(false);
         const { children, readOnly, onChange, value } = props;
         const linked = isCrossPageRefTemplateString(value);
-        return (_jsx(TemplateAutocompleteLayer, { readOnly: readOnly, onChange: onChange, registry: remoteDatasourceRegistry, children: _jsxs("div", { style: { position: "relative", paddingBottom: 2 }, children: [children, !readOnly && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: (e) => {
+        // useLiveEditorContext, not useLiveRemoteDatasources — this only needs the
+        // registry/routes, and it runs for every text field in the sidebar (bound or
+        // not), so it must skip the per-datasource context-resolution queries.
+        const live = useLiveEditorContext(editorPath);
+        // live.hasLoaded (not registry.length) distinguishes "not loaded yet"
+        // from "loaded and genuinely empty" — a length check would keep showing
+        // a stale fallback forever once live data legitimately resolves empty.
+        const registry = live.hasLoaded ? live.registry : fallbackRegistry;
+        const routes = live.hasLoaded ? live.routes : fallbackRoutes;
+        return (_jsx(TemplateAutocompleteLayer, { readOnly: readOnly, onChange: onChange, registry: registry, children: _jsxs("div", { style: { position: "relative", paddingBottom: 2 }, children: [children, !readOnly && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: (e) => {
                                     e.preventDefault();
                                     e.stopPropagation();
                                     setOpen(true);

package/dist/p1/editor/connect/field-connect-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-connect-plugin.js","sourceRoot":"","sources":["../../../../src/p1/editor/connect/field-connect-plugin.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAG7E,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAW1D,MAAM,UAAU,wBAAwB,CAAC,IAKxC;IACC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,wBAAwB,EAAE,GAAG,IAAI,CAAC;IAEtE,SAAS,sBAAsB,CAAC,KAAuB;QACrD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACtD,MAAM,MAAM,GAAG,4BAA4B,CAAC,KAAK,CAAC,CAAC;QAEnD,OAAO,CACL,KAAC,yBAAyB,IACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,wBAAwB,YAElC,eACE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,EAAE,aAEhD,QAAQ,EACR,CAAC,QAAQ,IAAI,CACd,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oCACb,CAAC,CAAC,cAAc,EAAE,CAAC;oCACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oCACpB,OAAO,CAAC,IAAI,CAAC,CAAC;gCAChB,CAAC,EACD,KAAK,EAAE;oCACL,QAAQ,EAAE,UAAU;oCACpB,GAAG,EAAE,CAAC;oCACN,KAAK,EAAE,CAAC;oCACR,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,GAAG;oCACf,KAAK,EAAE,qCAAqC;oCAC5C,UAAU,EAAE,wBAAwB;oCACpC,MAAM,EAAE,8CAA8C;oCACtD,YAAY,EAAE,CAAC;oCACf,OAAO,EAAE,SAAS;oCAClB,MAAM,EAAE,SAAS;oCACjB,MAAM,EAAE,CAAC;iCACV,YAEA,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GACnB,EACT,KAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC7B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,GACtB,IACD,CACJ,IACK,GACoB,CAC7B,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,sBAAsB,OAAM,KAA0B,GAAI;gBAC5E,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,sBAAsB,OAAM,KAA0B,GAAI;aACjF;SACF;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"field-connect-plugin.js","sourceRoot":"","sources":["../../../../src/p1/editor/connect/field-connect-plugin.tsx"],"names":[],"mappings":"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"}

package/dist/p1/editor/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./api-hooks";
 export { useEditorContext } from "./useEditorContext";
+export { useLiveEditorContext } from "./useLiveEditorContext";
 export { useLiveRemoteDatasources } from "./useLiveRemoteDatasources";
 export { useP1Plugins } from "./useP1Plugins";
 //# sourceMappingURL=index.d.ts.map

package/dist/p1/editor/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/p1/editor/hooks/index.js

@@ -1,5 +1,6 @@
 export * from "./api-hooks";
 export { useEditorContext } from "./useEditorContext";
+export { useLiveEditorContext } from "./useLiveEditorContext";
 export { useLiveRemoteDatasources } from "./useLiveRemoteDatasources";
 export { useP1Plugins } from "./useP1Plugins";
 //# sourceMappingURL=index.js.map

package/dist/p1/editor/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/p1/editor/hooks/useLiveEditorContext.d.ts

@@ -0,0 +1,24 @@
+import type { RouteRow } from "../../../data/page-store";
+import type { RemoteDatasourceDefinition } from "../../../data/remote-datasources/remote-datasource-registry";
+/**
+ * Live registry/routes for components rendered by a Puck plugin, without the
+ * per-datasource context-resolution queries that useLiveRemoteDatasources
+ * also runs. Use this when a component only needs the registry/routes (not
+ * resolved datasource values) and is instantiated once per field rather than
+ * once per canvas — e.g. field-connect-plugin, which wraps every text field in
+ * the sidebar (bound or not), so the full per-datasource query set would be
+ * multiplied by the field count for no benefit.
+ *
+ * `fallbackPath` is only used outside a P1PuckProvider (e.g. the published
+ * `EditorClient`), where there is no context to read the open document from.
+ */
+export declare function useLiveEditorContext(fallbackPath: string): {
+    path: string;
+    branchId: string | undefined;
+    hasLoaded: boolean;
+    registry: RemoteDatasourceDefinition[];
+    routes: RouteRow[];
+    routeTemplateKeys: string[];
+    savedPreviewParams: Record<string, string>;
+};
+//# sourceMappingURL=useLiveEditorContext.d.ts.map

package/dist/p1/editor/hooks/useLiveEditorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLiveEditorContext.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useLiveEditorContext.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6DAA6D,CAAC;AAQ9G;;;;;;;;;;;GAWG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM;;;;;;;;EAkBxD"}

package/dist/p1/editor/hooks/useLiveEditorContext.js

@@ -0,0 +1,36 @@
+"use client";
+import { useP1PuckOptional } from "../../../core/P1PuckContext";
+import { useEditorContext } from "./useEditorContext";
+const EMPTY_REGISTRY = [];
+const EMPTY_ROUTES = [];
+const EMPTY_TEMPLATE_KEYS = [];
+const EMPTY_PREVIEW_PARAMS = {};
+/**
+ * Live registry/routes for components rendered by a Puck plugin, without the
+ * per-datasource context-resolution queries that useLiveRemoteDatasources
+ * also runs. Use this when a component only needs the registry/routes (not
+ * resolved datasource values) and is instantiated once per field rather than
+ * once per canvas — e.g. field-connect-plugin, which wraps every text field in
+ * the sidebar (bound or not), so the full per-datasource query set would be
+ * multiplied by the field count for no benefit.
+ *
+ * `fallbackPath` is only used outside a P1PuckProvider (e.g. the published
+ * `EditorClient`), where there is no context to read the open document from.
+ */
+export function useLiveEditorContext(fallbackPath) {
+    const p1Puck = useP1PuckOptional();
+    const path = p1Puck?.currentDocument?.path ?? fallbackPath;
+    const branchId = p1Puck?.branchId;
+    const { data: editorContext } = useEditorContext(path, branchId);
+    const hasLoaded = editorContext !== undefined;
+    return {
+        path,
+        branchId,
+        hasLoaded,
+        registry: editorContext?.remoteDatasourceRegistry ?? EMPTY_REGISTRY,
+        routes: editorContext?.routes ?? EMPTY_ROUTES,
+        routeTemplateKeys: editorContext?.routeTemplateKeys ?? EMPTY_TEMPLATE_KEYS,
+        savedPreviewParams: editorContext?.savedPreviewParams ?? EMPTY_PREVIEW_PARAMS,
+    };
+}
+//# sourceMappingURL=useLiveEditorContext.js.map

package/dist/p1/editor/hooks/useLiveEditorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLiveEditorContext.js","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useLiveEditorContext.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,cAAc,GAAiC,EAAE,CAAC;AACxD,MAAM,YAAY,GAAe,EAAE,CAAC;AACpC,MAAM,mBAAmB,GAAa,EAAE,CAAC;AACzC,MAAM,oBAAoB,GAA2B,EAAE,CAAC;AAExD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,oBAAoB,CAAC,YAAoB;IACvD,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,MAAM,EAAE,eAAe,EAAE,IAAI,IAAI,YAAY,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,EAAE,QAAQ,CAAC;IAElC,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,SAAS;QACT,QAAQ,EAAE,aAAa,EAAE,wBAAwB,IAAI,cAAc;QACnE,MAAM,EAAE,aAAa,EAAE,MAAM,IAAI,YAAY;QAC7C,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,IAAI,mBAAmB;QAC1E,kBAAkB,EAChB,aAAa,EAAE,kBAAkB,IAAI,oBAAoB;KAC5D,CAAC;AACJ,CAAC"}

package/dist/p1/editor/hooks/useLiveRemoteDatasources.d.ts

@@ -1,5 +1,3 @@
-import type { RouteRow } from "../../../data/page-store";
-import type { RemoteDatasourceDefinition } from "../../../data/remote-datasources/remote-datasource-registry";
 /**
  * Live datasource state for components rendered by a Puck plugin.
  *
@@ -15,16 +13,22 @@ import type { RemoteDatasourceDefinition } from "../../../data/remote-datasource
  * current document path stay live without anything crossing the plugin
  * boundary.
  *
- * `fallbackPath` is only used outside a P1PuckProvider (e.g. the standalone
- * `Client`), where there is no context to read the open document from.
+ * This also resolves each registry entry's datasource context (one query per
+ * entry) — only use it where that's actually needed. A component instantiated
+ * once per field should use useLiveEditorContext instead, which skips that.
+ *
+ * `fallbackPath` is only used outside a P1PuckProvider (e.g. the published
+ * `EditorClient`), where there is no context to read the open document from.
  */
 export declare function useLiveRemoteDatasources(fallbackPath: string): {
-    path: string;
-    registry: RemoteDatasourceDefinition[];
     context: import("../../../server").RemoteDatasourceContext;
     loadingIds: Set<string>;
     isLoading: boolean;
-    routes: RouteRow[];
+    path: string;
+    branchId: string | undefined;
+    hasLoaded: boolean;
+    registry: import("../../..").RemoteDatasourceDefinition[];
+    routes: import("../../..").RouteRow[];
     routeTemplateKeys: string[];
     savedPreviewParams: Record<string, string>;
 };

package/dist/p1/editor/hooks/useLiveRemoteDatasources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveRemoteDatasources.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useLiveRemoteDatasources.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6DAA6D,CAAC;AAS9G;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,wBAAwB,CAAC,YAAY,EAAE,MAAM;;;;;;;;;EAwB5D"}
+{"version":3,"file":"useLiveRemoteDatasources.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useLiveRemoteDatasources.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,wBAAwB,CAAC,YAAY,EAAE,MAAM;;;;;;;;;;;EAc5D"}

package/dist/p1/editor/hooks/useLiveRemoteDatasources.js

@@ -1,11 +1,6 @@
 "use client";
-import { useP1PuckOptional } from "../../../core/P1PuckContext";
 import { useRemoteDatasourceContext } from "./api-hooks";
-import { useEditorContext } from "./useEditorContext";
-const EMPTY_REGISTRY = [];
-const EMPTY_ROUTES = [];
-const EMPTY_TEMPLATE_KEYS = [];
-const EMPTY_PREVIEW_PARAMS = {};
+import { useLiveEditorContext } from "./useLiveEditorContext";
 /**
  * Live datasource state for components rendered by a Puck plugin.
  *
@@ -21,25 +16,21 @@ const EMPTY_PREVIEW_PARAMS = {};
  * current document path stay live without anything crossing the plugin
  * boundary.
  *
- * `fallbackPath` is only used outside a P1PuckProvider (e.g. the standalone
- * `Client`), where there is no context to read the open document from.
+ * This also resolves each registry entry's datasource context (one query per
+ * entry) — only use it where that's actually needed. A component instantiated
+ * once per field should use useLiveEditorContext instead, which skips that.
+ *
+ * `fallbackPath` is only used outside a P1PuckProvider (e.g. the published
+ * `EditorClient`), where there is no context to read the open document from.
  */
 export function useLiveRemoteDatasources(fallbackPath) {
-    const p1Puck = useP1PuckOptional();
-    const path = p1Puck?.currentDocument?.path ?? fallbackPath;
-    const branchId = p1Puck?.branchId;
-    const { data: editorContext } = useEditorContext(path, branchId);
-    const registry = editorContext?.remoteDatasourceRegistry ?? EMPTY_REGISTRY;
-    const { context, loadingIds, isLoading } = useRemoteDatasourceContext(path, registry, branchId);
+    const live = useLiveEditorContext(fallbackPath);
+    const { context, loadingIds, isLoading } = useRemoteDatasourceContext(live.path, live.registry, live.branchId);
     return {
-        path,
-        registry,
+        ...live,
         context,
         loadingIds,
         isLoading,
-        routes: editorContext?.routes ?? EMPTY_ROUTES,
-        routeTemplateKeys: editorContext?.routeTemplateKeys ?? EMPTY_TEMPLATE_KEYS,
-        savedPreviewParams: editorContext?.savedPreviewParams ?? EMPTY_PREVIEW_PARAMS,
     };
 }
 //# sourceMappingURL=useLiveRemoteDatasources.js.map

package/dist/p1/editor/hooks/useLiveRemoteDatasources.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveRemoteDatasources.js","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useLiveRemoteDatasources.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,cAAc,GAAiC,EAAE,CAAC;AACxD,MAAM,YAAY,GAAe,EAAE,CAAC;AACpC,MAAM,mBAAmB,GAAa,EAAE,CAAC;AACzC,MAAM,oBAAoB,GAA2B,EAAE,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,wBAAwB,CAAC,YAAoB;IAC3D,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,MAAM,EAAE,eAAe,EAAE,IAAI,IAAI,YAAY,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,EAAE,QAAQ,CAAC;IAElC,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,aAAa,EAAE,wBAAwB,IAAI,cAAc,CAAC;IAC3E,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,0BAA0B,CACnE,IAAI,EACJ,QAAQ,EACR,QAAQ,CACT,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,UAAU;QACV,SAAS;QACT,MAAM,EAAE,aAAa,EAAE,MAAM,IAAI,YAAY;QAC7C,iBAAiB,EAAE,aAAa,EAAE,iBAAiB,IAAI,mBAAmB;QAC1E,kBAAkB,EAChB,aAAa,EAAE,kBAAkB,IAAI,oBAAoB;KAC5D,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useLiveRemoteDatasources.js","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useLiveRemoteDatasources.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,wBAAwB,CAAC,YAAoB;IAC3D,MAAM,IAAI,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,0BAA0B,CACnE,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,QAAQ,CACd,CAAC;IAEF,OAAO;QACL,GAAG,IAAI;QACP,OAAO;QACP,UAAU;QACV,SAAS;KACV,CAAC;AACJ,CAAC"}

package/dist/p1/editor/hooks/useP1Plugins.d.ts

@@ -1,3 +1,8 @@
 import type { Config, Plugin } from "@puckeditor/core";
+/**
+ * A new `plugins` array remounts the whole canvas, so this must stay stable
+ * from the first render — never gated behind async data. Plugins read their own
+ * live data via useLiveEditorContext/useLiveRemoteDatasources instead.
+ */
 export declare function useP1Plugins(path: string, config: Config): Plugin[];
 //# sourceMappingURL=useP1Plugins.d.ts.map

package/dist/p1/editor/hooks/useP1Plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useP1Plugins.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useP1Plugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAQvD,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAiBnE"}
+{"version":3,"file":"useP1Plugins.d.ts","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useP1Plugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAMvD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CASnE"}

package/dist/p1/editor/hooks/useP1Plugins.js

@@ -2,24 +2,16 @@ import { useMemo } from "react";
 import { createPreviewResolvePlugin } from "../editor-preview-resolve";
 import { createRemoteDatasourceExplorerPlugin } from "../remote-datasources/remote-datasource-explorer-plugin";
 import { createFieldConnectPlugin } from "../connect/field-connect-plugin";
-import { useP1PuckOptional } from "../../../core/P1PuckContext";
-import { useEditorContext } from "./useEditorContext";
+/**
+ * A new `plugins` array remounts the whole canvas, so this must stay stable
+ * from the first render — never gated behind async data. Plugins read their own
+ * live data via useLiveEditorContext/useLiveRemoteDatasources instead.
+ */
 export function useP1Plugins(path, config) {
-    const p1Puck = useP1PuckOptional();
-    const { data: ctx } = useEditorContext(path, p1Puck?.branchId);
-    return useMemo(() => {
-        if (!ctx)
-            return [];
-        return [
-            createPreviewResolvePlugin({ editorPath: path }),
-            createRemoteDatasourceExplorerPlugin({ editorPath: path }),
-            createFieldConnectPlugin({
-                routes: ctx.routes,
-                config,
-                editorPath: path,
-                remoteDatasourceRegistry: ctx.remoteDatasourceRegistry,
-            }),
-        ];
-    }, [ctx, path, config]);
+    return useMemo(() => [
+        createPreviewResolvePlugin({ editorPath: path }),
+        createRemoteDatasourceExplorerPlugin({ editorPath: path }),
+        createFieldConnectPlugin({ config, editorPath: path }),
+    ], [path, config]);
 }
 //# sourceMappingURL=useP1Plugins.js.map

package/dist/p1/editor/hooks/useP1Plugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"useP1Plugins.js","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useP1Plugins.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,oCAAoC,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,YAAY,CAAC,IAAY,EAAE,MAAc;IACvD,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE/D,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAC;QACpB,OAAO;YACL,0BAA0B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;YAChD,oCAAoC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;YAC1D,wBAAwB,CAAC;gBACvB,MAAM,EAAE,GAAG,CAAC,MAAM;gBAClB,MAAM;gBACN,UAAU,EAAE,IAAI;gBAChB,wBAAwB,EAAE,GAAG,CAAC,wBAAwB;aACvD,CAAC;SACH,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"useP1Plugins.js","sourceRoot":"","sources":["../../../../src/p1/editor/hooks/useP1Plugins.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,oCAAoC,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAE3E;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,IAAY,EAAE,MAAc;IACvD,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC;QACJ,0BAA0B,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;QAChD,oCAAoC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;QAC1D,wBAAwB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;KACvD,EACD,CAAC,IAAI,EAAE,MAAM,CAAC,CACf,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantheon-systems/puck-css",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "description": "Puck editor integration with Collaborative State System",
   "publishConfig": {
     "access": "public",
@@ -96,7 +96,7 @@
     "jsep": "^1.4.0",
     "lodash.isequal": "^4.5.0",
     "yjs": "^13.6.29",
-    "@pantheon-systems/css-client": "0.11.1"
+    "@pantheon-systems/css-client": "0.12.0"
   },
   "devDependencies": {
     "@floating-ui/react": "^0.27.19",

package/src/pds/theme/PuckEditorTheme.css

@@ -358,3 +358,21 @@
   flex: 1;
   min-height: 0;
 }
+
+/* ── Richtext toolbar: opaque background prevents scroll bleed-through ──
+ *
+ * @puckeditor/core's richtext toolbar wrapper (._RichTextEditor-menu_) is
+ * `position: sticky; top: 0; z-index: 1` but declares no background of its own.
+ * When a richtext field holds more content than its height, the ProseMirror
+ * text scrolls *underneath* the sticky toolbar and shows through it — the
+ * toolbar icons and the field's first line of text visibly overlap (the
+ * artefact reported alongside the paste bug). Painting the sticky wrapper with
+ * the field's own surface colour (the same `--puck-color-white` the editor body
+ * uses, remapped to `--pds-color-bg-default` above) stops the bleed-through.
+ *
+ * Substring selector (not the hashed CSS-module class) so it survives
+ * @puckeditor/core upgrades, and scoped to `.puck-editor-theme` so — like every
+ * rule here — it never matches inside the preview iframe. */
+.puck-editor-theme [class*="_RichTextEditor-menu_"] {
+  background: var(--puck-color-white);
+}

package/src/pds/theme/PuckEditorTheme.test.ts

@@ -171,6 +171,15 @@ describe('PuckEditorTheme.css', () => {
       );
     });
 
+    it('paints the sticky richtext toolbar so scrolled content does not show through', () => {
+      const css = readThemeCSS();
+      // The toolbar wrapper is position:sticky with no background; without an
+      // opaque fill the ProseMirror text scrolls under it and bleeds through.
+      expect(css).toMatch(
+        /\.puck-editor-theme \[class\*="_RichTextEditor-menu_"\]\s*\{[^}]*background:\s*var\(--puck-color-white\)[^}]*\}/,
+      );
+    });
+
     it('does not use a bare body selector, which would leak into the preview iframe', () => {
       const css = readThemeCSS();
       // The preview iframe renders its own <body>. Because this stylesheet is a