@timeax/digital-service-engine 0.0.4 → 0.0.5

package/dist/react/index.cjs

@@ -32,18 +32,33 @@ var react_exports = {};
 __export(react_exports, {
   CanvasAPI: () => CanvasAPI,
   EventBus: () => EventBus,
+  FallbackAddCandidatesDialog: () => FallbackAddCandidatesDialog,
+  FallbackAddRegistrationDialog: () => FallbackAddRegistrationDialog,
+  FallbackDetailsPanel: () => FallbackDetailsPanel,
+  FallbackEditor: () => FallbackEditor,
+  FallbackEditorHeader: () => FallbackEditorHeader,
+  FallbackEditorProvider: () => FallbackEditorProvider,
+  FallbackRegistrationsPanel: () => FallbackRegistrationsPanel,
+  FallbackServiceSidebar: () => FallbackServiceSidebar,
+  FallbackSettingsPanel: () => FallbackSettingsPanel,
   FormProvider: () => FormProvider,
   OrderFlowProvider: () => OrderFlowProvider,
   Provider: () => Provider,
+  VirtualServiceList: () => VirtualServiceList,
   Wrapper: () => Wrapper,
   createInputRegistry: () => createInputRegistry,
   registerEntries: () => registerEntries,
   resolveInputDescriptor: () => resolveInputDescriptor,
+  useActiveFallbackRegistrations: () => useActiveFallbackRegistrations,
+  useEligibleServiceList: () => useEligibleServiceList,
+  useFallbackEditor: () => useFallbackEditor,
+  useFallbackEditorContext: () => useFallbackEditorContext,
   useFormApi: () => useFormApi,
   useInputs: () => useInputs,
   useOptionalFormApi: () => useOptionalFormApi,
   useOrderFlow: () => useOrderFlow,
-  useOrderFlowContext: () => useOrderFlowContext
+  useOrderFlowContext: () => useOrderFlowContext,
+  usePrimaryServiceList: () => usePrimaryServiceList
 });
 module.exports = __toCommonJS(react_exports);
 
@@ -3173,6 +3188,58 @@ function bindIdsToArray(bind) {
   if (!bind) return [];
   return Array.isArray(bind) ? bind.slice() : [bind];
 }
+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 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;
+      if (s.requireConstraintFit && tagId) {
+        const ok = satisfiesTagConstraints(
+          tagId,
+          { props: params.props, services },
+          cap
+        );
+        if (!ok) continue;
+      }
+      eligible.push(cand);
+    }
+  }
+  if (s.selectionStrategy === "cheapest") {
+    eligible.sort((a, b) => {
+      var _a2, _b2;
+      const ra = (_a2 = rateOf(services, a)) != null ? _a2 : Infinity;
+      const rb = (_b2 = rateOf(services, b)) != null ? _b2 : Infinity;
+      return ra - rb;
+    });
+  }
+  if (typeof params.limit === "number" && params.limit >= 0) {
+    return eligible.slice(0, params.limit);
+  }
+  return eligible;
+}
+function getFallbackRegistrationInfo(props, nodeId) {
+  const { primary, tagContexts } = primaryForNode(props, nodeId);
+  return { primary, tagContexts };
+}
 
 // src/utils/prune-fallbacks.ts
 function pruneInvalidNodeFallbacks(props, services, settings) {
@@ -3861,6 +3928,347 @@ function resolveMinMax(servicesList, services) {
   return { min: min != null ? min : 1, ...max !== void 0 ? { max } : {} };
 }
 
+// src/core/fallback-editor.ts
+function createFallbackEditor(options = {}) {
+  var _a, _b;
+  const original = cloneFallbacks(options.fallbacks);
+  let current = cloneFallbacks(options.fallbacks);
+  const props = options.props;
+  const services = (_a = options.services) != null ? _a : {};
+  const settings = (_b = options.settings) != null ? _b : {};
+  function state() {
+    return {
+      original: cloneFallbacks(original),
+      current: cloneFallbacks(current),
+      changed: !sameFallbacks(original, current)
+    };
+  }
+  function value() {
+    return cloneFallbacks(current);
+  }
+  function reset() {
+    current = cloneFallbacks(original);
+    return state();
+  }
+  function get(serviceId) {
+    var _a2, _b2;
+    const out = [];
+    for (const [primary, list] of Object.entries((_a2 = current.global) != null ? _a2 : {})) {
+      if (String(primary) !== String(serviceId)) continue;
+      out.push({
+        scope: "global",
+        primary,
+        services: [...list != null ? list : []]
+      });
+    }
+    if (!props) return out;
+    for (const [nodeId, list] of Object.entries((_b2 = current.nodes) != null ? _b2 : {})) {
+      const info = getFallbackRegistrationInfo(props, nodeId);
+      if (String(info.primary) !== String(serviceId)) continue;
+      out.push({
+        scope: "node",
+        scopeId: nodeId,
+        primary: info.primary,
+        services: [...list != null ? list : []]
+      });
+    }
+    return out;
+  }
+  function getScope(context) {
+    var _a2, _b2, _c, _d;
+    if (context.scope === "global") {
+      return [...(_b2 = (_a2 = current.global) == null ? void 0 : _a2[context.primary]) != null ? _b2 : []];
+    }
+    return [...(_d = (_c = current.nodes) == null ? void 0 : _c[context.nodeId]) != null ? _d : []];
+  }
+  function check(context, candidates) {
+    var _a2, _b2;
+    const normalized = normalizeCandidateList(
+      candidates != null ? candidates : getScope(context),
+      true
+    );
+    if (context.scope === "node" && !props) {
+      return {
+        context,
+        allowed: [],
+        rejected: normalized.map((candidate) => ({
+          candidate,
+          ok: false,
+          reasons: ["missing_service_props"]
+        })),
+        warnings: ["missing_service_props"]
+      };
+    }
+    const tempFallbacks = cloneFallbacks(current);
+    if (context.scope === "global") {
+      (_a2 = tempFallbacks.global) != null ? _a2 : tempFallbacks.global = {};
+      if (normalized.length)
+        tempFallbacks.global[context.primary] = normalized;
+      else delete tempFallbacks.global[context.primary];
+    } else {
+      (_b2 = tempFallbacks.nodes) != null ? _b2 : tempFallbacks.nodes = {};
+      if (normalized.length)
+        tempFallbacks.nodes[context.nodeId] = normalized;
+      else delete tempFallbacks.nodes[context.nodeId];
+    }
+    if (!props) {
+      if (context.scope !== "global") {
+        return {
+          context,
+          allowed: [],
+          rejected: normalized.map((candidate) => ({
+            candidate,
+            ok: false,
+            reasons: ["missing_service_props"]
+          })),
+          warnings: ["missing_service_props"]
+        };
+      }
+      const rejected2 = [];
+      const allowed2 = [];
+      for (const candidate of normalized) {
+        const reasons = [];
+        if (String(candidate) === String(context.primary)) {
+          reasons.push("self_reference");
+        }
+        if (reasons.length) {
+          rejected2.push({ candidate, ok: false, reasons });
+        } else {
+          allowed2.push(candidate);
+        }
+      }
+      return {
+        context,
+        primary: context.primary,
+        allowed: allowed2,
+        rejected: rejected2,
+        warnings: []
+      };
+    }
+    const fakeProps = {
+      ...props,
+      fallbacks: tempFallbacks
+    };
+    const diags = collectFailedFallbacks(fakeProps, services, {
+      ...settings,
+      mode: "dev"
+    });
+    const scoped = diags.filter((d) => {
+      if (context.scope === "global") {
+        return d.scope === "global" && String(d.primary) === String(context.primary);
+      }
+      return d.scope === "node" && String(d.nodeId) === String(context.nodeId);
+    });
+    const rejected = normalized.map((candidate) => {
+      const reasons = scoped.filter((d) => String(d.candidate) === String(candidate)).map((d) => mapDiagReason(d.reason));
+      return {
+        candidate,
+        ok: reasons.length === 0,
+        reasons
+      };
+    }).filter((row) => !row.ok);
+    const allowed = normalized.filter(
+      (candidate) => !rejected.some(
+        (r) => String(r.candidate) === String(candidate)
+      )
+    );
+    const info = context.scope === "global" ? { ok: true, primary: context.primary } : getNodeRegistrationInfo(props, context.nodeId);
+    const primary = (info == null ? void 0 : info.ok) ? info.primary : void 0;
+    return {
+      context,
+      primary,
+      allowed,
+      rejected,
+      warnings: []
+    };
+  }
+  function add(context, candidate, options2) {
+    return addMany(context, [candidate], options2);
+  }
+  function addMany(context, candidates, options2) {
+    const existing = getScope(context);
+    const merged = [...existing];
+    const insertAt = typeof (options2 == null ? void 0 : options2.index) === "number" ? clamp(options2.index, 0, merged.length) : void 0;
+    const incoming = normalizeCandidateList(candidates, true).filter(
+      (id) => !merged.some((x) => String(x) === String(id))
+    );
+    if (insertAt === void 0) {
+      merged.push(...incoming);
+    } else {
+      merged.splice(insertAt, 0, ...incoming);
+    }
+    return replace(context, merged, options2);
+  }
+  function remove(context, candidate) {
+    const next = getScope(context).filter(
+      (id) => String(id) !== String(candidate)
+    );
+    return writeScope(context, next);
+  }
+  function replace(context, candidates, options2) {
+    const strict = !!(options2 == null ? void 0 : options2.strict);
+    const normalized = normalizeCandidateList(candidates, true);
+    const checked = check(context, normalized);
+    const next = strict ? checked.allowed : normalized;
+    return writeScope(context, next);
+  }
+  function clear(context) {
+    return writeScope(context, []);
+  }
+  function eligible(context, opt) {
+    if (!props) return [];
+    if (context.scope === "global") {
+      return getEligibleFallbacks({
+        primary: context.primary,
+        services,
+        fallbacks: current,
+        settings,
+        props,
+        exclude: opt == null ? void 0 : opt.exclude,
+        unique: opt == null ? void 0 : opt.unique,
+        limit: opt == null ? void 0 : opt.limit
+      });
+    }
+    const info = getFallbackRegistrationInfo(props, context.nodeId);
+    if (!info.primary) return [];
+    return getEligibleFallbacks({
+      primary: info.primary,
+      nodeId: context.nodeId,
+      tagId: info.tagContexts[0],
+      services,
+      fallbacks: current,
+      settings,
+      props,
+      exclude: opt == null ? void 0 : opt.exclude,
+      unique: opt == null ? void 0 : opt.unique,
+      limit: opt == null ? void 0 : opt.limit
+    });
+  }
+  function writeScope(context, nextList) {
+    var _a2, _b2;
+    const next = cloneFallbacks(current);
+    if (context.scope === "global") {
+      (_a2 = next.global) != null ? _a2 : next.global = {};
+      if (nextList.length) {
+        next.global[context.primary] = [...nextList];
+      } else {
+        delete next.global[context.primary];
+        if (!Object.keys(next.global).length) delete next.global;
+      }
+    } else {
+      (_b2 = next.nodes) != null ? _b2 : next.nodes = {};
+      if (nextList.length) {
+        next.nodes[context.nodeId] = [...nextList];
+      } else {
+        delete next.nodes[context.nodeId];
+        if (!Object.keys(next.nodes).length) delete next.nodes;
+      }
+    }
+    current = next;
+    return state();
+  }
+  return {
+    state,
+    value,
+    reset,
+    get,
+    getScope,
+    check,
+    add,
+    addMany,
+    remove,
+    replace,
+    clear,
+    eligible
+  };
+}
+function cloneFallbacks(input) {
+  return {
+    ...(input == null ? void 0 : input.nodes) ? { nodes: cloneRecordArray(input.nodes) } : {},
+    ...(input == null ? void 0 : input.global) ? { global: cloneRecordArray(input.global) } : {}
+  };
+}
+function cloneRecordArray(input) {
+  const out = {};
+  for (const [k, v] of Object.entries(input)) out[k] = [...v != null ? v : []];
+  return out;
+}
+function sameFallbacks(a, b) {
+  return JSON.stringify(a != null ? a : {}) === JSON.stringify(b != null ? b : {});
+}
+function normalizeCandidateList(input, preserveOrder) {
+  const out = [];
+  for (const item of input != null ? input : []) {
+    if (!isValidServiceIdRef(item)) continue;
+    const exists = out.some((x) => String(x) === String(item));
+    if (exists) continue;
+    out.push(item);
+  }
+  return preserveOrder ? out : out;
+}
+function isValidServiceIdRef(value) {
+  return typeof value === "number" && Number.isFinite(value) || typeof value === "string" && value.trim().length > 0;
+}
+function clamp(n, min, max) {
+  return Math.max(min, Math.min(max, n));
+}
+function getNodeRegistrationInfo(props, nodeId) {
+  const tag = props.filters.find((t) => t.id === nodeId);
+  if (tag) {
+    if (!isValidServiceIdRef(tag.service_id)) {
+      return { ok: false, reasons: ["no_primary"] };
+    }
+    return {
+      ok: true,
+      primary: tag.service_id,
+      tagContexts: [tag.id]
+    };
+  }
+  const hit = findOptionOwner(props.fields, nodeId);
+  if (!hit) {
+    return { ok: false, reasons: ["node_not_found"] };
+  }
+  if (!isValidServiceIdRef(hit.option.service_id)) {
+    return { ok: false, reasons: ["no_primary"] };
+  }
+  return {
+    ok: true,
+    primary: hit.option.service_id,
+    tagContexts: bindIdsToArray2(hit.field.bind_id)
+  };
+}
+function findOptionOwner(fields, optionId) {
+  var _a;
+  for (const field of fields) {
+    for (const option of (_a = field.options) != null ? _a : []) {
+      if (option.id === optionId) return { field, option };
+    }
+  }
+  return null;
+}
+function bindIdsToArray2(v) {
+  if (Array.isArray(v)) return v.filter(Boolean);
+  return v ? [v] : [];
+}
+function mapDiagReason(reason) {
+  switch (String(reason)) {
+    case "unknown_service":
+      return "unknown_service";
+    case "no_primary":
+      return "no_primary";
+    case "rate_violation":
+      return "rate_violation";
+    case "constraint_mismatch":
+      return "constraint_mismatch";
+    case "cycle":
+      return "cycle";
+    case "no_tag_context":
+      return "no_tag_context";
+    default:
+      return "node_not_found";
+  }
+}
+
 // src/core/policy.ts
 var ALLOWED_SCOPES = /* @__PURE__ */ new Set([
   "global",
@@ -9855,21 +10263,1525 @@ function registerEntries(registry) {
     })
   );
 }
+
+// src/react/fallback-editor/useFallbackEditor.ts
+var import_react10 = __toESM(require("react"), 1);
+
+// src/react/fallback-editor/FallbackEditorProvider.tsx
+var import_react9 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var FallbackEditorContext = import_react9.default.createContext(null);
+function FallbackEditorProvider({
+  children,
+  fallbacks,
+  props,
+  snapshot,
+  primaryServices,
+  eligibleServices,
+  settings: initialSettings,
+  initialServiceId,
+  initialTab = "registrations",
+  onSettingsChange,
+  onSave,
+  onValidate,
+  onReset
+}) {
+  const [settings, setSettings] = import_react9.default.useState(
+    initialSettings != null ? initialSettings : {}
+  );
+  const [settingsSaving, setSettingsSaving] = import_react9.default.useState(false);
+  const [headerSaving, setHeaderSaving] = import_react9.default.useState(false);
+  const [headerValidating, setHeaderValidating] = import_react9.default.useState(false);
+  const [headerResetting, setHeaderResetting] = import_react9.default.useState(false);
+  const [version, setVersion] = import_react9.default.useState(0);
+  const [activeServiceId, setActiveServiceId] = import_react9.default.useState(initialServiceId);
+  const [activeTab, setActiveTab] = import_react9.default.useState(initialTab);
+  import_react9.default.useEffect(() => {
+    setSettings(initialSettings != null ? initialSettings : {});
+  }, [initialSettings]);
+  const resolvedPrimaryServices = import_react9.default.useMemo(
+    () => primaryServices != null ? primaryServices : {},
+    [primaryServices]
+  );
+  const resolvedEligibleServices = import_react9.default.useMemo(
+    () => {
+      var _a;
+      return (_a = eligibleServices != null ? eligibleServices : primaryServices) != null ? _a : {};
+    },
+    [eligibleServices, primaryServices]
+  );
+  const editorRef = import_react9.default.useRef(null);
+  const buildEditor = import_react9.default.useCallback(
+    (next) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      const currentValue = (_a = editorRef.current) == null ? void 0 : _a.value();
+      editorRef.current = createFallbackEditor({
+        fallbacks: (_d = (_c = (_b = next == null ? void 0 : next.fallbacks) != null ? _b : currentValue) != null ? _c : fallbacks) != null ? _d : {},
+        props: (_e = next == null ? void 0 : next.props) != null ? _e : props,
+        snapshot: (_f = next == null ? void 0 : next.snapshot) != null ? _f : snapshot,
+        services: (_g = next == null ? void 0 : next.services) != null ? _g : resolvedEligibleServices,
+        settings: (_h = next == null ? void 0 : next.settings) != null ? _h : settings
+      });
+      setVersion((v) => v + 1);
+    },
+    [fallbacks, props, snapshot, resolvedEligibleServices, settings]
+  );
+  if (!editorRef.current) {
+    editorRef.current = createFallbackEditor({
+      fallbacks: fallbacks != null ? fallbacks : {},
+      props,
+      snapshot,
+      services: resolvedEligibleServices,
+      settings
+    });
+  }
+  import_react9.default.useEffect(() => {
+    buildEditor({
+      fallbacks: fallbacks != null ? fallbacks : {},
+      props,
+      snapshot,
+      services: resolvedEligibleServices,
+      settings
+    });
+  }, [fallbacks, props, snapshot, resolvedEligibleServices, buildEditor]);
+  const editor = editorRef.current;
+  const bump = import_react9.default.useCallback(() => {
+    setVersion((v) => v + 1);
+  }, []);
+  const syncAfterMutation = import_react9.default.useCallback(() => {
+    bump();
+  }, [bump]);
+  const reset = import_react9.default.useCallback(() => {
+    editor.reset();
+    syncAfterMutation();
+  }, [editor, syncAfterMutation]);
+  const add = import_react9.default.useCallback(
+    (context, candidate, options) => {
+      const next = editor.add(context, candidate, options);
+      syncAfterMutation();
+      return next;
+    },
+    [editor, syncAfterMutation]
+  );
+  const addMany = import_react9.default.useCallback(
+    (context, candidates, options) => {
+      const next = editor.addMany(context, candidates, options);
+      syncAfterMutation();
+      return next;
+    },
+    [editor, syncAfterMutation]
+  );
+  const remove = import_react9.default.useCallback(
+    (context, candidate) => {
+      const next = editor.remove(context, candidate);
+      syncAfterMutation();
+      return next;
+    },
+    [editor, syncAfterMutation]
+  );
+  const replace = import_react9.default.useCallback(
+    (context, candidates, options) => {
+      const next = editor.replace(context, candidates, options);
+      syncAfterMutation();
+      return next;
+    },
+    [editor, syncAfterMutation]
+  );
+  const clear = import_react9.default.useCallback(
+    (context) => {
+      const next = editor.clear(context);
+      syncAfterMutation();
+      return next;
+    },
+    [editor, syncAfterMutation]
+  );
+  const saveSettings = import_react9.default.useCallback(
+    async (next) => {
+      setSettingsSaving(true);
+      try {
+        const resolved = onSettingsChange ? await onSettingsChange(next) : next;
+        const finalSettings = resolved != null ? resolved : next;
+        setSettings(finalSettings);
+        buildEditor({
+          settings: finalSettings,
+          fallbacks: editor.value()
+        });
+        return finalSettings;
+      } finally {
+        setSettingsSaving(false);
+      }
+    },
+    [onSettingsChange, buildEditor, editor]
+  );
+  const saveFallbacks = import_react9.default.useCallback(async () => {
+    const next = editor.value();
+    setHeaderSaving(true);
+    try {
+      const resolved = onSave ? await onSave(next) : next;
+      if (resolved) {
+        buildEditor({ fallbacks: resolved });
+      }
+      return resolved;
+    } finally {
+      setHeaderSaving(false);
+    }
+  }, [editor, onSave, buildEditor]);
+  const validateFallbacks2 = import_react9.default.useCallback(async () => {
+    const next = editor.value();
+    setHeaderValidating(true);
+    try {
+      if (onValidate) {
+        await onValidate(next);
+      }
+    } finally {
+      setHeaderValidating(false);
+    }
+  }, [editor, onValidate]);
+  const resetEditor = import_react9.default.useCallback(async () => {
+    setHeaderResetting(true);
+    try {
+      editor.reset();
+      syncAfterMutation();
+      if (onReset) {
+        await onReset();
+      }
+    } finally {
+      setHeaderResetting(false);
+    }
+  }, [editor, syncAfterMutation, onReset]);
+  const value = import_react9.default.useMemo(() => editor.value(), [editor, version]);
+  const state = import_react9.default.useMemo(() => editor.state(), [editor, version]);
+  const ctx = import_react9.default.useMemo(
+    () => ({
+      editor,
+      version,
+      serviceProps: props,
+      snapshot,
+      primaryServices: resolvedPrimaryServices,
+      eligibleServices: resolvedEligibleServices,
+      activeServiceId,
+      setActiveServiceId,
+      activeTab,
+      setActiveTab,
+      state,
+      value,
+      settings,
+      settingsSaving,
+      headerSaving,
+      headerValidating,
+      headerResetting,
+      saveSettings,
+      saveFallbacks,
+      validateFallbacks: validateFallbacks2,
+      resetEditor,
+      reset,
+      get: editor.get,
+      getScope: editor.getScope,
+      check: editor.check,
+      eligible: editor.eligible,
+      add,
+      addMany,
+      remove,
+      replace,
+      clear
+    }),
+    [
+      editor,
+      version,
+      props,
+      snapshot,
+      resolvedPrimaryServices,
+      resolvedEligibleServices,
+      activeServiceId,
+      activeTab,
+      state,
+      value,
+      settings,
+      settingsSaving,
+      headerSaving,
+      headerValidating,
+      headerResetting,
+      saveSettings,
+      saveFallbacks,
+      validateFallbacks2,
+      resetEditor,
+      reset,
+      add,
+      addMany,
+      remove,
+      replace,
+      clear
+    ]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FallbackEditorContext.Provider, { value: ctx, children });
+}
+function useFallbackEditorContext() {
+  const ctx = import_react9.default.useContext(FallbackEditorContext);
+  if (!ctx) {
+    throw new Error(
+      "useFallbackEditorContext must be used inside FallbackEditorProvider"
+    );
+  }
+  return ctx;
+}
+
+// src/react/fallback-editor/useFallbackEditor.ts
+function useFallbackEditor() {
+  return useFallbackEditorContext();
+}
+function useActiveFallbackRegistrations() {
+  const { activeServiceId, get, version } = useFallbackEditorContext();
+  return import_react10.default.useMemo(() => {
+    if (activeServiceId === void 0 || activeServiceId === null)
+      return [];
+    return get(activeServiceId);
+  }, [activeServiceId, get, version]);
+}
+function usePrimaryServiceList() {
+  const { primaryServices, version } = useFallbackEditorContext();
+  return import_react10.default.useMemo(() => {
+    return Object.values(primaryServices != null ? primaryServices : {});
+  }, [primaryServices, version]);
+}
+function useEligibleServiceList() {
+  const { eligibleServices, version } = useFallbackEditorContext();
+  return import_react10.default.useMemo(() => {
+    return Object.values(eligibleServices != null ? eligibleServices : {});
+  }, [eligibleServices, version]);
+}
+
+// src/react/fallback-editor/FallbackEditor.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function FallbackEditor({
+  className,
+  fallbacks,
+  props,
+  snapshot,
+  primaryServices,
+  eligibleServices,
+  settings,
+  initialServiceId,
+  onSettingsChange,
+  onSave,
+  onValidate,
+  onReset
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    FallbackEditorProvider,
+    {
+      fallbacks,
+      props,
+      snapshot,
+      primaryServices,
+      eligibleServices,
+      settings,
+      initialServiceId,
+      onSettingsChange,
+      onSave,
+      onValidate,
+      onReset,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FallbackEditorInner, { className })
+    }
+  );
+}
+function FallbackEditorInner({ className }) {
+  const {
+    activeTab,
+    setActiveTab,
+    activeServiceId,
+    saveFallbacks,
+    validateFallbacks: validateFallbacks2,
+    resetEditor,
+    headerSaving,
+    headerValidating,
+    headerResetting
+  } = useFallbackEditor();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    {
+      className: [
+        "min-h-screen 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: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          FallbackEditorHeader,
+          {
+            onReset: resetEditor,
+            onValidate: validateFallbacks2,
+            onSave: saveFallbacks,
+            resetting: headerResetting,
+            validating: headerValidating,
+            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.jsx)(FallbackServiceSidebar, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex min-h-0 flex-col gap-4", 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" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Edit fallback registrations and inspect validation." })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  TabButton,
+                  {
+                    active: activeTab === "registrations",
+                    onClick: () => setActiveTab("registrations"),
+                    children: "Registrations"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  TabButton,
+                  {
+                    active: activeTab === "settings",
+                    onClick: () => setActiveTab("settings"),
+                    children: "Settings"
+                  }
+                )
+              ] })
+            ] }) }),
+            activeTab === "registrations" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FallbackRegistrationsPanel, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FallbackSettingsPanel, {})
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FallbackDetailsPanel, {})
+        ] })
+      ] })
+    }
+  );
+}
+function TabButton({
+  active,
+  onClick,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: [
+        "rounded-xl px-3 py-2 text-sm font-medium transition",
+        active ? "bg-blue-600 text-white" : "border border-zinc-300 bg-white text-zinc-700 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-800"
+      ].join(" "),
+      children
+    }
+  );
+}
+
+// src/react/fallback-editor/VirtualServiceList.tsx
+var import_react17 = __toESM(require("react"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function VirtualServiceList({
+  items,
+  selected,
+  onToggle,
+  height = 420,
+  rowHeight = 52,
+  emptyText = "No services found."
+}) {
+  const [scrollTop, setScrollTop] = import_react17.default.useState(0);
+  const total = items.length;
+  const visibleCount = Math.ceil(height / rowHeight);
+  const overscan = 8;
+  const start = Math.max(0, Math.floor(scrollTop / rowHeight) - overscan);
+  const end = Math.min(total, start + visibleCount + overscan * 2);
+  const visible = items.slice(start, end);
+  if (total === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        className: "flex items-center justify-center rounded-xl border border-zinc-200 bg-zinc-50 text-sm text-zinc-500 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-400",
+        style: { height },
+        children: emptyText
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      className: "overflow-auto rounded-xl border border-zinc-200 dark:border-zinc-800",
+      style: { height },
+      onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "relative", style: { height: total * rowHeight }, children: visible.map((item, i) => {
+        var _a, _b;
+        const index = start + i;
+        const key = String(item.id);
+        const checked = selected.has(key);
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "button",
+          {
+            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",
+            style: {
+              top: index * rowHeight,
+              height: rowHeight
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "truncate text-sm font-medium text-zinc-900 dark:text-zinc-100", children: [
+                  "#",
+                  String(item.id),
+                  " \xB7",
+                  " ",
+                  (_a = item.name) != null ? _a : "Unnamed"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mt-0.5 text-xs text-zinc-500 dark:text-zinc-400", children: [
+                  (_b = item.platform) != null ? _b : "Unknown",
+                  typeof item.rate === "number" ? ` \xB7 rate ${item.rate}` : ""
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked,
+                  readOnly: true,
+                  className: "h-4 w-4 rounded border-zinc-300"
+                }
+              )
+            ]
+          },
+          key
+        );
+      }) })
+    }
+  );
+}
+
+// src/react/fallback-editor/FallbackDetailsPanel.tsx
+var import_react18 = __toESM(require("react"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function FallbackDetailsPanel() {
+  var _a, _b, _c, _d, _e, _f;
+  const { activeServiceId, state, settings } = useFallbackEditor();
+  const services = usePrimaryServiceList();
+  const service = import_react18.default.useMemo(
+    () => 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: [
+    /* @__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: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Detail, { label: "ID", value: String(service.id) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Detail,
+          {
+            label: "Name",
+            value: (_a = service.name) != null ? _a : "Unnamed"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Detail,
+          {
+            label: "Platform",
+            value: (_b = service.platform) != null ? _b : "\u2014"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Detail,
+          {
+            label: "Rate",
+            value: typeof service.rate === "number" ? String(service.rate) : "\u2014"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Detail,
+          {
+            label: "Changed",
+            value: state.changed ? "yes" : "no"
+          }
+        )
+      ] })
+    ] }),
+    /* @__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: "Active policy" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-3 space-y-2 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Detail,
+          {
+            label: "Constraint fit",
+            value: settings.requireConstraintFit ? "enabled" : "disabled"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Detail,
+          {
+            label: "Rate policy",
+            value: ((_c = settings.ratePolicy) == null ? void 0 : _c.kind) === "within_pct" ? `within_pct (${settings.ratePolicy.pct}%)` : ((_d = settings.ratePolicy) == null ? void 0 : _d.kind) === "at_least_pct_lower" ? `at_least_pct_lower (${settings.ratePolicy.pct}%)` : "lte_primary"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Detail,
+          {
+            label: "Strategy",
+            value: (_e = settings.selectionStrategy) != null ? _e : "priority"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Detail, { label: "Mode", value: (_f = settings.mode) != null ? _f : "strict" })
+      ] })
+    ] }),
+    /* @__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: "Current payload" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { className: "mt-3 overflow-auto rounded-xl bg-zinc-950 p-3 text-xs text-zinc-100", children: JSON.stringify(state.current, null, 2) })
+    ] })
+  ] });
+}
+function Detail({ label, value }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-zinc-500 dark:text-zinc-400", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-right text-zinc-900 dark:text-zinc-100", children: value })
+  ] });
+}
+
+// src/react/fallback-editor/FallbackEditorHeader.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function FallbackEditorHeader({
+  onReset,
+  onValidate,
+  onSave,
+  resetting = false,
+  validating = false,
+  saving = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-3 rounded-2xl border border-zinc-200 bg-white p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: "Fallback Editor" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: "Manage global and node-scoped fallback registrations with live validation hints." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: onReset,
+          disabled: resetting,
+          className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50 disabled:cursor-not-allowed disabled:opacity-60 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-800",
+          children: resetting ? "Resetting..." : "Reset"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: onValidate,
+          disabled: validating,
+          className: "rounded-xl border border-zinc-300 bg-white px-3 py-2 text-sm font-medium text-zinc-700 hover:bg-zinc-50 disabled:cursor-not-allowed disabled:opacity-60 dark:border-zinc-700 dark:bg-zinc-950 dark:text-zinc-200 dark:hover:bg-zinc-800",
+          children: validating ? "Validating..." : "Validate"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: onSave,
+          disabled: saving,
+          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",
+          children: saving ? "Saving..." : "Save"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/react/fallback-editor/FallbackSettingsPanel.tsx
+var import_react19 = __toESM(require("react"), 1);
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function FallbackSettingsPanel() {
+  var _a, _b, _c;
+  const { settings, saveSettings, settingsSaving } = useFallbackEditorContext();
+  const [draft, setDraft] = import_react19.default.useState(settings);
+  const [error, setError] = import_react19.default.useState(null);
+  const [saved, setSaved] = import_react19.default.useState(false);
+  import_react19.default.useEffect(() => {
+    setDraft(settings);
+    setSaved(false);
+    setError(null);
+  }, [settings]);
+  const changed = JSON.stringify(draft != null ? draft : {}) !== JSON.stringify(settings != null ? settings : {});
+  async function handleSave() {
+    setError(null);
+    setSaved(false);
+    try {
+      await saveSettings(draft);
+      setSaved(true);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to save fallback settings."
+      );
+    }
+  }
+  function setRatePolicy(next) {
+    setDraft((prev) => ({
+      ...prev,
+      ratePolicy: next
+    }));
+  }
+  const ratePolicy = (_a = draft.ratePolicy) != null ? _a : { kind: "lte_primary" };
+  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: [
+    /* @__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" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: "These settings can be persisted by the host and returned into the editor." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: handleSave,
+          disabled: !changed || settingsSaving,
+          className: [
+            "rounded-xl px-3 py-2 text-sm font-medium transition",
+            !changed || settingsSaving ? "cursor-not-allowed bg-zinc-200 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-500" : "bg-blue-600 text-white hover:bg-blue-700"
+          ].join(" "),
+          children: settingsSaving ? "Saving..." : "Save settings"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        SettingRow,
+        {
+          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",
+            {
+              type: "button",
+              onClick: () => setDraft((prev) => ({
+                ...prev,
+                requireConstraintFit: !(prev == null ? void 0 : prev.requireConstraintFit)
+              })),
+              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(" ")
+                  }
+                )
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        SettingRow,
+        {
+          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",
+              {
+                value: ratePolicy.kind,
+                onChange: (e) => {
+                  const kind = e.target.value;
+                  if (kind === "lte_primary") {
+                    setRatePolicy({ kind: "lte_primary" });
+                    return;
+                  }
+                  if (kind === "within_pct") {
+                    setRatePolicy({
+                      kind: "within_pct",
+                      pct: ratePolicy.kind === "within_pct" || ratePolicy.kind === "at_least_pct_lower" ? ratePolicy.pct : 10
+                    });
+                    return;
+                  }
+                  setRatePolicy({
+                    kind: "at_least_pct_lower",
+                    pct: ratePolicy.kind === "within_pct" || ratePolicy.kind === "at_least_pct_lower" ? ratePolicy.pct : 10
+                  });
+                },
+                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: "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" })
+                ]
+              }
+            ),
+            (ratePolicy.kind === "within_pct" || ratePolicy.kind === "at_least_pct_lower") && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "input",
+                {
+                  type: "number",
+                  min: 0,
+                  step: "0.01",
+                  value: ratePolicy.pct,
+                  onChange: (e) => {
+                    const pct = Number(e.target.value || 0);
+                    if (ratePolicy.kind === "within_pct") {
+                      setRatePolicy({
+                        kind: "within_pct",
+                        pct
+                      });
+                      return;
+                    }
+                    setRatePolicy({
+                      kind: "at_least_pct_lower",
+                      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"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "%" })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        SettingRow,
+        {
+          title: "Selection strategy",
+          hint: "How valid fallback candidates are ordered in previews.",
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            "select",
+            {
+              value: (_b = draft.selectionStrategy) != null ? _b : "priority",
+              onChange: (e) => setDraft((prev) => ({
+                ...prev,
+                selectionStrategy: e.target.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" })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        SettingRow,
+        {
+          title: "Mode",
+          hint: "Use strict for enforced filtering, dev for advisory feedback.",
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            "select",
+            {
+              value: (_c = draft.mode) != null ? _c : "strict",
+              onChange: (e) => setDraft((prev) => ({
+                ...prev,
+                mode: e.target.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" })
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    saved && !error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-4 rounded-xl border border-green-200 bg-green-50 px-3 py-2 text-sm text-green-700 dark:border-green-900/50 dark:bg-green-950/20 dark:text-green-300", children: "Settings saved." }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-4 rounded-xl border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-900/50 dark:bg-red-950/20 dark:text-red-300", children: error }) : null
+  ] });
+}
+function SettingRow({
+  title,
+  hint,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-3 border-b border-dashed border-zinc-200 pb-4 last:border-b-0 last:pb-0 dark:border-zinc-800 md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "max-w-xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: hint })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children })
+  ] });
+}
+
+// src/react/fallback-editor/FallbackServiceSidebar.tsx
+var import_react20 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function FallbackServiceSidebar() {
+  const { activeServiceId, setActiveServiceId, get } = useFallbackEditor();
+  const services = usePrimaryServiceList();
+  const [query, setQuery] = (0, import_react20.useState)("");
+  const filtered = (0, import_react20.useMemo)(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return services;
+    return services.filter(
+      (service) => {
+        var _a, _b;
+        return String(service.id).includes(q) || String((_a = service.name) != null ? _a : "").toLowerCase().includes(q) || String((_b = service.platform) != null ? _b : "").toLowerCase().includes(q);
+      }
+    );
+  }, [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: [
+    /* @__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",
+        {
+          value: query,
+          onChange: (e) => setQuery(e.target.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"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-3 flex-1 space-y-2 overflow-auto", children: filtered.map((service) => {
+        var _a, _b;
+        const active = String(service.id) === String(activeServiceId);
+        const count = get(service.id).length;
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "button",
+          {
+            type: "button",
+            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"
+            ].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: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "truncate text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: [
+                  "#",
+                  String(service.id),
+                  " \xB7",
+                  " ",
+                  (_a = service.name) != null ? _a : "Unnamed"
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mt-1 text-xs text-zinc-500 dark:text-zinc-400", children: [
+                  (_b = service.platform) != null ? _b : "Unknown",
+                  typeof service.rate === "number" ? ` \xB7 rate ${service.rate}` : ""
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.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: [
+                count,
+                " reg"
+              ] })
+            ] })
+          },
+          String(service.id)
+        );
+      }) })
+    ] })
+  ] });
+}
+
+// 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 FallbackAddCandidatesDialog({
+  open,
+  onClose,
+  context,
+  primaryId
+}) {
+  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(() => {
+    if (!open) {
+      setQuery("");
+      setFilterEligibleOnly(true);
+      setSelected(/* @__PURE__ */ new Set());
+    }
+  }, [open]);
+  const allowedIds = import_react21.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 q = query.trim().toLowerCase();
+    return eligibleServices.filter((service) => {
+      var _a, _b;
+      if (primaryId !== void 0 && String(service.id) === String(primaryId)) {
+        return false;
+      }
+      if (allowedIds && !allowedIds.has(String(service.id))) {
+        return false;
+      }
+      if (!q) return true;
+      return String(service.id).includes(q) || String((_a = service.name) != null ? _a : "").toLowerCase().includes(q) || String((_b = service.platform) != null ? _b : "").toLowerCase().includes(q);
+    });
+  }, [eligibleServices, allowedIds, query, primaryId]);
+  function toggle(id) {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      const key = String(id);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  }
+  async function handleAdd() {
+    if (!context || selected.size === 0) return;
+    setSubmitting(true);
+    try {
+      const ids = items.filter((item) => selected.has(String(item.id))).map((item) => item.id);
+      addMany(context, ids);
+      onClose();
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  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." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "input",
+        {
+          value: query,
+          onChange: (e) => setQuery(e.target.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"
+        }
+      ),
+      /* @__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)(
+        VirtualServiceList,
+        {
+          items,
+          selected,
+          onToggle: toggle,
+          emptyText: "No eligible services found."
+        }
+      )
+    ] }),
+    /* @__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: [
+        selected.size,
+        " selected"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.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",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.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",
+            children: submitting ? "Adding..." : "Add selected"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/react/fallback-editor/FallbackAddRegistrationDialog.tsx
+var import_react22 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function FallbackAddRegistrationDialog({
+  open,
+  onClose,
+  onSelect
+}) {
+  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(() => {
+    if (snapshot) return "snapshot";
+    if (serviceProps) return "props";
+    return "none";
+  }, [snapshot, serviceProps]);
+  import_react22.default.useEffect(() => {
+    if (open) {
+      setScope("global");
+      setNodeId("");
+    }
+  }, [open]);
+  const hasGlobal = import_react22.default.useMemo(() => {
+    return registrations.some((r) => r.scope === "global");
+  }, [registrations]);
+  const nodeTargets = import_react22.default.useMemo(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    if (activeServiceId === void 0 || activeServiceId === null) {
+      return [];
+    }
+    if (mode === "snapshot" && (snapshot == null ? void 0 : snapshot.serviceMap)) {
+      const out = [];
+      for (const [id, primaryIds] of Object.entries(
+        snapshot.serviceMap
+      )) {
+        const matchesPrimary = (primaryIds != null ? primaryIds : []).some(
+          (serviceId) => String(serviceId) === String(activeServiceId)
+        );
+        if (!matchesPrimary) continue;
+        const meta = resolveNodeMeta(serviceProps, id);
+        out.push({
+          id,
+          kind: meta.kind,
+          label: meta.label,
+          serviceId: activeServiceId
+        });
+      }
+      const activeTagId = (_a = snapshot.selection) == null ? void 0 : _a.tag;
+      out.sort((a, b) => {
+        if (activeTagId && a.id === activeTagId && b.id !== activeTagId) {
+          return -1;
+        }
+        if (activeTagId && b.id === activeTagId && a.id !== activeTagId) {
+          return 1;
+        }
+        return a.label.localeCompare(b.label);
+      });
+      const seen = /* @__PURE__ */ new Set();
+      return out.filter((item) => {
+        if (seen.has(item.id)) return false;
+        seen.add(item.id);
+        return true;
+      });
+    }
+    if (mode === "props" && serviceProps) {
+      const out = [];
+      for (const tag of (_b = serviceProps.filters) != null ? _b : []) {
+        if ((tag == null ? void 0 : tag.service_id) === void 0 || (tag == null ? void 0 : tag.service_id) === null) {
+          continue;
+        }
+        if (String(tag.service_id) !== String(activeServiceId)) {
+          continue;
+        }
+        out.push({
+          id: tag.id,
+          kind: "tag",
+          label: (_d = (_c = tag.label) != null ? _c : tag.title) != null ? _d : tag.id,
+          serviceId: tag.service_id
+        });
+      }
+      for (const field of (_e = serviceProps.fields) != null ? _e : []) {
+        if ((field == null ? void 0 : field.service_id) !== void 0 && (field == null ? void 0 : field.service_id) !== null && String(field.service_id) === String(activeServiceId)) {
+          out.push({
+            id: field.id,
+            kind: "field",
+            label: (_g = (_f = field.label) != null ? _f : field.title) != null ? _g : field.id,
+            serviceId: field.service_id
+          });
+        }
+        for (const option of (_h = field.options) != null ? _h : []) {
+          if ((option == null ? void 0 : option.service_id) === void 0 || (option == null ? void 0 : option.service_id) === null) {
+            continue;
+          }
+          if (String(option.service_id) !== String(activeServiceId)) {
+            continue;
+          }
+          out.push({
+            id: option.id,
+            kind: "option",
+            label: (_k = (_i = option.label) != null ? _i : option.title) != null ? _k : String(
+              (_j = option.value) != null ? _j : option.id
+            ),
+            serviceId: option.service_id
+          });
+        }
+      }
+      const seen = /* @__PURE__ */ new Set();
+      return out.filter((item) => {
+        if (seen.has(item.id)) return false;
+        seen.add(item.id);
+        return true;
+      });
+    }
+    return [];
+  }, [mode, snapshot, serviceProps, activeServiceId]);
+  import_react22.default.useEffect(() => {
+    if (hasGlobal && scope === "global") {
+      setScope("node");
+    }
+  }, [hasGlobal, scope]);
+  import_react22.default.useEffect(() => {
+    if (scope === "node" && nodeId) {
+      const exists = nodeTargets.some((node) => node.id === nodeId);
+      if (!exists) setNodeId("");
+    }
+  }, [scope, nodeId, nodeTargets]);
+  function handleContinue() {
+    var _a;
+    if (activeServiceId === void 0 || activeServiceId === null) return;
+    if (scope === "global") {
+      onSelect(
+        {
+          scope: "global",
+          primary: activeServiceId
+        },
+        activeServiceId
+      );
+      return;
+    }
+    if (!nodeId) return;
+    const node = nodeTargets.find((n) => n.id === nodeId);
+    onSelect(
+      {
+        scope: "node",
+        nodeId
+      },
+      (_a = node == null ? void 0 : node.serviceId) != null ? _a : activeServiceId
+    );
+  }
+  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." })
+    ] }),
+    /* @__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",
+              {
+                type: "radio",
+                name: "scope",
+                checked: scope === "global",
+                onChange: () => setScope("global"),
+                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_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." })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      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",
+          {
+            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))
+            ]
+          }
+        ),
+        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
+      ] })
+    ] }),
+    /* @__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)(
+        "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",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime13.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",
+          children: "Continue"
+        }
+      )
+    ] })
+  ] }) });
+}
+function resolveNodeMeta(props, nodeId) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  if (!props) {
+    return { kind: "node", label: nodeId };
+  }
+  const tag = (_a = props.filters) == null ? void 0 : _a.find((t) => t.id === nodeId);
+  if (tag) {
+    return {
+      kind: "tag",
+      label: (_c = (_b = tag.label) != null ? _b : tag.title) != null ? _c : tag.id
+    };
+  }
+  const field = (_d = props.fields) == null ? void 0 : _d.find((f) => f.id === nodeId);
+  if (field) {
+    return {
+      kind: "field",
+      label: (_f = (_e = field.label) != null ? _e : field.title) != null ? _f : field.id
+    };
+  }
+  for (const fieldItem of (_g = props.fields) != null ? _g : []) {
+    const option = (_h = fieldItem.options) == null ? void 0 : _h.find((o) => o.id === nodeId);
+    if (option) {
+      return {
+        kind: "option",
+        label: (_k = (_i = option.label) != null ? _i : option.title) != null ? _k : String((_j = option.value) != null ? _j : option.id)
+      };
+    }
+  }
+  return { kind: "node", label: nodeId };
+}
+
+// src/react/fallback-editor/FallbackRegistrationsPanel.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function FallbackRegistrationsPanel() {
+  const { activeServiceId, remove, 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: () => remove(
+                            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,
   EventBus,
+  FallbackAddCandidatesDialog,
+  FallbackAddRegistrationDialog,
+  FallbackDetailsPanel,
+  FallbackEditor,
+  FallbackEditorHeader,
+  FallbackEditorProvider,
+  FallbackRegistrationsPanel,
+  FallbackServiceSidebar,
+  FallbackSettingsPanel,
   FormProvider,
   OrderFlowProvider,
   Provider,
+  VirtualServiceList,
   Wrapper,
   createInputRegistry,
   registerEntries,
   resolveInputDescriptor,
+  useActiveFallbackRegistrations,
+  useEligibleServiceList,
+  useFallbackEditor,
+  useFallbackEditorContext,
   useFormApi,
   useInputs,
   useOptionalFormApi,
   useOrderFlow,
-  useOrderFlowContext
+  useOrderFlowContext,
+  usePrimaryServiceList
 });
 //# sourceMappingURL=index.cjs.map