@aglyn/besigner-ui 1.0.0-beta.143

package/src/lib/hooks/use-media-asset-facts-overlay.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * A node map with each placed library asset's current DAM facts laid over it
+ * (AGL-2838, AGL-2856): on the canvas, what `composeNodesWithChrome` does to
+ * the tree a published page ships, for images and films alike.
+ *
+ * Takes a flat map, children by id, which is the shape `applyMediaAssetFacts`
+ * walks. The SAME map comes back until an answer applies — no source, no
+ * library asset, or an asset whose read is pending or failed — so a caller
+ * that memoizes on the result pays nothing for a node that places no asset,
+ * and an asset nobody has answered for renders its stored props.
+ *
+ * Render copies only. Nothing here writes a node, so a draft never changes
+ * because an asset did.
+ */
+export declare function useMediaAssetFactsOverlay<T extends Record<string, unknown>>(nodes: T | undefined): T | undefined;
+/**
+ * One node's render copy with its asset's current DAM facts laid over it
+ * (AGL-2838, AGL-2856): {@link useMediaAssetFactsOverlay} for a single leaf.
+ *
+ * Returns `node` itself for anything that is not a Video or Image element, and
+ * for an asset nobody has answered for. Canvas nodes are MobX observables
+ * whose props change in place, so the copy is keyed by the JSON of those props
+ * rather than by the node's identity, the way every other render copy
+ * `NodeLeaf` builds is keyed.
+ */
+export declare function useNodeWithMediaAssetFacts<N>(node: N): N;
+export default useMediaAssetFactsOverlay;

package/src/lib/hooks/use-media-asset-facts-overlay.js

@@ -0,0 +1,133 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { _ as _extends } from "@swc/helpers/_/_extends";
+// By path: the overlay rules stay out of every `@aglyn/aglyn` barrel.
+import { applyMediaAssetFacts, IMAGE_COMPONENT_ID, mediaAssetFactsKey, mediaAssetRefs } from "@aglyn/aglyn/app-utils/media-asset-facts";
+import { VIDEO_COMPONENT_ID } from "@aglyn/aglyn/app-utils/video-object";
+import { useContext, useEffect, useMemo, useSyncExternalStore } from "react";
+import { MediaAssetFactsContext } from "../contexts/media-asset-facts-context.js";
+const NO_REFS = [];
+const subscribeToNothing = ()=>()=>undefined;
+const noVersion = ()=>0;
+/**
+ * A node map with each placed library asset's current DAM facts laid over it
+ * (AGL-2838, AGL-2856): on the canvas, what `composeNodesWithChrome` does to
+ * the tree a published page ships, for images and films alike.
+ *
+ * Takes a flat map, children by id, which is the shape `applyMediaAssetFacts`
+ * walks. The SAME map comes back until an answer applies — no source, no
+ * library asset, or an asset whose read is pending or failed — so a caller
+ * that memoizes on the result pays nothing for a node that places no asset,
+ * and an asset nobody has answered for renders its stored props.
+ *
+ * Render copies only. Nothing here writes a node, so a draft never changes
+ * because an asset did.
+ */ export function useMediaAssetFactsOverlay(nodes) {
+    const source = useContext(MediaAssetFactsContext);
+    const refs = useMemo(()=>source && nodes ? mediaAssetRefs(nodes) : NO_REFS, [
+        source,
+        nodes
+    ]);
+    const refsKey = refs.map(mediaAssetFactsKey).join('\n');
+    useEffect(()=>{
+        if (!source || !refs.length) return undefined;
+        const releases = refs.map((ref)=>source.retain(ref));
+        return ()=>{
+            for (const release of releases)release();
+        };
+    // `refsKey` stands in for `refs`: a new map that places the same assets
+    // keeps the reads it already holds.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        source,
+        refsKey
+    ]);
+    const version = useSyncExternalStore(source && refs.length ? source.subscribe : subscribeToNothing, source ? source.getVersion : noVersion, noVersion);
+    return useMemo(()=>{
+        if (!source || !nodes || !refs.length) return nodes;
+        const facts = new Map();
+        for (const ref of refs){
+            const key = mediaAssetFactsKey(ref);
+            const answer = source.get(key);
+            if (answer) facts.set(key, answer);
+        }
+        return facts.size ? applyMediaAssetFacts(nodes, facts) : nodes;
+    // `version` is what carries a new answer in; the body reads it through
+    // `source.get`.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        source,
+        nodes,
+        refs,
+        version
+    ]);
+}
+/** The elements whose placement follows its file, as the composition lists them. */ const followsItsFile = (componentId)=>componentId === VIDEO_COMPONENT_ID || componentId === IMAGE_COMPONENT_ID;
+/**
+ * One node's render copy with its asset's current DAM facts laid over it
+ * (AGL-2838, AGL-2856): {@link useMediaAssetFactsOverlay} for a single leaf.
+ *
+ * Returns `node` itself for anything that is not a Video or Image element, and
+ * for an asset nobody has answered for. Canvas nodes are MobX observables
+ * whose props change in place, so the copy is keyed by the JSON of those props
+ * rather than by the node's identity, the way every other render copy
+ * `NodeLeaf` builds is keyed.
+ */ export function useNodeWithMediaAssetFacts(node) {
+    var _ref, _ref1;
+    const rendered = node;
+    const placesAsset = followsItsFile(rendered == null ? void 0 : rendered.componentId);
+    const propsJson = placesAsset ? JSON.stringify([
+        (_ref = rendered == null ? void 0 : rendered.props) != null ? _ref : null,
+        (_ref1 = rendered == null ? void 0 : rendered.resolvedProps) != null ? _ref1 : null
+    ]) : '';
+    const single = useMemo(()=>{
+        if (!placesAsset || !rendered) return undefined;
+        return {
+            leaf: _extends({
+                componentId: rendered.componentId
+            }, rendered.props ? {
+                props: _extends({}, rendered.props)
+            } : {}, rendered.resolvedProps ? {
+                resolvedProps: _extends({}, rendered.resolvedProps)
+            } : {})
+        };
+    // Observable props: the JSON string keys the copy.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        placesAsset,
+        rendered,
+        propsJson
+    ]);
+    const overlaid = useMediaAssetFactsOverlay(single);
+    return useMemo(()=>{
+        if (!rendered || !single || overlaid === single) return node;
+        const leaf = overlaid == null ? void 0 : overlaid['leaf'];
+        if (!leaf) return node;
+        return _extends({}, rendered, leaf.props ? {
+            props: leaf.props
+        } : {}, leaf.resolvedProps ? {
+            resolvedProps: leaf.resolvedProps
+        } : {});
+    }, [
+        node,
+        rendered,
+        single,
+        overlaid
+    ]);
+}
+export default useMediaAssetFactsOverlay;
+
+//# sourceMappingURL=use-media-asset-facts-overlay.js.map

package/src/lib/hooks/use-media-asset-facts-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/hooks/use-media-asset-facts-overlay.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { MediaRef } from '@aglyn/aglyn'\n// By path: the overlay rules stay out of every `@aglyn/aglyn` barrel.\nimport {\n  applyMediaAssetFacts,\n  IMAGE_COMPONENT_ID,\n  type MediaAssetFacts,\n  mediaAssetFactsKey,\n  mediaAssetRefs,\n} from '@aglyn/aglyn/app-utils/media-asset-facts'\nimport { VIDEO_COMPONENT_ID } from '@aglyn/aglyn/app-utils/video-object'\nimport { useContext, useEffect, useMemo, useSyncExternalStore } from 'react'\nimport { MediaAssetFactsContext } from '../contexts/media-asset-facts-context'\n\nconst NO_REFS: readonly MediaRef[] = []\nconst subscribeToNothing = () => () => undefined\nconst noVersion = () => 0\n\n/**\n * A node map with each placed library asset's current DAM facts laid over it\n * (AGL-2838, AGL-2856): on the canvas, what `composeNodesWithChrome` does to\n * the tree a published page ships, for images and films alike.\n *\n * Takes a flat map, children by id, which is the shape `applyMediaAssetFacts`\n * walks. The SAME map comes back until an answer applies — no source, no\n * library asset, or an asset whose read is pending or failed — so a caller\n * that memoizes on the result pays nothing for a node that places no asset,\n * and an asset nobody has answered for renders its stored props.\n *\n * Render copies only. Nothing here writes a node, so a draft never changes\n * because an asset did.\n */\nexport function useMediaAssetFactsOverlay<T extends Record<string, unknown>>(\n  nodes: T | undefined,\n): T | undefined {\n  const source = useContext(MediaAssetFactsContext)\n  const refs = useMemo(\n    () => (source && nodes ? mediaAssetRefs(nodes) : NO_REFS),\n    [source, nodes],\n  )\n  const refsKey = refs.map(mediaAssetFactsKey).join('\\n')\n  useEffect(() => {\n    if (!source || !refs.length) return undefined\n    const releases = refs.map((ref) => source.retain(ref))\n    return () => {\n      for (const release of releases) release()\n    }\n    // `refsKey` stands in for `refs`: a new map that places the same assets\n    // keeps the reads it already holds.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source, refsKey])\n  const version = useSyncExternalStore(\n    source && refs.length ? source.subscribe : subscribeToNothing,\n    source ? source.getVersion : noVersion,\n    noVersion,\n  )\n  return useMemo(() => {\n    if (!source || !nodes || !refs.length) return nodes\n    const facts = new Map<string, MediaAssetFacts>()\n    for (const ref of refs) {\n      const key = mediaAssetFactsKey(ref)\n      const answer = source.get(key)\n      if (answer) facts.set(key, answer)\n    }\n    return facts.size ? applyMediaAssetFacts(nodes, facts) : nodes\n    // `version` is what carries a new answer in; the body reads it through\n    // `source.get`.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source, nodes, refs, version])\n}\n\n/** The part of a node `Leaf` renders from. */\ninterface RenderedNode {\n  componentId?: string\n  props?: Record<string, unknown>\n  resolvedProps?: Record<string, unknown>\n}\n\n/** The elements whose placement follows its file, as the composition lists them. */\nconst followsItsFile = (componentId: string | undefined): boolean =>\n  componentId === VIDEO_COMPONENT_ID || componentId === IMAGE_COMPONENT_ID\n\n/**\n * One node's render copy with its asset's current DAM facts laid over it\n * (AGL-2838, AGL-2856): {@link useMediaAssetFactsOverlay} for a single leaf.\n *\n * Returns `node` itself for anything that is not a Video or Image element, and\n * for an asset nobody has answered for. Canvas nodes are MobX observables\n * whose props change in place, so the copy is keyed by the JSON of those props\n * rather than by the node's identity, the way every other render copy\n * `NodeLeaf` builds is keyed.\n */\nexport function useNodeWithMediaAssetFacts<N>(node: N): N {\n  const rendered = node as RenderedNode | null | undefined\n  const placesAsset = followsItsFile(rendered?.componentId)\n  const propsJson = placesAsset\n    ? JSON.stringify([rendered?.props ?? null, rendered?.resolvedProps ?? null])\n    : ''\n  const single = useMemo(() => {\n    if (!placesAsset || !rendered) return undefined\n    return {\n      leaf: {\n        componentId: rendered.componentId,\n        ...(rendered.props ? { props: { ...rendered.props } } : {}),\n        ...(rendered.resolvedProps\n          ? { resolvedProps: { ...rendered.resolvedProps } }\n          : {}),\n      },\n    }\n    // Observable props: the JSON string keys the copy.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [placesAsset, rendered, propsJson])\n  const overlaid = useMediaAssetFactsOverlay(single)\n  return useMemo(() => {\n    if (!rendered || !single || overlaid === single) return node\n    const leaf = overlaid?.['leaf'] as RenderedNode | undefined\n    if (!leaf) return node\n    return {\n      ...rendered,\n      ...(leaf.props ? { props: leaf.props } : {}),\n      ...(leaf.resolvedProps ? { resolvedProps: leaf.resolvedProps } : {}),\n    } as N\n  }, [node, rendered, single, overlaid])\n}\n\nexport default useMediaAssetFactsOverlay\n"],"names":["applyMediaAssetFacts","IMAGE_COMPONENT_ID","mediaAssetFactsKey","mediaAssetRefs","VIDEO_COMPONENT_ID","useContext","useEffect","useMemo","useSyncExternalStore","MediaAssetFactsContext","NO_REFS","subscribeToNothing","undefined","noVersion","useMediaAssetFactsOverlay","nodes","source","refs","refsKey","map","join","length","releases","ref","retain","release","version","subscribe","getVersion","facts","Map","key","answer","get","set","size","followsItsFile","componentId","useNodeWithMediaAssetFacts","node","rendered","placesAsset","propsJson","JSON","stringify","props","resolvedProps","single","leaf","overlaid"],"mappings":"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"}

package/src/lib/hooks/use-move-node-callbacks.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type * as Aglyn from '@aglyn/aglyn';
+/** Lift the node out of its container, landing it just after that container. */
+export declare function useMoveNodeOutCallback(): (node?: Aglyn.NodeSchema<any>) => Aglyn.NodeSchema<any> | undefined;
+/** Tuck the node into the sibling directly above it. */
+export declare function useMoveNodeInCallback(): (node?: Aglyn.NodeSchema<any>) => Aglyn.NodeSchema<any> | undefined;
+export default useMoveNodeOutCallback;

package/src/lib/hooks/use-move-node-callbacks.js

@@ -0,0 +1,57 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import * as Besigner from "@aglyn/besigner";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { useCallback } from "react";
+/**
+ * Move a node between containers by clicking (AGL-1405), reporting the way
+ * paste and Add element do. A refused move writes nothing and says why —
+ * the refusals are the point, since the situation this exists to repair was
+ * caused by a drop that was accepted and then discarded.
+ */ function useMoveCallback(move) {
+    var _useSnackbar;
+    // Null-safe: surfaces render without a snackbar provider in tests.
+    const { enqueueSnackbar } = (_useSnackbar = useSnackbar()) != null ? _useSnackbar : {};
+    return useCallback((node)=>{
+        const target = node != null ? node : Besigner.focus.getLastSelected();
+        if (!target) return undefined;
+        const result = move(target);
+        if (result.error) {
+            enqueueSnackbar == null ? void 0 : enqueueSnackbar(result.error, {
+                variant: 'warning',
+                persist: false
+            });
+            return undefined;
+        }
+        // Keep the moved node selected so the hierarchy scrolls to its new
+        // home and the next action acts on it — a move the author can't see
+        // land is the failure mode this whole issue is about.
+        if (result.node) Besigner.focus.setSelectedNode(result.node);
+        return result.node;
+    }, [
+        move,
+        enqueueSnackbar
+    ]);
+}
+/** Lift the node out of its container, landing it just after that container. */ export function useMoveNodeOutCallback() {
+    return useMoveCallback(Besigner.moveNodeOut);
+}
+/** Tuck the node into the sibling directly above it. */ export function useMoveNodeInCallback() {
+    return useMoveCallback(Besigner.moveNodeIn);
+}
+export default useMoveNodeOutCallback;
+
+//# sourceMappingURL=use-move-node-callbacks.js.map

package/src/lib/hooks/use-move-node-callbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/hooks/use-move-node-callbacks.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type * as Aglyn from '@aglyn/aglyn'\nimport * as Besigner from '@aglyn/besigner'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { useCallback } from 'react'\n\n/**\n * Move a node between containers by clicking (AGL-1405), reporting the way\n * paste and Add element do. A refused move writes nothing and says why —\n * the refusals are the point, since the situation this exists to repair was\n * caused by a drop that was accepted and then discarded.\n */\nfunction useMoveCallback(\n  move: (node: Aglyn.NodeSchema<any>) => Besigner.MoveResult,\n): (node?: Aglyn.NodeSchema<any>) => Aglyn.NodeSchema<any> | undefined {\n  // Null-safe: surfaces render without a snackbar provider in tests.\n  const { enqueueSnackbar } = useSnackbar() ?? {}\n\n  return useCallback(\n    (node?: Aglyn.NodeSchema<any>) => {\n      const target = node ?? Besigner.focus.getLastSelected()\n      if (!target) return undefined\n\n      const result = move(target)\n      if (result.error) {\n        enqueueSnackbar?.(result.error, { variant: 'warning', persist: false })\n        return undefined\n      }\n      // Keep the moved node selected so the hierarchy scrolls to its new\n      // home and the next action acts on it — a move the author can't see\n      // land is the failure mode this whole issue is about.\n      if (result.node) Besigner.focus.setSelectedNode(result.node)\n      return result.node\n    },\n    [move, enqueueSnackbar],\n  )\n}\n\n/** Lift the node out of its container, landing it just after that container. */\nexport function useMoveNodeOutCallback() {\n  return useMoveCallback(Besigner.moveNodeOut)\n}\n\n/** Tuck the node into the sibling directly above it. */\nexport function useMoveNodeInCallback() {\n  return useMoveCallback(Besigner.moveNodeIn)\n}\n\nexport default useMoveNodeOutCallback\n"],"names":["Besigner","useSnackbar","useCallback","useMoveCallback","move","enqueueSnackbar","node","target","focus","getLastSelected","undefined","result","error","variant","persist","setSelectedNode","useMoveNodeOutCallback","moveNodeOut","useMoveNodeInCallback","moveNodeIn"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAGD,YAAYA,cAAc,kBAAiB;AAC3C,SAASC,WAAW,QAAQ,8BAA6B;AACzD,SAASC,WAAW,QAAQ,QAAO;AAEnC;;;;;CAKC,GACD,SAASC,gBACPC,IAA0D;QAG9BH;IAD5B,mEAAmE;IACnE,MAAM,EAAEI,eAAe,EAAE,IAAGJ,eAAAA,yBAAAA,eAAiB,CAAC;IAE9C,OAAOC,YACL,CAACI;QACC,MAAMC,SAASD,eAAAA,OAAQN,SAASQ,KAAK,CAACC,eAAe;QACrD,IAAI,CAACF,QAAQ,OAAOG;QAEpB,MAAMC,SAASP,KAAKG;QACpB,IAAII,OAAOC,KAAK,EAAE;YAChBP,mCAAAA,gBAAkBM,OAAOC,KAAK,EAAE;gBAAEC,SAAS;gBAAWC,SAAS;YAAM;YACrE,OAAOJ;QACT;QACA,mEAAmE;QACnE,oEAAoE;QACpE,sDAAsD;QACtD,IAAIC,OAAOL,IAAI,EAAEN,SAASQ,KAAK,CAACO,eAAe,CAACJ,OAAOL,IAAI;QAC3D,OAAOK,OAAOL,IAAI;IACpB,GACA;QAACF;QAAMC;KAAgB;AAE3B;AAEA,8EAA8E,GAC9E,OAAO,SAASW;IACd,OAAOb,gBAAgBH,SAASiB,WAAW;AAC7C;AAEA,sDAAsD,GACtD,OAAO,SAASC;IACd,OAAOf,gBAAgBH,SAASmB,UAAU;AAC5C;AAEA,eAAeH,uBAAsB"}

package/src/lib/hooks/use-node-with-host-tokens.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { type HostTokenSource } from '@aglyn/aglyn';
+/**
+ * One node's render copy with its `{{host.*}}` tokens filled in from `host`
+ * (AGL-2881).
+ *
+ * Through `resolveNodesHostTokens`, handed this node alone: the function the
+ * published page composes its whole tree with, so a token draws on the canvas
+ * as exactly what a visitor reads — a field the site has not set included,
+ * which both draw as nothing.
+ *
+ * Answers `node` itself when there is no site, and when no prop holds a token.
+ * A copy only: the node the canvas selects, edits and saves keeps its tokens.
+ */
+export declare function resolveNodeHostTokens<N>(node: N, host: HostTokenSource | null | undefined): N;
+/**
+ * {@link resolveNodeHostTokens} for a leaf, against the site the canvas decided
+ * on ({@link CanvasHostTokensContext}).
+ *
+ * The copy is keyed by the node and by `revision`. A canvas node is a MobX
+ * observable whose props change in place, so a leaf drawing one passes
+ * something that changes with those props; the nodes drawn from a component
+ * definition or the layout chrome are rebuilt whole when they change and need
+ * nothing more.
+ */
+export declare function useNodeWithHostTokens<N>(node: N, revision?: unknown): N;
+export default useNodeWithHostTokens;

package/src/lib/hooks/use-node-with-host-tokens.js

@@ -0,0 +1,59 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { resolveNodesHostTokens } from "@aglyn/aglyn";
+import { useContext, useMemo } from "react";
+import CanvasHostTokensContext from "../contexts/canvas-host-tokens-context.js";
+/**
+ * One node's render copy with its `{{host.*}}` tokens filled in from `host`
+ * (AGL-2881).
+ *
+ * Through `resolveNodesHostTokens`, handed this node alone: the function the
+ * published page composes its whole tree with, so a token draws on the canvas
+ * as exactly what a visitor reads — a field the site has not set included,
+ * which both draw as nothing.
+ *
+ * Answers `node` itself when there is no site, and when no prop holds a token.
+ * A copy only: the node the canvas selects, edits and saves keeps its tokens.
+ */ export function resolveNodeHostTokens(node, host) {
+    var _resolved_node;
+    if (!host || !node) return node;
+    const resolved = resolveNodesHostTokens({
+        node: node
+    }, host);
+    return (_resolved_node = resolved.node) != null ? _resolved_node : node;
+}
+/**
+ * {@link resolveNodeHostTokens} for a leaf, against the site the canvas decided
+ * on ({@link CanvasHostTokensContext}).
+ *
+ * The copy is keyed by the node and by `revision`. A canvas node is a MobX
+ * observable whose props change in place, so a leaf drawing one passes
+ * something that changes with those props; the nodes drawn from a component
+ * definition or the layout chrome are rebuilt whole when they change and need
+ * nothing more.
+ */ export function useNodeWithHostTokens(node, revision) {
+    const host = useContext(CanvasHostTokensContext);
+    return useMemo(()=>resolveNodeHostTokens(node, host), // `revision` carries the in-place prop changes identity cannot.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        node,
+        host,
+        revision
+    ]);
+}
+export default useNodeWithHostTokens;
+
+//# sourceMappingURL=use-node-with-host-tokens.js.map

package/src/lib/hooks/use-node-with-host-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/hooks/use-node-with-host-tokens.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { type HostTokenSource, resolveNodesHostTokens } from '@aglyn/aglyn'\nimport { useContext, useMemo } from 'react'\nimport CanvasHostTokensContext from '../contexts/canvas-host-tokens-context'\n\n/**\n * One node's render copy with its `{{host.*}}` tokens filled in from `host`\n * (AGL-2881).\n *\n * Through `resolveNodesHostTokens`, handed this node alone: the function the\n * published page composes its whole tree with, so a token draws on the canvas\n * as exactly what a visitor reads — a field the site has not set included,\n * which both draw as nothing.\n *\n * Answers `node` itself when there is no site, and when no prop holds a token.\n * A copy only: the node the canvas selects, edits and saves keeps its tokens.\n */\nexport function resolveNodeHostTokens<N>(\n  node: N,\n  host: HostTokenSource | null | undefined,\n): N {\n  if (!host || !node) return node\n  const resolved = resolveNodesHostTokens(\n    { node: node as Record<string, unknown> },\n    host,\n  )\n  return (resolved.node ?? node) as N\n}\n\n/**\n * {@link resolveNodeHostTokens} for a leaf, against the site the canvas decided\n * on ({@link CanvasHostTokensContext}).\n *\n * The copy is keyed by the node and by `revision`. A canvas node is a MobX\n * observable whose props change in place, so a leaf drawing one passes\n * something that changes with those props; the nodes drawn from a component\n * definition or the layout chrome are rebuilt whole when they change and need\n * nothing more.\n */\nexport function useNodeWithHostTokens<N>(node: N, revision?: unknown): N {\n  const host = useContext(CanvasHostTokensContext)\n  return useMemo(\n    () => resolveNodeHostTokens(node, host),\n    // `revision` carries the in-place prop changes identity cannot.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [node, host, revision],\n  )\n}\n\nexport default useNodeWithHostTokens\n"],"names":["resolveNodesHostTokens","useContext","useMemo","CanvasHostTokensContext","resolveNodeHostTokens","node","host","resolved","useNodeWithHostTokens","revision"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAA+BA,sBAAsB,QAAQ,eAAc;AAC3E,SAASC,UAAU,EAAEC,OAAO,QAAQ,QAAO;AAC3C,OAAOC,6BAA6B,4CAAwC;AAE5E;;;;;;;;;;;CAWC,GACD,OAAO,SAASC,sBACdC,IAAO,EACPC,IAAwC;QAOhCC;IALR,IAAI,CAACD,QAAQ,CAACD,MAAM,OAAOA;IAC3B,MAAME,WAAWP,uBACf;QAAEK,MAAMA;IAAgC,GACxCC;IAEF,QAAQC,iBAAAA,SAASF,IAAI,YAAbE,iBAAiBF;AAC3B;AAEA;;;;;;;;;CASC,GACD,OAAO,SAASG,sBAAyBH,IAAO,EAAEI,QAAkB;IAClE,MAAMH,OAAOL,WAAWE;IACxB,OAAOD,QACL,IAAME,sBAAsBC,MAAMC,OAClC,gEAAgE;IAChE,uDAAuD;IACvD;QAACD;QAAMC;QAAMG;KAAS;AAE1B;AAEA,eAAeD,sBAAqB"}

package/src/lib/hooks/use-picker-filter.d.ts

@@ -0,0 +1,61 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/** The single group search results collapse into (AGL-2486). */
+export declare const RESULTS_CATEGORY_ID = "aglyn:picker-results";
+export declare const RESULTS_CATEGORY_LABEL = "Best matches";
+/** A category group as both element pickers consume it. */
+export interface PickerCategory<TItem = any> {
+    $id: string;
+    label?: string;
+    items?: TItem[];
+}
+export interface PickerFilterResult<TCategory> {
+    /** Current query text; empty when nothing is being searched. */
+    filter: string;
+    /** Categories unfiltered, or the single flat "Best matches" group. */
+    items: TCategory[];
+    /**
+     * `onChange` for the search field. Also serves the clear button: an
+     * IconButton has no `currentTarget.value`, so the query falls back to ''.
+     */
+    handleFilterChange: (e: {
+        currentTarget?: {
+            value?: string;
+        };
+    }) => void;
+}
+/**
+ * The element picker's search, shared by the Choose-element dialog and the
+ * Elements panel (AGL-2486).
+ *
+ * Both surfaces MUST agree about what a query matches and in what order.
+ * Two pickers that disagree about what `icon` means would be worse than one
+ * of them having no search at all, which is why this lives in one place
+ * rather than being written twice.
+ *
+ * Results are FLAT while a filter is active, deliberately. A name hit has to
+ * outrank a description hit, and that cannot hold inside category
+ * accordions: `Icon` lives in Media, so grouping would drag every Media
+ * entry — Avatar, "shows a picture, initials or an icon" — above `Icon
+ * button` in Input. Unfiltered, the curated categories come back untouched.
+ *
+ * @param allItems the visible categories, freshly derived each render
+ * @param onFiltered optional side effect run on every query change (the
+ *   dialog drops its pending selection, which the new results no longer show)
+ */
+export declare function usePickerFilter<TCategory extends PickerCategory>(allItems: TCategory[], onFiltered?: () => void): PickerFilterResult<TCategory>;
+export default usePickerFilter;

package/src/lib/hooks/use-picker-filter.js

@@ -0,0 +1,122 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { useCallback, useEffect, useState } from "react";
+import { rankPickerItems } from "../utils/rank-picker-results.js";
+/** The single group search results collapse into (AGL-2486). */ export const RESULTS_CATEGORY_ID = 'aglyn:picker-results';
+export const RESULTS_CATEGORY_LABEL = 'Best matches';
+/**
+ * The fields the fuzzy pass looks at. Fuse decides WHAT matches (it is the
+ * only thing here with any typo tolerance); `rankPickerItems` decides the
+ * ORDER.
+ */ const FUSE_KEYS = [
+    'displayName',
+    'label',
+    'title',
+    'description',
+    'subtitle',
+    'category',
+    // Authored synonyms. `rankPickerItems` has always ranked these; until
+    // AGL-2486 nothing could SET them and the fuzzy pass never looked at
+    // them, so the ranking was scoring a field that did not exist.
+    'tags',
+    'keywords',
+    'pluginId',
+    'kind',
+    '$id'
+];
+/**
+ * The element picker's search, shared by the Choose-element dialog and the
+ * Elements panel (AGL-2486).
+ *
+ * Both surfaces MUST agree about what a query matches and in what order.
+ * Two pickers that disagree about what `icon` means would be worse than one
+ * of them having no search at all, which is why this lives in one place
+ * rather than being written twice.
+ *
+ * Results are FLAT while a filter is active, deliberately. A name hit has to
+ * outrank a description hit, and that cannot hold inside category
+ * accordions: `Icon` lives in Media, so grouping would drag every Media
+ * entry — Avatar, "shows a picture, initials or an icon" — above `Icon
+ * button` in Input. Unfiltered, the curated categories come back untouched.
+ *
+ * @param allItems the visible categories, freshly derived each render
+ * @param onFiltered optional side effect run on every query change (the
+ *   dialog drops its pending selection, which the new results no longer show)
+ */ export function usePickerFilter(allItems, onFiltered) {
+    const [filter, setFilter] = useState('');
+    const [items, setItems] = useState(allItems);
+    // Presets can register after mount (per-host reusable components load
+    // from Firestore) — refresh the unfiltered list when the registry
+    // changes. `allItems` is a fresh array every render, so key on a stable
+    // signature to avoid a setState loop.
+    const registrySignature = allItems.map((category)=>{
+        var _ref;
+        var _category_items;
+        return `${category.$id}:${(_ref = (_category_items = category.items) == null ? void 0 : _category_items.length) != null ? _ref : 0}`;
+    }).join('|');
+    useEffect(()=>{
+        if (!filter) setItems(allItems);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        registrySignature,
+        filter
+    ]);
+    const handleFilterChange = useCallback(async (e)=>{
+        var _e_currentTarget;
+        const filter = ((_e_currentTarget = e.currentTarget) == null ? void 0 : _e_currentTarget.value) || '';
+        setFilter(filter);
+        onFiltered == null ? void 0 : onFiltered();
+        let items = allItems;
+        if (filter) {
+            try {
+                // Dynamically load fuse.js
+                const Fuse = (await import("fuse.js")).default;
+                const fuse = new Fuse([], {
+                    shouldSort: true,
+                    keys: FUSE_KEYS
+                });
+                // Fuse's own `shouldSort` weights every key alike, which is what
+                // put `Icon` below everything whose description merely mentions
+                // an icon (AGL-2486). `rankPickerItems` re-orders name-first.
+                const matched = allItems.flatMap((category)=>{
+                    fuse.setCollection(category.items);
+                    return fuse.search(filter).map((result)=>result.item);
+                });
+                items = matched.length ? [
+                    {
+                        $id: RESULTS_CATEGORY_ID,
+                        label: RESULTS_CATEGORY_LABEL,
+                        items: rankPickerItems(matched, filter)
+                    }
+                ] : [];
+            } catch (error) {
+                console.error('Failed to load fuse.js', error);
+            }
+        }
+        setItems(items);
+    }, [
+        allItems,
+        onFiltered
+    ]);
+    return {
+        filter,
+        items,
+        handleFilterChange
+    };
+}
+export default usePickerFilter;
+
+//# sourceMappingURL=use-picker-filter.js.map

package/src/lib/hooks/use-picker-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/besigner/feature/designer/src/lib/hooks/use-picker-filter.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useEffect, useState } from 'react'\nimport { rankPickerItems } from '../utils/rank-picker-results'\n\n/** The single group search results collapse into (AGL-2486). */\nexport const RESULTS_CATEGORY_ID = 'aglyn:picker-results'\nexport const RESULTS_CATEGORY_LABEL = 'Best matches'\n\n/**\n * The fields the fuzzy pass looks at. Fuse decides WHAT matches (it is the\n * only thing here with any typo tolerance); `rankPickerItems` decides the\n * ORDER.\n */\nconst FUSE_KEYS = [\n  'displayName',\n  'label',\n  'title',\n  'description',\n  'subtitle',\n  'category',\n  // Authored synonyms. `rankPickerItems` has always ranked these; until\n  // AGL-2486 nothing could SET them and the fuzzy pass never looked at\n  // them, so the ranking was scoring a field that did not exist.\n  'tags',\n  'keywords',\n  'pluginId',\n  'kind',\n  '$id',\n]\n\n/** A category group as both element pickers consume it. */\nexport interface PickerCategory<TItem = any> {\n  $id: string\n  label?: string\n  items?: TItem[]\n}\n\nexport interface PickerFilterResult<TCategory> {\n  /** Current query text; empty when nothing is being searched. */\n  filter: string\n  /** Categories unfiltered, or the single flat \"Best matches\" group. */\n  items: TCategory[]\n  /**\n   * `onChange` for the search field. Also serves the clear button: an\n   * IconButton has no `currentTarget.value`, so the query falls back to ''.\n   */\n  handleFilterChange: (e: { currentTarget?: { value?: string } }) => void\n}\n\n/**\n * The element picker's search, shared by the Choose-element dialog and the\n * Elements panel (AGL-2486).\n *\n * Both surfaces MUST agree about what a query matches and in what order.\n * Two pickers that disagree about what `icon` means would be worse than one\n * of them having no search at all, which is why this lives in one place\n * rather than being written twice.\n *\n * Results are FLAT while a filter is active, deliberately. A name hit has to\n * outrank a description hit, and that cannot hold inside category\n * accordions: `Icon` lives in Media, so grouping would drag every Media\n * entry — Avatar, \"shows a picture, initials or an icon\" — above `Icon\n * button` in Input. Unfiltered, the curated categories come back untouched.\n *\n * @param allItems the visible categories, freshly derived each render\n * @param onFiltered optional side effect run on every query change (the\n *   dialog drops its pending selection, which the new results no longer show)\n */\nexport function usePickerFilter<TCategory extends PickerCategory>(\n  allItems: TCategory[],\n  onFiltered?: () => void,\n): PickerFilterResult<TCategory> {\n  const [filter, setFilter] = useState('')\n  const [items, setItems] = useState(allItems)\n\n  // Presets can register after mount (per-host reusable components load\n  // from Firestore) — refresh the unfiltered list when the registry\n  // changes. `allItems` is a fresh array every render, so key on a stable\n  // signature to avoid a setState loop.\n  const registrySignature = allItems\n    .map((category) => `${category.$id}:${category.items?.length ?? 0}`)\n    .join('|')\n  useEffect(() => {\n    if (!filter) setItems(allItems)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [registrySignature, filter])\n\n  const handleFilterChange = useCallback(\n    async (e: { currentTarget?: { value?: string } }) => {\n      const filter = e.currentTarget?.value || ''\n      setFilter(filter)\n      onFiltered?.()\n      let items = allItems\n\n      if (filter) {\n        try {\n          // Dynamically load fuse.js\n          const Fuse = (await import('fuse.js')).default\n          const fuse = new Fuse<TCategory['items'][number]>([], {\n            shouldSort: true,\n            keys: FUSE_KEYS,\n          })\n\n          // Fuse's own `shouldSort` weights every key alike, which is what\n          // put `Icon` below everything whose description merely mentions\n          // an icon (AGL-2486). `rankPickerItems` re-orders name-first.\n          const matched = allItems.flatMap((category) => {\n            fuse.setCollection(category.items)\n            return fuse.search(filter).map((result) => result.item)\n          })\n          items = matched.length\n            ? [\n                {\n                  $id: RESULTS_CATEGORY_ID,\n                  label: RESULTS_CATEGORY_LABEL,\n                  items: rankPickerItems(matched, filter),\n                } as unknown as TCategory,\n              ]\n            : []\n        } catch (error) {\n          console.error('Failed to load fuse.js', error)\n        }\n      }\n\n      setItems(items)\n    },\n    [allItems, onFiltered],\n  )\n\n  return { filter, items, handleFilterChange }\n}\n\nexport default usePickerFilter\n"],"names":["useCallback","useEffect","useState","rankPickerItems","RESULTS_CATEGORY_ID","RESULTS_CATEGORY_LABEL","FUSE_KEYS","usePickerFilter","allItems","onFiltered","filter","setFilter","items","setItems","registrySignature","map","category","$id","length","join","handleFilterChange","e","currentTarget","value","Fuse","default","fuse","shouldSort","keys","matched","flatMap","setCollection","search","result","item","label","error","console"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACxD,SAASC,eAAe,QAAQ,kCAA8B;AAE9D,8DAA8D,GAC9D,OAAO,MAAMC,sBAAsB,uBAAsB;AACzD,OAAO,MAAMC,yBAAyB,eAAc;AAEpD;;;;CAIC,GACD,MAAMC,YAAY;IAChB;IACA;IACA;IACA;IACA;IACA;IACA,sEAAsE;IACtE,qEAAqE;IACrE,+DAA+D;IAC/D;IACA;IACA;IACA;IACA;CACD;AAqBD;;;;;;;;;;;;;;;;;;CAkBC,GACD,OAAO,SAASC,gBACdC,QAAqB,EACrBC,UAAuB;IAEvB,MAAM,CAACC,QAAQC,UAAU,GAAGT,SAAS;IACrC,MAAM,CAACU,OAAOC,SAAS,GAAGX,SAASM;IAEnC,sEAAsE;IACtE,kEAAkE;IAClE,wEAAwE;IACxE,sCAAsC;IACtC,MAAMM,oBAAoBN,SACvBO,GAAG,CAAC,CAACC;;YAAgCA;eAAnB,GAAGA,SAASC,GAAG,CAAC,CAAC,WAAED,kBAAAA,SAASJ,KAAK,qBAAdI,gBAAgBE,MAAM,mBAAI,GAAG;OAClEC,IAAI,CAAC;IACRlB,UAAU;QACR,IAAI,CAACS,QAAQG,SAASL;IACtB,uDAAuD;IACzD,GAAG;QAACM;QAAmBJ;KAAO;IAE9B,MAAMU,qBAAqBpB,YACzB,OAAOqB;YACUA;QAAf,MAAMX,SAASW,EAAAA,mBAAAA,EAAEC,aAAa,qBAAfD,iBAAiBE,KAAK,KAAI;QACzCZ,UAAUD;QACVD,8BAAAA;QACA,IAAIG,QAAQJ;QAEZ,IAAIE,QAAQ;YACV,IAAI;gBACF,2BAA2B;gBAC3B,MAAMc,OAAO,AAAC,CAAA,MAAM,MAAM,CAAC,UAAS,EAAGC,OAAO;gBAC9C,MAAMC,OAAO,IAAIF,KAAiC,EAAE,EAAE;oBACpDG,YAAY;oBACZC,MAAMtB;gBACR;gBAEA,iEAAiE;gBACjE,gEAAgE;gBAChE,8DAA8D;gBAC9D,MAAMuB,UAAUrB,SAASsB,OAAO,CAAC,CAACd;oBAChCU,KAAKK,aAAa,CAACf,SAASJ,KAAK;oBACjC,OAAOc,KAAKM,MAAM,CAACtB,QAAQK,GAAG,CAAC,CAACkB,SAAWA,OAAOC,IAAI;gBACxD;gBACAtB,QAAQiB,QAAQX,MAAM,GAClB;oBACE;wBACED,KAAKb;wBACL+B,OAAO9B;wBACPO,OAAOT,gBAAgB0B,SAASnB;oBAClC;iBACD,GACD,EAAE;YACR,EAAE,OAAO0B,OAAO;gBACdC,QAAQD,KAAK,CAAC,0BAA0BA;YAC1C;QACF;QAEAvB,SAASD;IACX,GACA;QAACJ;QAAUC;KAAW;IAGxB,OAAO;QAAEC;QAAQE;QAAOQ;IAAmB;AAC7C;AAEA,eAAeb,gBAAe"}