@pro-laico/payload-dev-tools 0.1.0 → 0.2.0

package/dist/next/revalidatePanel.js

@@ -0,0 +1,1094 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import "@xyflow/react/dist/style.css";
+import dagre from "@dagrejs/dagre";
+import { Background, Handle, Position, ReactFlow } from "@xyflow/react";
+import { useMemo, useState } from "react";
+import { BustTagCard } from "./client.js";
+const RICH_TEXT_NODE = '*';
+const clock = (iso)=>iso.slice(11, 19);
+const label = (node)=>node === RICH_TEXT_NODE ? 'richText embeds' : node;
+const readName = (read)=>read.label ?? `${read.kind}:${read.collection ?? read.global ?? '?'}${read.as !== undefined ? `:${read.as}` : ''}${read.list ? `:${read.list}` : ''}${read.draft ? ' (draft)' : ''}`;
+/** Which node a read belongs to, and which collection a tag points at (prefix-aware). */ const readNode = (read)=>read.collection ?? (read.global ? `global:${read.global}` : null);
+const tagCollection = (tag, prefix)=>{
+    const bare = prefix && tag.startsWith(`${prefix}:`) ? tag.slice(prefix.length + 1) : tag;
+    return bare.split(':')[0] ?? bare;
+};
+/** Observed bake-ins as `edited -> renderer` pairs — colors the schema edges by real usage. */ const bakedPairs = (reads, prefix)=>{
+    const pairs = new Set();
+    for (const read of reads){
+        const renderer = readNode(read);
+        if (!renderer) continue;
+        for (const embed of read.bakedIn)pairs.add(`${tagCollection(embed.tag, prefix)}->${renderer}`);
+    }
+    return pairs;
+};
+function GraphNode({ data }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `pdtp-flow-node ${data.selected ? 'pdtp-flow-node-active' : ''}`,
+        children: [
+            /*#__PURE__*/ _jsx(Handle, {
+                type: "target",
+                position: Position.Left,
+                className: "pdtp-flow-handle"
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "pdtp-mono",
+                children: data.title
+            }),
+            /*#__PURE__*/ _jsxs("span", {
+                className: "pdtp-flow-badges",
+                children: [
+                    data.kind !== 'collection' ? /*#__PURE__*/ _jsx("em", {
+                        children: data.kind === 'global' ? 'global' : 'per-doc'
+                    }) : null,
+                    data.reads ? /*#__PURE__*/ _jsxs("em", {
+                        children: [
+                            data.reads,
+                            " reads"
+                        ]
+                    }) : null,
+                    data.baked ? /*#__PURE__*/ _jsxs("em", {
+                        className: "pdtp-flow-warn",
+                        children: [
+                            data.baked,
+                            " baked ⚠"
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Handle, {
+                type: "source",
+                position: Position.Right,
+                className: "pdtp-flow-handle"
+            })
+        ]
+    });
+}
+const nodeTypes = {
+    pdtp: GraphNode
+};
+/** Left→right layered layout: sources are the things you EDIT, targets the surfaces that
+ *  go stale. Sized by label so dagre spaces long slugs correctly. */ const layout = (nodes, edges)=>{
+    const g = new dagre.graphlib.Graph();
+    g.setGraph({
+        rankdir: 'LR',
+        nodesep: 24,
+        ranksep: 120
+    });
+    g.setDefaultEdgeLabel(()=>({}));
+    for (const node of nodes)g.setNode(node.id, {
+        width: 30 + node.data.title.length * 8 + (node.data.reads ? 60 : 0),
+        height: 40
+    });
+    for (const edge of edges)g.setEdge(edge.source, edge.target);
+    dagre.layout(g);
+    return nodes.map((node)=>{
+        const pos = g.node(node.id);
+        return {
+            ...node,
+            position: {
+                x: pos.x - pos.width / 2,
+                y: pos.y - pos.height / 2
+            }
+        };
+    });
+};
+function ExploreTab({ data, selected, onSelect }) {
+    const { nodes, edges } = useMemo(()=>{
+        const baked = bakedPairs(data.reads, data.prefix);
+        const readCounts = new Map();
+        const bakedCounts = new Map();
+        for (const read of data.reads){
+            const node = readNode(read);
+            if (!node) continue;
+            readCounts.set(node, (readCounts.get(node) ?? 0) + 1);
+            if (read.bakedIn.length) bakedCounts.set(node, (bakedCounts.get(node) ?? 0) + 1);
+        }
+        const ids = [
+            ...data.graph.collections,
+            ...data.graph.globals.map((g)=>`global:${g}`)
+        ];
+        const hasRichText = data.graph.edges.some((e)=>e.to === RICH_TEXT_NODE);
+        const allIds = hasRichText ? [
+            ...ids,
+            RICH_TEXT_NODE
+        ] : ids;
+        const flowNodes = allIds.map((id)=>({
+                id,
+                type: 'pdtp',
+                position: {
+                    x: 0,
+                    y: 0
+                },
+                data: {
+                    title: label(id),
+                    kind: id === RICH_TEXT_NODE ? 'richText' : id.startsWith('global:') ? 'global' : 'collection',
+                    reads: readCounts.get(id) ?? 0,
+                    baked: bakedCounts.get(id) ?? 0,
+                    selected: selected === id
+                }
+            }));
+        // Direction of staleness: editing `edge.to` makes `edge.from` stale — source is the
+        // edited side so the graph reads left (cause) → right (effect).
+        const flowEdges = data.graph.edges.map((edge)=>{
+            const isBaked = baked.has(`${edge.to}->${edge.from}`);
+            const active = selected !== null && (edge.to === selected || edge.from === selected);
+            const dimmed = selected !== null && !active;
+            return {
+                id: `${edge.from}|${edge.via}|${edge.to}`,
+                source: edge.to,
+                target: edge.from,
+                animated: isBaked && !dimmed,
+                label: active ? `${edge.via} (${edge.kind})` : undefined,
+                style: {
+                    stroke: isBaked ? 'var(--pdtp-warn)' : 'oklch(1 0 0 / 30%)',
+                    strokeWidth: active ? 2 : 1.25,
+                    strokeDasharray: edge.kind === 'richText' || edge.to === RICH_TEXT_NODE ? '5 5' : undefined,
+                    opacity: dimmed ? 0.15 : 1
+                },
+                labelStyle: {
+                    fill: 'var(--pdtp-fg)',
+                    fontSize: 11
+                },
+                labelBgStyle: {
+                    fill: 'var(--pdtp-card)'
+                }
+            };
+        });
+        return {
+            nodes: layout(flowNodes, flowEdges),
+            edges: flowEdges
+        };
+    }, [
+        data,
+        selected
+    ]);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "pdtp-flow",
+                children: /*#__PURE__*/ _jsx(ReactFlow, {
+                    nodes: nodes,
+                    edges: edges,
+                    nodeTypes: nodeTypes,
+                    colorMode: "dark",
+                    fitView: true,
+                    minZoom: 0.3,
+                    nodesDraggable: true,
+                    nodesConnectable: false,
+                    proOptions: {
+                        hideAttribution: true
+                    },
+                    onNodeClick: (_, node)=>onSelect(selected === node.id ? null : node.id),
+                    onPaneClick: ()=>onSelect(null),
+                    children: /*#__PURE__*/ _jsx(Background, {
+                        gap: 24
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsxs("p", {
+                className: "pdtp-note",
+                style: {
+                    marginTop: 8
+                },
+                children: [
+                    "Left → right: editing a node makes its right-hand neighbors stale. ",
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-warn",
+                        children: "Amber animated"
+                    }),
+                    " edges are OBSERVED bake-ins (populated content — the anti-pattern); grey edges are id-references or not yet observed; dashed = richText (per-doc). Click a node for its full story."
+                ]
+            }),
+            selected ? /*#__PURE__*/ _jsx(NodeDetail, {
+                node: selected,
+                data: data
+            }) : null
+        ]
+    });
+}
+/**
+ * The focused, evidence-based answer for one node — three layers, never conflated:
+ *
+ * 1. **What a write here busts** — tags, by event kind. Facts from the decision table.
+ * 2. **What observably purges right now** — the cached entries that actually carry those
+ *    tags. This is the truth of "what happens if I edit/create a doc here today".
+ * 3. **Potential coupling** — schema edges. A reference alone never propagates a purge
+ *    (ids are stable); an edge only becomes real when a getter is OBSERVED baking the
+ *    content in. Each edge is labeled accordingly.
+ */ function NodeDetail({ node, data }) {
+    const { graph, rules, reads, prefix } = data;
+    const p = prefix ? `${prefix}:` : '';
+    const isGlobal = node.startsWith('global:');
+    const slug = isGlobal ? node.slice('global:'.length) : node;
+    const settings = data.settings[slug];
+    const baked = bakedPairs(reads, prefix);
+    const makesStale = graph.edges.filter((e)=>e.to === node);
+    const staleWhen = graph.edges.filter((e)=>e.from === node);
+    const ownRules = rules.filter((r)=>r.on === slug);
+    const scopes = Object.entries(settings?.lists ?? {});
+    // Observed: entries carrying this collection's DOC tags (own entries + bake-ins)…
+    const docTagCarriers = new Map();
+    // …and entries carrying its LIST tags (what membership events actually purge).
+    const listCarriers = reads.filter((read)=>read.kind === 'ids' && read.collection === slug);
+    if (!isGlobal && node !== RICH_TEXT_NODE) {
+        for (const read of reads){
+            for (const tag of [
+                ...read.staticTags,
+                ...read.depTags
+            ]){
+                if (!tag.startsWith(`${p}${slug}:`) || tag.startsWith(`${p}${slug}:list:`) || tag.endsWith(':draft')) continue;
+                const isBaked = read.bakedIn.some((b)=>b.tag === tag);
+                docTagCarriers.set(tag, [
+                    ...docTagCarriers.get(tag) ?? [],
+                    {
+                        name: readName(read),
+                        baked: isBaked
+                    }
+                ]);
+            }
+        }
+    }
+    if (node === RICH_TEXT_NODE) {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "pdtp-card",
+            style: {
+                marginTop: 16
+            },
+            children: [
+                /*#__PURE__*/ _jsxs("h2", {
+                    children: [
+                        "richText embeds ",
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "pdtp-kind",
+                            children: "per-doc"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    className: "pdtp-note",
+                    style: {
+                        margin: 0
+                    },
+                    children: "Upload/relationship nodes inside rich text resolve per document at read time. Populated nodes bake content in and tag the entry (shown as bake-ins on the owning read); id-only nodes are references — render them through id-keyed getters."
+                })
+            ]
+        });
+    }
+    // The getters the CODE declares for this node (live source scan), matched against
+    // runtime observation so each shows whether it has materialized yet.
+    const helperKind = {
+        cacheDoc: 'doc',
+        cacheIds: 'ids',
+        cacheGlobal: 'global'
+    };
+    const nodeGetters = data.getters.filter((g)=>g.slug === slug && (isGlobal ? g.helper === 'cacheGlobal' : g.helper !== 'cacheGlobal')).map((g)=>{
+        const observed = reads.find((read)=>(read.collection ?? read.global) === slug && read.kind === helperKind[g.helper] && (read.list ?? undefined) === (g.list ?? undefined) && (g.label === undefined || read.label === g.label));
+        return {
+            ...g,
+            observed
+        };
+    });
+    const vocabulary = isGlobal ? [
+        `${p}global:${slug}`,
+        `${p}global:${slug}:draft`
+    ] : [
+        `${p}${slug}:{id}`,
+        ...settings?.idField ? [
+            `${p}${slug}:{${settings.idField}}`
+        ] : [],
+        `${p}${slug}`,
+        ...scopes.map(([scope])=>`${p}${slug}:list:${scope}`),
+        '+ :draft variants'
+    ];
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "pdtp-card",
+        style: {
+            marginTop: 16
+        },
+        children: [
+            /*#__PURE__*/ _jsxs("h2", {
+                children: [
+                    label(node),
+                    " ",
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-kind",
+                        children: isGlobal ? 'global' : 'collection'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("p", {
+                className: "pdtp-note",
+                style: {
+                    margin: '0 0 12px'
+                },
+                children: [
+                    "Tags:",
+                    ' ',
+                    vocabulary.map((tag)=>/*#__PURE__*/ _jsx("span", {
+                            className: "pdtp-code",
+                            style: {
+                                marginRight: 6
+                            },
+                            children: tag
+                        }, tag))
+                ]
+            }),
+            /*#__PURE__*/ _jsx("h3", {
+                className: "pdtp-rev-subhead",
+                children: "A write here busts…"
+            }),
+            /*#__PURE__*/ _jsx("ul", {
+                className: "pdtp-rev-list",
+                children: isGlobal ? /*#__PURE__*/ _jsxs("li", {
+                    children: [
+                        "any save → ",
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "pdtp-code",
+                            children: `${p}global:${slug}`
+                        })
+                    ]
+                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsxs("li", {
+                            children: [
+                                "editing a doc → ",
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "pdtp-code",
+                                    children: `${p}${slug}:{id}`
+                                }),
+                                settings?.idField ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        ' ',
+                                        "+ ",
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: "pdtp-code",
+                                            children: `${p}${slug}:{${settings.idField}}`
+                                        })
+                                    ]
+                                }) : null,
+                                ' ',
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "pdtp-muted",
+                                    children: "— that one doc, nothing else"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("li", {
+                            children: [
+                                "create / delete / publish / unpublish → also ",
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "pdtp-code",
+                                    children: `${p}${slug}`
+                                }),
+                                scopes.map(([scope])=>/*#__PURE__*/ _jsxs("span", {
+                                        children: [
+                                            ' ',
+                                            "+ ",
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-code",
+                                                children: `${p}${slug}:list:${scope}`
+                                            })
+                                        ]
+                                    }, scope)),
+                                ' ',
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "pdtp-muted",
+                                    children: "— membership changed"
+                                })
+                            ]
+                        }),
+                        scopes.map(([scope, fields])=>/*#__PURE__*/ _jsxs("li", {
+                                children: [
+                                    "editing ",
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "pdtp-mono",
+                                        children: fields.join(' / ')
+                                    }),
+                                    " → also",
+                                    ' ',
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "pdtp-code",
+                                        children: `${p}${slug}:list:${scope}`
+                                    }),
+                                    " ",
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "pdtp-muted",
+                                        children: "— order/filter changed"
+                                    })
+                                ]
+                            }, scope)),
+                        settings?.extraTags.length ? /*#__PURE__*/ _jsxs("li", {
+                            children: [
+                                "every published write → also ",
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "pdtp-mono",
+                                    children: settings.extraTags.join(', ')
+                                })
+                            ]
+                        }) : null,
+                        ownRules.length ? /*#__PURE__*/ _jsxs("li", {
+                            children: [
+                                "rules → also ",
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "pdtp-mono",
+                                    children: ownRules.flatMap((r)=>r.bust).join(', ')
+                                })
+                            ]
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsx("h3", {
+                className: "pdtp-rev-subhead",
+                style: {
+                    marginTop: 14
+                },
+                children: "…which currently purges (observed)"
+            }),
+            docTagCarriers.size ? /*#__PURE__*/ _jsx("ul", {
+                className: "pdtp-rev-list",
+                children: [
+                    ...docTagCarriers.entries()
+                ].slice(0, 10).map(([tag, carriers])=>/*#__PURE__*/ _jsxs("li", {
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "pdtp-code",
+                                children: tag
+                            }),
+                            " →",
+                            ' ',
+                            carriers.map((c, i)=>/*#__PURE__*/ _jsxs("span", {
+                                    children: [
+                                        i > 0 ? ', ' : '',
+                                        c.name,
+                                        c.baked ? /*#__PURE__*/ _jsx("span", {
+                                            className: "pdtp-warn",
+                                            children: " (baked-in ⚠)"
+                                        }) : /*#__PURE__*/ _jsx("span", {
+                                            className: "pdtp-muted",
+                                            children: " (own entry ✓)"
+                                        })
+                                    ]
+                                }, c.name))
+                        ]
+                    }, tag))
+            }) : !isGlobal ? /*#__PURE__*/ _jsxs("p", {
+                className: "pdtp-muted",
+                style: {
+                    margin: 0
+                },
+                children: [
+                    "No cached entries carry ",
+                    slug,
+                    " doc tags yet — editing a ",
+                    slug,
+                    " doc right now purges nothing (its entry materializes, tagged, on first read)."
+                ]
+            }) : null,
+            !isGlobal ? /*#__PURE__*/ _jsx("p", {
+                className: "pdtp-note",
+                children: listCarriers.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        "Membership events purge: ",
+                        listCarriers.map((read)=>readName(read)).join(', '),
+                        ' — ',
+                        "the id-lists re-query; every unchanged card entry survives."
+                    ]
+                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        "Membership events currently purge ",
+                        /*#__PURE__*/ _jsx("strong", {
+                            children: "nothing"
+                        }),
+                        " — no id-list read carries",
+                        ' ',
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "pdtp-code",
+                            children: `${p}${slug}`
+                        }),
+                        " or a scope yet. Creating or deleting a ",
+                        slug,
+                        " doc is invisible to the cache until a `cacheIds` read exists."
+                    ]
+                })
+            }) : null,
+            nodeGetters.length ? /*#__PURE__*/ _jsxs("div", {
+                style: {
+                    marginTop: 14
+                },
+                children: [
+                    /*#__PURE__*/ _jsx("h3", {
+                        className: "pdtp-rev-subhead",
+                        children: "Getters in your code"
+                    }),
+                    /*#__PURE__*/ _jsx("ul", {
+                        className: "pdtp-rev-list",
+                        children: nodeGetters.map((g)=>/*#__PURE__*/ _jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ _jsx("strong", {
+                                        children: g.getter ? `${g.getter}()` : g.label ?? g.helper
+                                    }),
+                                    ' ',
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        className: "pdtp-mono pdtp-muted",
+                                        children: [
+                                            g.helper,
+                                            g.list ? ` · list:${g.list}` : '',
+                                            " · ",
+                                            g.file,
+                                            ":",
+                                            g.line
+                                        ]
+                                    }),
+                                    ' ',
+                                    g.observed ? /*#__PURE__*/ _jsxs("span", {
+                                        className: "pdtp-muted",
+                                        children: [
+                                            "materialized ×",
+                                            g.observed.count,
+                                            g.observed.bakedIn.length ? /*#__PURE__*/ _jsxs("span", {
+                                                className: "pdtp-warn",
+                                                children: [
+                                                    " · ",
+                                                    g.observed.bakedIn.length,
+                                                    " baked-in ⚠"
+                                                ]
+                                            }) : null,
+                                            g.observed.undeclared ? /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-warn",
+                                                children: " · undeclared scope!"
+                                            }) : null
+                                        ]
+                                    }) : /*#__PURE__*/ _jsx("span", {
+                                        className: "pdtp-muted",
+                                        children: "not yet observed"
+                                    })
+                                ]
+                            }, `${g.file}:${g.line}`))
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        className: "pdtp-note",
+                        children: "Found by scanning your source for cache-helper calls (literal slugs only) — the payload-icons pattern."
+                    })
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsxs("div", {
+                className: "pdtp-rev-cols",
+                style: {
+                    marginTop: 14
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("h3", {
+                                className: "pdtp-rev-subhead",
+                                children: "Can be referenced by (schema)"
+                            }),
+                            makesStale.length ? /*#__PURE__*/ _jsx("ul", {
+                                className: "pdtp-rev-list",
+                                children: makesStale.map((edge)=>{
+                                    const observedBaked = baked.has(`${node}->${edge.from}`);
+                                    return /*#__PURE__*/ _jsxs("li", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("strong", {
+                                                children: edge.from
+                                            }),
+                                            ' ',
+                                            /*#__PURE__*/ _jsxs("span", {
+                                                className: "pdtp-mono pdtp-muted",
+                                                children: [
+                                                    "via ",
+                                                    edge.via,
+                                                    " (",
+                                                    edge.kind,
+                                                    ")"
+                                                ]
+                                            }),
+                                            ' ',
+                                            observedBaked ? /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-warn",
+                                                children: "baked-in ⚠ — edits here DO purge those entries"
+                                            }) : /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-muted",
+                                                children: "reference only — no purge propagation"
+                                            })
+                                        ]
+                                    }, `${edge.from}-${edge.via}`);
+                                })
+                            }) : /*#__PURE__*/ _jsx("p", {
+                                className: "pdtp-muted",
+                                style: {
+                                    margin: 0
+                                },
+                                children: "No schema field references it."
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("h3", {
+                                className: "pdtp-rev-subhead",
+                                children: "References (schema)"
+                            }),
+                            staleWhen.length ? /*#__PURE__*/ _jsx("ul", {
+                                className: "pdtp-rev-list",
+                                children: staleWhen.map((edge)=>{
+                                    const observedBaked = baked.has(`${edge.to}->${node}`);
+                                    return /*#__PURE__*/ _jsxs("li", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("strong", {
+                                                children: label(edge.to)
+                                            }),
+                                            ' ',
+                                            /*#__PURE__*/ _jsxs("span", {
+                                                className: "pdtp-mono pdtp-muted",
+                                                children: [
+                                                    "via ",
+                                                    edge.via,
+                                                    " (",
+                                                    edge.kind,
+                                                    ")"
+                                                ]
+                                            }),
+                                            ' ',
+                                            observedBaked ? /*#__PURE__*/ _jsxs("span", {
+                                                className: "pdtp-warn",
+                                                children: [
+                                                    "baked-in ⚠ — its edits purge ",
+                                                    slug,
+                                                    " entries"
+                                                ]
+                                            }) : /*#__PURE__*/ _jsxs("span", {
+                                                className: "pdtp-muted",
+                                                children: [
+                                                    "id only — its edits never touch ",
+                                                    slug,
+                                                    " entries"
+                                                ]
+                                            })
+                                        ]
+                                    }, `${edge.to}-${edge.via}`);
+                                })
+                            }) : /*#__PURE__*/ _jsx("p", {
+                                className: "pdtp-muted",
+                                style: {
+                                    margin: 0
+                                },
+                                children: "References nothing."
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("p", {
+                className: "pdtp-note",
+                children: [
+                    "A reference (id) never couples two entries — the id is stable, and the referenced doc's freshness lives in its own id-keyed entry. Only",
+                    ' ',
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "pdtp-warn",
+                        children: "baked-in ⚠"
+                    }),
+                    " rows propagate purges; refactor those getters to shrink the blast radius."
+                ]
+            })
+        ]
+    });
+}
+// ---------------------------------------------------------------------------
+// Fields tab — the per-field blast-radius table
+// ---------------------------------------------------------------------------
+function FieldsTab({ data }) {
+    const entries = Object.entries(data.settings);
+    if (!entries.length) return /*#__PURE__*/ _jsx("p", {
+        className: "pdtp-muted",
+        children: "No collections registered."
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            entries.map(([slug, s])=>/*#__PURE__*/ _jsxs("div", {
+                    className: "pdtp-card",
+                    style: {
+                        marginBottom: 14
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsxs("h2", {
+                            children: [
+                                slug,
+                                ' ',
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "pdtp-kind",
+                                    children: Object.keys(s.lists).length ? `lists: ${Object.keys(s.lists).join(', ')}` : 'no declared lists'
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("table", {
+                            className: "pdtp-table",
+                            children: [
+                                /*#__PURE__*/ _jsx("thead", {
+                                    children: /*#__PURE__*/ _jsxs("tr", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("th", {
+                                                children: "editing field…"
+                                            }),
+                                            /*#__PURE__*/ _jsx("th", {
+                                                children: "busts"
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx("tbody", {
+                                    children: s.fields.map((field)=>{
+                                        const scopes = Object.entries(s.lists).filter(([, fields])=>fields.includes(field)).map(([scope])=>scope);
+                                        return /*#__PURE__*/ _jsxs("tr", {
+                                            children: [
+                                                /*#__PURE__*/ _jsx("td", {
+                                                    className: "pdtp-mono",
+                                                    children: field
+                                                }),
+                                                /*#__PURE__*/ _jsxs("td", {
+                                                    className: "pdtp-mono",
+                                                    children: [
+                                                        "doc",
+                                                        field === s.idField ? ' + alias (old & new)' : '',
+                                                        scopes.length ? ` + ${scopes.map((scope)=>`list:${scope}`).join(' + ')}` : ''
+                                                    ]
+                                                })
+                                            ]
+                                        }, field);
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("p", {
+                            className: "pdtp-note",
+                            children: [
+                                "Create / delete / publish / unpublish additionally bust ",
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "pdtp-code",
+                                    children: slug
+                                }),
+                                Object.keys(s.lists).map((scope)=>/*#__PURE__*/ _jsxs("span", {
+                                        children: [
+                                            ' ',
+                                            "+ ",
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-code",
+                                                children: `${slug}:list:${scope}`
+                                            })
+                                        ]
+                                    }, scope)),
+                                s.extraTags.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        " · every published write also busts ",
+                                        s.extraTags.join(', ')
+                                    ]
+                                }) : null
+                            ]
+                        })
+                    ]
+                }, slug)),
+            data.rules.length ? /*#__PURE__*/ _jsxs("div", {
+                className: "pdtp-section",
+                children: [
+                    /*#__PURE__*/ _jsxs("h2", {
+                        children: [
+                            "Manual rules ",
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "pdtp-kind",
+                                children: data.rules.length
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("table", {
+                        className: "pdtp-table",
+                        children: /*#__PURE__*/ _jsx("tbody", {
+                            children: data.rules.map((rule)=>/*#__PURE__*/ _jsxs("tr", {
+                                    children: [
+                                        /*#__PURE__*/ _jsx("td", {
+                                            className: "pdtp-code",
+                                            children: rule.on
+                                        }),
+                                        /*#__PURE__*/ _jsxs("td", {
+                                            className: "pdtp-mono",
+                                            children: [
+                                                "busts ",
+                                                rule.bust.join(', ')
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx("td", {
+                                            className: "pdtp-muted",
+                                            children: rule.whenFields ? `when ${rule.whenFields.join(', ')} change` : 'always'
+                                        })
+                                    ]
+                                }, `${rule.on}-${rule.bust.join(',')}`))
+                        })
+                    })
+                ]
+            }) : null
+        ]
+    });
+}
+// ---------------------------------------------------------------------------
+// Reads + Events tabs
+// ---------------------------------------------------------------------------
+function ReadsTab({ data }) {
+    return data.reads.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("table", {
+                className: "pdtp-table",
+                children: [
+                    /*#__PURE__*/ _jsx("thead", {
+                        children: /*#__PURE__*/ _jsxs("tr", {
+                            children: [
+                                /*#__PURE__*/ _jsx("th", {
+                                    children: "read"
+                                }),
+                                /*#__PURE__*/ _jsx("th", {
+                                    children: "tags"
+                                }),
+                                /*#__PURE__*/ _jsx("th", {
+                                    children: "health"
+                                }),
+                                /*#__PURE__*/ _jsx("th", {
+                                    children: "seen"
+                                }),
+                                /*#__PURE__*/ _jsx("th", {
+                                    children: "last"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("tbody", {
+                        children: data.reads.map((read)=>{
+                            const all = [
+                                ...read.staticTags,
+                                ...read.depTags
+                            ];
+                            return /*#__PURE__*/ _jsxs("tr", {
+                                children: [
+                                    /*#__PURE__*/ _jsx("td", {
+                                        className: "pdtp-code",
+                                        children: readName(read)
+                                    }),
+                                    /*#__PURE__*/ _jsx("td", {
+                                        className: "pdtp-mono",
+                                        title: all.join('\n'),
+                                        children: all.length
+                                    }),
+                                    /*#__PURE__*/ _jsxs("td", {
+                                        children: [
+                                            read.undeclared ? /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-warn",
+                                                children: "undeclared scope! "
+                                            }) : null,
+                                            read.bakedIn.length ? /*#__PURE__*/ _jsxs("span", {
+                                                className: "pdtp-warn",
+                                                title: read.bakedIn.map((b)=>`${b.via} → ${b.tag}`).join('\n'),
+                                                children: [
+                                                    read.bakedIn.length,
+                                                    " baked-in ⚠"
+                                                ]
+                                            }) : null,
+                                            read.capped ? /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-warn",
+                                                children: " capped!"
+                                            }) : null,
+                                            !read.undeclared && !read.bakedIn.length && !read.capped ? /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-muted",
+                                                children: "atomic ✓"
+                                            }) : null
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("td", {
+                                        className: "pdtp-mono",
+                                        children: [
+                                            "×",
+                                            read.count
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("td", {
+                                        className: "pdtp-mono",
+                                        children: clock(read.lastAt)
+                                    })
+                                ]
+                            }, readName(read));
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                className: "pdtp-note",
+                children: "Hover a tag count for the full list, a baked-in badge for the field paths. Reads record on cache miss (a hit never re-executes the getter)."
+            })
+        ]
+    }) : /*#__PURE__*/ _jsx("p", {
+        className: "pdtp-muted",
+        children: "Nothing materialized yet — reads appear here the first time a cacheDoc/cacheIds/cacheGlobal getter runs."
+    });
+}
+function EventsTab({ data, endpointPath }) {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            data.events.length ? /*#__PURE__*/ _jsxs("table", {
+                className: "pdtp-table",
+                children: [
+                    /*#__PURE__*/ _jsx("thead", {
+                        children: /*#__PURE__*/ _jsxs("tr", {
+                            children: [
+                                /*#__PURE__*/ _jsx("th", {
+                                    children: "at"
+                                }),
+                                /*#__PURE__*/ _jsx("th", {
+                                    children: "trigger"
+                                }),
+                                /*#__PURE__*/ _jsx("th", {
+                                    children: "busted"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("tbody", {
+                        children: data.events.map((event)=>/*#__PURE__*/ _jsxs("tr", {
+                                children: [
+                                    /*#__PURE__*/ _jsx("td", {
+                                        className: "pdtp-mono",
+                                        children: clock(event.at)
+                                    }),
+                                    /*#__PURE__*/ _jsxs("td", {
+                                        children: [
+                                            /*#__PURE__*/ _jsxs("span", {
+                                                className: "pdtp-code",
+                                                children: [
+                                                    event.trigger.operation,
+                                                    " ",
+                                                    event.trigger.slug,
+                                                    event.trigger.id !== undefined ? `:${event.trigger.id}` : ''
+                                                ]
+                                            }),
+                                            event.trigger.lane === 'draft' ? /*#__PURE__*/ _jsx("span", {
+                                                className: "pdtp-muted",
+                                                children: " draft"
+                                            }) : null
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("td", {
+                                        className: "pdtp-mono",
+                                        title: event.busted.map((b)=>`${b.tag} (${b.reason})`).join('\n'),
+                                        children: [
+                                            event.busted.slice(0, 4).map((b)=>b.tag).join(', '),
+                                            event.busted.length > 4 ? ` +${event.busted.length - 4}` : ''
+                                        ]
+                                    })
+                                ]
+                            }, `${event.at}-${event.trigger.slug}-${event.trigger.id ?? ''}`))
+                    })
+                ]
+            }) : /*#__PURE__*/ _jsx("p", {
+                className: "pdtp-muted",
+                children: "No busts recorded yet — edit something in the admin panel."
+            }),
+            endpointPath ? /*#__PURE__*/ _jsx(BustTagCard, {
+                endpointPath: endpointPath
+            }) : null
+        ]
+    });
+}
+// ---------------------------------------------------------------------------
+// The tabbed panel
+// ---------------------------------------------------------------------------
+const TABS = [
+    {
+        key: 'explore',
+        title: 'Explore'
+    },
+    {
+        key: 'fields',
+        title: 'Fields'
+    },
+    {
+        key: 'reads',
+        title: 'Reads'
+    },
+    {
+        key: 'events',
+        title: 'Events'
+    }
+];
+/** The `/dev/revalidate` panel — tabbed so a grown project stays navigable: Explore (the
+ *  interactive dependency graph + per-node lookup), Fields (the per-field blast-radius
+ *  tables), Reads (observed cache entries with atomic-health badges), Events (the bust
+ *  log + manual bust box). */ export function RevalidatePanel({ data, endpointPath }) {
+    const [tab, setTab] = useState('explore');
+    const [selected, setSelected] = useState(null);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            !data.observing ? /*#__PURE__*/ _jsx("p", {
+                className: "pdtp-warn",
+                style: {
+                    marginTop: 0
+                },
+                children: "Observation is off (`observe: false`) — the graph is static config analysis only; reads and events aren't recorded."
+            }) : null,
+            /*#__PURE__*/ _jsx("div", {
+                className: "pdtp-seg",
+                style: {
+                    marginBottom: 20
+                },
+                children: TABS.map(({ key, title })=>/*#__PURE__*/ _jsxs("button", {
+                        type: "button",
+                        className: tab === key ? 'pdtp-active' : '',
+                        onClick: ()=>setTab(key),
+                        children: [
+                            title,
+                            key === 'reads' && data.reads.length ? ` · ${data.reads.length}` : '',
+                            key === 'events' && data.events.length ? ` · ${data.events.length}` : ''
+                        ]
+                    }, key))
+            }),
+            tab === 'explore' ? /*#__PURE__*/ _jsx(ExploreTab, {
+                data: data,
+                selected: selected,
+                onSelect: setSelected
+            }) : null,
+            tab === 'fields' ? /*#__PURE__*/ _jsx(FieldsTab, {
+                data: data
+            }) : null,
+            tab === 'reads' ? /*#__PURE__*/ _jsx(ReadsTab, {
+                data: data
+            }) : null,
+            tab === 'events' ? /*#__PURE__*/ _jsx(EventsTab, {
+                data: data,
+                endpointPath: endpointPath
+            }) : null,
+            /*#__PURE__*/ _jsxs("p", {
+                className: "pdtp-note",
+                children: [
+                    "Machine-readable: ",
+                    /*#__PURE__*/ _jsxs("span", {
+                        className: "pdtp-code",
+                        children: [
+                            "GET ",
+                            endpointPath ?? '/api/revalidate-map'
+                        ]
+                    }),
+                    " serves all of this as JSON",
+                    data.prefix ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            ' ',
+                            "· tag prefix ",
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "pdtp-code",
+                                children: data.prefix
+                            })
+                        ]
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=revalidatePanel.js.map