@timeax/digital-service-engine 0.2.1 → 0.2.3

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,6 +1981,74 @@ 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) {
@@ -3409,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) {
@@ -3422,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;
@@ -3459,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"
         });
       }
@@ -3519,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 [];
@@ -3574,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) {
@@ -3618,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;
@@ -5160,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() {
@@ -5254,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) {
@@ -5342,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,
@@ -5350,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);
@@ -5360,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) {
@@ -5425,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) {
@@ -5441,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 {
@@ -5454,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 {
@@ -5476,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":
@@ -12167,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,
           {
@@ -12182,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" }),
@@ -12238,6 +12466,7 @@ function TabButton({
 
 // src/react/fallback-editor/VirtualServiceList.tsx
 var import_react17 = __toESM(require("react"), 1);
+var import_lucide_react = require("lucide-react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function VirtualServiceList({
   items,
@@ -12280,7 +12509,7 @@ function VirtualServiceList({
           {
             type: "button",
             onClick: () => onToggle(item.id),
-            className: "absolute left-0 right-0 flex items-center justify-between border-b border-zinc-100 bg-white px-3 text-left hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:bg-zinc-800",
+            className: "absolute left-0 right-0 flex items-center justify-between border-b border-zinc-100 bg-white px-3 text-left transition hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:bg-zinc-800",
             style: {
               top: index * rowHeight,
               height: rowHeight
@@ -12300,12 +12529,13 @@ function VirtualServiceList({
                 ] })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                "input",
+                "span",
                 {
-                  type: "checkbox",
-                  checked,
-                  readOnly: true,
-                  className: "h-4 w-4 rounded border-zinc-300"
+                  className: [
+                    "inline-flex h-4 w-4 items-center justify-center rounded border transition",
+                    checked ? "border-blue-600 bg-blue-600 text-white dark:border-blue-500 dark:bg-blue-500" : "border-zinc-300 bg-white text-transparent dark:border-zinc-700 dark:bg-zinc-800"
+                  ].join(" "),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Check, { className: "h-3 w-3" })
                 }
               )
             ]
@@ -12328,7 +12558,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: [
@@ -12455,6 +12685,7 @@ function FallbackEditorHeader({
 
 // src/react/fallback-editor/FallbackSettingsPanel.tsx
 var import_react19 = __toESM(require("react"), 1);
+var import_form_palette23 = require("@timeax/form-palette");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function FallbackSettingsPanel() {
   var _a, _b, _c;
@@ -12490,7 +12721,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: "overflow-y-auto 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_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" }),
@@ -12516,30 +12747,17 @@ function FallbackSettingsPanel() {
         {
           title: "Require constraint fit",
           hint: "Reject or warn when a candidate does not match effective tag constraints.",
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-            "button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_form_palette23.InputField,
             {
-              type: "button",
-              onClick: () => setDraft((prev) => ({
+              variant: "toggle",
+              value: Boolean(draft.requireConstraintFit),
+              onChange: ({ value }) => setDraft((prev) => ({
                 ...prev,
-                requireConstraintFit: !(prev == null ? void 0 : prev.requireConstraintFit)
+                requireConstraintFit: Boolean(value)
               })),
-              className: [
-                "inline-flex items-center gap-2 rounded-full border px-3 py-2 text-sm",
-                draft.requireConstraintFit ? "border-green-300 bg-green-50 text-green-700 dark:border-green-900/50 dark:bg-green-950/30 dark:text-green-300" : "border-zinc-300 bg-white text-zinc-600 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-300"
-              ].join(" "),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: draft.requireConstraintFit ? "Enabled" : "Disabled" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  "span",
-                  {
-                    className: [
-                      "h-2.5 w-2.5 rounded-full",
-                      draft.requireConstraintFit ? "bg-green-500" : "bg-zinc-400"
-                    ].join(" ")
-                  }
-                )
-              ]
+              onText: "Enabled",
+              offText: "Disabled"
             }
           )
         }
@@ -12550,12 +12768,13 @@ function FallbackSettingsPanel() {
           title: "Rate policy",
           hint: "Controls how fallback service rates are compared against the primary service.",
           children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2 md:items-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-              "select",
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              import_form_palette23.InputField,
               {
+                variant: "select",
                 value: ratePolicy.kind,
-                onChange: (e) => {
-                  const kind = e.target.value;
+                onChange: ({ value }) => {
+                  const kind = value;
                   if (kind === "eq_primary") {
                     setRatePolicy({ kind: "eq_primary" });
                     return;
@@ -12580,30 +12799,39 @@ function FallbackSettingsPanel() {
                     pct: currentPct
                   });
                 },
-                className: "w-56 rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "eq_primary", children: "eq_primary" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "lte_primary", children: "lte_primary" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "within_pct", children: "within_pct" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "at_least_pct_lower", children: "at_least_pct_lower" })
-                ]
+                options: [
+                  { value: "eq_primary", label: "eq_primary" },
+                  {
+                    value: "lte_primary",
+                    label: "lte_primary"
+                  },
+                  { value: "within_pct", label: "within_pct" },
+                  {
+                    value: "at_least_pct_lower",
+                    label: "at_least_pct_lower"
+                  }
+                ],
+                clearable: false
               }
             ),
             ratePolicy.kind !== "eq_primary" && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "input",
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-32", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_form_palette23.InputField,
                 {
-                  type: "number",
-                  min: 0,
-                  step: "0.01",
+                  variant: "number",
                   value: ratePolicy.pct,
-                  onChange: (e) => {
-                    const pct = Number(e.target.value || 0);
-                    setRatePolicy({ ...ratePolicy, pct });
+                  onChange: ({ value }) => {
+                    const pct = typeof value === "number" ? value : Number(value != null ? value : 0);
+                    setRatePolicy({
+                      ...ratePolicy,
+                      pct
+                    });
                   },
-                  className: "w-32 rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100"
+                  min: 0,
+                  step: 0.01,
+                  fullWidth: true
                 }
-              ),
+              ) }),
               /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "%" })
             ] })
           ] })
@@ -12614,19 +12842,20 @@ function FallbackSettingsPanel() {
         {
           title: "Selection strategy",
           hint: "How valid fallback candidates are ordered in previews.",
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-            "select",
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_form_palette23.InputField,
             {
+              variant: "select",
               value: (_b = draft.selectionStrategy) != null ? _b : "priority",
-              onChange: (e) => setDraft((prev) => ({
+              onChange: ({ value }) => setDraft((prev) => ({
                 ...prev,
-                selectionStrategy: e.target.value
+                selectionStrategy: value
               })),
-              className: "w-48 rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "priority", children: "priority" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "cheapest", children: "cheapest" })
-              ]
+              options: [
+                { value: "priority", label: "priority" },
+                { value: "cheapest", label: "cheapest" }
+              ],
+              clearable: false
             }
           )
         }
@@ -12636,19 +12865,20 @@ function FallbackSettingsPanel() {
         {
           title: "Mode",
           hint: "Use strict for enforced filtering, dev for advisory feedback.",
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-            "select",
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_form_palette23.InputField,
             {
+              variant: "select",
               value: (_c = draft.mode) != null ? _c : "strict",
-              onChange: (e) => setDraft((prev) => ({
+              onChange: ({ value }) => setDraft((prev) => ({
                 ...prev,
-                mode: e.target.value
+                mode: value
               })),
-              className: "w-48 rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "strict", children: "strict" }),
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "dev", children: "dev" })
-              ]
+              options: [
+                { value: "strict", label: "strict" },
+                { value: "dev", label: "dev" }
+              ],
+              clearable: false
             }
           )
         }
@@ -12674,6 +12904,8 @@ function SettingRow({
 
 // src/react/fallback-editor/FallbackServiceSidebar.tsx
 var import_react20 = require("react");
+var import_form_palette24 = require("@timeax/form-palette");
+var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function FallbackServiceSidebar() {
   const { activeServiceId, setActiveServiceId, get } = useFallbackEditor();
@@ -12689,22 +12921,26 @@ 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." })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        "input",
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "rounded-xl border border-zinc-200 bg-zinc-50/80 p-2 dark:border-zinc-800 dark:bg-zinc-950/80", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_form_palette24.InputField,
         {
+          variant: "text",
           value: query,
-          onChange: (e) => setQuery(e.target.value),
+          onChange: ({ value }) => setQuery(String(value != null ? value : "")),
           placeholder: "Search primary service...",
-          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"
+          leadingControl: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.Search, { className: "h-4 w-4 text-zinc-400" }),
+          joinControls: true,
+          extendBoxToControls: true,
+          fullWidth: true
         }
-      ),
-      /* @__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;
@@ -12715,7 +12951,7 @@ function FallbackServiceSidebar() {
             onClick: () => setActiveServiceId(service.id),
             className: [
               "w-full rounded-2xl border p-3 text-left transition",
-              active ? "border-blue-500 bg-blue-50 dark:bg-blue-950/30" : "border-zinc-200 bg-zinc-50 hover:border-zinc-300 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:border-zinc-700"
+              active ? "border-blue-500 bg-blue-50 dark:border-blue-500/70 dark:bg-blue-950/30" : "border-zinc-200 bg-zinc-50 hover:border-zinc-300 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:border-zinc-700 dark:hover:bg-zinc-900"
             ].join(" "),
             children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "min-w-0", children: [
@@ -12745,11 +12981,174 @@ 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_form_palette25 = require("@timeax/form-palette");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function FallbackAddCandidatesDialog({
   open,
   onClose,
@@ -12758,23 +13157,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;
@@ -12809,34 +13208,37 @@ 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/60 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)(
-        "input",
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_form_palette25.InputField,
         {
+          variant: "text",
           value: query,
-          onChange: (e) => setQuery(e.target.value),
+          onChange: ({ value }) => setQuery(String(value != null ? value : "")),
           placeholder: "Search eligible services...",
-          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"
+          leadingControl: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Search, { className: "h-4 w-4 text-zinc-400" }),
+          joinControls: true,
+          extendBoxToControls: true,
+          fullWidth: true
         }
       ),
-      /* @__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)(
-          "input",
-          {
-            type: "checkbox",
-            checked: filterEligibleOnly,
-            onChange: (e) => setFilterEligibleOnly(e.target.checked),
-            className: "h-4 w-4 rounded border-zinc-300"
-          }
-        ),
-        "Filter eligible only"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_form_palette25.InputField,
+        {
+          variant: "toggle",
+          value: filterEligibleOnly,
+          onChange: ({ value }) => setFilterEligibleOnly(Boolean(value)),
+          label: "Filter eligible only",
+          onText: "On",
+          offText: "Off"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         VirtualServiceList,
         {
           items,
@@ -12846,28 +13248,28 @@ 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",
             onClick: onClose,
-            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",
+            className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm font-medium text-zinc-700 transition hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-800",
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "button",
           {
             type: "button",
             onClick: handleAdd,
             disabled: selected.size === 0 || submitting,
-            className: "rounded-xl bg-blue-600 px-3 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60",
+            className: "rounded-xl bg-blue-600 px-3 py-2 text-sm font-medium text-white transition hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60",
             children: submitting ? "Adding..." : "Add selected"
           }
         )
@@ -12877,8 +13279,9 @@ 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_form_palette26 = require("@timeax/form-palette");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function FallbackAddRegistrationDialog({
   open,
   onClose,
@@ -12886,23 +13289,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 [];
@@ -12992,12 +13395,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("");
@@ -13028,100 +13431,74 @@ 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/60 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)(
-              "input",
+    /* @__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.jsx)(
+          import_form_palette26.InputField,
+          {
+            variant: "radio",
+            value: scope,
+            onChange: ({ value }) => setScope(value),
+            options: [
+              ...!hasGlobal ? [
+                {
+                  value: "global",
+                  label: "Global"
+                }
+              ] : [],
               {
-                type: "radio",
-                name: "scope",
-                checked: scope === "global",
-                onChange: () => setScope("global"),
-                className: "mt-1 h-4 w-4"
+                value: "node",
+                label: nodeScopeDisabled ? "Node (Unavailable)" : "Node"
               }
-            ),
-            /* @__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_runtime13.jsxs)(
-            "label",
-            {
-              className: [
-                "flex items-start gap-3 rounded-xl border p-3",
-                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)(
-                  "input",
-                  {
-                    type: "radio",
-                    name: "scope",
-                    checked: scope === "node",
-                    onChange: () => setScope("node"),
-                    disabled: nodeScopeDisabled,
-                    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.jsx)("div", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: scope === "global" ? "Use one global registration for this primary service." : 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)(
-          "select",
+      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.jsx)(
+          import_form_palette26.InputField,
           {
-            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: [
-                "[",
-                node.kind,
-                "] ",
-                node.label,
-                " \xB7 #",
-                String(node.serviceId)
-              ] }, node.id))
-            ]
+            variant: "select",
+            value: nodeId || void 0,
+            onChange: ({ value }) => setNodeId(String(value != null ? value : "")),
+            options: nodeTargets.map((node) => ({
+              value: node.id,
+              label: `[${node.kind}] ${node.label} \xB7 #${String(node.serviceId)}`
+            })),
+            placeholder: "Select node...",
+            searchable: true,
+            clearable: false,
+            fullWidth: true
           }
         ),
-        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",
           onClick: onClose,
-          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",
+          className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm font-medium text-zinc-700 transition hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-800",
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "button",
         {
           type: "button",
           onClick: handleContinue,
           disabled: activeServiceId === void 0 || scope === "node" && !nodeId,
-          className: "rounded-xl bg-blue-600 px-3 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60",
+          className: "rounded-xl bg-blue-600 px-3 py-2 text-sm font-medium text-white transition hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60",
           children: "Continue"
         }
       )
@@ -13158,169 +13535,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,