@timeax/digital-service-engine 0.2.0 → 0.2.2

package/dist/react/index.cjs

@@ -1909,6 +1909,9 @@ function toFiniteNumber(v) {
   const n = Number(v);
   return Number.isFinite(n) ? n : NaN;
 }
+function isValidServiceIdRef(value) {
+  return typeof value === "number" && Number.isFinite(value) || typeof value === "string" && value.trim().length > 0;
+}
 function constraintFitOk(svcMap, candidate, constraints) {
   const cap = getServiceCapability(svcMap, candidate);
   if (!cap) return false;
@@ -1917,18 +1920,32 @@ function constraintFitOk(svcMap, candidate, constraints) {
   return !(constraints.cancel === true && !cap.cancel);
 }
 function getServiceCapability(svcMap, candidate) {
-  if (candidate === void 0 || candidate === null) return void 0;
-  const direct = svcMap[candidate];
-  if (direct) return direct;
-  const byString = svcMap[String(candidate)];
-  if (byString) return byString;
-  if (typeof candidate === "string") {
-    const maybeNumber = Number(candidate);
-    if (Number.isFinite(maybeNumber)) {
-      return svcMap[maybeNumber];
-    }
+  var _a;
+  return (_a = getServiceCapabilityEntry(svcMap, candidate)) == null ? void 0 : _a.capability;
+}
+function getServiceCapabilityCanonicalRef(svcMap, candidate) {
+  const entry = getServiceCapabilityEntry(svcMap, candidate);
+  if (!entry) return void 0;
+  return getCanonicalServiceRef(entry.key, entry.capability);
+}
+function getServiceCapabilityAliases(svcMap, candidate) {
+  const entry = getServiceCapabilityEntry(svcMap, candidate);
+  if (!entry) return [];
+  return collectServiceRefAliases(entry.key, entry.capability);
+}
+function isSameServiceCapabilityRef(svcMap, left, right) {
+  if (!isValidServiceIdRef(left) || !isValidServiceIdRef(right)) return false;
+  const leftAliases = new Set(
+    getServiceCapabilityAliases(svcMap, left).map((value) => String(value))
+  );
+  if (!leftAliases.size) {
+    leftAliases.add(String(left));
   }
-  return void 0;
+  const rightAliases = getServiceCapabilityAliases(svcMap, right);
+  if (!rightAliases.length) {
+    return leftAliases.has(String(right));
+  }
+  return rightAliases.some((value) => leftAliases.has(String(value)));
 }
 function normalizeRatePolicy(policy) {
   var _a;
@@ -1964,18 +1981,84 @@ function rateOk(svcMap, candidate, primary, policy) {
   if (!Number.isFinite(cRate) || !Number.isFinite(pRate)) return false;
   return passesRatePolicy(policy.ratePolicy, pRate, cRate);
 }
+function getServiceCapabilityEntry(svcMap, candidate) {
+  if (candidate === void 0 || candidate === null) return void 0;
+  const direct = svcMap[candidate];
+  if (direct) {
+    return { key: String(candidate), capability: direct };
+  }
+  const byString = svcMap[String(candidate)];
+  if (byString) {
+    return { key: String(candidate), capability: byString };
+  }
+  if (typeof candidate === "string") {
+    const maybeNumber = Number(candidate);
+    if (Number.isFinite(maybeNumber)) {
+      const byNumber = svcMap[maybeNumber];
+      if (byNumber) {
+        return { key: String(maybeNumber), capability: byNumber };
+      }
+    }
+  }
+  const target = String(candidate);
+  for (const [key, capability] of Object.entries(svcMap != null ? svcMap : {})) {
+    if (collectServiceRefAliases(key, capability).some(
+      (alias) => String(alias) === target
+    )) {
+      return { key, capability };
+    }
+  }
+  return void 0;
+}
+function collectServiceRefAliases(key, capability) {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  const push = (value) => {
+    if (!isValidServiceIdRef(value)) return;
+    const normalized = normalizeServiceRef(value);
+    if (!normalized) return;
+    const aliasKey = String(normalized);
+    if (seen.has(aliasKey)) return;
+    seen.add(aliasKey);
+    out.push(normalized);
+  };
+  push(getCanonicalServiceRef(key, capability));
+  push(capability.service);
+  push(capability.key);
+  push(capability.id);
+  return out;
+}
+function getCanonicalServiceRef(key, capability) {
+  const explicitRefs = [capability.service, capability.key, capability.id];
+  for (const ref of explicitRefs) {
+    if (!isValidServiceIdRef(ref)) continue;
+    if (String(ref) === key) {
+      return ref;
+    }
+  }
+  return normalizeServiceRef(key);
+}
+function normalizeServiceRef(value) {
+  if (!isValidServiceIdRef(value)) return void 0;
+  if (typeof value === "number") return value;
+  const trimmed = value.trim();
+  if (!trimmed) return void 0;
+  const asNumber = Number(trimmed);
+  if (Number.isFinite(asNumber) && String(asNumber) === trimmed) {
+    return asNumber;
+  }
+  return trimmed;
+}
 
 // src/core/validate/steps/rates.ts
 function validateRates(v) {
-  var _a, _b, _c, _d;
-  const ratePolicy = normalizeRatePolicy(
-    (_a = v.options.fallbackSettings) == null ? void 0 : _a.ratePolicy
-  );
+  var _a, _b, _c;
+  const ratePolicy = normalizeRatePolicy(v.options.ratePolicy);
   for (const f of v.fields) {
     if (!isMultiField(f)) continue;
     const baseRates = [];
-    for (const o of (_b = f.options) != null ? _b : []) {
-      const role = (_d = (_c = o.pricing_role) != null ? _c : f.pricing_role) != null ? _d : "base";
+    for (const o of (_a = f.options) != null ? _a : []) {
+      const role = (_c = (_b = o.pricing_role) != null ? _b : f.pricing_role) != null ? _c : "base";
       if (role !== "base") continue;
       const sid = o.service_id;
       if (!isServiceIdRef(sid)) continue;
@@ -2749,6 +2832,38 @@ function applyPolicies(errors, props, serviceMap, policies, fieldsVisibleUnder,
   }
 }
 
+// src/core/governance.ts
+var DEFAULT_FALLBACK_SETTINGS = {
+  requireConstraintFit: true,
+  ratePolicy: { kind: "lte_primary", pct: 5 },
+  selectionStrategy: "priority",
+  mode: "strict"
+};
+function resolveGlobalRatePolicy(options) {
+  return normalizeRatePolicy(options.ratePolicy);
+}
+function resolveFallbackSettings(options) {
+  var _a;
+  return {
+    ...DEFAULT_FALLBACK_SETTINGS,
+    ...(_a = options.fallbackSettings) != null ? _a : {}
+  };
+}
+function mergeValidatorOptions(defaults = {}, overrides = {}) {
+  var _a, _b, _c, _d;
+  const mergedFallbackSettings = {
+    ...(_a = defaults.fallbackSettings) != null ? _a : {},
+    ...(_b = overrides.fallbackSettings) != null ? _b : {}
+  };
+  return {
+    ...defaults,
+    ...overrides,
+    policies: (_c = overrides.policies) != null ? _c : defaults.policies,
+    ratePolicy: (_d = overrides.ratePolicy) != null ? _d : defaults.ratePolicy,
+    fallbackSettings: Object.keys(mergedFallbackSettings).length > 0 ? mergedFallbackSettings : void 0
+  };
+}
+
 // src/core/builder.ts
 var import_lodash_es2 = require("lodash-es");
 function createBuilder(opts = {}) {
@@ -2991,7 +3106,7 @@ var BuilderImpl = class {
     return out;
   }
   errors() {
-    return validate(this.props, this.options);
+    return validate(this.props, mergeValidatorOptions({}, this.options));
   }
   getOptions() {
     return (0, import_lodash_es2.cloneDeep)(this.options);
@@ -3278,11 +3393,14 @@ function readVisibilitySimOpts(ctx) {
   };
 }
 function validate(props, ctx = {}) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
+  const options = mergeValidatorOptions({}, ctx);
+  const fallbackSettings = resolveFallbackSettings(options);
+  const ratePolicy = resolveGlobalRatePolicy(options);
   const errors = [];
-  const serviceMap = (_a = ctx.serviceMap) != null ? _a : {};
+  const serviceMap = (_a = options.serviceMap) != null ? _a : {};
   const selectedKeys = new Set(
-    (_b = ctx.selectedOptionKeys) != null ? _b : []
+    (_b = options.selectedOptionKeys) != null ? _b : []
   );
   const tags = Array.isArray(props.filters) ? props.filters : [];
   const fields = Array.isArray(props.fields) ? props.fields : [];
@@ -3292,8 +3410,12 @@ function validate(props, ctx = {}) {
   for (const f of fields) fieldById.set(f.id, f);
   const v = {
     props,
-    nodeMap: (_c = ctx.nodeMap) != null ? _c : buildNodeMap(props),
-    options: ctx,
+    nodeMap: (_c = options.nodeMap) != null ? _c : buildNodeMap(props),
+    options: {
+      ...options,
+      ratePolicy,
+      fallbackSettings
+    },
     errors,
     serviceMap,
     selectedKeys,
@@ -3308,7 +3430,7 @@ function validate(props, ctx = {}) {
   validateIdentity(v);
   validateOptionMaps(v);
   v.fieldsVisibleUnder = createFieldsVisibleUnder(v);
-  const visSim = readVisibilitySimOpts(ctx);
+  const visSim = readVisibilitySimOpts(options);
   validateVisibility(v, visSim);
   applyPolicies(
     v.errors,
@@ -3329,7 +3451,7 @@ function validate(props, ctx = {}) {
         builder,
         services: serviceMap,
         tagId: tag.id,
-        ratePolicy: (_d = ctx.fallbackSettings) == null ? void 0 : _d.ratePolicy,
+        ratePolicy,
         invalidFieldIds: v.invalidRateFieldIds
       });
       for (const diag of diags) {
@@ -3372,7 +3494,7 @@ function collectFailedFallbacks(props, services, settings) {
   const s = { ...DEFAULT_SETTINGS, ...settings != null ? settings : {} };
   const out = [];
   const fb = (_a = props.fallbacks) != null ? _a : {};
-  const primaryRate = (p) => rateOf(services, p);
+  const primaryRate = (primary) => rateOf(services, primary);
   for (const [nodeId, list] of Object.entries((_b = fb.nodes) != null ? _b : {})) {
     const { primary, tagContexts } = primaryForNode(props, nodeId);
     if (!primary) {
@@ -3385,34 +3507,34 @@ function collectFailedFallbacks(props, services, settings) {
       });
       continue;
     }
-    for (const cand of list) {
-      const cap = getCap(services, cand);
-      if (!cap) {
+    for (const candidate of list) {
+      const capability = getCap(services, candidate);
+      if (!capability) {
         out.push({
           scope: "node",
           nodeId,
           primary,
-          candidate: cand,
+          candidate,
           reason: "unknown_service"
         });
         continue;
       }
-      if (String(cand) === String(primary)) {
+      if (isSameServiceCapabilityRef(services, candidate, primary)) {
         out.push({
           scope: "node",
           nodeId,
           primary,
-          candidate: cand,
+          candidate,
           reason: "cycle"
         });
         continue;
       }
-      if (!passesRate(s.ratePolicy, primaryRate(primary), cap.rate)) {
+      if (!passesRate(s.ratePolicy, primaryRate(primary), capability.rate)) {
         out.push({
           scope: "node",
           nodeId,
           primary,
-          candidate: cand,
+          candidate,
           reason: "rate_violation"
         });
         continue;
@@ -3422,58 +3544,55 @@ function collectFailedFallbacks(props, services, settings) {
           scope: "node",
           nodeId,
           primary,
-          candidate: cand,
+          candidate,
           reason: "no_tag_context"
         });
         continue;
       }
-      let anyPass = false;
-      let anyFail = false;
       for (const tagId of tagContexts) {
-        const ok = s.requireConstraintFit ? satisfiesTagConstraints(tagId, { services, props }, cap) : true;
-        if (ok) anyPass = true;
-        else {
-          anyFail = true;
-          out.push({
-            scope: "node",
-            nodeId,
-            primary,
-            candidate: cand,
-            tagContext: tagId,
-            reason: "constraint_mismatch"
-          });
-        }
+        const fitsConstraints = s.requireConstraintFit ? satisfiesTagConstraints(
+          tagId,
+          { services, props },
+          capability
+        ) : true;
+        if (fitsConstraints) continue;
+        out.push({
+          scope: "node",
+          nodeId,
+          primary,
+          candidate,
+          tagContext: tagId,
+          reason: "constraint_mismatch"
+        });
       }
-      void anyPass;
-      void anyFail;
     }
   }
   for (const [primary, list] of Object.entries((_c = fb.global) != null ? _c : {})) {
-    for (const cand of list) {
-      const cap = getCap(services, cand);
-      if (!cap) {
+    for (const candidate of list) {
+      const capability = getCap(services, candidate);
+      if (!capability) {
         out.push({
           scope: "global",
           primary,
-          candidate: cand,
+          candidate,
           reason: "unknown_service"
         });
         continue;
       }
-      if (String(cand) === String(primary)) {
+      if (isSameServiceCapabilityRef(services, candidate, primary)) {
         out.push({
           scope: "global",
           primary,
-          candidate: cand,
+          candidate,
           reason: "cycle"
         });
         continue;
       }
-      if (!passesRate(s.ratePolicy, primaryRate(primary), cap.rate)) {
+      if (!passesRate(s.ratePolicy, primaryRate(primary), capability.rate)) {
         out.push({
           scope: "global",
           primary,
-          candidate: cand,
+          candidate,
           reason: "rate_violation"
         });
       }
@@ -3482,52 +3601,61 @@ function collectFailedFallbacks(props, services, settings) {
   return out;
 }
 function rateOf(map, id) {
-  var _a;
+  var _a, _b;
   if (id === void 0 || id === null) return void 0;
-  const c = getCap(map, id);
-  return (_a = c == null ? void 0 : c.rate) != null ? _a : void 0;
+  return (_b = (_a = getCap(map, id)) == null ? void 0 : _a.rate) != null ? _b : void 0;
 }
-function passesRate(policy, primaryRate, candRate) {
-  if (typeof candRate !== "number" || !Number.isFinite(candRate))
+function passesRate(policy, primaryRate, candidateRate) {
+  if (typeof candidateRate !== "number" || !Number.isFinite(candidateRate)) {
     return false;
-  if (typeof primaryRate !== "number" || !Number.isFinite(primaryRate))
+  }
+  if (typeof primaryRate !== "number" || !Number.isFinite(primaryRate)) {
     return false;
-  return passesRatePolicy(normalizeRatePolicy(policy), primaryRate, candRate);
+  }
+  return passesRatePolicy(
+    normalizeRatePolicy(policy),
+    primaryRate,
+    candidateRate
+  );
 }
 function getCap(map, id) {
   return getServiceCapability(map, id);
 }
-function isCapFlagEnabled(cap, flagId) {
+function isCapFlagEnabled(capability, flagId) {
   var _a, _b;
-  const fromFlags = (_b = (_a = cap.flags) == null ? void 0 : _a[flagId]) == null ? void 0 : _b.enabled;
+  const fromFlags = (_b = (_a = capability.flags) == null ? void 0 : _a[flagId]) == null ? void 0 : _b.enabled;
   if (fromFlags === true) return true;
   if (fromFlags === false) return false;
-  const legacy = cap[flagId];
+  const legacy = capability[flagId];
   return legacy === true;
 }
-function satisfiesTagConstraints(tagId, ctx, cap) {
-  const tag = ctx.props.filters.find((t) => t.id === tagId);
-  const eff = tag == null ? void 0 : tag.constraints;
-  if (!eff) return true;
-  for (const [key, value] of Object.entries(eff)) {
-    if (value === true && !isCapFlagEnabled(cap, key)) {
+function satisfiesTagConstraints(tagId, ctx, capability) {
+  const tag = ctx.props.filters.find((item) => item.id === tagId);
+  const effectiveConstraints2 = tag == null ? void 0 : tag.constraints;
+  if (!effectiveConstraints2) return true;
+  for (const [key, value] of Object.entries(effectiveConstraints2)) {
+    if (value === true && !isCapFlagEnabled(capability, key)) {
       return false;
     }
   }
   return true;
 }
 function primaryForNode(props, nodeId) {
-  const tag = props.filters.find((t) => t.id === nodeId);
+  const tag = props.filters.find((item) => item.id === nodeId);
   if (tag) {
     return { primary: tag.service_id, tagContexts: [tag.id] };
   }
   const field = props.fields.find(
-    (f) => Array.isArray(f.options) && f.options.some((o) => o.id === nodeId)
+    (item) => Array.isArray(item.options) && item.options.some((option2) => option2.id === nodeId)
   );
-  if (!field) return { tagContexts: [], reasonNoPrimary: "no_parent_field" };
-  const opt = field.options.find((o) => o.id === nodeId);
-  const contexts = bindIdsToArray(field.bind_id);
-  return { primary: opt.service_id, tagContexts: contexts };
+  if (!field) {
+    return { tagContexts: [], reasonNoPrimary: "no_parent_field" };
+  }
+  const option = field.options.find((item) => item.id === nodeId);
+  return {
+    primary: option.service_id,
+    tagContexts: bindIdsToArray(field.bind_id)
+  };
 }
 function bindIdsToArray(bind) {
   if (!bind) return [];
@@ -3537,43 +3665,54 @@ function getEligibleFallbacks(params) {
   var _a, _b, _c, _d, _e, _f;
   const s = { ...DEFAULT_SETTINGS, ...(_a = params.settings) != null ? _a : {} };
   const { primary, nodeId, tagId, services } = params;
-  const fb = (_b = params.fallbacks) != null ? _b : {};
-  const excludes = new Set(((_c = params.exclude) != null ? _c : []).map(String));
-  excludes.add(String(primary));
-  const unique = (_d = params.unique) != null ? _d : true;
-  const lists = [];
-  if (nodeId && ((_e = fb.nodes) == null ? void 0 : _e[nodeId])) lists.push(fb.nodes[nodeId]);
-  if ((_f = fb.global) == null ? void 0 : _f[primary]) lists.push(fb.global[primary]);
-  if (!lists.length) return [];
+  const excludes = /* @__PURE__ */ new Set();
+  for (const ref of (_b = params.exclude) != null ? _b : []) {
+    addComparableServiceRef(excludes, services, ref);
+  }
+  addComparableServiceRef(excludes, services, primary);
+  const source = (_c = params.source) != null ? _c : "registered";
+  const candidateLists = source === "all_services" ? [listServicePoolCandidates(services)] : listRegisteredFallbackCandidates(
+    (_d = params.fallbacks) != null ? _d : {},
+    primary,
+    nodeId,
+    services
+  );
+  if (!candidateLists.length) return [];
   const primaryRate = rateOf(services, primary);
   const seen = /* @__PURE__ */ new Set();
   const eligible = [];
-  for (const list of lists) {
-    for (const cand of list) {
-      const key = String(cand);
-      if (excludes.has(key)) continue;
-      if (unique && seen.has(key)) continue;
-      seen.add(key);
-      const cap = getCap(services, cand);
-      if (!cap) continue;
-      if (!passesRate(s.ratePolicy, primaryRate, cap.rate)) continue;
+  for (const list of candidateLists) {
+    for (const candidate of list) {
+      if (hasComparableServiceRef(excludes, services, candidate)) continue;
+      const capability = getCap(services, candidate);
+      if (!capability) continue;
+      const candidateId = (_e = getServiceCapabilityCanonicalRef(services, candidate)) != null ? _e : candidate;
+      const candidateIdentity = getComparableServiceRefKey(
+        services,
+        candidateId
+      );
+      if (((_f = params.unique) != null ? _f : true) && seen.has(candidateIdentity)) continue;
+      seen.add(candidateIdentity);
+      if (!passesRate(s.ratePolicy, primaryRate, capability.rate)) {
+        continue;
+      }
       if (s.requireConstraintFit && tagId) {
-        const ok = satisfiesTagConstraints(
+        const fitsConstraints = satisfiesTagConstraints(
           tagId,
           { props: params.props, services },
-          cap
+          capability
         );
-        if (!ok) continue;
+        if (!fitsConstraints) continue;
       }
-      eligible.push(cand);
+      eligible.push(candidateId);
     }
   }
   if (s.selectionStrategy === "cheapest") {
-    eligible.sort((a, b) => {
+    eligible.sort((left, right) => {
       var _a2, _b2;
-      const ra = (_a2 = rateOf(services, a)) != null ? _a2 : Infinity;
-      const rb = (_b2 = rateOf(services, b)) != null ? _b2 : Infinity;
-      return ra - rb;
+      const leftRate = (_a2 = rateOf(services, left)) != null ? _a2 : Infinity;
+      const rightRate = (_b2 = rateOf(services, right)) != null ? _b2 : Infinity;
+      return leftRate - rightRate;
     });
   }
   if (typeof params.limit === "number" && params.limit >= 0) {
@@ -3581,10 +3720,104 @@ function getEligibleFallbacks(params) {
   }
   return eligible;
 }
+function getAssignedServiceIds(params) {
+  var _a, _b, _c, _d, _e;
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  const push = (value) => {
+    if (!isValidServiceIdRef(value)) return;
+    const key = String(value);
+    if (seen.has(key)) return;
+    seen.add(key);
+    out.push(value);
+  };
+  const props = params.props;
+  if (props) {
+    for (const tag of (_a = props.filters) != null ? _a : []) {
+      push(tag.service_id);
+    }
+    for (const field of (_b = props.fields) != null ? _b : []) {
+      const fieldService = field.service_id;
+      if (field.button === true) {
+        push(fieldService);
+      }
+      for (const option of (_c = field.options) != null ? _c : []) {
+        if (option.pricing_role === "utility") continue;
+        push(option.service_id);
+      }
+    }
+  }
+  const snapshot = params.snapshot;
+  if (snapshot) {
+    for (const serviceId of (_d = snapshot.services) != null ? _d : []) {
+      push(serviceId);
+    }
+    for (const list of Object.values((_e = snapshot.serviceMap) != null ? _e : {})) {
+      for (const serviceId of list != null ? list : []) {
+        push(serviceId);
+      }
+    }
+  }
+  return out;
+}
 function getFallbackRegistrationInfo(props, nodeId) {
   const { primary, tagContexts } = primaryForNode(props, nodeId);
   return { primary, tagContexts };
 }
+function listRegisteredFallbackCandidates(fallbacks, primary, nodeId, services) {
+  var _a, _b;
+  const lists = [];
+  if (nodeId && ((_a = fallbacks.nodes) == null ? void 0 : _a[nodeId])) {
+    lists.push(fallbacks.nodes[nodeId]);
+  }
+  for (const [registeredPrimary, list] of Object.entries((_b = fallbacks.global) != null ? _b : {})) {
+    if (!isMatchingServiceRef(services, registeredPrimary, primary)) continue;
+    lists.push(list);
+  }
+  return lists;
+}
+function listServicePoolCandidates(services) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const [key, capability] of Object.entries(services != null ? services : {})) {
+    const candidate = getServicePoolCandidateId(key, capability);
+    if (!isValidServiceIdRef(candidate)) continue;
+    const identity = getComparableServiceRefKey(services, candidate);
+    if (seen.has(identity)) continue;
+    seen.add(identity);
+    out.push(candidate);
+  }
+  return out;
+}
+function getServicePoolCandidateId(key, capability) {
+  var _a;
+  return (_a = getServiceCapabilityCanonicalRef({ [key]: capability }, key)) != null ? _a : key;
+}
+function addComparableServiceRef(target, services, value) {
+  for (const ref of getComparableServiceRefs(services, value)) {
+    target.add(ref);
+  }
+}
+function hasComparableServiceRef(target, services, value) {
+  return getComparableServiceRefs(services, value).some((ref) => target.has(ref));
+}
+function getComparableServiceRefKey(services, value) {
+  if (!isValidServiceIdRef(value)) return "";
+  const canonical = getServiceCapabilityCanonicalRef(services, value);
+  return String(canonical != null ? canonical : value);
+}
+function getComparableServiceRefs(services, value) {
+  if (!isValidServiceIdRef(value)) return [];
+  const aliases = getServiceCapabilityAliases(services, value);
+  if (!aliases.length) {
+    return [String(value)];
+  }
+  return aliases.map((ref) => String(ref));
+}
+function isMatchingServiceRef(services, left, right) {
+  if (!services) return String(left) === String(right);
+  return isSameServiceCapabilityRef(services, left, right);
+}
 
 // src/core/tag-relations.ts
 var toId = (x) => typeof x === "string" ? x : x.id;
@@ -4203,18 +4436,23 @@ function compilePolicies(raw) {
 
 // src/core/service-filter.ts
 function filterServicesForVisibleGroup(input, deps) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const svcMap = (_c = (_b = (_a = deps.builder).getServiceMap) == null ? void 0 : _b.call(_a)) != null ? _c : {};
+  const builderOptions = (_e = (_d = deps.builder).getOptions) == null ? void 0 : _e.call(_d);
   const { context } = input;
   const usedSet = new Set(context.usedServiceIds.map(String));
   const primary = context.usedServiceIds[0];
+  const explicitFallbackSettings = (_f = context.fallbackSettings) != null ? _f : context.fallback;
+  const resolvedRatePolicy = normalizeRatePolicy(
+    (_h = (_g = context.ratePolicy) != null ? _g : explicitFallbackSettings == null ? void 0 : explicitFallbackSettings.ratePolicy) != null ? _h : builderOptions == null ? void 0 : builderOptions.ratePolicy
+  );
+  const fallbackSettingsSource = explicitFallbackSettings != null ? explicitFallbackSettings : builderOptions == null ? void 0 : builderOptions.fallbackSettings;
   const fb = {
-    requireConstraintFit: true,
-    ratePolicy: { kind: "lte_primary", pct: 5 },
-    selectionStrategy: "priority",
-    mode: "strict",
-    ...(_d = context.fallback) != null ? _d : {}
+    ...DEFAULT_FALLBACK_SETTINGS,
+    ...fallbackSettingsSource != null ? fallbackSettingsSource : {},
+    ratePolicy: resolvedRatePolicy
   };
+  const policySource = (_j = (_i = context.policies) != null ? _i : builderOptions == null ? void 0 : builderOptions.policies) != null ? _j : [];
   const visibleServiceIds = context.selectedButtons === void 0 ? void 0 : collectVisibleServiceIds(
     deps.builder,
     context.tagId,
@@ -4239,11 +4477,11 @@ function filterServicesForVisibleGroup(input, deps) {
     const fitsConstraints = constraintFitOk(
       svcMap,
       cap.id,
-      (_e = context.effectiveConstraints) != null ? _e : {}
+      (_k = context.effectiveConstraints) != null ? _k : {}
     );
     const passesRate2 = primary == null ? true : rateOk(svcMap, id, primary, fb);
     const polRes = evaluatePoliciesRaw(
-      (_f = context.policies) != null ? _f : [],
+      policySource,
       [...context.usedServiceIds, id],
       svcMap,
       context.tagId,
@@ -5118,6 +5356,7 @@ function createFallbackEditor(options = {}) {
   const original = cloneFallbacks(options.fallbacks);
   let current = cloneFallbacks(options.fallbacks);
   const props = options.props;
+  const snapshot = options.snapshot;
   const services = (_a = options.services) != null ? _a : {};
   const settings = (_b = options.settings) != null ? _b : {};
   function state() {
@@ -5212,7 +5451,11 @@ function createFallbackEditor(options = {}) {
       const allowed2 = [];
       for (const candidate of normalized) {
         const reasons = [];
-        if (String(candidate) === String(context.primary)) {
+        if (isSameServiceCapabilityRef(
+          services,
+          candidate,
+          context.primary
+        )) {
           reasons.push("self_reference");
         }
         if (reasons.length) {
@@ -5300,7 +5543,19 @@ function createFallbackEditor(options = {}) {
     return writeScope(context, []);
   }
   function eligible(context, opt) {
+    var _a2, _b2;
     if (!props) return [];
+    const source = (_a2 = opt == null ? void 0 : opt.source) != null ? _a2 : "all_services";
+    const exclude2 = normalizeCandidateList(
+      [
+        ...(_b2 = opt == null ? void 0 : opt.exclude) != null ? _b2 : [],
+        ...source === "all_services" ? [
+          ...getAssignedServiceIds({ props, snapshot }),
+          ...getScope(context)
+        ] : []
+      ],
+      true
+    );
     if (context.scope === "global") {
       return getEligibleFallbacks({
         primary: context.primary,
@@ -5308,9 +5563,10 @@ function createFallbackEditor(options = {}) {
         fallbacks: current,
         settings,
         props,
-        exclude: opt == null ? void 0 : opt.exclude,
+        exclude: exclude2,
         unique: opt == null ? void 0 : opt.unique,
-        limit: opt == null ? void 0 : opt.limit
+        limit: opt == null ? void 0 : opt.limit,
+        source
       });
     }
     const info = getFallbackRegistrationInfo(props, context.nodeId);
@@ -5318,14 +5574,19 @@ function createFallbackEditor(options = {}) {
     return getEligibleFallbacks({
       primary: info.primary,
       nodeId: context.nodeId,
-      tagId: info.tagContexts[0],
+      tagId: resolveNodeTagContext({
+        nodeId: context.nodeId,
+        snapshot,
+        fallbackTagContexts: info.tagContexts
+      }),
       services,
       fallbacks: current,
       settings,
       props,
-      exclude: opt == null ? void 0 : opt.exclude,
+      exclude: exclude2,
       unique: opt == null ? void 0 : opt.unique,
-      limit: opt == null ? void 0 : opt.limit
+      limit: opt == null ? void 0 : opt.limit,
+      source
     });
   }
   function writeScope(context, nextList) {
@@ -5383,14 +5644,14 @@ function sameFallbacks(a, b) {
 function normalizeCandidateList(input, preserveOrder) {
   const out = [];
   for (const item of input != null ? input : []) {
-    if (!isValidServiceIdRef(item)) continue;
+    if (!isValidServiceIdRef2(item)) continue;
     const exists = out.some((x) => String(x) === String(item));
     if (exists) continue;
     out.push(item);
   }
   return preserveOrder ? out : out;
 }
-function isValidServiceIdRef(value) {
+function isValidServiceIdRef2(value) {
   return typeof value === "number" && Number.isFinite(value) || typeof value === "string" && value.trim().length > 0;
 }
 function clamp(n, min, max) {
@@ -5399,7 +5660,7 @@ function clamp(n, min, max) {
 function getNodeRegistrationInfo(props, nodeId) {
   const tag = props.filters.find((t) => t.id === nodeId);
   if (tag) {
-    if (!isValidServiceIdRef(tag.service_id)) {
+    if (!isValidServiceIdRef2(tag.service_id)) {
       return { ok: false, reasons: ["no_primary"] };
     }
     return {
@@ -5412,7 +5673,7 @@ function getNodeRegistrationInfo(props, nodeId) {
   if (!hit) {
     return { ok: false, reasons: ["node_not_found"] };
   }
-  if (!isValidServiceIdRef(hit.option.service_id)) {
+  if (!isValidServiceIdRef2(hit.option.service_id)) {
     return { ok: false, reasons: ["no_primary"] };
   }
   return {
@@ -5434,6 +5695,15 @@ function bindIdsToArray2(v) {
   if (Array.isArray(v)) return v.filter(Boolean);
   return v ? [v] : [];
 }
+function resolveNodeTagContext(params) {
+  var _a, _b, _c;
+  const nodeContexts = (_c = (_b = (_a = params.snapshot) == null ? void 0 : _a.meta) == null ? void 0 : _b.context) == null ? void 0 : _c.nodeContexts;
+  if (nodeContexts && Object.prototype.hasOwnProperty.call(nodeContexts, params.nodeId)) {
+    const tagId = nodeContexts[params.nodeId];
+    return typeof tagId === "string" && tagId.trim().length > 0 ? tagId : void 0;
+  }
+  return params.fallbackTagContexts[0];
+}
 function mapDiagReason(reason) {
   switch (String(reason)) {
     case "unknown_service":
@@ -6987,6 +7257,8 @@ function filterServicesForVisibleGroup2(ctx, candidates, input) {
       usedServiceIds: input.usedServiceIds,
       effectiveConstraints: input.effectiveConstraints,
       policies: input.policies,
+      ratePolicy: input.ratePolicy,
+      fallbackSettings: input.fallbackSettings,
       fallback: input.fallback
     }
   };
@@ -12123,10 +12395,10 @@ function FallbackEditorInner({ className }) {
     "div",
     {
       className: [
-        "min-h-screen bg-zinc-100 p-4 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100",
+        "h-full min-h-0 overflow-hidden bg-zinc-100 p-4 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100",
         className
       ].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-auto flex max-w-7xl flex-col gap-4", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex h-full min-h-0 flex-col gap-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           FallbackEditorHeader,
           {
@@ -12138,9 +12410,9 @@ function FallbackEditorInner({ className }) {
             saving: headerSaving
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid gap-4 xl:grid-cols-[300px_minmax(0,1fr)_360px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid min-h-0 flex-1 gap-4 overflow-hidden xl:grid-cols-[300px_minmax(0,1fr)_360px]", children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FallbackServiceSidebar, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-h-0 flex-col gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-h-0 flex-col gap-4 overflow-y-auto", children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("section", { className: "rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: activeServiceId !== void 0 ? `Service #${String(activeServiceId)}` : "No service selected" }),
@@ -12284,7 +12556,7 @@ function FallbackDetailsPanel() {
     () => services.find((s) => String(s.id) === String(activeServiceId)),
     [services, activeServiceId]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("aside", { className: "flex min-h-0 flex-col gap-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("aside", { className: "flex min-h-0 flex-col gap-4 overflow-y-auto", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900", children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Primary service info" }),
       !service ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "mt-3 text-sm text-zinc-500 dark:text-zinc-400", children: "No service selected." }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-3 space-y-2 text-sm", children: [
@@ -12446,7 +12718,7 @@ function FallbackSettingsPanel() {
     kind: "lte_primary",
     pct: 5
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 overflow-y-auto", children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "mb-4 flex items-start justify-between gap-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Fallback settings" }),
@@ -12645,7 +12917,7 @@ function FallbackServiceSidebar() {
       }
     );
   }, [query, services]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("aside", { className: "flex min-h-0 flex-col rounded-2xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-800 dark:bg-zinc-900", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("aside", { className: "flex h-full min-h-0 flex-col overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-sm dark:border-zinc-800 dark:bg-zinc-900", children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "border-b border-zinc-200 p-4 dark:border-zinc-800", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Primary services" }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: "Services currently active in the builder/runtime context." })
@@ -12660,7 +12932,7 @@ function FallbackServiceSidebar() {
           className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm outline-none focus:border-blue-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-3 flex-1 space-y-2 overflow-auto", children: filtered.map((service) => {
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-3 flex-1 space-y-2 overflow-y-auto", children: filtered.map((service) => {
         var _a, _b;
         const active = String(service.id) === String(activeServiceId);
         const count = get(service.id).length;
@@ -12701,11 +12973,172 @@ function FallbackServiceSidebar() {
 }
 
 // src/react/fallback-editor/FallbackRegistrationsPanel.tsx
-var import_react23 = __toESM(require("react"), 1);
-
-// src/react/fallback-editor/FallbackAddCandidatesDialog.tsx
 var import_react21 = __toESM(require("react"), 1);
 var import_jsx_runtime12 = require("react/jsx-runtime");
+function FallbackRegistrationsPanel() {
+  const { activeServiceId, remove: remove2, clear, check } = useFallbackEditor();
+  const registrations = useActiveFallbackRegistrations();
+  const eligibleServices = useEligibleServiceList();
+  const [candidatePickerOpen, setCandidatePickerOpen] = import_react21.default.useState(false);
+  const [candidateContext, setCandidateContext] = import_react21.default.useState(null);
+  const [candidatePrimaryId, setCandidatePrimaryId] = import_react21.default.useState(void 0);
+  const [registrationDialogOpen, setRegistrationDialogOpen] = import_react21.default.useState(false);
+  const makeContext = import_react21.default.useCallback(
+    (registration) => {
+      if (registration.scope === "global") {
+        return {
+          scope: "global",
+          primary: registration.primary
+        };
+      }
+      return {
+        scope: "node",
+        nodeId: registration.scopeId
+      };
+    },
+    []
+  );
+  const openCandidatePicker = import_react21.default.useCallback(
+    (context, primaryId) => {
+      setCandidateContext(context);
+      setCandidatePrimaryId(primaryId);
+      setCandidatePickerOpen(true);
+    },
+    []
+  );
+  if (activeServiceId === void 0 || activeServiceId === null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("section", { className: "rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 ", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rounded-2xl border border-dashed border-zinc-300 p-6 text-sm text-zinc-500 dark:border-zinc-700 dark:text-zinc-400", children: "Select a primary service to start editing." }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: "rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 overflow-y-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-4 flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Registered fallbacks" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: "Use eligible services as fallback candidates for the selected primary." })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => setRegistrationDialogOpen(true),
+            className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-800",
+            children: "Add registration"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-4", children: registrations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rounded-2xl border border-dashed border-zinc-300 p-6 text-sm text-zinc-500 dark:border-zinc-700 dark:text-zinc-400", children: "No registrations yet for this primary service." }) : registrations.map((reg, index) => {
+        var _a;
+        const context = makeContext(reg);
+        const candidates = reg.services;
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          "div",
+          {
+            className: "rounded-2xl border border-zinc-200 bg-zinc-50 p-4 dark:border-zinc-800 dark:bg-zinc-950",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: reg.scope === "global" ? "Global registration" : `Node \xB7 ${reg.scopeId}` }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: [
+                    "Primary #",
+                    String(reg.primary)
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "rounded-full border border-zinc-200 bg-white px-2 py-1 text-[11px] text-zinc-600 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300", children: [
+                  reg.scope,
+                  reg.scopeId ? ` \xB7 ${reg.scopeId}` : ""
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mt-4 flex flex-wrap gap-2", children: candidates.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "No fallback services yet." }) : candidates.map((candidate) => {
+                var _a2;
+                const preview = check(context, [
+                  candidate
+                ]);
+                const rejected = preview.rejected[0];
+                const tone = rejected ? "border-red-200 bg-red-50 text-red-700 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-300" : "border-zinc-200 bg-white text-zinc-700 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-200";
+                const service = eligibleServices.find(
+                  (s) => String(s.id) === String(candidate)
+                );
+                return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                  "div",
+                  {
+                    className: `inline-flex items-center gap-2 rounded-xl border px-3 py-2 text-xs ${tone}`,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: service ? `#${String(service.id)} \xB7 ${(_a2 = service.name) != null ? _a2 : "Unnamed"}` : `#${String(candidate)}` }),
+                      rejected ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "rounded-full border border-current/20 px-2 py-0.5 text-[10px]", children: rejected.reasons.join(
+                        ", "
+                      ) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "rounded-full border border-current/20 px-2 py-0.5 text-[10px]", children: "valid" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => remove2(
+                            context,
+                            candidate
+                          ),
+                          className: "text-current/70 hover:text-current",
+                          children: "\xD7"
+                        }
+                      )
+                    ]
+                  },
+                  String(candidate)
+                );
+              }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mt-4 flex gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => openCandidatePicker(
+                      context,
+                      reg.primary
+                    ),
+                    className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-200 dark:hover:bg-zinc-800",
+                    children: "Add fallback"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => clear(context),
+                    className: "rounded-xl border border-red-300 bg-white px-3 py-2 text-sm font-medium text-red-600 hover:bg-red-50 dark:border-red-900/50 dark:bg-zinc-900 dark:text-red-300 dark:hover:bg-red-950/20",
+                    children: "Clear"
+                  }
+                )
+              ] })
+            ]
+          },
+          `${reg.scope}:${String((_a = reg.scopeId) != null ? _a : "global")}:${index}`
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      FallbackAddRegistrationDialog,
+      {
+        open: registrationDialogOpen,
+        onClose: () => setRegistrationDialogOpen(false),
+        onSelect: (context, primaryId) => {
+          setRegistrationDialogOpen(false);
+          openCandidatePicker(context, primaryId);
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      FallbackAddCandidatesDialog,
+      {
+        open: candidatePickerOpen,
+        onClose: () => setCandidatePickerOpen(false),
+        context: candidateContext,
+        primaryId: candidatePrimaryId
+      }
+    )
+  ] });
+}
+
+// src/react/fallback-editor/FallbackAddCandidatesDialog.tsx
+var import_react25 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function FallbackAddCandidatesDialog({
   open,
   onClose,
@@ -12714,23 +13147,23 @@ function FallbackAddCandidatesDialog({
 }) {
   const { eligible, addMany } = useFallbackEditor();
   const eligibleServices = useEligibleServiceList();
-  const [query, setQuery] = import_react21.default.useState("");
-  const [filterEligibleOnly, setFilterEligibleOnly] = import_react21.default.useState(true);
-  const [selected, setSelected] = import_react21.default.useState(/* @__PURE__ */ new Set());
-  const [submitting, setSubmitting] = import_react21.default.useState(false);
-  import_react21.default.useEffect(() => {
+  const [query, setQuery] = import_react25.default.useState("");
+  const [filterEligibleOnly, setFilterEligibleOnly] = import_react25.default.useState(true);
+  const [selected, setSelected] = import_react25.default.useState(/* @__PURE__ */ new Set());
+  const [submitting, setSubmitting] = import_react25.default.useState(false);
+  import_react25.default.useEffect(() => {
     if (!open) {
       setQuery("");
       setFilterEligibleOnly(true);
       setSelected(/* @__PURE__ */ new Set());
     }
   }, [open]);
-  const allowedIds = import_react21.default.useMemo(() => {
+  const allowedIds = import_react25.default.useMemo(() => {
     if (!context) return null;
     if (!filterEligibleOnly) return null;
     return new Set(eligible(context).map((id) => String(id)));
   }, [context, filterEligibleOnly, eligible]);
-  const items = import_react21.default.useMemo(() => {
+  const items = import_react25.default.useMemo(() => {
     const q = query.trim().toLowerCase();
     return eligibleServices.filter((service) => {
       var _a, _b;
@@ -12765,13 +13198,13 @@ function FallbackAddCandidatesDialog({
     }
   }
   if (!open || !context) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex max-h-[85vh] w-full max-w-3xl flex-col rounded-2xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-900", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "border-b border-zinc-200 p-4 dark:border-zinc-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Add fallback services" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Search and select one or more eligible fallback candidates." })
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex max-h-[85vh] w-full max-w-3xl flex-col rounded-2xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-900", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "border-b border-zinc-200 p-4 dark:border-zinc-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Add fallback services" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Search and select one or more eligible fallback candidates." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "input",
         {
           value: query,
@@ -12780,8 +13213,8 @@ function FallbackAddCandidatesDialog({
           className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm outline-none focus:border-blue-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "inline-flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-300", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "inline-flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-300", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "input",
           {
             type: "checkbox",
@@ -12792,7 +13225,7 @@ function FallbackAddCandidatesDialog({
         ),
         "Filter eligible only"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         VirtualServiceList,
         {
           items,
@@ -12802,13 +13235,13 @@ function FallbackAddCandidatesDialog({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between border-t border-zinc-200 p-4 dark:border-zinc-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between border-t border-zinc-200 p-4 dark:border-zinc-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: [
         selected.size,
         " selected"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "button",
           {
             type: "button",
@@ -12817,7 +13250,7 @@ function FallbackAddCandidatesDialog({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "button",
           {
             type: "button",
@@ -12833,8 +13266,8 @@ function FallbackAddCandidatesDialog({
 }
 
 // src/react/fallback-editor/FallbackAddRegistrationDialog.tsx
-var import_react22 = __toESM(require("react"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react26 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function FallbackAddRegistrationDialog({
   open,
   onClose,
@@ -12842,23 +13275,23 @@ function FallbackAddRegistrationDialog({
 }) {
   const { activeServiceId, serviceProps, snapshot } = useFallbackEditor();
   const registrations = useActiveFallbackRegistrations();
-  const [scope, setScope] = import_react22.default.useState("global");
-  const [nodeId, setNodeId] = import_react22.default.useState("");
-  const mode = import_react22.default.useMemo(() => {
+  const [scope, setScope] = import_react26.default.useState("global");
+  const [nodeId, setNodeId] = import_react26.default.useState("");
+  const mode = import_react26.default.useMemo(() => {
     if (snapshot) return "snapshot";
     if (serviceProps) return "props";
     return "none";
   }, [snapshot, serviceProps]);
-  import_react22.default.useEffect(() => {
+  import_react26.default.useEffect(() => {
     if (open) {
       setScope("global");
       setNodeId("");
     }
   }, [open]);
-  const hasGlobal = import_react22.default.useMemo(() => {
+  const hasGlobal = import_react26.default.useMemo(() => {
     return registrations.some((r) => r.scope === "global");
   }, [registrations]);
-  const nodeTargets = import_react22.default.useMemo(() => {
+  const nodeTargets = import_react26.default.useMemo(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     if (activeServiceId === void 0 || activeServiceId === null) {
       return [];
@@ -12948,12 +13381,12 @@ function FallbackAddRegistrationDialog({
     }
     return [];
   }, [mode, snapshot, serviceProps, activeServiceId]);
-  import_react22.default.useEffect(() => {
+  import_react26.default.useEffect(() => {
     if (hasGlobal && scope === "global") {
       setScope("node");
     }
   }, [hasGlobal, scope]);
-  import_react22.default.useEffect(() => {
+  import_react26.default.useEffect(() => {
     if (scope === "node" && nodeId) {
       const exists = nodeTargets.some((node) => node.id === nodeId);
       if (!exists) setNodeId("");
@@ -12984,17 +13417,17 @@ function FallbackAddRegistrationDialog({
   }
   if (!open) return null;
   const nodeScopeDisabled = nodeTargets.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w-full max-w-lg rounded-2xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-900", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "border-b border-zinc-200 p-4 dark:border-zinc-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Add registration" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Choose the registration scope before selecting fallback candidates." })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w-full max-w-lg rounded-2xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-900", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "border-b border-zinc-200 p-4 dark:border-zinc-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Add registration" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Choose the registration scope before selecting fallback candidates." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-4 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: "Scope" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid gap-2", children: [
-          !hasGlobal && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "flex cursor-pointer items-start gap-3 rounded-xl border border-zinc-200 p-3 dark:border-zinc-800", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-4 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: "Scope" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid gap-2", children: [
+          !hasGlobal && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex cursor-pointer items-start gap-3 rounded-xl border border-zinc-200 p-3 dark:border-zinc-800", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "input",
               {
                 type: "radio",
@@ -13004,12 +13437,12 @@ function FallbackAddRegistrationDialog({
                 className: "mt-1 h-4 w-4"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: "Global" }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: "Use one global registration for this primary service." })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: "Global" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: "Use one global registration for this primary service." })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "label",
             {
               className: [
@@ -13017,7 +13450,7 @@ function FallbackAddRegistrationDialog({
                 nodeScopeDisabled ? "cursor-not-allowed border-zinc-200 opacity-60 dark:border-zinc-800" : "cursor-pointer border-zinc-200 dark:border-zinc-800"
               ].join(" "),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "input",
                   {
                     type: "radio",
@@ -13028,26 +13461,26 @@ function FallbackAddRegistrationDialog({
                     className: "mt-1 h-4 w-4"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: "Node" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: mode === "snapshot" ? "Pick a node currently active in the order snapshot for this primary service." : mode === "props" ? "Pick a tag, field, or option from ServiceProps that maps to this primary service." : "Node-scoped registration is unavailable without OrderSnapshot or ServiceProps." })
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: "Node" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: mode === "snapshot" ? "Pick a node currently active in the order snapshot for this primary service." : mode === "props" ? "Pick a tag, field, or option from ServiceProps that maps to this primary service." : "Node-scoped registration is unavailable without OrderSnapshot or ServiceProps." })
                 ] })
               ]
             }
           )
         ] })
       ] }),
-      scope === "node" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: "Node id" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      scope === "node" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: "Node id" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
           "select",
           {
             value: nodeId,
             onChange: (e) => setNodeId(e.target.value),
             className: "w-full rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm outline-none focus:border-blue-500 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-100",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "", children: "Select node\u2026" }),
-              nodeTargets.map((node) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("option", { value: node.id, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: "Select node\u2026" }),
+              nodeTargets.map((node) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("option", { value: node.id, children: [
                 "[",
                 node.kind,
                 "] ",
@@ -13058,11 +13491,11 @@ function FallbackAddRegistrationDialog({
             ]
           }
         ),
-        nodeScopeDisabled ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: mode === "snapshot" ? "No active snapshot nodes were found for this primary service." : mode === "props" ? "No ServiceProps nodes were found for this primary service." : "Node-scoped registration requires either OrderSnapshot or ServiceProps." }) : null
+        nodeScopeDisabled ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: mode === "snapshot" ? "No active snapshot nodes were found for this primary service." : mode === "props" ? "No ServiceProps nodes were found for this primary service." : "Node-scoped registration requires either OrderSnapshot or ServiceProps." }) : null
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-end gap-2 border-t border-zinc-200 p-4 dark:border-zinc-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-end gap-2 border-t border-zinc-200 p-4 dark:border-zinc-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "button",
         {
           type: "button",
@@ -13071,7 +13504,7 @@ function FallbackAddRegistrationDialog({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "button",
         {
           type: "button",
@@ -13114,169 +13547,6 @@ function resolveNodeMeta(props, nodeId) {
   }
   return { kind: "node", label: nodeId };
 }
-
-// src/react/fallback-editor/FallbackRegistrationsPanel.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function FallbackRegistrationsPanel() {
-  const { activeServiceId, remove: remove2, clear, check } = useFallbackEditor();
-  const registrations = useActiveFallbackRegistrations();
-  const eligibleServices = useEligibleServiceList();
-  const [candidatePickerOpen, setCandidatePickerOpen] = import_react23.default.useState(false);
-  const [candidateContext, setCandidateContext] = import_react23.default.useState(null);
-  const [candidatePrimaryId, setCandidatePrimaryId] = import_react23.default.useState(void 0);
-  const [registrationDialogOpen, setRegistrationDialogOpen] = import_react23.default.useState(false);
-  const makeContext = import_react23.default.useCallback(
-    (registration) => {
-      if (registration.scope === "global") {
-        return {
-          scope: "global",
-          primary: registration.primary
-        };
-      }
-      return {
-        scope: "node",
-        nodeId: registration.scopeId
-      };
-    },
-    []
-  );
-  const openCandidatePicker = import_react23.default.useCallback(
-    (context, primaryId) => {
-      setCandidateContext(context);
-      setCandidatePrimaryId(primaryId);
-      setCandidatePickerOpen(true);
-    },
-    []
-  );
-  if (activeServiceId === void 0 || activeServiceId === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("section", { className: "rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "rounded-2xl border border-dashed border-zinc-300 p-6 text-sm text-zinc-500 dark:border-zinc-700 dark:text-zinc-400", children: "Select a primary service to start editing." }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("section", { className: "rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mb-4 flex items-start justify-between gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Registered fallbacks" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: "Use eligible services as fallback candidates for the selected primary." })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: () => setRegistrationDialogOpen(true),
-            className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-800",
-            children: "Add registration"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-4", children: registrations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "rounded-2xl border border-dashed border-zinc-300 p-6 text-sm text-zinc-500 dark:border-zinc-700 dark:text-zinc-400", children: "No registrations yet for this primary service." }) : registrations.map((reg, index) => {
-        var _a;
-        const context = makeContext(reg);
-        const candidates = reg.services;
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-          "div",
-          {
-            className: "rounded-2xl border border-zinc-200 bg-zinc-50 p-4 dark:border-zinc-800 dark:bg-zinc-950",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: reg.scope === "global" ? "Global registration" : `Node \xB7 ${reg.scopeId}` }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: [
-                    "Primary #",
-                    String(reg.primary)
-                  ] })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "rounded-full border border-zinc-200 bg-white px-2 py-1 text-[11px] text-zinc-600 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300", children: [
-                  reg.scope,
-                  reg.scopeId ? ` \xB7 ${reg.scopeId}` : ""
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-4 flex flex-wrap gap-2", children: candidates.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "No fallback services yet." }) : candidates.map((candidate) => {
-                var _a2;
-                const preview = check(context, [
-                  candidate
-                ]);
-                const rejected = preview.rejected[0];
-                const tone = rejected ? "border-red-200 bg-red-50 text-red-700 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-300" : "border-zinc-200 bg-white text-zinc-700 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-200";
-                const service = eligibleServices.find(
-                  (s) => String(s.id) === String(candidate)
-                );
-                return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-                  "div",
-                  {
-                    className: `inline-flex items-center gap-2 rounded-xl border px-3 py-2 text-xs ${tone}`,
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: service ? `#${String(service.id)} \xB7 ${(_a2 = service.name) != null ? _a2 : "Unnamed"}` : `#${String(candidate)}` }),
-                      rejected ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "rounded-full border border-current/20 px-2 py-0.5 text-[10px]", children: rejected.reasons.join(
-                        ", "
-                      ) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "rounded-full border border-current/20 px-2 py-0.5 text-[10px]", children: "valid" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => remove2(
-                            context,
-                            candidate
-                          ),
-                          className: "text-current/70 hover:text-current",
-                          children: "\xD7"
-                        }
-                      )
-                    ]
-                  },
-                  String(candidate)
-                );
-              }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mt-4 flex gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => openCandidatePicker(
-                      context,
-                      reg.primary
-                    ),
-                    className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-200 dark:hover:bg-zinc-800",
-                    children: "Add fallback"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => clear(context),
-                    className: "rounded-xl border border-red-300 bg-white px-3 py-2 text-sm font-medium text-red-600 hover:bg-red-50 dark:border-red-900/50 dark:bg-zinc-900 dark:text-red-300 dark:hover:bg-red-950/20",
-                    children: "Clear"
-                  }
-                )
-              ] })
-            ]
-          },
-          `${reg.scope}:${String((_a = reg.scopeId) != null ? _a : "global")}:${index}`
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      FallbackAddRegistrationDialog,
-      {
-        open: registrationDialogOpen,
-        onClose: () => setRegistrationDialogOpen(false),
-        onSelect: (context, primaryId) => {
-          setRegistrationDialogOpen(false);
-          openCandidatePicker(context, primaryId);
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      FallbackAddCandidatesDialog,
-      {
-        open: candidatePickerOpen,
-        onClose: () => setCandidatePickerOpen(false),
-        context: candidateContext,
-        primaryId: candidatePrimaryId
-      }
-    )
-  ] });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CanvasAPI,