@leverege/imaginarium-ui 1.7.2 → 1.8.1

package/lib/PluginSetup-CBFwSR1s.js

@@ -0,0 +1,2532 @@
+import { P as Mt, N as Dt } from "./PluginTypes-mZ4TjxPV.js";
+import { M as Ft, u as be, P as qt } from "./MarkdownPageDoc-D-4LY8Fg.js";
+import { jsx as e, jsxs as n, Fragment as ze } from "react/jsx-runtime";
+import { useState as R, useMemo as q, useEffect as Qe, Fragment as yt } from "react";
+import { u as oe, a as te, B as E, C as Ae, f as Me, c as ce } from "./Card-D2LdIJwJ.js";
+import { useQueryClient as de, useMutation as _, useQuery as ae } from "@tanstack/react-query";
+import { X as Ne, Loader2 as Ve, Save as bt, Plus as je, Ban as Be, RotateCcw as zt, AlertTriangle as ye, Check as Nt, ChevronDown as ue, ChevronRight as he, Send as jt, Circle as Bt, ArrowLeft as Le, RefreshCw as vt, ListChecks as Lt, BarChart2 as Jt, Pencil as Qt, Trash2 as wt, Bot as Vt } from "lucide-react";
+import { Config as Ue } from "@leverege/plugin";
+import { D as ve, a as we, b as ke, c as Ce, d as Te, L as le, I as ge, e as Pe } from "./Label-v0wUXs4O.js";
+import { b as Ut, T as Ht, c as _t, a as Yt } from "./Tooltip-CIwKmgzA.js";
+const Wt = Ft.create({
+  path: "/imp",
+  markdown: `# imp
+
+Manage cross-cluster releases for your Imagine project. A release captures a snapshot of entities from an origin cluster and lets you review diffs and push to one or more destination clusters.
+
+---
+
+## Releases tab
+
+### Creating a release
+
+A release snapshots all entities (blueprints, rules, scripts, attributes, enums, roles, etc.) from an origin cluster at a point in time and tracks what differs from one or more destination clusters.
+
+### Reading the diff
+
+Each row is one entity. The status column tells you what changed:
+
+- new: exists on origin, not on any destination
+- updated: exists on both but differs
+- removed: exists on destination(s) but no longer on origin
+- skip: automatically excluded (e.g. a rule with no published version, or all versions already exist on the destination)
+
+Selecting a row opens the diff panel on the right, which shows a side-by-side JSON diff for updated items.
+
+### Including / excluding items
+
+The toggle at the left of each row controls whether that item is included in the push. The type chips and Enabled / Disabled filter help narrow down what you're looking at.
+
+Items with children (e.g. a blueprint with changed attributes) show a child count chip. Expanding the row lets you include or exclude individual child changes. The top-level toggle only controls the parent entity's own changes (tags, metadata, etc.) and does not automatically include or exclude its children.
+
+### Previously skipped
+
+Items that were excluded in the most recent previous release are automatically carried over as excluded in the next one and marked "previously skipped." This prevents accidentally re-including something you intentionally left out last time. Manually toggling the item clears the badge and the carry-over behavior.
+
+### Refreshing a snapshot
+
+Refresh re-snapshots the origin against the current state of the destinations. New items appear, removed items drop out, and diffs update. Manual overrides (excluded tags, metadata keys, etc.) are preserved across refreshes.
+
+### Pushing
+
+Pushing sends all included items to the selected destination clusters. The release becomes read-only after a push. Each row surfaces its result as a success or failure chip. Hover a chip for error detail if something failed.
+
+---
+
+## Manual overrides (diff panel)
+
+When you click a row, the diff panel shows per-field overrides for that item. These let you include an item but exclude specific sub-fields from the push.
+
+### Tags
+
+Uncheck a tag to exclude it. The destination will keep its existing value for that tag and the origin's other tags will still be pushed.
+
+### Metadata keys
+
+Each key in the entity's \`metadata\` object can be individually excluded. Useful when one cluster carries environment-specific metadata (e.g. an API base URL or a feature flag) that should not be overwritten.
+
+### i18n paths
+
+Individual translation paths can be excluded so the destination keeps its own localized strings for specific fields while receiving the rest of the entity update.
+
+### Permissions (roles)
+
+For role entities, individual permission entries (module/action pairs) can be excluded. Useful when destination clusters have different access policies for specific modules.
+
+---
+
+## Ignoring items permanently
+
+The ⊘ button on a release row permanently ignores that item for the origin cluster. Ignored items are excluded from this and all future releases for that origin, show an "Ignored" pill in the release list, and are not pushed even if their toggle is on.
+
+The ⊘ button on a release row creates an ignore rule for that item, which excludes it immediately and refreshes the snapshot.
+
+To remove an ignore, delete it from the Ignored tab. The item will reappear in any release draft the next time you refresh the snapshot.
+
+---
+
+## Status tab
+
+Shows a matrix of every entity in the origin cluster vs. every destination cluster. Cell states:
+
+- match: origin and destination are identical
+- diff: values differ
+- translated: differs but a translation rule accounts for the difference (counts as match)
+- missing: exists on origin, not on destination
+- extra: exists on destination, not on origin
+- skip: excluded from comparison
+
+The Reference dropdown controls which cluster is treated as the source of truth.
+
+---
+
+## Translations tab
+
+Translation rules let you declare that two different values across clusters are intentionally equivalent. The Status matrix shows those cells as translated instead of diff.
+
+A common use case: an API base URL that differs between dev and prod clusters. Without a translation rule, every blueprint referencing that URL shows as diff. With a rule mapping \`https://api.dev.example.com\` → \`https://api.prod.example.com\`, the diff is suppressed in the matrix.
+
+Each rule has a name and a value per cluster. Leaving a cluster's field blank skips it for that pairing.
+
+Translation rules affect both the Status matrix and releases. In the matrix they suppress diffs that are explained by a translation rule, showing the cell as translated instead of diff. In releases the substitutions are applied during push, so destination clusters receive the remapped values rather than the origin values verbatim.
+
+### Systems with different aliases
+
+If a system has a different alias on each cluster, add its aliases as a translation rule (the alias on each cluster) and imp will map them to the same system, so the Status matrix matches them instead of flagging missing/extra and rules that reference the system stop false-diffing.
+
+---
+
+## Ignored tab
+
+Lists all permanently-ignored items for the selected origin cluster. Removing a single item (trash icon) makes it reappear in future release snapshots. Clear all removes every ignore rule for that cluster at once.
+
+After removing an ignore, refreshing an existing release draft will bring the item back.
+`
+});
+function Gt({ open: t, onOpenChange: s, onCreated: i }) {
+  const a = Ue.get("Release", "apiPath", "/releases"), { toast: r } = oe(), { fetchJson: d } = te(), l = de(), { configs: m } = be(), [h, b] = R(""), [x, c] = R(""), [p, P] = R(""), [M, D] = R([]), Q = ["imaginarium", "releases", a], U = () => {
+    b(""), c(""), P(""), D([]);
+  }, j = q(
+    () => m.filter((g) => g.id !== p),
+    [m, p]
+  ), Y = (g) => {
+    P(g), D((w) => w.filter((V) => V !== g));
+  }, B = (g) => {
+    D(
+      (w) => w.includes(g) ? w.filter((V) => V !== g) : [...w, g]
+    );
+  }, k = _({
+    mutationFn: async () => {
+      const g = await d(a, {
+        method: "POST",
+        body: JSON.stringify({
+          name: h.trim(),
+          description: x.trim() || null,
+          originConfigId: p,
+          targetConfigIds: M
+        })
+      });
+      return await d(`${a}/${g.id}/snapshot-from-compare`, {
+        method: "POST",
+        body: JSON.stringify({})
+      }), g;
+    },
+    onSuccess: (g) => {
+      l.invalidateQueries({ queryKey: Q }), r({ title: "Success", description: "Release created and snapshotted" }), s(!1), U(), i(g.id);
+    },
+    onError: (g) => {
+      r({ title: "Error", description: g.message, variant: "destructive" });
+    },
+    // Refetch regardless of outcome: if create succeeds but snapshot fails, the
+    // new release would otherwise be orphaned and missing from the list.
+    onSettled: () => {
+      l.invalidateQueries({ queryKey: Q });
+    }
+  }), C = (g) => {
+    g || U(), s(g);
+  }, $ = !!(h.trim() && p && M.length > 0);
+  return /* @__PURE__ */ e(ve, { open: t, onOpenChange: C, children: /* @__PURE__ */ n(we, { children: [
+    /* @__PURE__ */ n(ke, { children: [
+      /* @__PURE__ */ e(Ce, { children: "New Release" }),
+      /* @__PURE__ */ e(Te, { children: "Create a release from an origin cluster and snapshot the diff against its targets." })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "space-y-4 py-4", children: [
+      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(le, { htmlFor: "release-name", children: "Name" }),
+        /* @__PURE__ */ e(
+          ge,
+          {
+            id: "release-name",
+            value: h,
+            onChange: (g) => b(g.target.value),
+            placeholder: "2026.05 Release"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(le, { htmlFor: "release-description", children: "Description (Optional)" }),
+        /* @__PURE__ */ e(
+          ge,
+          {
+            id: "release-description",
+            value: x,
+            onChange: (g) => c(g.target.value),
+            placeholder: "What this release contains"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(le, { htmlFor: "release-origin", children: "Origin Cluster" }),
+        /* @__PURE__ */ n(
+          "select",
+          {
+            id: "release-origin",
+            value: p,
+            onChange: (g) => Y(g.target.value),
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "Select origin…" }),
+              m.map((g) => /* @__PURE__ */ e("option", { value: g.id, children: g.displayName }, g.id))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(le, { children: "Target Clusters" }),
+        j.length > 0 ? /* @__PURE__ */ e("div", { className: "space-y-1 rounded-md border border-input p-2 max-h-48 overflow-y-auto", children: j.map((g) => /* @__PURE__ */ n("label", { className: "flex items-center gap-2 text-sm cursor-pointer", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: M.includes(g.id),
+              onChange: () => B(g.id)
+            }
+          ),
+          g.displayName
+        ] }, g.id)) }) : /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: p ? "No other clusters available as targets." : "Select an origin first." })
+      ] })
+    ] }),
+    /* @__PURE__ */ n(Pe, { children: [
+      /* @__PURE__ */ n(E, { variant: "outline", onClick: () => C(!1), disabled: k.isPending, children: [
+        /* @__PURE__ */ e(Ne, { className: "w-4 h-4 mr-2" }),
+        "Cancel"
+      ] }),
+      /* @__PURE__ */ e(E, { onClick: () => k.mutate(), disabled: !$ || k.isPending, children: k.isPending ? /* @__PURE__ */ n(ze, { children: [
+        /* @__PURE__ */ e(Ve, { className: "w-4 h-4 mr-2 animate-spin" }),
+        "Snapshotting…"
+      ] }) : /* @__PURE__ */ n(ze, { children: [
+        /* @__PURE__ */ e(bt, { className: "w-4 h-4 mr-2" }),
+        "Create & snapshot"
+      ] }) })
+    ] })
+  ] }) });
+}
+function kt({ status: t }) {
+  return /* @__PURE__ */ e("span", { className: `inline-flex items-center rounded px-1.5 py-0.5 text-xs font-medium border ${t === "pushed" ? "bg-emerald-500/15 text-emerald-700 dark:text-emerald-300 border-emerald-500/30" : "bg-muted text-muted-foreground border-border"}`, children: t });
+}
+function Xt({ onOpen: t }) {
+  const s = Ue.get("Release", "apiPath", "/releases"), { fetchJson: i } = te(), { configs: a } = be(), [r, d] = R(!1), l = ["imaginarium", "releases", s], { data: m, isLoading: h } = ae({
+    queryKey: l,
+    queryFn: async () => {
+      const c = await i(s);
+      return [...Array.isArray(c) ? c : (c == null ? void 0 : c.items) ?? []].sort((P, M) => (M.createdAt ?? "").localeCompare(P.createdAt ?? ""));
+    }
+  }), b = q(() => {
+    const c = /* @__PURE__ */ new Map();
+    return a.forEach((p) => c.set(String(p.id), p.displayName)), c;
+  }, [a]), x = (c) => b.get(c) ?? c;
+  return /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ n(E, { onClick: () => d(!0), children: [
+      /* @__PURE__ */ e(je, { className: "w-4 h-4 mr-2" }),
+      "New Release"
+    ] }) }),
+    h ? /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground", children: "Loading…" }) : m && m.length > 0 ? /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(Me, { className: "p-0", children: /* @__PURE__ */ n("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "border-b text-left text-muted-foreground", children: [
+        /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Name" }),
+        /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Origin" }),
+        /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Targets" }),
+        /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Status" }),
+        /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Snapshot" }),
+        /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Pushed" }),
+        /* @__PURE__ */ e("th", { className: "p-3 font-medium" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: m.map((c) => /* @__PURE__ */ n(
+        "tr",
+        {
+          className: "border-b last:border-0 cursor-pointer hover:bg-muted/50",
+          onClick: () => t(c.id),
+          children: [
+            /* @__PURE__ */ n("td", { className: "p-3", children: [
+              /* @__PURE__ */ e("div", { className: "font-medium", children: c.name }),
+              c.description ? /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: c.description }) : null
+            ] }),
+            /* @__PURE__ */ e("td", { className: "p-3", children: x(c.originConfigId) }),
+            /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: (c.targetConfigIds ?? []).map((p) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: "inline-flex items-center rounded bg-muted px-1.5 py-0.5 text-xs",
+                children: x(p)
+              },
+              p
+            )) }) }),
+            /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e(kt, { status: c.status }) }),
+            /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: c.snapshotAt ? new Date(c.snapshotAt).toLocaleString() : "—" }),
+            /* @__PURE__ */ e("td", { className: "p-3 text-muted-foreground", children: c.pushedAt ? new Date(c.pushedAt).toLocaleString() : "—" }),
+            /* @__PURE__ */ e("td", { className: "p-3 text-right", children: /* @__PURE__ */ e(
+              E,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: (p) => {
+                  p.stopPropagation(), t(c.id);
+                },
+                children: "Open →"
+              }
+            ) })
+          ]
+        },
+        c.id
+      )) })
+    ] }) }) }) : /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ n(Me, { className: "py-12 text-center", children: [
+      /* @__PURE__ */ e("p", { className: "text-muted-foreground mb-4", children: "No releases yet" }),
+      /* @__PURE__ */ n(E, { onClick: () => d(!0), children: [
+        /* @__PURE__ */ e(je, { className: "w-4 h-4 mr-2" }),
+        "Create Your First Release"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(
+      Gt,
+      {
+        open: r,
+        onOpenChange: d,
+        onCreated: t
+      }
+    )
+  ] });
+}
+function Zt({
+  originName: t,
+  className: s
+}) {
+  const i = t ? `Skipped in your last release from ${t}.` : "Skipped in your last release.";
+  return /* @__PURE__ */ e(Ut, { children: /* @__PURE__ */ n(Ht, { children: [
+    /* @__PURE__ */ e(_t, { asChild: !0, children: /* @__PURE__ */ e(
+      "span",
+      {
+        className: ce(
+          "inline-flex items-center rounded px-1.5 py-0.5 text-xs font-medium",
+          "bg-muted text-muted-foreground cursor-default select-none",
+          s
+        ),
+        children: "previously skipped"
+      }
+    ) }),
+    /* @__PURE__ */ e(Yt, { side: "top", children: i })
+  ] }) });
+}
+function en({ className: t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: ce(
+        "inline-flex items-center rounded px-1.5 py-0.5 text-xs font-medium",
+        "bg-red-500/10 text-red-600 dark:text-red-400 border border-red-500/25",
+        t
+      ),
+      children: "ignored"
+    }
+  );
+}
+function tn({
+  ignoreRule: t,
+  createPayload: s,
+  apiPath: i = "/release-ignores",
+  onChange: a,
+  className: r
+}) {
+  const { toast: d } = oe(), { fetchJson: l } = te(), m = de(), [h, b] = R(!1), x = !!t, c = () => {
+    m.invalidateQueries({ queryKey: ["imaginarium", "release-ignores"] }), a == null || a();
+  }, p = _({
+    mutationFn: () => l(i, {
+      method: "POST",
+      body: JSON.stringify(s)
+    }),
+    onSuccess: () => {
+      d({ title: "Item ignored", description: "Will be excluded from all future snapshots." }), b(!1), c();
+    },
+    onError: (D) => {
+      d({ title: "Error", description: D.message, variant: "destructive" });
+    }
+  }), P = _({
+    mutationFn: () => l(`${i}/${t.id}`, { method: "DELETE" }),
+    onSuccess: () => {
+      d({ title: "Item un-ignored", description: "Will appear normally in future snapshots." }), c();
+    },
+    onError: (D) => {
+      d({ title: "Error", description: D.message, variant: "destructive" });
+    }
+  }), M = p.isPending || P.isPending;
+  return /* @__PURE__ */ n(ze, { children: [
+    /* @__PURE__ */ e(
+      E,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: x ? "Remove from ignore list" : "Ignore this item",
+        disabled: M,
+        onClick: () => x ? P.mutate() : b(!0),
+        className: ce(x && "text-red-500 hover:text-red-500 dark:text-red-400 dark:hover:text-red-400", r),
+        children: /* @__PURE__ */ e(Be, {})
+      }
+    ),
+    /* @__PURE__ */ e(ve, { open: h, onOpenChange: b, children: /* @__PURE__ */ n(we, { children: [
+      /* @__PURE__ */ n(ke, { children: [
+        /* @__PURE__ */ e(Ce, { children: "Ignore this item?" }),
+        /* @__PURE__ */ n(Te, { children: [
+          "Ignoring excludes this item from ",
+          /* @__PURE__ */ e("strong", { children: "this and all future releases" }),
+          " for this origin cluster — it will never be pushed to any destination. You can un-ignore it later from the Ignored tab."
+        ] })
+      ] }),
+      /* @__PURE__ */ n(Pe, { children: [
+        /* @__PURE__ */ e(
+          E,
+          {
+            variant: "outline",
+            onClick: () => b(!1),
+            disabled: p.isPending,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ n(
+          E,
+          {
+            variant: "destructive",
+            onClick: () => p.mutate(),
+            disabled: p.isPending,
+            children: [
+              /* @__PURE__ */ e(Be, { className: "w-4 h-4 mr-2" }),
+              "Ignore item"
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function nn({
+  releaseId: t,
+  apiPath: s = "/releases",
+  onReset: i
+}) {
+  const { toast: a } = oe(), { fetchJson: r } = te(), d = de(), l = _({
+    mutationFn: () => r(`${s}/${t}/reset-exclusions`, {
+      method: "POST"
+    }),
+    onSuccess: (m) => {
+      d.invalidateQueries({ queryKey: ["imaginarium", "release-items", t] }), a({
+        title: "Exclusions reset",
+        description: `${m.reset} item${m.reset === 1 ? "" : "s"} re-enabled.`
+      }), i == null || i(m.reset);
+    },
+    onError: (m) => {
+      a({ title: "Error", description: m.message, variant: "destructive" });
+    }
+  });
+  return /* @__PURE__ */ n(
+    E,
+    {
+      variant: "outline",
+      size: "sm",
+      onClick: () => l.mutate(),
+      disabled: l.isPending,
+      children: [
+        /* @__PURE__ */ e(zt, {}),
+        l.isPending ? "Resetting…" : "Reset exclusions"
+      ]
+    }
+  );
+}
+function De({ label: t, value: s, highlightLines: i }) {
+  return /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "mb-1 text-xs font-medium text-muted-foreground", children: t }),
+    /* @__PURE__ */ e("pre", { className: "flex-1 overflow-auto rounded border bg-muted/30 p-3 text-xs", children: i === void 0 ? s === void 0 ? "null" : JSON.stringify(s, null, 2) : (s === void 0 ? "null" : JSON.stringify(s, null, 2)).split(`
+`).map((a, r) => (
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: i[r] ? "bg-yellow-200/70 text-yellow-950 dark:bg-yellow-400/20 dark:text-yellow-100" : void 0,
+          children: a === "" ? " " : a
+        },
+        r
+      )
+    )) })
+  ] });
+}
+function st(t) {
+  return t === void 0 ? "null" : JSON.stringify(t, null, 2);
+}
+function Ct(t, s, i) {
+  let a = st(t);
+  if (i && i.length > 0)
+    for (const { replace: p, with: P } of i)
+      p && (a = a.split(p).join(P));
+  const r = a.split(`
+`), d = st(s).split(`
+`), l = r.length, m = d.length, h = Array.from({ length: l + 1 }, () => new Array(m + 1).fill(0));
+  for (let p = l - 1; p >= 0; p -= 1)
+    for (let P = m - 1; P >= 0; P -= 1)
+      h[p][P] = r[p] === d[P] ? h[p + 1][P + 1] + 1 : Math.max(h[p + 1][P], h[p][P + 1]);
+  const b = new Array(l).fill(!0);
+  let x = 0, c = 0;
+  for (; x < l && c < m; )
+    r[x] === d[c] ? (b[x] = !1, x += 1, c += 1) : h[x + 1][c] >= h[x][c + 1] ? x += 1 : c += 1;
+  return b;
+}
+function Oe({
+  title: t,
+  values: s,
+  excluded: i,
+  editable: a,
+  onToggle: r,
+  formatLabel: d
+}) {
+  const [l, m] = R(i.length > 0);
+  return Qe(() => {
+    i.length > 0 && m(!0);
+  }, [i.length]), /* @__PURE__ */ n("div", { className: "border-b p-2", children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: "flex w-full items-center justify-between gap-2",
+        onClick: () => m((h) => !h),
+        "aria-expanded": l,
+        children: [
+          /* @__PURE__ */ n("span", { className: "flex items-center gap-1 text-xs font-medium text-muted-foreground", children: [
+            l ? /* @__PURE__ */ e(ue, { size: 12 }) : /* @__PURE__ */ e(he, { size: 12 }),
+            t,
+            " (",
+            i.length,
+            ")"
+          ] }),
+          a ? null : /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground", children: "read-only" })
+        ]
+      }
+    ),
+    l ? /* @__PURE__ */ e("div", { className: "mt-1 flex flex-col gap-1", children: s.map((h) => {
+      const b = !i.includes(h);
+      return /* @__PURE__ */ n(
+        "label",
+        {
+          className: "flex items-start gap-2 text-xs",
+          children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                className: "mt-0.5 shrink-0",
+                checked: b,
+                disabled: !a,
+                onChange: (x) => r == null ? void 0 : r(h, x.target.checked)
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: `min-w-0 break-all font-mono ${b ? "" : "text-muted-foreground line-through"}`, children: d ? d(h) : h })
+          ]
+        },
+        h
+      );
+    }) }) : null
+  ] });
+}
+function sn({
+  item: t,
+  targets: s,
+  onClose: i,
+  unmetDependencyNames: a = [],
+  tags: r = [],
+  excludedTags: d = [],
+  editable: l = !0,
+  onToggleTag: m,
+  metadataKeys: h = [],
+  excludedMetadataKeys: b = [],
+  onToggleMetadataKey: x,
+  i18nPaths: c = [],
+  excludedI18nPaths: p = [],
+  onToggleI18nPath: P,
+  permissionKeys: M = [],
+  excludedPermissions: D = [],
+  onTogglePermission: Q,
+  formatPermissionLabel: U,
+  replacementMaps: j
+}) {
+  var X, f, F, J;
+  const Y = ((X = s[0]) == null ? void 0 : X.id) ?? null, [B, k] = R(Y);
+  Qe(() => {
+    var A;
+    k(((A = s[0]) == null ? void 0 : A.id) ?? null);
+  }, [t == null ? void 0 : t.id]);
+  const C = s.find((A) => A.id === B) ?? s[0] ?? null, $ = (f = t == null ? void 0 : t.diff) == null ? void 0 : f.byTarget, g = $ != null, w = g ? $[(C == null ? void 0 : C.id) ?? ""] : (F = t == null ? void 0 : t.diff) == null ? void 0 : F.target, V = g && C != null && !(C.id in $), L = q(
+    () => {
+      var A;
+      return V ? void 0 : Ct((A = t == null ? void 0 : t.diff) == null ? void 0 : A.origin, w, j == null ? void 0 : j[(C == null ? void 0 : C.id) ?? ""]);
+    },
+    [t, w, V, j, C == null ? void 0 : C.id]
+  );
+  return t ? /* @__PURE__ */ n("div", { className: "flex h-full flex-col rounded-md border bg-background", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b p-3", children: [
+      /* @__PURE__ */ n("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e("div", { className: "truncate font-medium", children: t.itemName }),
+        /* @__PURE__ */ e("div", { className: "font-mono text-xs text-muted-foreground", children: t.itemType })
+      ] }),
+      /* @__PURE__ */ e(E, { variant: "ghost", size: "icon", title: "Close", onClick: i, children: /* @__PURE__ */ e(Ne, {}) })
+    ] }),
+    a.length > 0 ? /* @__PURE__ */ n("div", { className: "flex items-start gap-2 border-b bg-amber-50 p-2 text-xs text-amber-700 dark:bg-amber-500/10 dark:text-amber-300", children: [
+      /* @__PURE__ */ e(ye, { size: 14, className: "mt-0.5 shrink-0 text-amber-600 dark:text-amber-400" }),
+      /* @__PURE__ */ n("span", { children: [
+        "Depends on excluded items: ",
+        a.join(", "),
+        ". Push will fail for this item until they're included."
+      ] })
+    ] }) : null,
+    r.length > 0 ? /* @__PURE__ */ e(
+      Oe,
+      {
+        title: "Tag Overrides",
+        values: r,
+        excluded: d,
+        editable: l,
+        onToggle: m
+      }
+    ) : null,
+    h.length > 0 ? /* @__PURE__ */ e(
+      Oe,
+      {
+        title: "Metadata Overrides",
+        values: h,
+        excluded: b,
+        editable: l,
+        onToggle: x
+      }
+    ) : null,
+    c.length > 0 ? /* @__PURE__ */ e(
+      Oe,
+      {
+        title: "Translation Overrides",
+        values: c,
+        excluded: p,
+        editable: l,
+        onToggle: P
+      }
+    ) : null,
+    M.length > 0 ? /* @__PURE__ */ e(
+      Oe,
+      {
+        title: "Permission Overrides",
+        values: M,
+        excluded: D,
+        editable: l,
+        onToggle: Q,
+        formatLabel: U
+      }
+    ) : null,
+    s.length > 0 ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 border-b p-2", children: s.map((A) => {
+      const H = g && !(A.id in $);
+      return /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: () => k(A.id),
+          className: `inline-flex items-center gap-1 rounded px-2 py-1 text-xs ${A.id === (C == null ? void 0 : C.id) ? "bg-muted font-medium" : "hover:bg-muted/50"}`,
+          children: [
+            H ? /* @__PURE__ */ e(Nt, { size: 12, className: "text-green-600" }) : /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-red-500", "aria-hidden": !0 }),
+            A.name
+          ]
+        },
+        A.id
+      );
+    }) }) : null,
+    /* @__PURE__ */ n("div", { className: "flex flex-1 gap-3 overflow-auto p-3", children: [
+      /* @__PURE__ */ e(De, { label: "Origin", value: (J = t.diff) == null ? void 0 : J.origin, highlightLines: L }),
+      V ? /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 items-center justify-center rounded border bg-muted/30 p-3 text-xs text-muted-foreground", children: [
+        "Matches ",
+        C == null ? void 0 : C.name,
+        " — no differences."
+      ] }) : /* @__PURE__ */ e(De, { label: (C == null ? void 0 : C.name) ?? "Target", value: w })
+    ] })
+  ] }) : null;
+}
+const at = [
+  "blueprint",
+  "system",
+  "network",
+  "enum",
+  "resourceEnum",
+  // Device Control
+  "timer",
+  "messageRoute",
+  // Flow
+  "role",
+  "permission",
+  "module",
+  // Permissions
+  "scenario",
+  "template",
+  // Application Controls
+  "project",
+  "rule",
+  "script"
+  // Project
+];
+function Fe(t) {
+  const s = at.indexOf(t);
+  return s === -1 ? at.length : s;
+}
+function Je(t, s) {
+  const i = Fe(t) - Fe(s);
+  return i !== 0 ? i : t.localeCompare(s);
+}
+const Re = {
+  create: "text-emerald-600",
+  update: "text-amber-600",
+  remove: "text-destructive"
+};
+function it(t) {
+  const s = t.indexOf(":");
+  return s >= 0 ? { type: t.slice(0, s), name: t.slice(s + 1) } : { type: "", name: t };
+}
+function an(t) {
+  const s = /* @__PURE__ */ new Map(), i = (a, r, d) => {
+    let l = s.get(a);
+    return l || (l = { key: a, type: r, name: d, children: [] }, s.set(a, l)), l;
+  };
+  for (const a of t)
+    if (a.parentKey) {
+      const r = it(a.parentKey);
+      i(a.parentKey, r.type, r.name).children.push(a);
+    } else {
+      const r = i(a.itemKey, a.itemType, a.itemName || it(a.itemKey).name);
+      r.type = a.itemType, r.name = a.itemName || r.name, r.self = a;
+    }
+  return [...s.values()].sort(
+    (a, r) => Fe(a.type) - Fe(r.type) || a.name.localeCompare(r.name)
+  );
+}
+function rn(t, s, i, a) {
+  const { fetchJson: r } = te();
+  return ae({
+    queryKey: ["imaginarium", "release-push-preview", t, s],
+    queryFn: () => r(`${i}/${t}/push-preview`, {
+      method: "POST",
+      body: JSON.stringify({ destConfigIds: s })
+    }),
+    enabled: a,
+    // The dialog recomputes on every open (see refetch-on-open), so don't also
+    // auto-refetch on enable — that would double the (slow) compare.
+    staleTime: 1 / 0,
+    gcTime: 0
+  });
+}
+function ln({ summary: t }) {
+  return /* @__PURE__ */ n("span", { className: "text-xs", children: [
+    /* @__PURE__ */ n("span", { className: Re.create, children: [
+      t.create,
+      " create"
+    ] }),
+    " · ",
+    /* @__PURE__ */ n("span", { className: Re.update, children: [
+      t.update,
+      " update"
+    ] }),
+    " · ",
+    /* @__PURE__ */ n("span", { className: Re.remove, children: [
+      t.remove,
+      " remove"
+    ] })
+  ] });
+}
+function rt({ action: t }) {
+  return /* @__PURE__ */ e("span", { className: `font-mono text-xs uppercase ${Re[t] ?? ""}`, children: t });
+}
+function on() {
+  return /* @__PURE__ */ e("span", { className: "font-mono text-xs uppercase text-muted-foreground", children: "no_update" });
+}
+function dn({ preview: t, loading: s, error: i, onSelectItem: a }) {
+  if (s)
+    return /* @__PURE__ */ n("p", { className: "mt-1 inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ e(Ve, { className: "h-3 w-3 animate-spin" }),
+      " Computing changes…"
+    ] });
+  if (t != null && t.error)
+    return /* @__PURE__ */ n("p", { className: "mt-1 text-xs text-destructive", children: [
+      "Couldn’t compute changes: ",
+      t.error
+    ] });
+  if (i && !t)
+    return /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-destructive", children: "Couldn’t compute changes for this target." });
+  if (!t || !t.summary)
+    return null;
+  if (t.summary.total === 0)
+    return /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-muted-foreground", children: "No changes — already up to date." });
+  const r = an(t.items ?? []);
+  return /* @__PURE__ */ n("div", { className: "mt-1", children: [
+    /* @__PURE__ */ e(ln, { summary: t.summary }),
+    /* @__PURE__ */ e("div", { className: "mt-2 max-h-[55vh] space-y-3 overflow-auto border-t pt-2", children: r.map((d) => /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n("div", { className: "flex items-baseline gap-2", children: [
+        d.self ? /* @__PURE__ */ e(rt, { action: d.self.action }) : /* @__PURE__ */ e(on, {}),
+        d.self && a ? /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "text-sm font-medium hover:underline",
+            onClick: () => a(d.self),
+            children: d.name
+          }
+        ) : /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: d.name }),
+        /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: d.type })
+      ] }),
+      d.children.length > 0 ? /* @__PURE__ */ e("ul", { className: "ml-4 mt-0.5 space-y-0.5 border-l pl-3", children: d.children.map((l, m) => /* @__PURE__ */ n("li", { className: "text-xs", children: [
+        /* @__PURE__ */ e(rt, { action: l.action }),
+        " ",
+        a ? /* @__PURE__ */ e("button", { type: "button", className: "hover:underline", onClick: () => a(l), children: l.itemName || l.itemKey }) : /* @__PURE__ */ e("span", { children: l.itemName || l.itemKey }),
+        l.itemType !== "attribute" ? /* @__PURE__ */ n("span", { className: "text-muted-foreground", children: [
+          " (",
+          l.itemType,
+          ")"
+        ] }) : null
+      ] }, `${l.itemKey}-${m}`)) }) : null
+    ] }, d.key)) })
+  ] });
+}
+function Tt({
+  releaseId: t,
+  destConfigId: s,
+  name: i,
+  apiPath: a = "/releases",
+  onSelectItem: r,
+  headerRight: d,
+  footer: l,
+  defaultOpen: m = !1
+}) {
+  var P, M, D, Q;
+  const [h, b] = R(m), x = q(() => [s], [s]), c = rn(t, x, a, h), p = ((M = (P = c.data) == null ? void 0 : P.previews) == null ? void 0 : M.find((U) => U.destConfigId === s)) ?? ((Q = (D = c.data) == null ? void 0 : D.previews) == null ? void 0 : Q[0]);
+  return /* @__PURE__ */ n("div", { className: "rounded border", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-3 py-2", children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: "flex min-w-0 items-center gap-1 text-sm font-medium",
+          onClick: () => b((U) => !U),
+          children: [
+            h ? /* @__PURE__ */ e(ue, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ e(he, { className: "h-4 w-4 shrink-0" }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: i })
+          ]
+        }
+      ),
+      d
+    ] }),
+    h ? /* @__PURE__ */ n("div", { className: "border-t px-3 py-2", children: [
+      /* @__PURE__ */ e(
+        dn,
+        {
+          preview: p,
+          loading: c.isFetching,
+          error: c.isError,
+          onSelectItem: r
+        }
+      ),
+      l
+    ] }) : null
+  ] });
+}
+function cn({ state: t }) {
+  switch (t.status) {
+    case "pushing":
+      return /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ e(Ve, { className: "h-4 w-4 animate-spin" }),
+        "Pushing…"
+      ] });
+    case "success":
+      return /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 text-sm text-emerald-600", children: [
+        /* @__PURE__ */ e(Nt, { className: "h-4 w-4" }),
+        "Success"
+      ] });
+    case "partial":
+      return /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 text-sm text-amber-600", children: [
+        /* @__PURE__ */ e(ye, { className: "h-4 w-4" }),
+        "Partial — ",
+        t.failed ?? 0,
+        " failed"
+      ] });
+    case "failed":
+      return /* @__PURE__ */ n(
+        "span",
+        {
+          className: "inline-flex items-center gap-1 text-sm text-destructive",
+          title: t.error,
+          children: [
+            /* @__PURE__ */ e(Ne, { className: "h-4 w-4" }),
+            "Failed"
+          ]
+        }
+      );
+    default:
+      return /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ e(Bt, { className: "h-3 w-3" }),
+        "Pending"
+      ] });
+  }
+}
+function mn({
+  open: t,
+  onOpenChange: s,
+  releaseId: i,
+  targetConfigIds: a,
+  targetNames: r,
+  apiPath: d = "/releases",
+  onComplete: l,
+  dependencyWarnings: m = []
+}) {
+  const { toast: h } = oe(), { fetchJson: b } = te(), x = de(), [c, p] = R(!1), [P, M] = R({}), [D, Q] = R(!1), U = (k) => (r == null ? void 0 : r[k]) ?? k, j = (k, C) => M(($) => ({ ...$, [k]: C })), Y = async () => {
+    p(!0), Q(!1), M(Object.fromEntries(a.map(($) => [$, { status: "idle" }])));
+    let k = 0, C = 0;
+    for (const $ of a) {
+      j($, { status: "pushing" });
+      try {
+        const g = await b(`${d}/${i}/push`, {
+          method: "POST",
+          body: JSON.stringify({ destConfigId: $ })
+        }), w = (g.results ?? []).filter((V) => !V.ok);
+        g.status === "success" ? (k += 1, j($, { status: "success" })) : g.status === "partial" ? (C += 1, j($, { status: "partial", failed: w.length, failures: w })) : (C += 1, j($, { status: "failed", failures: w }));
+      } catch (g) {
+        C += 1;
+        const w = g instanceof Error ? g.message : String(g);
+        j($, { status: "failed", error: w });
+      }
+    }
+    x.invalidateQueries({ queryKey: ["imaginarium", "releases"] }), x.invalidateQueries({ queryKey: ["imaginarium", "release", i] }), x.invalidateQueries({ queryKey: ["imaginarium", "release-items", i] }), x.invalidateQueries({ queryKey: ["imaginarium", "release-pushes", i] }), x.invalidateQueries({ queryKey: ["imaginarium", "release-push-preview", i] }), h(C === 0 ? { title: "Push complete", description: `Pushed to ${k} target${k === 1 ? "" : "s"}.` } : {
+      title: "Push finished with errors",
+      description: `${C} target${C === 1 ? "" : "s"} did not fully succeed.`,
+      variant: "destructive"
+    }), p(!1), Q(!0), l == null || l();
+  }, B = (k) => {
+    c || (k || (M({}), Q(!1)), s(k));
+  };
+  return /* @__PURE__ */ e(ve, { open: t, onOpenChange: B, children: /* @__PURE__ */ n(we, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ n(ke, { children: [
+      /* @__PURE__ */ e(Ce, { children: "Push release" }),
+      /* @__PURE__ */ e(Te, { children: "Pushes the included items to each target cluster, one at a time. Each target re-compares against the latest origin before applying." })
+    ] }),
+    m.length > 0 ? /* @__PURE__ */ n("div", { className: "space-y-1 rounded border border-amber-200 bg-amber-50 p-3 text-xs text-amber-700 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-300", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-2 font-medium", children: [
+        /* @__PURE__ */ e(ye, { className: "h-4 w-4 shrink-0 text-amber-600 dark:text-amber-400" }),
+        m.length,
+        " item",
+        m.length === 1 ? "" : "s",
+        " reference excluded dependencies"
+      ] }),
+      /* @__PURE__ */ e("ul", { className: "list-disc space-y-0.5 pl-8", children: m.map((k) => /* @__PURE__ */ n("li", { children: [
+        k.itemName,
+        " → ",
+        k.missing.join(", ")
+      ] }, k.itemName)) }),
+      /* @__PURE__ */ e("p", { className: "pl-8 text-amber-600", children: "Push may fail for these items. You can proceed anyway." })
+    ] }) : null,
+    /* @__PURE__ */ e("div", { className: "max-h-[60vh] space-y-2 overflow-y-auto py-2", children: a.length === 0 ? /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "This release has no targets." }) : a.map((k) => {
+      const C = P[k] ?? { status: "idle" }, $ = C.failures ?? [];
+      return /* @__PURE__ */ e(
+        Tt,
+        {
+          releaseId: i,
+          destConfigId: k,
+          name: U(k),
+          apiPath: d,
+          headerRight: /* @__PURE__ */ e(cn, { state: C }),
+          footer: $.length > 0 ? /* @__PURE__ */ e("ul", { className: "mt-2 max-h-48 space-y-1 overflow-auto border-t pt-2 text-xs", children: $.map((g, w) => /* @__PURE__ */ n("li", { className: "text-destructive", children: [
+            /* @__PURE__ */ n("span", { className: "font-mono", children: [
+              g.action ? `${g.action} ` : "",
+              g.itemKey ?? "item"
+            ] }),
+            g.error ? /* @__PURE__ */ n("span", { className: "text-muted-foreground", children: [
+              " — ",
+              g.error
+            ] }) : null
+          ] }, `${g.itemKey ?? "item"}-${w}`)) }) : null
+        },
+        k
+      );
+    }) }),
+    /* @__PURE__ */ n(Pe, { children: [
+      /* @__PURE__ */ e(E, { variant: "outline", onClick: () => B(!1), disabled: c, children: "Close" }),
+      /* @__PURE__ */ n(
+        E,
+        {
+          variant: "destructive",
+          onClick: Y,
+          disabled: c || D || a.length === 0,
+          children: [
+            /* @__PURE__ */ e(jt, { className: "w-4 h-4 mr-2" }),
+            c ? "Pushing…" : "Confirm push"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function Pt({ item: t, onClose: s }) {
+  var a, r;
+  const i = q(
+    () => {
+      var d, l;
+      return Ct((d = t == null ? void 0 : t.diff) == null ? void 0 : d.origin, (l = t == null ? void 0 : t.diff) == null ? void 0 : l.target);
+    },
+    [t]
+  );
+  return t ? /* @__PURE__ */ n("div", { className: "flex h-full min-w-0 flex-col rounded-md border bg-background", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b p-3", children: [
+      /* @__PURE__ */ n("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e("div", { className: "truncate font-medium", children: t.itemName }),
+        /* @__PURE__ */ e("div", { className: "font-mono text-xs text-muted-foreground", children: t.itemType })
+      ] }),
+      /* @__PURE__ */ e(E, { variant: "ghost", size: "icon", title: "Close", onClick: s, children: /* @__PURE__ */ e(Ne, {}) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "flex flex-1 gap-3 overflow-auto p-3", children: [
+      /* @__PURE__ */ e(De, { label: "Origin", value: (a = t.diff) == null ? void 0 : a.origin, highlightLines: i }),
+      /* @__PURE__ */ e(De, { label: "Target", value: (r = t.diff) == null ? void 0 : r.target })
+    ] })
+  ] }) : null;
+}
+function un(t) {
+  return {
+    itemName: t.itemName,
+    itemType: t.itemType,
+    diff: { origin: t.origin, target: t.target }
+  };
+}
+function hn({
+  open: t,
+  onOpenChange: s,
+  releaseId: i,
+  targetConfigIds: a,
+  targetNames: r,
+  apiPath: d = "/releases"
+}) {
+  const [l, m] = R(null), h = (x) => (r == null ? void 0 : r[x]) ?? x, b = (x) => {
+    x || m(null), s(x);
+  };
+  return /* @__PURE__ */ e(ve, { open: t, onOpenChange: b, children: /* @__PURE__ */ n(we, { className: "max-w-4xl", children: [
+    /* @__PURE__ */ n(ke, { children: [
+      /* @__PURE__ */ e(Ce, { children: "Changes to push" }),
+      /* @__PURE__ */ e(Te, { children: "Expand a target to compute and see exactly what it would receive, from a dry run of the push. Nothing is applied." })
+    ] }),
+    /* @__PURE__ */ e("div", { className: l ? "hidden" : "min-w-0 max-h-[70vh] space-y-2 overflow-y-auto py-2", children: a.length === 0 ? /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "This release has no targets." }) : a.map((x) => /* @__PURE__ */ e(
+      Tt,
+      {
+        releaseId: i,
+        destConfigId: x,
+        name: h(x),
+        apiPath: d,
+        onSelectItem: m
+      },
+      x
+    )) }),
+    l ? /* @__PURE__ */ n("div", { className: "min-w-0 space-y-2", children: [
+      /* @__PURE__ */ n(E, { variant: "ghost", size: "sm", onClick: () => m(null), children: [
+        /* @__PURE__ */ e(Le, {}),
+        " Back to changes"
+      ] }),
+      /* @__PURE__ */ e("div", { className: "h-[60vh] min-w-0", children: /* @__PURE__ */ e(Pt, { item: un(l), onClose: () => m(null) }) })
+    ] }) : null,
+    /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(E, { variant: "outline", onClick: () => b(!1), children: "Close" }) })
+  ] }) });
+}
+function pn(t) {
+  var s;
+  return (((s = t.diff) == null ? void 0 : s.versions) ?? []).filter((i) => !i.existsOnTarget);
+}
+function fn({ item: t, disabled: s, onChange: i }) {
+  var r;
+  const a = ((r = t.diff) == null ? void 0 : r.versions) ?? [];
+  return /* @__PURE__ */ n(
+    "select",
+    {
+      value: t.selectedVersion ?? "",
+      disabled: s,
+      onClick: (d) => d.stopPropagation(),
+      onChange: (d) => i(d.target.value),
+      className: "h-7 rounded-md border border-input bg-background px-2 py-0.5 text-xs disabled:cursor-not-allowed disabled:opacity-50",
+      "aria-label": "Rule version",
+      children: [
+        /* @__PURE__ */ e("option", { value: "", disabled: !0, children: "Select a version" }),
+        a.map((d) => {
+          const l = String(d.version), m = d.existsOnTarget ? `v${d.version} — already on target` : `v${d.version}${d.isPublished ? " (published)" : ""}`;
+          return /* @__PURE__ */ e("option", { value: l, disabled: d.existsOnTarget, children: m }, l);
+        })
+      ]
+    }
+  );
+}
+const gn = {
+  blueprint: "bg-blue-100 text-blue-700 dark:bg-blue-500/15 dark:text-blue-300",
+  rule: "bg-orange-100 text-orange-700 dark:bg-orange-500/15 dark:text-orange-300",
+  messageRoute: "bg-teal-100 text-teal-700 dark:bg-teal-500/15 dark:text-teal-300",
+  role: "bg-purple-100 text-purple-700 dark:bg-purple-500/15 dark:text-purple-300",
+  enum: "bg-yellow-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-300",
+  resourceEnum: "bg-yellow-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-300",
+  timer: "bg-slate-100 text-slate-600 dark:bg-slate-500/20 dark:text-slate-300",
+  network: "bg-green-100 text-green-700 dark:bg-green-500/15 dark:text-green-300",
+  module: "bg-indigo-100 text-indigo-700 dark:bg-indigo-500/15 dark:text-indigo-300",
+  permission: "bg-pink-100 text-pink-700 dark:bg-pink-500/15 dark:text-pink-300",
+  template: "bg-red-100 text-red-800 dark:bg-red-500/15 dark:text-red-300",
+  script: "bg-amber-100 text-amber-800 dark:bg-amber-500/15 dark:text-amber-300",
+  scenario: "bg-cyan-100 text-cyan-700 dark:bg-cyan-500/15 dark:text-cyan-300",
+  system: "bg-gray-200 text-gray-700 dark:bg-gray-500/20 dark:text-gray-300",
+  attribute: "bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300",
+  enumValue: "bg-violet-100 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300",
+  project: "bg-fuchsia-50 text-fuchsia-800 dark:bg-fuchsia-500/15 dark:text-fuchsia-300"
+};
+function xe({ type: t }) {
+  const s = gn[t] ?? "bg-muted text-muted-foreground";
+  return /* @__PURE__ */ e("span", { className: `inline-flex items-center rounded px-1.5 py-0.5 text-xs font-semibold ${s}`, children: t });
+}
+function lt({ checked: t, onChange: s, disabled: i = !1 }) {
+  return /* @__PURE__ */ n(
+    "label",
+    {
+      className: `relative inline-block h-[18px] w-8 shrink-0 ${i ? "cursor-not-allowed opacity-40" : "cursor-pointer"}`,
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            className: "peer sr-only",
+            checked: t,
+            disabled: i,
+            onChange: (a) => s(a.target.checked)
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "absolute inset-0 rounded-full bg-input transition-colors peer-checked:bg-primary" }),
+        /* @__PURE__ */ e("span", { className: "absolute left-0.5 top-0.5 h-3.5 w-3.5 rounded-full bg-white transition-transform peer-checked:translate-x-3.5" })
+      ]
+    }
+  );
+}
+function xn(t) {
+  const s = /* @__PURE__ */ new Map();
+  for (const a of t) {
+    const r = s.get(a.destConfigId);
+    (!r || a.createdAt > r.createdAt) && s.set(a.destConfigId, a);
+  }
+  const i = /* @__PURE__ */ new Map();
+  for (const a of s.values())
+    for (const r of a.results ?? []) {
+      if (!r.itemKey)
+        continue;
+      let d = i.get(r.itemKey);
+      d || (d = /* @__PURE__ */ new Map(), i.set(r.itemKey, d)), d.set(a.destConfigId, { ok: r.ok, error: r.error });
+    }
+  return i;
+}
+function yn(t, s, i) {
+  var a;
+  return (a = t.get(s)) == null ? void 0 : a.get(i);
+}
+function Gn(t, s) {
+  return t.filter((i) => !(s.type !== "all" && i.itemType !== s.type || s.included === "enabled" && (!i.included || i.ignored) || s.included === "disabled" && i.included && !i.ignored));
+}
+function bn(t) {
+  const s = {};
+  for (const i of t)
+    s[i.itemType] = (s[i.itemType] ?? 0) + 1;
+  return s;
+}
+function Nn(t) {
+  const s = t.indexOf(":"), i = s >= 0 ? t.slice(0, s) : t, a = s >= 0 ? t.slice(s + 1) : t;
+  return {
+    id: "",
+    releaseId: "",
+    itemKey: t,
+    itemType: i,
+    itemName: a,
+    parentKey: null,
+    selectedVersion: null,
+    status: "updated",
+    included: !0,
+    carriedOver: !1,
+    ignored: !1,
+    diff: null,
+    createdAt: "",
+    updatedAt: ""
+  };
+}
+function vn(t) {
+  var d;
+  const s = new Set(
+    t.filter((l) => !l.parentKey).map((l) => l.itemKey)
+  ), i = [], a = /* @__PURE__ */ new Map();
+  for (const l of t) {
+    if (l.parentKey)
+      continue;
+    const m = { item: l, children: [] };
+    i.push(m), a.set(l.itemKey, m);
+  }
+  const r = /* @__PURE__ */ new Map();
+  for (const l of t) {
+    if (!l.parentKey)
+      continue;
+    if (s.has(l.parentKey)) {
+      (d = a.get(l.parentKey)) == null || d.children.push(l);
+      continue;
+    }
+    let m = r.get(l.parentKey);
+    m || (m = { item: Nn(l.parentKey), children: [], synthetic: !0 }, r.set(l.parentKey, m), i.push(m)), m.children.push(l);
+  }
+  return i;
+}
+function wn(t) {
+  const s = t.indexOf(":"), i = s >= 0 ? t.slice(0, s) : t, a = s >= 0 ? t.slice(s + 1) : t;
+  return { itemKey: t, itemType: i, itemName: a, parentKey: null, cells: {} };
+}
+function kn(t) {
+  var d;
+  const s = new Set(
+    t.filter((l) => !l.parentKey).map((l) => l.itemKey)
+  ), i = [], a = /* @__PURE__ */ new Map();
+  for (const l of t) {
+    if (l.parentKey)
+      continue;
+    const m = { row: l, children: [] };
+    i.push(m), a.set(l.itemKey, m);
+  }
+  const r = /* @__PURE__ */ new Map();
+  for (const l of t) {
+    if (!l.parentKey)
+      continue;
+    if (s.has(l.parentKey)) {
+      (d = a.get(l.parentKey)) == null || d.children.push(l);
+      continue;
+    }
+    let m = r.get(l.parentKey);
+    m || (m = { row: wn(l.parentKey), children: [], synthetic: !0 }, r.set(l.parentKey, m), i.push(m)), m.children.push(l);
+  }
+  return i;
+}
+function Cn(t) {
+  let s = 0;
+  for (const i of t.children)
+    i.included && !i.ignored && (s += 1);
+  return { included: s, total: t.children.length };
+}
+function Tn(t) {
+  var a, r;
+  const s = [];
+  for (const d of t) {
+    if (d.status !== "new")
+      continue;
+    const l = (a = d.diff) == null ? void 0 : a.origin, m = l == null ? void 0 : l.id;
+    if (typeof m == "string" && m && s.push({ token: m, depKey: d.itemKey }), d.itemType === "enum") {
+      const h = l == null ? void 0 : l.type;
+      typeof h == "string" && h && s.push({ token: h, depKey: d.itemKey });
+    }
+  }
+  const i = /* @__PURE__ */ new Map();
+  for (const d of t) {
+    const l = /* @__PURE__ */ new Set(), m = JSON.stringify(((r = d.diff) == null ? void 0 : r.origin) ?? null);
+    for (const { token: h, depKey: b } of s)
+      b !== d.itemKey && m.includes(h) && l.add(b);
+    i.set(d.itemKey, l);
+  }
+  return i;
+}
+function Ie(t, s, i) {
+  const a = s.get(t.itemKey);
+  if (!a || a.size === 0)
+    return [];
+  const r = [];
+  for (const d of a) {
+    const l = i.get(d);
+    l && l.status === "new" && (!l.included || l.ignored) && r.push(l);
+  }
+  return r;
+}
+function Pn(t) {
+  return t.tags + t.metadataKeys + t.i18nPaths + t.permissions;
+}
+function Sn(t) {
+  const s = [];
+  return t.tags > 0 && s.push(`${t.tags} tag${t.tags === 1 ? "" : "s"}`), t.metadataKeys > 0 && s.push(`${t.metadataKeys} metadata key${t.metadataKeys === 1 ? "" : "s"}`), t.i18nPaths > 0 && s.push(`${t.i18nPaths} translation${t.i18nPaths === 1 ? "" : "s"}`), t.permissions > 0 && s.push(`${t.permissions} permission${t.permissions === 1 ? "" : "s"}`), s.length === 0 ? "" : `${s.join(", ")} excluded from push`;
+}
+const Kn = [
+  { value: "all", label: "All" },
+  { value: "enabled", label: "Enabled" },
+  { value: "disabled", label: "Disabled" }
+];
+function ot(t, s) {
+  return s === "all" ? !0 : s === "enabled" ? t.included && !t.ignored : !t.included || t.ignored;
+}
+function dt({ status: t }) {
+  return /* @__PURE__ */ e("span", { className: "inline-flex items-center rounded px-1.5 py-0.5 text-xs font-medium border bg-muted text-muted-foreground border-border", children: t });
+}
+function Z(t) {
+  if (Array.isArray(t))
+    return t.filter((s) => typeof s == "string");
+  if (typeof t == "string" && t.length > 0)
+    try {
+      const s = JSON.parse(t);
+      return Array.isArray(s) ? s.filter((i) => typeof i == "string") : [];
+    } catch {
+      return [];
+    }
+  return [];
+}
+function ct({ item: t }) {
+  const s = {
+    tags: Z(t.excludedTags).length,
+    metadataKeys: Z(t.excludedMetadataKeys).length,
+    i18nPaths: Z(t.excludedI18nPaths).length,
+    permissions: Z(t.excludedPermissions).length
+  }, i = Pn(s);
+  return i <= 0 ? null : /* @__PURE__ */ n(
+    "span",
+    {
+      title: Sn(s),
+      className: "inline-flex items-center rounded px-1.5 py-0.5 text-xs bg-red-100 text-red-700 dark:bg-red-500/15 dark:text-red-300",
+      children: [
+        i,
+        " manual override",
+        i === 1 ? "" : "s"
+      ]
+    }
+  );
+}
+function mt({
+  item: t,
+  targetConfigIds: s,
+  results: i,
+  pushedDests: a,
+  displayName: r
+}) {
+  const d = t.included && !t.ignored, l = s.filter((m) => a.has(m)).map((m) => ({ id: m, result: yn(i, t.itemKey, m) })).filter((m) => m.result != null || d);
+  return l.length === 0 ? null : /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-end gap-1", children: l.map(({ id: m, result: h }) => {
+    const b = h ? h.ok ? "bg-green-100 text-green-700 dark:bg-green-500/15 dark:text-green-300" : "bg-red-100 text-red-700 dark:bg-red-500/15 dark:text-red-300" : "bg-muted text-muted-foreground", x = h ? h.ok ? "✓" : "✗" : "=", c = h ? h.ok ? void 0 : h.error : "No change — already in sync";
+    return /* @__PURE__ */ n(
+      "span",
+      {
+        title: c,
+        className: `inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-semibold ${b}`,
+        children: [
+          r(m),
+          " ",
+          x
+        ]
+      },
+      m
+    );
+  }) });
+}
+function En({ releaseId: t, onBack: s }) {
+  var Ye, We, Ge;
+  const i = Ue.get("Release", "apiPath", "/releases"), { toast: a } = oe(), { fetchJson: r } = te(), { configs: d } = be(), l = de(), [m, h] = R("all"), [b, x] = R("all"), [c, p] = R(null), [P, M] = R(!1), [D, Q] = R(!1), [U, j] = R(() => /* @__PURE__ */ new Set()), Y = (o) => j((v) => {
+    const u = new Set(v);
+    return u.has(o) ? u.delete(o) : u.add(o), u;
+  }), B = ["imaginarium", "release", t], k = ["imaginarium", "release-items", t], C = ["imaginarium", "release-pushes", t], $ = ["imaginarium", "release-push-preview", t], g = () => {
+    l.invalidateQueries({ queryKey: k }), l.invalidateQueries({ queryKey: $ });
+  }, { data: w, isLoading: V } = ae({
+    queryKey: B,
+    queryFn: () => r(`${i}/${t}`)
+  }), { data: L, isLoading: X } = ae({
+    queryKey: k,
+    queryFn: async () => {
+      const o = await r(`${i}/${t}/items`);
+      return Array.isArray(o) ? o : (o == null ? void 0 : o.items) ?? [];
+    }
+  }), { data: f } = ae({
+    queryKey: C,
+    queryFn: async () => {
+      const o = await r(`${i}/${t}/pushes`);
+      return Array.isArray(o) ? o : (o == null ? void 0 : o.items) ?? [];
+    }
+  }), F = q(() => xn(f ?? []), [f]), J = q(
+    () => new Set((f ?? []).map((o) => o.destConfigId)),
+    [f]
+  ), A = (f ?? []).length > 0, H = q(() => (w == null ? void 0 : w.targetConfigIds) ?? [], [w]), z = q(() => {
+    const o = /* @__PURE__ */ new Map();
+    return d.forEach((v) => o.set(String(v.id), v.displayName)), o;
+  }, [d]), y = (o) => z.get(o) ?? o, O = q(() => vn(L ?? []), [L]), T = q(() => O.map((o) => o.item), [O]), ee = q(() => Tn(L ?? []), [L]), ne = q(
+    () => new Map((L ?? []).map((o) => [o.itemKey, o])),
+    [L]
+  ), pe = (o) => {
+    var u;
+    let v;
+    if (o.parentKey) {
+      const I = (u = ne.get(o.parentKey)) == null ? void 0 : u.itemName, S = o.parentKey.indexOf(":");
+      v = I ?? (S >= 0 ? o.parentKey.slice(S + 1) : void 0);
+    }
+    return `${v ? v + " " : ""}${o.itemType} "${o.itemName}"`;
+  }, G = q(() => {
+    var v, u;
+    const o = /* @__PURE__ */ new Map();
+    for (const I of L ?? []) {
+      const S = (u = (v = I.diff) == null ? void 0 : v.origin) == null ? void 0 : u.id;
+      typeof S == "string" && S && o.set(S, I.itemName);
+    }
+    return o;
+  }, [L]), me = q(
+    () => (L ?? []).filter((o) => o.included && !o.ignored).map((o) => ({
+      itemName: o.itemName,
+      missing: Ie(o, ee, ne).map(pe)
+    })).filter((o) => o.missing.length > 0),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [L, ee, ne]
+  ), qe = q(() => bn(T), [T]), St = q(() => Object.keys(qe).sort(Je), [qe]), He = q(() => O.filter((o) => m === "all" || o.item.itemType === m).map((o) => {
+    const v = b === "all" ? o.children : o.children.filter((u) => ot(u, b));
+    return { node: o, renderChildren: v };
+  }).filter(
+    ({ node: o, renderChildren: v }) => b === "all" || ot(o.item, b) || v.length > 0
+  ).sort((o, v) => {
+    const u = Je(o.node.item.itemType, v.node.item.itemType);
+    return u !== 0 ? u : o.node.item.itemName.localeCompare(v.node.item.itemName);
+  }), [O, m, b]), Se = _({
+    mutationFn: () => r(`${i}/${t}/refresh`, { method: "POST" }),
+    onSuccess: () => {
+      g(), a({ title: "Snapshot refreshed", description: "Items re-computed from origin." });
+    },
+    onError: (o) => {
+      a({ title: "Error", description: o.message, variant: "destructive" });
+    }
+  }), Ke = _({
+    mutationFn: ({ itemId: o, included: v }) => r(`${i}/${t}/items/${o}`, {
+      method: "PATCH",
+      body: JSON.stringify({ included: v })
+    }),
+    onSuccess: () => {
+      g();
+    },
+    onError: (o) => {
+      a({ title: "Error", description: o.message, variant: "destructive" });
+    }
+  }), _e = _({
+    mutationFn: ({ itemId: o, selectedVersion: v }) => r(`${i}/${t}/items/${o}`, {
+      method: "PATCH",
+      body: JSON.stringify({ selectedVersion: v })
+    }),
+    onSuccess: () => {
+      g();
+    },
+    onError: (o) => {
+      a({ title: "Error", description: o.message, variant: "destructive" });
+    }
+  }), Ee = (o) => ({
+    mutationFn: ({ itemId: v, value: u }) => r(`${i}/${t}/items/${v}`, {
+      method: "PATCH",
+      body: JSON.stringify({ [o]: u })
+    }),
+    onMutate: async ({ itemId: v, value: u }) => {
+      await l.cancelQueries({ queryKey: k });
+      const I = l.getQueryData(k);
+      return l.setQueryData(
+        k,
+        (S) => (S ?? []).map((ie) => ie.id === v ? { ...ie, [o]: u } : ie)
+      ), { prev: I };
+    },
+    onError: (v, u, I) => {
+      I != null && I.prev && l.setQueryData(k, I.prev), a({ title: "Error", description: v.message, variant: "destructive" });
+    },
+    onSettled: () => {
+      g();
+    }
+  }), Kt = _(Ee("excludedTags")), Et = _(Ee("excludedMetadataKeys")), $t = _(Ee("excludedI18nPaths")), Ot = _(Ee("excludedPermissions")), se = (w == null ? void 0 : w.status) === "pushed", N = c ? ne.get(c.itemKey) ?? c : null;
+  return V ? /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground py-8", children: "Loading…" }) : w ? /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    se && /* @__PURE__ */ e("div", { className: "bg-muted text-muted-foreground rounded-md px-3 py-2 text-sm", children: "This release was pushed and is read-only." }),
+    /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ n(E, { variant: "ghost", size: "sm", onClick: s, children: [
+            /* @__PURE__ */ e(Le, {}),
+            "Back"
+          ] }),
+          /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: w.name }),
+          /* @__PURE__ */ e(kt, { status: w.status })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+          !se && /* @__PURE__ */ e(
+            nn,
+            {
+              releaseId: t,
+              apiPath: i,
+              onReset: g
+            }
+          ),
+          /* @__PURE__ */ n(
+            E,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => Se.mutate(),
+              disabled: se || Se.isPending,
+              children: [
+                /* @__PURE__ */ e(vt, {}),
+                Se.isPending ? "Refreshing…" : "Refresh"
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(
+            E,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => Q(!0),
+              disabled: (w.targetConfigIds ?? []).length === 0,
+              children: [
+                /* @__PURE__ */ e(Lt, {}),
+                "Preview changes"
+              ]
+            }
+          ),
+          se ? /* @__PURE__ */ e(E, { size: "sm", disabled: !0, children: "Pushed ✓" }) : /* @__PURE__ */ e(
+            E,
+            {
+              size: "sm",
+              onClick: () => M(!0),
+              disabled: (w.targetConfigIds ?? []).length === 0,
+              children: "Push"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ e("span", { className: "inline-flex items-center rounded bg-muted px-1.5 py-0.5 text-xs", children: y(w.originConfigId) }),
+        /* @__PURE__ */ e("span", { children: "→" }),
+        (w.targetConfigIds ?? []).map((o) => /* @__PURE__ */ e("span", { className: "inline-flex items-center rounded bg-muted px-1.5 py-0.5 text-xs", children: y(o) }, o)),
+        /* @__PURE__ */ n("span", { className: "ml-2", children: [
+          "Snapshot: ",
+          w.snapshotAt ? new Date(w.snapshotAt).toLocaleString() : "—"
+        ] }),
+        /* @__PURE__ */ n("span", { children: [
+          "Pushed: ",
+          w.pushedAt ? new Date(w.pushedAt).toLocaleString() : "—"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-1", children: [
+        /* @__PURE__ */ n(
+          E,
+          {
+            variant: m === "all" ? "secondary" : "ghost",
+            size: "sm",
+            onClick: () => h("all"),
+            children: [
+              "All types (",
+              T.length,
+              ")"
+            ]
+          }
+        ),
+        St.map((o) => /* @__PURE__ */ n(
+          E,
+          {
+            variant: m === o ? "secondary" : "ghost",
+            size: "sm",
+            onClick: () => h(o),
+            children: [
+              o,
+              " (",
+              qe[o],
+              ")"
+            ]
+          },
+          o
+        ))
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-1", children: Kn.map((o) => /* @__PURE__ */ e(
+        E,
+        {
+          variant: b === o.value ? "secondary" : "outline",
+          size: "sm",
+          onClick: () => x(o.value),
+          children: o.label
+        },
+        o.value
+      )) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: X ? /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground py-8", children: "Loading items…" }) : He.length === 0 ? /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(Me, { className: "py-12 text-center text-muted-foreground", children: T.length === 0 ? "No items in this release yet." : "No items match the current filters." }) }) : /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(Me, { className: "p-0", children: /* @__PURE__ */ n("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "border-b text-left text-muted-foreground", children: [
+          /* @__PURE__ */ e("th", { className: "p-3 font-medium w-10", children: "Inc." }),
+          /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Type" }),
+          /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Name" }),
+          /* @__PURE__ */ e("th", { className: "p-3 font-medium", children: "Status" }),
+          /* @__PURE__ */ e("th", { className: "p-3 font-medium" })
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: He.map(({ node: o, renderChildren: v }) => {
+          var nt;
+          const u = o.item, I = v.length > 0, S = U.has(u.itemKey) || b !== "all", ie = U.has(u.itemKey), re = Cn(o), Xe = ((nt = u.diff) == null ? void 0 : nt.versions) ?? [], fe = u.itemType === "rule" && Xe.length > 0, Ze = Xe.some((K) => K.isPublished), It = fe ? pn(u) : [], et = fe && !Ze, tt = fe && Ze && It.length === 0, $e = et || tt, Rt = fe && !$e && u.selectedVersion == null;
+          return /* @__PURE__ */ n(yt, { children: [
+            o.synthetic ? /* @__PURE__ */ n(
+              "tr",
+              {
+                className: "border-b last:border-0 cursor-pointer hover:bg-muted/50",
+                onClick: () => Y(u.itemKey),
+                children: [
+                  /* @__PURE__ */ e("td", { className: "p-3" }),
+                  /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e(xe, { type: u.itemType }) }),
+                  /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        className: "text-muted-foreground hover:text-foreground",
+                        onClick: (K) => {
+                          K.stopPropagation(), Y(u.itemKey);
+                        },
+                        "aria-label": ie ? "Collapse" : "Expand",
+                        children: ie ? /* @__PURE__ */ e(ue, { size: 14 }) : /* @__PURE__ */ e(he, { size: 14 })
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: "font-medium", children: u.itemName }),
+                    /* @__PURE__ */ n("span", { className: `inline-flex items-center rounded px-1.5 py-0.5 text-xs ${re.included < re.total ? "bg-amber-100 text-amber-700 font-medium dark:bg-amber-500/15 dark:text-amber-300" : "bg-muted text-muted-foreground"}`, children: [
+                      re.included,
+                      "/",
+                      re.total,
+                      " changes included"
+                    ] })
+                  ] }) }),
+                  /* @__PURE__ */ e("td", { className: "p-3" }),
+                  /* @__PURE__ */ e("td", { className: "p-3" })
+                ]
+              }
+            ) : /* @__PURE__ */ n(
+              "tr",
+              {
+                className: `border-b last:border-0 cursor-pointer hover:bg-muted/50 ${(c == null ? void 0 : c.id) === u.id ? "bg-muted/50" : ""} ${$e ? "opacity-60" : ""}`,
+                onClick: () => p(u),
+                children: [
+                  /* @__PURE__ */ e("td", { className: "p-3", onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ e(
+                    lt,
+                    {
+                      checked: u.included,
+                      disabled: u.ignored || Ke.isPending || se || $e,
+                      onChange: (K) => Ke.mutate({ itemId: u.id, included: K })
+                    }
+                  ) }),
+                  /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e(xe, { type: u.itemType }) }),
+                  /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                    I ? /* @__PURE__ */ e(
+                      "button",
+                      {
+                        type: "button",
+                        className: "text-muted-foreground hover:text-foreground",
+                        onClick: (K) => {
+                          K.stopPropagation(), Y(u.itemKey);
+                        },
+                        "aria-label": ie ? "Collapse" : "Expand",
+                        children: ie ? /* @__PURE__ */ e(ue, { size: 14 }) : /* @__PURE__ */ e(he, { size: 14 })
+                      }
+                    ) : null,
+                    /* @__PURE__ */ e("span", { className: "font-medium", children: u.itemName }),
+                    (() => {
+                      if (!u.included || u.ignored)
+                        return null;
+                      const K = Ie(u, ee, ne);
+                      return K.length === 0 ? null : /* @__PURE__ */ e("span", { title: `Depends on excluded: ${K.map((W) => W.itemName).join(", ")}`, children: /* @__PURE__ */ e(ye, { size: 14, className: "shrink-0 text-amber-600" }) });
+                    })(),
+                    /* @__PURE__ */ e(ct, { item: u }),
+                    I ? /* @__PURE__ */ n("span", { className: `inline-flex items-center rounded px-1.5 py-0.5 text-xs ${re.included < re.total ? "bg-amber-100 text-amber-700 font-medium dark:bg-amber-500/15 dark:text-amber-300" : "bg-muted text-muted-foreground"}`, children: [
+                      re.included,
+                      "/",
+                      re.total,
+                      " changes included"
+                    ] }) : null,
+                    u.carriedOver ? /* @__PURE__ */ e(Zt, { originName: y(w.originConfigId) }) : null,
+                    u.ignored ? /* @__PURE__ */ e(en, {}) : null,
+                    fe && !$e ? /* @__PURE__ */ e("span", { onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ e(
+                      fn,
+                      {
+                        item: u,
+                        disabled: se || _e.isPending,
+                        onChange: (K) => _e.mutate({ itemId: u.id, selectedVersion: K })
+                      }
+                    ) }) : null,
+                    et ? /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "Rules without a published version cannot be pushed" }) : null,
+                    tt ? /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "Nothing to push — all versions exist on target" }) : null,
+                    Rt ? /* @__PURE__ */ e("span", { className: "text-xs text-amber-600", children: "Pushable version not selected" }) : null
+                  ] }) }),
+                  /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e(dt, { status: u.status }) }),
+                  /* @__PURE__ */ e("td", { className: "p-3 text-right", onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ n("div", { className: "flex items-center justify-end gap-2", children: [
+                    A ? /* @__PURE__ */ e(
+                      mt,
+                      {
+                        item: u,
+                        targetConfigIds: H,
+                        results: F,
+                        pushedDests: J,
+                        displayName: y
+                      }
+                    ) : null,
+                    !u.ignored && !se && /* @__PURE__ */ e(
+                      tn,
+                      {
+                        createPayload: {
+                          originConfigId: w.originConfigId,
+                          itemKey: u.itemKey,
+                          itemType: u.itemType,
+                          itemName: u.itemName
+                        },
+                        onChange: () => {
+                          l.setQueryData(
+                            k,
+                            (K) => (K ?? []).map((W) => W.id === u.id ? { ...W, ignored: !0, included: !1 } : W)
+                          ), Se.mutate();
+                        }
+                      }
+                    )
+                  ] }) })
+                ]
+              }
+            ),
+            I && S ? v.map((K) => /* @__PURE__ */ n(
+              "tr",
+              {
+                className: `border-b last:border-0 cursor-pointer hover:bg-muted/50 ${(c == null ? void 0 : c.id) === K.id ? "bg-muted/50" : ""}`,
+                onClick: () => p(K),
+                children: [
+                  /* @__PURE__ */ e("td", { className: "p-3 pl-8", onClick: (W) => W.stopPropagation(), children: /* @__PURE__ */ e(
+                    lt,
+                    {
+                      checked: K.included,
+                      disabled: K.ignored || Ke.isPending || se,
+                      onChange: (W) => Ke.mutate({ itemId: K.id, included: W })
+                    }
+                  ) }),
+                  /* @__PURE__ */ e("td", { className: "p-3 pl-8", children: /* @__PURE__ */ e(xe, { type: K.itemType }) }),
+                  /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("span", { className: "font-medium", children: K.itemName }),
+                    (() => {
+                      if (!K.included || K.ignored)
+                        return null;
+                      const W = Ie(K, ee, ne);
+                      return W.length === 0 ? null : /* @__PURE__ */ e("span", { title: `Depends on excluded: ${W.map((At) => At.itemName).join(", ")}`, children: /* @__PURE__ */ e(ye, { size: 14, className: "shrink-0 text-amber-600" }) });
+                    })(),
+                    /* @__PURE__ */ e(ct, { item: K })
+                  ] }) }),
+                  /* @__PURE__ */ e("td", { className: "p-3", children: /* @__PURE__ */ e(dt, { status: K.status }) }),
+                  /* @__PURE__ */ e("td", { className: "p-3 text-right", onClick: (W) => W.stopPropagation(), children: A ? /* @__PURE__ */ e(
+                    mt,
+                    {
+                      item: K,
+                      targetConfigIds: H,
+                      results: F,
+                      pushedDests: J,
+                      displayName: y
+                    }
+                  ) : null })
+                ]
+              },
+              K.id
+            )) : null
+          ] }, o.synthetic ? u.itemKey : u.id);
+        }) })
+      ] }) }) }) }),
+      c ? /* @__PURE__ */ e("div", { className: "w-[28rem] shrink-0 self-start sticky top-4 max-h-[calc(100vh-2rem)] overflow-auto", children: /* @__PURE__ */ e(
+        sn,
+        {
+          item: N,
+          targets: (w.targetConfigIds ?? []).map((o) => ({ id: o, name: y(o) })),
+          onClose: () => p(null),
+          unmetDependencyNames: N && N.included && !N.ignored ? Ie(N, ee, ne).map(pe) : [],
+          tags: Array.isArray((We = (Ye = N == null ? void 0 : N.diff) == null ? void 0 : Ye.origin) == null ? void 0 : We.tags) ? ((Ge = N == null ? void 0 : N.diff) == null ? void 0 : Ge.origin).tags ?? [] : [],
+          excludedTags: Z(N == null ? void 0 : N.excludedTags),
+          metadataKeys: (() => {
+            var v, u;
+            const o = (u = (v = N == null ? void 0 : N.diff) == null ? void 0 : v.origin) == null ? void 0 : u.metadata;
+            return o != null && typeof o == "object" && !Array.isArray(o) ? Object.keys(o) : [];
+          })(),
+          excludedMetadataKeys: Z(N == null ? void 0 : N.excludedMetadataKeys),
+          i18nPaths: (() => {
+            var u, I;
+            const o = (I = (u = N == null ? void 0 : N.diff) == null ? void 0 : u.origin) == null ? void 0 : I.i18n;
+            if (!Array.isArray(o))
+              return [];
+            const v = o.map((S) => S == null ? void 0 : S.path).filter((S) => typeof S == "string");
+            return Array.from(new Set(v));
+          })(),
+          excludedI18nPaths: Z(N == null ? void 0 : N.excludedI18nPaths),
+          permissionKeys: (() => {
+            var u, I;
+            if ((N == null ? void 0 : N.itemType) !== "role")
+              return [];
+            const o = (I = (u = N == null ? void 0 : N.diff) == null ? void 0 : u.origin) == null ? void 0 : I.permissions;
+            if (!Array.isArray(o))
+              return [];
+            const v = o.map((S) => `${(S == null ? void 0 : S.module) ?? ""}/${(S == null ? void 0 : S.name) ?? (S == null ? void 0 : S.id) ?? ""}`).filter((S) => S !== "/");
+            return Array.from(new Set(v));
+          })(),
+          excludedPermissions: Z(N == null ? void 0 : N.excludedPermissions),
+          formatPermissionLabel: (o) => o.split(/([/.])/).map((v) => {
+            var u, I;
+            return ((I = (u = N == null ? void 0 : N.diff) == null ? void 0 : u.nameMap) == null ? void 0 : I[v]) ?? G.get(v) ?? v;
+          }).join(""),
+          replacementMaps: w.replacementMaps ?? void 0,
+          editable: !se,
+          onToggleTag: (o, v) => {
+            if (!N)
+              return;
+            const u = Z(N.excludedTags), I = v ? u.filter((S) => S !== o) : Array.from(/* @__PURE__ */ new Set([...u, o]));
+            Kt.mutate({ itemId: N.id, value: I });
+          },
+          onToggleMetadataKey: (o, v) => {
+            if (!N)
+              return;
+            const u = Z(N.excludedMetadataKeys), I = v ? u.filter((S) => S !== o) : Array.from(/* @__PURE__ */ new Set([...u, o]));
+            Et.mutate({ itemId: N.id, value: I });
+          },
+          onToggleI18nPath: (o, v) => {
+            if (!N)
+              return;
+            const u = Z(N.excludedI18nPaths), I = v ? u.filter((S) => S !== o) : Array.from(/* @__PURE__ */ new Set([...u, o]));
+            $t.mutate({ itemId: N.id, value: I });
+          },
+          onTogglePermission: (o, v) => {
+            if (!N)
+              return;
+            const u = Z(N.excludedPermissions), I = v ? u.filter((S) => S !== o) : Array.from(/* @__PURE__ */ new Set([...u, o]));
+            Ot.mutate({ itemId: N.id, value: I });
+          }
+        }
+      ) }) : null
+    ] }),
+    /* @__PURE__ */ e(
+      mn,
+      {
+        open: P,
+        onOpenChange: M,
+        releaseId: t,
+        apiPath: i,
+        targetConfigIds: H,
+        targetNames: Object.fromEntries(
+          (w.targetConfigIds ?? []).map((o) => [o, y(o)])
+        ),
+        dependencyWarnings: me
+      }
+    ),
+    /* @__PURE__ */ e(
+      hn,
+      {
+        open: D,
+        onOpenChange: Q,
+        releaseId: t,
+        apiPath: i,
+        targetConfigIds: H,
+        targetNames: Object.fromEntries(
+          (w.targetConfigIds ?? []).map((o) => [o, y(o)])
+        )
+      }
+    )
+  ] }) : /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ n(E, { variant: "ghost", size: "sm", onClick: s, children: [
+      /* @__PURE__ */ e(Le, {}),
+      "Back"
+    ] }),
+    /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: "Release not found." })
+  ] });
+}
+function ut({ value: t, onChange: s, configs: i, label: a }) {
+  const r = `cluster-select-${a.toLowerCase().replace(/\s+/g, "-")}`;
+  return /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e(le, { htmlFor: r, children: a }),
+    /* @__PURE__ */ n(
+      "select",
+      {
+        id: r,
+        value: t,
+        onChange: (d) => s(d.target.value),
+        className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+        children: [
+          /* @__PURE__ */ e("option", { value: "", children: "Select cluster…" }),
+          i.map((d) => /* @__PURE__ */ e("option", { value: d.id, children: d.displayName }, d.id))
+        ]
+      }
+    )
+  ] });
+}
+const ht = {
+  match: { symbol: "✓", className: "text-muted-foreground", label: "Match" },
+  diff: { symbol: "≠", className: "text-red-500 dark:text-red-400 font-semibold", label: "Diff" },
+  translated: { symbol: "≈", className: "text-blue-600 dark:text-blue-400 font-semibold", label: "Translated" },
+  missing: { symbol: "✗", className: "text-red-500 dark:text-red-400 font-semibold", label: "Missing" },
+  extra: { symbol: "+", className: "text-amber-600 font-semibold", label: "Extra" },
+  skip: { symbol: "—", className: "text-muted-foreground/50", label: "Ignored" }
+};
+function pt({
+  state: t,
+  onClick: s,
+  active: i
+}) {
+  const a = ht[t] ?? ht.match, r = t !== "match" && t !== "skip" && !!s;
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: r ? s : void 0,
+      disabled: !r,
+      title: a.label,
+      className: ce(
+        "w-full text-center text-sm py-1 rounded",
+        a.className,
+        r && "hover:bg-muted cursor-pointer",
+        !r && "cursor-default",
+        i && "bg-muted ring-1 ring-ring"
+      ),
+      children: a.symbol
+    }
+  );
+}
+function $n({ stats: t, destConfigIds: s }) {
+  return /* @__PURE__ */ e("div", { className: "flex gap-6 text-xs text-muted-foreground py-2 px-1", children: s.map((i) => {
+    const a = t[i];
+    if (!a)
+      return null;
+    const r = a.match + a.diff + a.missing + a.extra;
+    return /* @__PURE__ */ n("span", { children: [
+      /* @__PURE__ */ n("span", { className: "font-mono font-medium", children: [
+        a.match,
+        "/",
+        r
+      ] }),
+      " match",
+      a.diff > 0 && /* @__PURE__ */ n("span", { className: "text-destructive ml-2", children: [
+        a.diff,
+        " diff"
+      ] }),
+      a.missing > 0 && /* @__PURE__ */ n("span", { className: "text-destructive ml-2", children: [
+        a.missing,
+        " missing"
+      ] }),
+      a.extra > 0 && /* @__PURE__ */ n("span", { className: "text-amber-600 ml-2", children: [
+        a.extra,
+        " extra"
+      ] })
+    ] }, i);
+  }) });
+}
+function ft(t) {
+  return Object.values(t.cells).some((s) => s === "diff" || s === "missing" || s === "extra");
+}
+function On({
+  originConfigId: t,
+  destConfigIds: s,
+  apiPath: i = "/release-status"
+}) {
+  const { toast: a } = oe(), { fetchJson: r } = te(), { configs: d } = be(), l = de(), [m, h] = R("issues"), [b, x] = R(!1), [c, p] = R(null), [P, M] = R(/* @__PURE__ */ new Set()), [D, Q] = R(() => /* @__PURE__ */ new Set()), U = (y) => Q((O) => {
+    const T = new Set(O);
+    return T.has(y) ? T.delete(y) : T.add(y), T;
+  }), j = q(() => {
+    const y = /* @__PURE__ */ new Map();
+    return d.forEach((O) => y.set(O.id, O.displayName)), y;
+  }, [d]), Y = (y) => j.get(y) ?? y, B = s.filter((y) => !P.has(y)), k = new URLSearchParams();
+  k.set("originConfigId", t), B.forEach((y) => k.append("destConfigIds[]", y));
+  const C = ["imaginarium", "release-status", t, B], { data: $, isLoading: g, isError: w } = ae({
+    queryKey: C,
+    queryFn: () => r(`${i}?${k.toString()}`),
+    enabled: B.length > 0
+  }), V = _({
+    mutationFn: () => r(`${i}/refresh`, {
+      method: "POST",
+      body: JSON.stringify({ originConfigId: t, destConfigIds: B })
+    }),
+    onSuccess: () => {
+      l.invalidateQueries({ queryKey: C }), a({ title: "Cache cleared", description: "Refreshing comparison data…" });
+    },
+    onError: (y) => {
+      a({ title: "Error", description: y.message, variant: "destructive" });
+    }
+  }), {
+    data: L,
+    isLoading: X,
+    isError: f
+  } = ae({
+    queryKey: ["imaginarium", "release-status-diff", t, c == null ? void 0 : c.destConfigId, c == null ? void 0 : c.itemKey],
+    queryFn: () => r(
+      `${i}/diff?originConfigId=${encodeURIComponent(t)}&destConfigId=${encodeURIComponent(c.destConfigId)}&itemKey=${encodeURIComponent(c.itemKey)}`
+    ),
+    enabled: !!c
+  }), F = (y) => {
+    M((O) => {
+      const T = new Set(O);
+      return T.has(y) ? T.delete(y) : T.add(y), T;
+    });
+  }, J = (y, O) => {
+    p(
+      (T) => (T == null ? void 0 : T.itemKey) === y && T.destConfigId === O ? null : { itemKey: y, destConfigId: O }
+    );
+  }, A = ($ == null ? void 0 : $.rows) ?? [], H = ($ == null ? void 0 : $.stats) ?? {}, z = q(() => kn(A).map((O) => {
+    const T = m === "issues" ? O.children.filter(ft) : O.children;
+    return { node: O, renderChildren: T };
+  }).filter(
+    ({ node: O, renderChildren: T }) => m === "all" || ft(O.row) || T.length > 0
+  ).sort((O, T) => {
+    const ee = Je(O.node.row.itemType, T.node.row.itemType);
+    return ee !== 0 ? ee : O.node.row.itemName.localeCompare(T.node.row.itemName);
+  }), [A, m]);
+  return /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ n("div", { className: "flex rounded-md border text-sm overflow-hidden", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: ce("px-3 py-1.5", m === "issues" ? "bg-muted font-medium" : "hover:bg-muted/50"),
+            onClick: () => h("issues"),
+            children: "Issues only"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: ce("px-3 py-1.5 border-l", m === "all" ? "bg-muted font-medium" : "hover:bg-muted/50"),
+            onClick: () => h("all"),
+            children: "All"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n(E, { variant: "ghost", size: "sm", onClick: () => x((y) => !y), children: [
+        /* @__PURE__ */ e(Jt, {}),
+        "Stats"
+      ] }),
+      /* @__PURE__ */ n(
+        E,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => V.mutate(),
+          disabled: V.isPending,
+          children: [
+            /* @__PURE__ */ e(vt, { className: ce(V.isPending && "animate-spin") }),
+            "Refresh"
+          ]
+        }
+      ),
+      [...P].map((y) => /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: () => F(y),
+          className: "text-xs border rounded px-2 py-1 text-muted-foreground hover:bg-muted",
+          children: [
+            "+ ",
+            Y(y)
+          ]
+        },
+        y
+      ))
+    ] }),
+    b && $ && /* @__PURE__ */ e($n, { stats: H, destConfigIds: B }),
+    g && /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground py-8", children: "Loading…" }),
+    w && /* @__PURE__ */ e("div", { className: "text-center text-destructive py-8", children: "Failed to load comparison data." }),
+    !g && !w && /* @__PURE__ */ n("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 rounded-md border overflow-auto max-h-[70vh]", children: /* @__PURE__ */ n("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "border-b bg-muted/50", children: [
+          /* @__PURE__ */ e("th", { className: "sticky top-0 z-10 bg-muted px-4 py-2 text-left font-medium min-w-[200px]", children: "Item" }),
+          B.map((y) => /* @__PURE__ */ e("th", { className: "sticky top-0 z-10 bg-muted px-2 py-2 text-center font-medium min-w-[80px]", children: /* @__PURE__ */ n("div", { className: "flex items-center justify-center gap-1", children: [
+            /* @__PURE__ */ e("span", { className: "truncate max-w-[120px]", title: Y(y), children: Y(y) }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: "text-muted-foreground hover:text-foreground",
+                onClick: () => F(y),
+                title: "Hide column",
+                children: "×"
+              }
+            )
+          ] }) }, y))
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: z.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: B.length + 1, className: "text-center text-muted-foreground py-8", children: m === "issues" ? "No issues found — all clusters in sync." : "No items." }) }) : z.map(({ node: y, renderChildren: O }) => {
+          const T = y.row, ee = O.length > 0, ne = D.has(T.itemKey) || m === "issues", pe = D.has(T.itemKey);
+          return /* @__PURE__ */ n(yt, { children: [
+            /* @__PURE__ */ n("tr", { className: "border-b last:border-0 hover:bg-muted/25", children: [
+              /* @__PURE__ */ e("td", { className: "px-4 py-1.5", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                ee ? /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "text-muted-foreground hover:text-foreground",
+                    onClick: () => U(T.itemKey),
+                    "aria-label": pe ? "Collapse" : "Expand",
+                    children: pe ? /* @__PURE__ */ e(ue, { size: 14 }) : /* @__PURE__ */ e(he, { size: 14 })
+                  }
+                ) : null,
+                /* @__PURE__ */ e("span", { className: "inline-flex align-middle", children: /* @__PURE__ */ e(xe, { type: T.itemType }) }),
+                /* @__PURE__ */ e("span", { className: "font-medium", children: T.itemName })
+              ] }) }),
+              B.map((G) => /* @__PURE__ */ e("td", { className: "px-2 py-1", children: /* @__PURE__ */ e(
+                pt,
+                {
+                  state: T.cells[G] ?? "match",
+                  active: (c == null ? void 0 : c.itemKey) === T.itemKey && c.destConfigId === G,
+                  onClick: () => J(T.itemKey, G)
+                }
+              ) }, G))
+            ] }),
+            ee && ne ? O.map((G) => /* @__PURE__ */ n("tr", { className: "border-b last:border-0 hover:bg-muted/25", children: [
+              /* @__PURE__ */ e("td", { className: "px-4 py-1.5 pl-8", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e("span", { className: "inline-flex align-middle", children: /* @__PURE__ */ e(xe, { type: G.itemType }) }),
+                /* @__PURE__ */ e("span", { className: "font-medium", children: G.itemName })
+              ] }) }),
+              B.map((me) => /* @__PURE__ */ e("td", { className: "px-2 py-1", children: /* @__PURE__ */ e(
+                pt,
+                {
+                  state: G.cells[me] ?? "match",
+                  active: (c == null ? void 0 : c.itemKey) === G.itemKey && c.destConfigId === me,
+                  onClick: () => J(G.itemKey, me)
+                }
+              ) }, me))
+            ] }, G.itemKey)) : null
+          ] }, T.itemKey);
+        }) })
+      ] }) }),
+      c ? /* @__PURE__ */ e("div", { className: "w-[28rem] shrink-0 self-start sticky top-4 max-h-[calc(100vh-2rem)] overflow-auto", children: X ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center rounded-md border bg-background p-4 text-sm text-muted-foreground", children: "Loading diff…" }) : f || !L ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center rounded-md border bg-background p-4 text-sm text-muted-foreground", children: "No diff available." }) : /* @__PURE__ */ e(
+        Pt,
+        {
+          item: {
+            itemName: L.itemName,
+            itemType: L.itemType,
+            diff: { origin: L.origin, target: L.target }
+          },
+          onClose: () => p(null)
+        }
+      ) }) : null
+    ] })
+  ] });
+}
+const gt = (t) => ({
+  name: "",
+  description: "",
+  values: Object.fromEntries(t.map((s) => [s, ""]))
+});
+function In({
+  configIds: t,
+  clusterNames: s = {},
+  apiPath: i = "/release-translations"
+}) {
+  const { toast: a } = oe(), { fetchJson: r } = te(), d = de(), [l, m] = R(!1), [h, b] = R(null), [x, c] = R(gt(t)), [p, P] = R(() => /* @__PURE__ */ new Set()), M = (f) => {
+    P((F) => {
+      const J = new Set(F);
+      return J.has(f) ? J.delete(f) : J.add(f), J;
+    });
+  }, D = ["imaginarium", "release-translations"], { data: Q, isLoading: U } = ae({
+    queryKey: D,
+    queryFn: async () => {
+      const f = await r(i);
+      return (f == null ? void 0 : f.items) ?? [];
+    }
+  }), j = _({
+    mutationFn: async (f) => {
+      const F = await r(i, {
+        method: "POST",
+        body: JSON.stringify({ name: f.name.trim(), description: f.description.trim() || null })
+      });
+      await k(F.id, f.values);
+    },
+    onSuccess: () => {
+      d.invalidateQueries({ queryKey: D }), a({ title: "Translation created" }), g();
+    },
+    onError: (f) => a({ title: "Error", description: f.message, variant: "destructive" })
+  }), Y = _({
+    mutationFn: async (f) => {
+      await r(`${i}/${h.id}`, {
+        method: "PATCH",
+        body: JSON.stringify({ name: f.name.trim(), description: f.description.trim() || null })
+      }), await k(h.id, f.values);
+    },
+    onSuccess: () => {
+      d.invalidateQueries({ queryKey: D }), a({ title: "Translation updated" }), g();
+    },
+    onError: (f) => a({ title: "Error", description: f.message, variant: "destructive" })
+  }), B = _({
+    mutationFn: (f) => r(`${i}/${f}`, { method: "DELETE" }),
+    onSuccess: () => {
+      d.invalidateQueries({ queryKey: D }), a({ title: "Translation deleted" });
+    },
+    onError: (f) => a({ title: "Error", description: f.message, variant: "destructive" })
+  });
+  async function k(f, F) {
+    var A;
+    const J = (h == null ? void 0 : h.values) ?? [];
+    for (const H of t) {
+      const z = (A = F[H]) == null ? void 0 : A.trim(), y = J.find((T) => T.configId === H), O = `${i}/${f}/values`;
+      y && z ? await r(`${O}/${y.id}`, {
+        method: "PATCH",
+        body: JSON.stringify({ value: z })
+      }) : y && !z ? await r(`${O}/${y.id}`, { method: "DELETE" }) : !y && z && await r(O, {
+        method: "POST",
+        body: JSON.stringify({ translationId: f, configId: H, value: z })
+      });
+    }
+  }
+  const C = () => {
+    b(null), c(gt(t)), m(!0);
+  }, $ = (f) => {
+    b(f);
+    const F = f.values ?? [], J = Object.fromEntries(
+      t.map((A) => {
+        var H;
+        return [A, ((H = F.find((z) => z.configId === A)) == null ? void 0 : H.value) ?? ""];
+      })
+    );
+    c({ name: f.name, description: f.description ?? "", values: J }), m(!0);
+  }, g = () => {
+    m(!1), b(null);
+  }, w = () => {
+    h ? Y.mutate(x) : j.mutate(x);
+  }, V = j.isPending || Y.isPending, L = !!x.name.trim();
+  if (U)
+    return /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground py-8", children: "Loading…" });
+  const X = [...Q ?? []].sort(
+    (f, F) => f.name.localeCompare(F.name, void 0, { sensitivity: "base" })
+  );
+  return /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: X.length === 0 ? "No translation rules yet." : `${X.length} translation rule${X.length === 1 ? "" : "s"}.` }),
+      /* @__PURE__ */ n(E, { size: "sm", onClick: C, children: [
+        /* @__PURE__ */ e(je, {}),
+        "Add translation"
+      ] })
+    ] }),
+    X.length > 0 && /* @__PURE__ */ e("div", { className: "rounded-md border divide-y text-sm", children: X.map((f) => {
+      const F = p.has(f.id), J = f.values ?? [], A = (z) => {
+        var y;
+        return ((y = J.find((O) => O.configId === z)) == null ? void 0 : y.value) ?? "";
+      }, H = t.filter((z) => A(z)).length;
+      return /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-3 px-4 py-2 hover:bg-muted/25", children: [
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              onClick: () => M(f.id),
+              "aria-expanded": F,
+              className: "flex flex-1 min-w-0 items-center gap-3 text-left",
+              children: [
+                F ? /* @__PURE__ */ e(ue, { className: "size-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ e(he, { className: "size-4 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ e("div", { className: "font-medium", children: f.name }),
+                  f.description && /* @__PURE__ */ e("div", { className: "truncate text-xs text-muted-foreground", children: f.description })
+                ] }),
+                /* @__PURE__ */ n("div", { className: "shrink-0 whitespace-nowrap text-xs text-muted-foreground", children: [
+                  H,
+                  " of ",
+                  t.length,
+                  " set"
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "flex shrink-0 gap-1", children: [
+            /* @__PURE__ */ e(E, { variant: "ghost", size: "icon", onClick: () => $(f), children: /* @__PURE__ */ e(Qt, {}) }),
+            /* @__PURE__ */ e(
+              E,
+              {
+                variant: "ghost",
+                size: "icon",
+                onClick: () => {
+                  window.confirm(`Delete translation "${f.name}"?`) && B.mutate(f.id);
+                },
+                children: /* @__PURE__ */ e(wt, {})
+              }
+            )
+          ] })
+        ] }),
+        F && /* @__PURE__ */ e("div", { className: "space-y-1 px-4 pb-3 pl-11", children: t.map((z) => /* @__PURE__ */ n("div", { className: "grid grid-cols-[10rem_1fr] gap-2 text-xs", children: [
+          /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: s[z] ?? z }),
+          /* @__PURE__ */ e("span", { className: "break-all font-mono", children: A(z) || /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "—" }) })
+        ] }, z)) })
+      ] }, f.id);
+    }) }),
+    /* @__PURE__ */ e(ve, { open: l, onOpenChange: m, children: /* @__PURE__ */ n(we, { className: "max-w-lg", children: [
+      /* @__PURE__ */ n(ke, { children: [
+        /* @__PURE__ */ e(Ce, { children: h ? `Edit ${h.name}` : "New Translation Rule" }),
+        /* @__PURE__ */ e(Te, { children: "Set the equivalent values for each cluster. Rules with values on only one side of a pair are silently skipped for that comparison." })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "space-y-4 py-2", children: [
+        /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e(le, { htmlFor: "tr-name", children: "Name" }),
+          /* @__PURE__ */ e(
+            ge,
+            {
+              id: "tr-name",
+              value: x.name,
+              onChange: (f) => c({ ...x, name: f.target.value }),
+              placeholder: "key (ex. molten-url)"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e(le, { htmlFor: "tr-desc", children: "Description (optional)" }),
+          /* @__PURE__ */ e(
+            ge,
+            {
+              id: "tr-desc",
+              value: x.description,
+              onChange: (f) => c({ ...x, description: f.target.value }),
+              placeholder: "Explain what this value represents"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "space-y-3 pt-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "Values per cluster" }),
+          t.map((f) => /* @__PURE__ */ n("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ e(le, { htmlFor: `tr-val-${f}`, className: "text-xs text-muted-foreground", children: s[f] ?? f }),
+            /* @__PURE__ */ e(
+              ge,
+              {
+                id: `tr-val-${f}`,
+                value: x.values[f] ?? "",
+                onChange: (F) => c({
+                  ...x,
+                  values: { ...x.values, [f]: F.target.value }
+                }),
+                placeholder: "Leave blank to remove",
+                className: "font-mono text-xs"
+              }
+            )
+          ] }, f))
+        ] })
+      ] }),
+      /* @__PURE__ */ n(Pe, { children: [
+        /* @__PURE__ */ n(E, { variant: "outline", onClick: g, children: [
+          /* @__PURE__ */ e(Ne, {}),
+          "Cancel"
+        ] }),
+        /* @__PURE__ */ n(E, { onClick: w, disabled: !L || V, children: [
+          /* @__PURE__ */ e(bt, {}),
+          V ? "Saving…" : "Save"
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function Rn({
+  originConfigId: t,
+  apiPath: s = "/release-ignores"
+}) {
+  const { toast: i } = oe(), { fetchJson: a } = te(), r = de(), d = ["imaginarium", "release-ignores", t], { data: l, isLoading: m } = ae({
+    queryKey: d,
+    queryFn: async () => {
+      const p = await a(
+        `${s}?where[originConfigId]=${encodeURIComponent(t)}`
+      );
+      return (p == null ? void 0 : p.items) ?? [];
+    }
+  }), h = _({
+    mutationFn: (p) => a(`${s}/${p}`, { method: "DELETE" }),
+    onSuccess: () => {
+      r.invalidateQueries({ queryKey: d }), i({ title: "Item removed from ignore list" });
+    },
+    onError: (p) => {
+      i({ title: "Error", description: p.message, variant: "destructive" });
+    }
+  }), b = _({
+    mutationFn: () => a(`${s}?originConfigId=${encodeURIComponent(t)}`, {
+      method: "DELETE"
+    }),
+    onSuccess: () => {
+      r.invalidateQueries({ queryKey: d }), i({ title: "All ignore rules cleared" });
+    },
+    onError: (p) => {
+      i({ title: "Error", description: p.message, variant: "destructive" });
+    }
+  }), x = () => {
+    window.confirm("Remove all ignore rules for this cluster? Items will appear normally in future snapshots.") && b.mutate();
+  };
+  if (m)
+    return /* @__PURE__ */ e("div", { className: "text-center text-muted-foreground py-8", children: "Loading…" });
+  const c = l ?? [];
+  return /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: c.length === 0 ? "No items are permanently ignored." : `${c.length} item${c.length === 1 ? "" : "s"} permanently ignored for this cluster.` }),
+      c.length > 0 && /* @__PURE__ */ n(
+        E,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: x,
+          disabled: b.isPending,
+          children: [
+            /* @__PURE__ */ e(Be, {}),
+            b.isPending ? "Clearing…" : "Clear all"
+          ]
+        }
+      )
+    ] }),
+    c.length > 0 && /* @__PURE__ */ e("div", { className: "rounded-md border", children: /* @__PURE__ */ n("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { className: "border-b bg-muted/50", children: [
+        /* @__PURE__ */ e("th", { className: "px-4 py-2 text-left font-medium", children: "Type" }),
+        /* @__PURE__ */ e("th", { className: "px-4 py-2 text-left font-medium", children: "Name" }),
+        /* @__PURE__ */ e("th", { className: "px-4 py-2 text-left font-medium", children: "Reason" }),
+        /* @__PURE__ */ e("th", { className: "px-4 py-2 text-right font-medium" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: c.map((p) => /* @__PURE__ */ n("tr", { className: "border-b last:border-0 hover:bg-muted/25", children: [
+        /* @__PURE__ */ e("td", { className: "px-4 py-2 text-muted-foreground font-mono text-xs", children: p.itemType }),
+        /* @__PURE__ */ e("td", { className: "px-4 py-2 font-medium", children: p.itemName }),
+        /* @__PURE__ */ e("td", { className: "px-4 py-2 text-muted-foreground", children: p.reason ?? /* @__PURE__ */ e("span", { className: "italic text-xs", children: "—" }) }),
+        /* @__PURE__ */ e("td", { className: "px-4 py-2 text-right", children: /* @__PURE__ */ e(
+          E,
+          {
+            variant: "ghost",
+            size: "icon",
+            title: "Remove from ignore list",
+            onClick: () => h.mutate(p.id),
+            disabled: h.isPending,
+            children: /* @__PURE__ */ e(wt, {})
+          }
+        ) })
+      ] }, p.id)) })
+    ] }) })
+  ] });
+}
+function An(t, s) {
+  return [...t].sort(
+    (i, a) => (s[i] ?? i).localeCompare(s[a] ?? a, void 0, { sensitivity: "base" })
+  );
+}
+const xt = ["dev", "stg", "prd"];
+function Mn(t) {
+  const s = (t.tags ?? []).map((a) => a.toLowerCase()), i = xt.findIndex((a) => s.includes(a));
+  return i === -1 ? xt.length : i;
+}
+function Dn(t) {
+  const s = Object.fromEntries(t.map((r) => [r.id, r.displayName])), i = /* @__PURE__ */ new Map();
+  for (const r of t) {
+    const d = Mn(r);
+    i.has(d) || i.set(d, []), i.get(d).push(r.id);
+  }
+  return [...i.keys()].sort((r, d) => r - d).flatMap((r) => An(i.get(r), s));
+}
+const Fn = [
+  { id: "releases", label: "Releases" },
+  { id: "status", label: "Status" },
+  { id: "translations", label: "Translations" },
+  { id: "ignored", label: "Ignored" }
+];
+function qn() {
+  var c;
+  const [t, s] = R("releases"), [i, a] = R(null), { configs: r } = be(), [d, l] = R("");
+  Qe(() => {
+    !d && r.length > 0 && l(r[0].id);
+  }, [d, r]);
+  const m = q(() => {
+    const p = {};
+    return r.forEach((P) => {
+      p[P.id] = P.displayName;
+    }), p;
+  }, [r]), h = d || ((c = r[0]) == null ? void 0 : c.id) || "", b = q(() => Dn(r), [r]), x = b.filter((p) => p !== h);
+  return /* @__PURE__ */ n("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e("h2", { className: "text-2xl font-semibold", children: "imp" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Manage releases across clusters" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-1 border-b pb-2", children: Fn.map(({ id: p, label: P }) => /* @__PURE__ */ e(
+      E,
+      {
+        variant: t === p ? "secondary" : "ghost",
+        size: "sm",
+        onClick: () => s(p),
+        children: P
+      },
+      p
+    )) }),
+    t === "releases" && (i == null ? /* @__PURE__ */ e(Xt, { onOpen: a }) : /* @__PURE__ */ e(En, { releaseId: i, onBack: () => a(null) })),
+    t === "status" && (r.length === 0 ? /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: "No clusters configured." }) : /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e("div", { className: "max-w-xs", children: /* @__PURE__ */ e(
+        ut,
+        {
+          label: "Reference",
+          value: h,
+          onChange: l,
+          configs: r
+        }
+      ) }),
+      h ? /* @__PURE__ */ e(On, { originConfigId: h, destConfigIds: x }) : /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: "Select a reference cluster." })
+    ] })),
+    t === "translations" && (r.length === 0 ? /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: "No clusters configured." }) : /* @__PURE__ */ e(In, { configIds: b, clusterNames: m })),
+    t === "ignored" && (r.length === 0 ? /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: "No clusters configured." }) : /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e("div", { className: "max-w-xs", children: /* @__PURE__ */ e(
+        ut,
+        {
+          label: "Cluster",
+          value: h,
+          onChange: l,
+          configs: r
+        }
+      ) }),
+      h ? /* @__PURE__ */ e(Rn, { originConfigId: h }) : /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: "Select a cluster." })
+    ] }))
+  ] });
+}
+const zn = {
+  id: "imaginarium.ui.ImpPage",
+  path: "/imp",
+  element: qn
+}, jn = {
+  id: "imaginarium.ui.ImpNavItem",
+  path: "/imp",
+  label: "imp",
+  icon: Vt,
+  sort: 150
+}, Xn = {
+  install(t) {
+    t.addPlugin(Mt, zn), t.addPlugin(Dt, jn), qt.register(t, Wt);
+  }
+};
+export {
+  ut as C,
+  Pt as D,
+  xe as E,
+  tn as I,
+  Zt as P,
+  En as R,
+  On as S,
+  lt as T,
+  Gt as a,
+  en as b,
+  Rn as c,
+  mn as d,
+  sn as e,
+  Xt as f,
+  Xn as g,
+  kt as h,
+  qn as i,
+  nn as j,
+  In as k,
+  vn as l,
+  xn as m,
+  Tn as n,
+  Gn as o,
+  kn as p,
+  Cn as q,
+  yn as r,
+  bn as t,
+  Ie as u
+};
+//# sourceMappingURL=PluginSetup-CBFwSR1s.js.map