@timeax/service-builder 0.2.0 → 0.2.1

package/dist/index.js

@@ -3453,6 +3453,23 @@ function StatusDot({ tone = "default", className }) {
 
 // src/builder/service-context.ts
 import { createBuilder } from "@timeax/digital-service-engine/core";
+function createEmptyServiceContextSnapshot(state, props) {
+  const filters = props?.filters ?? [];
+  const tags = filters.map((tag) => ({
+    id: tag.id,
+    label: tag.label,
+    description: describeTag(tag)
+  }));
+  const selectedTag = filters.find((tag) => tag.id === state.selectedTagId) ?? null;
+  return {
+    state,
+    tags,
+    selectedTag,
+    buttonGroups: [],
+    visibleFieldIds: [],
+    usedServiceIds: []
+  };
+}
 function createDefaultServiceContext(props, preferredTagId) {
   const tagIds = (props?.filters ?? []).map((tag) => tag.id);
   return {
@@ -3468,43 +3485,37 @@ function sanitizeServiceContext(snapshot, state) {
   if (selectedButtons.length === state.selectedButtons.length) return state;
   return { ...state, selectedButtons };
 }
-function buildServiceContextSnapshot(args) {
-  const props = args.props ?? void 0;
-  const serviceMap = args.services ?? {};
-  const tags = (props?.filters ?? []).map((tag) => ({
-    id: tag.id,
-    label: tag.label,
-    description: describeTag(tag)
-  }));
-  const selectedTag = (props?.filters ?? []).find((tag) => tag.id === args.state.selectedTagId) ?? null;
-  if (!props || !selectedTag) {
-    return {
-      state: args.state,
-      tags,
-      selectedTag,
-      buttonGroups: [],
-      visibleFieldIds: [],
-      usedServiceIds: []
-    };
-  }
-  const sandbox = createBuilder({ serviceMap });
-  sandbox.load(props);
-  const visibleFieldIds = sandbox.visibleFields(selectedTag.id, args.state.selectedButtons);
-  const buttonGroups = buildButtonGroups(props.fields ?? [], visibleFieldIds);
-  const usedServiceIds = collectUsedServiceIds({
-    props,
-    tagId: selectedTag.id,
-    visibleFieldIds,
-    selectedButtons: args.state.selectedButtons
+async function buildServiceContextSnapshot(args) {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      const props = args.props ?? void 0;
+      const serviceMap = args.services ?? {};
+      const emptySnapshot = createEmptyServiceContextSnapshot(args.state, props);
+      const { tags, selectedTag } = emptySnapshot;
+      if (!props || !selectedTag) {
+        resolve(emptySnapshot);
+        return;
+      }
+      const sandbox = createBuilder({ serviceMap });
+      sandbox.load(props);
+      const visibleFieldIds = sandbox.visibleFields(selectedTag.id, args.state.selectedButtons);
+      const buttonGroups = buildButtonGroups(props.fields ?? [], visibleFieldIds);
+      const usedServiceIds = collectUsedServiceIds({
+        props,
+        tagId: selectedTag.id,
+        visibleFieldIds,
+        selectedButtons: args.state.selectedButtons
+      });
+      resolve({
+        state: args.state,
+        tags,
+        selectedTag,
+        buttonGroups,
+        visibleFieldIds,
+        usedServiceIds
+      });
+    }, 0);
   });
-  return {
-    state: args.state,
-    tags,
-    selectedTag,
-    buttonGroups,
-    visibleFieldIds,
-    usedServiceIds
-  };
 }
 function buildServiceRowVM(args) {
   const service = args.services?.[args.summary.id] ?? null;
@@ -6444,6 +6455,8 @@ function CanvasPanel({
   const [presentationVersion, setPresentationVersion] = useState8(0);
   const lastSyncedSnapshotHashRef = useRef5(initialSnapshotHash);
   const guardedEditorRef = useRef5(null);
+  const liveSnapshotRequestRef = useRef5(0);
+  const checksByIdRequestRef = useRef5(0);
   const servicesMap = ws.services?.data ?? {};
   const errorNodeIds = useMemo9(
     () => new Set((errors.merged.validation ?? []).map((row) => row.nodeId).filter(Boolean)),
@@ -6682,21 +6695,45 @@ function CanvasPanel({
     }),
     [resolvedCurrentTagId, selectedButtons]
   );
-  const liveContextSnapshot = useMemo9(
-    () => buildServiceContextSnapshot({ props: canvas.props, services: servicesMap, state: liveContextState }),
-    [canvas.props, liveContextState, servicesMap]
-  );
-  const checksById = useMemo9(() => {
-    if (!liveContextSnapshot.selectedTag) return /* @__PURE__ */ new Map();
+  const [liveContextSnapshot, setLiveContextSnapshot] = useState8(() => createEmptyServiceContextSnapshot(liveContextState, canvas.props));
+  useEffect8(() => {
+    const requestId = ++liveSnapshotRequestRef.current;
+    const fallback = createEmptyServiceContextSnapshot(liveContextState, canvas.props);
+    setLiveContextSnapshot(fallback);
+    buildServiceContextSnapshot({ props: canvas.props, services: servicesMap, state: liveContextState }).then((snapshot) => {
+      if (liveSnapshotRequestRef.current !== requestId) return;
+      setLiveContextSnapshot(snapshot);
+    }).catch(() => {
+      if (liveSnapshotRequestRef.current !== requestId) return;
+      setLiveContextSnapshot(fallback);
+    });
+  }, [canvas.props, liveContextState, servicesMap]);
+  const [checksById, setChecksById] = useState8(/* @__PURE__ */ new Map());
+  useEffect8(() => {
+    const requestId = ++checksByIdRequestRef.current;
+    if (!liveContextSnapshot.selectedTag) {
+      setChecksById(/* @__PURE__ */ new Map());
+      return;
+    }
     const candidateIds = Object.values(servicesMap).map((service) => service.id);
-    const checks = canvas.api.editor.filterServicesForVisibleGroup(candidateIds, {
-      tagId: liveContextSnapshot.selectedTag.id,
-      selectedButtons: liveContextSnapshot.state.selectedButtons,
-      usedServiceIds: liveContextSnapshot.usedServiceIds,
-      effectiveConstraints: liveContextSnapshot.selectedTag.constraints,
-      policies: ws.policies?.policies?.data ?? []
+    new Promise((resolve) => {
+      setTimeout(() => {
+        const checks = canvas.api.editor.filterServicesForVisibleGroup(candidateIds, {
+          tagId: liveContextSnapshot.selectedTag.id,
+          selectedButtons: liveContextSnapshot.state.selectedButtons,
+          usedServiceIds: liveContextSnapshot.usedServiceIds,
+          effectiveConstraints: liveContextSnapshot.selectedTag.constraints,
+          policies: ws.policies?.policies?.data ?? []
+        });
+        resolve(Array.isArray(checks) ? checks : []);
+      }, 0);
+    }).then((checks) => {
+      if (checksByIdRequestRef.current !== requestId) return;
+      setChecksById(new Map(checks.map((check) => [String(check.id), check])));
+    }).catch(() => {
+      if (checksByIdRequestRef.current !== requestId) return;
+      setChecksById(/* @__PURE__ */ new Map());
     });
-    return new Map(checks.map((check) => [String(check.id), check]));
   }, [canvas.api.editor, liveContextSnapshot, servicesMap, ws.policies?.policies?.data]);
   const serviceContextRows = useMemo9(() => {
     return liveContextSnapshot.usedServiceIds.map((id) => {
@@ -11916,6 +11953,76 @@ function IncludesIconAction({ kind, onClick, disabled, title, icon, className })
   );
 }
 
+// src/builder/compatibility-runner.ts
+var DEFAULT_CHUNK_SIZE = 100;
+function yieldToMainThread() {
+  return new Promise((resolve) => {
+    setTimeout(() => resolve(), 0);
+  });
+}
+async function runCompatibilityChecksIncremental(input) {
+  const { editor, args, cache, cacheKey } = input;
+  const chunkSize = input.chunkSize ?? DEFAULT_CHUNK_SIZE;
+  const candidateKeys = input.candidateIds.map((id) => String(id));
+  const checksById = /* @__PURE__ */ new Map();
+  const missingIds = [];
+  for (let index = 0; index < input.candidateIds.length; index += 1) {
+    const candidateId = input.candidateIds[index];
+    const candidateKey = candidateKeys[index];
+    const entryKey = `${cacheKey}|${candidateKey}`;
+    const cached = cache.get(entryKey);
+    if (cached) {
+      checksById.set(candidateKey, cached);
+      continue;
+    }
+    missingIds.push(candidateId);
+  }
+  if (!missingIds.length) {
+    return candidateKeys.map((id) => checksById.get(id)).filter(Boolean);
+  }
+  for (let start = 0; start < missingIds.length; start += chunkSize) {
+    if (input.shouldAbort?.()) return [];
+    await yieldToMainThread();
+    if (input.shouldAbort?.()) return [];
+    const chunk = missingIds.slice(start, start + chunkSize);
+    const checks = editor.filterServicesForVisibleGroup?.(chunk, args) ?? [];
+    for (const check of checks) {
+      const id = check?.id != null ? String(check.id) : null;
+      if (!id) continue;
+      checksById.set(id, check);
+      cache.set(`${cacheKey}|${id}`, check);
+    }
+  }
+  return candidateKeys.map((id) => checksById.get(id)).filter(Boolean);
+}
+function createCompatibilityCacheKey(input) {
+  const selectedButtons = [...input.selectedButtons].sort().join(",");
+  const usedServiceIds = [...input.usedServiceIds].sort().join(",");
+  const primaryRate = input.primaryRate != null ? String(input.primaryRate) : "";
+  const primaryServiceId = input.primaryServiceId ?? "";
+  return [
+    `tag:${input.tagId}`,
+    `buttons:${selectedButtons}`,
+    `used:${usedServiceIds}`,
+    `policies:${input.policiesKey}`,
+    `mode:${input.rateContextMode}`,
+    `source:${input.rateContextSource}`,
+    `rate:${primaryRate}`,
+    `service:${primaryServiceId}`
+  ].join("|");
+}
+function areServiceContextStatesEqual(left, right) {
+  if (left.selectedTagId !== right.selectedTagId) return false;
+  if (left.strictSafety !== right.strictSafety) return false;
+  if (left.enforcePolicies !== right.enforcePolicies) return false;
+  if (left.selectedButtons.length !== right.selectedButtons.length) return false;
+  const leftSet = new Set(left.selectedButtons);
+  for (const id of right.selectedButtons) {
+    if (!leftSet.has(id)) return false;
+  }
+  return true;
+}
+
 // src/components/service-meta-popover.tsx
 import { useEffect as useEffect18, useMemo as useMemo24, useRef as useRef11, useState as useState25 } from "react";
 import { FiInfo } from "react-icons/fi";
@@ -12045,6 +12152,27 @@ function ServiceMetaPopover({
   ] });
 }
 
+// src/hooks/use-service-catalog-state.ts
+import { useEffect as useEffect19, useState as useState26 } from "react";
+function useServiceCatalogState(canvasApi, editor) {
+  const [catalogState, setCatalogState] = useState26(null);
+  useEffect19(() => {
+    const resolveCatalog = (catalog) => catalog ?? editor.getCatalog?.() ?? editor.ensureCatalog?.() ?? null;
+    setCatalogState(resolveCatalog());
+    const offCatalogChange = canvasApi.on("catalog:change", (payload) => {
+      setCatalogState(resolveCatalog(payload?.catalog));
+    });
+    const offCatalogActiveChange = canvasApi.on("catalog:active-change", () => {
+      setCatalogState(resolveCatalog());
+    });
+    return () => {
+      offCatalogChange?.();
+      offCatalogActiveChange?.();
+    };
+  }, [canvasApi, editor]);
+  return catalogState;
+}
+
 // src/panels/right/components/renderif.tsx
 import "react";
 import { Fragment as Fragment7, jsx as jsx51 } from "react/jsx-runtime";
@@ -12073,7 +12201,7 @@ function RenderIf({ data, emptyMessage = null, children, when }) {
 // src/panels/right/partials/global/add-service.tsx
 import { useCanvas as useCanvas7, useWorkspace as useWorkspace11 } from "@timeax/digital-service-engine/workspace";
 import { InputField as InputField5 } from "@timeax/form-palette";
-import { useCallback as useCallback18, useEffect as useEffect19, useMemo as useMemo25, useState as useState26 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect20, useMemo as useMemo25, useRef as useRef12, useState as useState27 } from "react";
 import { BsPlus } from "react-icons/bs";
 import { FaFolderOpen } from "react-icons/fa";
 import { FiFilter } from "react-icons/fi";
@@ -12156,13 +12284,22 @@ function AddServicePopover({
 }) {
   const ws = useWorkspace11();
   const canvas = useCanvas7();
-  const [open, setOpen] = useState26(false);
-  const [filterOpen, setFilterOpen] = useState26(false);
-  const [query, setQuery] = useState26("");
-  const [selected, setSelected] = useState26("");
-  const [contextFilterEnabled, setContextFilterEnabled] = useState26(false);
-  const [catalogState, setCatalogState] = useState26(null);
+  const [open, setOpen] = useState27(false);
+  const [filterOpen, setFilterOpen] = useState27(false);
+  const [query, setQuery] = useState27("");
+  const [selected, setSelected] = useState27("");
+  const [contextFilterEnabled, setContextFilterEnabled] = useState27(false);
+  const [rateContextMode, setRateContextMode] = useState27("context");
+  const [rateContextSource, setRateContextSource] = useState27("service");
+  const [manualPrimaryRate, setManualPrimaryRate] = useState27("");
+  const [primaryServiceId, setPrimaryServiceId] = useState27(null);
+  const [compatibleIds, setCompatibleIds] = useState27(null);
+  const compatibleRequestRef = useRef12(0);
+  const compatibleCacheRef = useRef12(/* @__PURE__ */ new Map());
+  const catalogState = useServiceCatalogState(canvas.api, canvas.api.editor);
   const policies2 = ws.policies.policies.data ?? [];
+  const policiesKey = useMemo25(() => JSON.stringify(policies2 ?? []), [policies2]);
+  const candidateIds = useMemo25(() => services2.map((service) => service.id), [services2]);
   const currentTagId = canvas.api.selection.currentTag?.();
   const preferredTagId = currentTagId != null ? String(currentTagId) : canvas.layers.tags[0]?.id != null ? String(canvas.layers.tags[0]?.id) : null;
   const selectedButtons = useMemo25(
@@ -12178,33 +12315,52 @@ function AddServicePopover({
     }),
     [preferredTagId, selectedButtons]
   );
-  const liveSnapshot = useMemo25(
-    () => buildServiceContextSnapshot({ props: canvas.props, services: servicesMap, state: liveSelectionContext }),
-    [canvas.props, liveSelectionContext, servicesMap]
-  );
-  useEffect19(() => {
-    const editor = canvas.api.editor;
-    const ensured = editor.getCatalog?.() ?? editor.ensureCatalog?.();
-    if (ensured) setCatalogState(ensured);
-    const offCatalogChange = canvas.api.on("catalog:change", ({ catalog }) => {
-      const next = catalog ?? editor.getCatalog?.() ?? editor.ensureCatalog?.();
-      setCatalogState(next ?? null);
-    });
-    const offCatalogActiveChange = canvas.api.on("catalog:active-change", () => {
-      const next = editor.getCatalog?.() ?? editor.ensureCatalog?.();
-      setCatalogState(next ?? null);
+  const [liveSnapshot, setLiveSnapshot] = useState27(() => createEmptyServiceContextSnapshot(liveSelectionContext, canvas.props));
+  useEffect20(() => {
+    let active = true;
+    const fallback = createEmptyServiceContextSnapshot(liveSelectionContext, canvas.props);
+    setLiveSnapshot(fallback);
+    buildServiceContextSnapshot({ props: canvas.props, services: servicesMap, state: liveSelectionContext }).then((snapshot) => {
+      if (!active) return;
+      setLiveSnapshot(snapshot);
+    }).catch(() => {
+      if (!active) return;
+      setLiveSnapshot(fallback);
     });
     return () => {
-      offCatalogChange?.();
-      offCatalogActiveChange?.();
+      active = false;
     };
-  }, [canvas.api]);
+  }, [canvas.props, liveSelectionContext, servicesMap]);
   const catalogMode = catalogState?.viewMode === "grouped" ? "catalog" : "all";
   const catalogGroups = useMemo25(
     () => (catalogState?.nodes ?? []).filter((node) => node.kind === "group").sort((a, b) => (a.order ?? 0) - (b.order ?? 0) || a.label.localeCompare(b.label)),
     [catalogState]
   );
   const selectedCatalogGroupId = catalogGroups.some((node) => node.id === catalogState?.activeNodeId) ? String(catalogState?.activeNodeId) : null;
+  const contextServiceOptions = useMemo25(
+    () => liveSnapshot.usedServiceIds.map((id) => {
+      const service = servicesMap[id];
+      if (!service) return null;
+      return {
+        value: String(service.id),
+        label: `${service.name ?? `Service ${service.id}`}${service.rate != null ? ` (Rate ${service.rate})` : ""}`
+      };
+    }).filter(Boolean),
+    [liveSnapshot.usedServiceIds, servicesMap]
+  );
+  const parsedManualPrimaryRate = useMemo25(() => {
+    const value = Number(manualPrimaryRate.trim());
+    return Number.isFinite(value) ? value : null;
+  }, [manualPrimaryRate]);
+  const hasValidCustomPrimary = useMemo25(() => {
+    if (rateContextMode !== "custom_primary_rate") return true;
+    if (rateContextSource === "manual") return parsedManualPrimaryRate != null;
+    return Boolean(primaryServiceId);
+  }, [parsedManualPrimaryRate, primaryServiceId, rateContextMode, rateContextSource]);
+  useEffect20(() => {
+    if (primaryServiceId && contextServiceOptions.some((option) => option.value === primaryServiceId)) return;
+    setPrimaryServiceId(contextServiceOptions[0]?.value ?? null);
+  }, [contextServiceOptions, primaryServiceId]);
   const groupedServiceIds = useMemo25(() => {
     const ids = /* @__PURE__ */ new Set();
     for (const group of catalogGroups) {
@@ -12233,28 +12389,73 @@ function AddServicePopover({
     }
     return new Set(selectedGroup.serviceIds.map((id) => String(id)));
   }, [catalogGroups, catalogMode, groupedServiceIds, selectedCatalogGroupId, services2]);
-  const compatibleIds = useMemo25(() => {
-    if (!contextFilterEnabled) return null;
-    if (!liveSnapshot.selectedTag) return null;
-    const checks = canvas.api.editor.filterServicesForVisibleGroup?.(
-      services2.map((service) => service.id),
-      {
+  useEffect20(() => {
+    const requestId = ++compatibleRequestRef.current;
+    if (!contextFilterEnabled || !liveSnapshot.selectedTag) {
+      setCompatibleIds(null);
+      return;
+    }
+    if (!hasValidCustomPrimary) {
+      setCompatibleIds(null);
+      return;
+    }
+    const cacheKey = createCompatibilityCacheKey({
+      tagId: liveSnapshot.selectedTag.id,
+      selectedButtons: liveSnapshot.state.selectedButtons,
+      usedServiceIds: liveSnapshot.usedServiceIds,
+      policiesKey,
+      rateContextMode,
+      rateContextSource,
+      primaryRate: rateContextSource === "manual" ? parsedManualPrimaryRate : null,
+      primaryServiceId: rateContextSource === "service" ? primaryServiceId : null
+    });
+    runCompatibilityChecksIncremental({
+      editor: canvas.api.editor,
+      candidateIds,
+      args: {
         tagId: liveSnapshot.selectedTag.id,
         selectedButtons: liveSnapshot.state.selectedButtons,
         usedServiceIds: liveSnapshot.usedServiceIds,
         effectiveConstraints: liveSnapshot.selectedTag.constraints,
-        policies: policies2
-      }
-    );
-    if (!Array.isArray(checks)) return null;
-    const ids = /* @__PURE__ */ new Set();
-    for (const check of checks) {
-      if (check?.fitsConstraints && check?.passesRate && check?.passesPolicies) {
-        ids.add(String(check.id));
+        policies: policies2,
+        rateContext: rateContextMode === "custom_primary_rate" ? {
+          mode: "custom_primary_rate",
+          source: rateContextSource,
+          primaryRate: rateContextSource === "manual" ? parsedManualPrimaryRate ?? void 0 : void 0,
+          primaryServiceId: rateContextSource === "service" ? primaryServiceId ?? void 0 : void 0
+        } : { mode: "context" }
+      },
+      cache: compatibleCacheRef.current,
+      cacheKey,
+      shouldAbort: () => compatibleRequestRef.current !== requestId
+    }).then((checks) => {
+      if (compatibleRequestRef.current !== requestId) return;
+      const ids = /* @__PURE__ */ new Set();
+      for (const check of checks) {
+        if (check?.fitsConstraints && check?.passesRate && check?.passesPolicies) {
+          ids.add(String(check.id));
+        }
       }
-    }
-    return ids;
-  }, [canvas.api.editor, contextFilterEnabled, liveSnapshot, policies2, services2]);
+      setCompatibleIds(ids);
+    }).catch(() => {
+      if (compatibleRequestRef.current !== requestId) return;
+      setCompatibleIds(null);
+    });
+  }, [
+    candidateIds,
+    canvas.api.editor,
+    contextFilterEnabled,
+    hasValidCustomPrimary,
+    liveSnapshot.selectedTag,
+    liveSnapshot.state.selectedButtons,
+    liveSnapshot.usedServiceIds,
+    parsedManualPrimaryRate,
+    policies2,
+    policiesKey,
+    primaryServiceId,
+    rateContextMode,
+    rateContextSource
+  ]);
   const setCatalogMode = useCallback18(
     (mode) => {
       const editor = canvas.api.editor;
@@ -12276,7 +12477,7 @@ function AddServicePopover({
       service
     }));
   }, [allowedCatalogIds, compatibleIds, services2, query]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (selected && !options.some((option) => option.value === selected)) {
       setSelected("");
     }
@@ -12306,73 +12507,150 @@ function AddServicePopover({
                 children: /* @__PURE__ */ jsx52(FiFilter, {})
               }
             ) }),
-            /* @__PURE__ */ jsxs34(PopoverContent, { align: "end", sideOffset: 8, collisionPadding: 12, className: "w-80 space-y-3 rounded-xl", children: [
-              /* @__PURE__ */ jsxs34("div", { children: [
-                /* @__PURE__ */ jsx52("div", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: "Service filters" }),
-                /* @__PURE__ */ jsx52("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: "Combine catalog grouping with current context compatibility." })
-              ] }),
-              /* @__PURE__ */ jsxs34("div", { className: "space-y-2 rounded-lg border border-slate-200 p-3 dark:border-slate-800", children: [
-                /* @__PURE__ */ jsx52("div", { className: "text-xs font-semibold tracking-[0.16em] text-slate-500 uppercase dark:text-slate-400", children: "Catalog scope" }),
-                /* @__PURE__ */ jsx52(
-                  InputField5,
-                  {
-                    variant: "radio",
-                    value: catalogMode,
-                    options: [
-                      { value: "all", label: "All services", description: "Show all services" },
+            /* @__PURE__ */ jsx52(
+              PopoverContent,
+              {
+                align: "end",
+                sideOffset: 8,
+                collisionPadding: 12,
+                className: "flex h-[var(--radix-popover-content-available-height)] max-h-[var(--radix-popover-content-available-height)] w-80 flex-col overflow-hidden rounded-xl p-0",
+                children: /* @__PURE__ */ jsx52(ScrollArea, { className: "flex-1 h-full grow ", children: /* @__PURE__ */ jsxs34("div", { className: "space-y-3 p-4", children: [
+                  /* @__PURE__ */ jsxs34("div", { children: [
+                    /* @__PURE__ */ jsx52("div", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: "Service filters" }),
+                    /* @__PURE__ */ jsx52("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: "Combine catalog grouping with current context compatibility." })
+                  ] }),
+                  /* @__PURE__ */ jsxs34("div", { className: "space-y-2 rounded-lg border border-slate-200 p-3 dark:border-slate-800", children: [
+                    /* @__PURE__ */ jsx52("div", { className: "text-xs font-semibold tracking-[0.16em] text-slate-500 uppercase dark:text-slate-400", children: "Catalog scope" }),
+                    /* @__PURE__ */ jsx52(
+                      InputField5,
                       {
-                        value: "catalog",
-                        label: "Catalog group",
-                        description: "Show all services in the current catalog group"
+                        variant: "radio",
+                        value: catalogMode,
+                        options: [
+                          { value: "all", label: "All services", description: "Show all services" },
+                          {
+                            value: "catalog",
+                            label: "Catalog group",
+                            description: "Show all services in the current catalog group"
+                          }
+                        ],
+                        optGroupClassName: "gap-1",
+                        onChange: (event) => setCatalogMode(event.value)
                       }
-                    ],
-                    optGroupClassName: "gap-1",
-                    onChange: (event) => setCatalogMode(event.value)
-                  }
-                ),
-                /* @__PURE__ */ jsx52(
-                  InputField5,
-                  {
-                    variant: "treeselect",
-                    placeholder: "Select group",
-                    disabled: catalogMode !== "catalog",
-                    multiple: false,
-                    value: treeValue,
-                    triggerClassName: "px-2",
-                    options: [{ key: UNGROUPED_TREE_VALUE, label: "Ungrouped" }, ...treeOptions],
-                    searchable: true,
-                    clearable: true,
-                    onChange: (event) => {
-                      const next = event.value == null ? null : String(event.value);
-                      canvas.api.editor.setActiveCatalogNode?.(
-                        next === UNGROUPED_TREE_VALUE || next == null ? void 0 : next
-                      );
-                    },
-                    trailingIcons: [/* @__PURE__ */ jsx52(FaFolderOpen, {})]
-                  }
-                ),
-                catalogMode === "catalog" ? /* @__PURE__ */ jsxs34("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
-                  "Showing ",
-                  selectedCatalogGroup?.label ?? "Ungrouped",
-                  " services."
-                ] }) : null
-              ] }),
-              /* @__PURE__ */ jsxs34("label", { className: "flex items-start justify-between gap-3 rounded-lg border border-slate-200 p-3 text-sm text-slate-900 dark:border-slate-800 dark:text-slate-100", children: [
-                /* @__PURE__ */ jsxs34("span", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsx52("span", { className: "block font-medium", children: "Current context" }),
-                  /* @__PURE__ */ jsx52("span", { className: "mt-1 block text-xs text-slate-500 dark:text-slate-400", children: "Filter services based on the current visible-group context." })
-                ] }),
-                /* @__PURE__ */ jsx52(
-                  "input",
-                  {
-                    "aria-label": "Current context",
-                    type: "checkbox",
-                    checked: contextFilterEnabled,
-                    onChange: (event) => setContextFilterEnabled(event.target.checked)
-                  }
-                )
-              ] })
-            ] })
+                    ),
+                    /* @__PURE__ */ jsx52(
+                      InputField5,
+                      {
+                        variant: "treeselect",
+                        placeholder: "Select group",
+                        disabled: catalogMode !== "catalog",
+                        multiple: false,
+                        value: treeValue,
+                        triggerClassName: "px-2",
+                        options: [{ key: UNGROUPED_TREE_VALUE, label: "Ungrouped" }, ...treeOptions],
+                        searchable: true,
+                        clearable: true,
+                        onChange: (event) => {
+                          const next = event.value == null ? null : String(event.value);
+                          canvas.api.editor.setActiveCatalogNode?.(
+                            next === UNGROUPED_TREE_VALUE || next == null ? void 0 : next
+                          );
+                        },
+                        trailingIcons: [/* @__PURE__ */ jsx52(FaFolderOpen, {})]
+                      }
+                    ),
+                    catalogMode === "catalog" ? /* @__PURE__ */ jsxs34("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: [
+                      "Showing ",
+                      selectedCatalogGroup?.label ?? "Ungrouped",
+                      " services."
+                    ] }) : null
+                  ] }),
+                  /* @__PURE__ */ jsxs34("label", { className: "flex items-start justify-between gap-3 rounded-lg border border-slate-200 p-3 text-sm text-slate-900 dark:border-slate-800 dark:text-slate-100", children: [
+                    /* @__PURE__ */ jsxs34("span", { className: "min-w-0", children: [
+                      /* @__PURE__ */ jsx52("span", { className: "block font-medium", children: "Current context" }),
+                      /* @__PURE__ */ jsx52("span", { className: "mt-1 block text-xs text-slate-500 dark:text-slate-400", children: "Filter services based on the current visible-group context." })
+                    ] }),
+                    /* @__PURE__ */ jsx52(
+                      "input",
+                      {
+                        "aria-label": "Current context",
+                        type: "checkbox",
+                        checked: contextFilterEnabled,
+                        onChange: (event) => setContextFilterEnabled(event.target.checked)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs34("div", { className: "space-y-2 rounded-lg border border-slate-200 p-3 dark:border-slate-800", children: [
+                    /* @__PURE__ */ jsx52("div", { className: "text-xs font-semibold tracking-[0.16em] text-slate-500 uppercase dark:text-slate-400", children: "Rate compatibility" }),
+                    /* @__PURE__ */ jsx52(
+                      InputField5,
+                      {
+                        variant: "radio",
+                        value: rateContextMode,
+                        options: [
+                          {
+                            value: "context",
+                            label: "Context coherence",
+                            description: "Use active context services for rate coherence."
+                          },
+                          {
+                            value: "custom_primary_rate",
+                            label: "Custom primary rate",
+                            description: "Use selected service rate or manual rate."
+                          }
+                        ],
+                        optGroupClassName: "gap-1",
+                        onChange: (event) => setRateContextMode(event.value)
+                      }
+                    ),
+                    rateContextMode === "custom_primary_rate" ? /* @__PURE__ */ jsxs34("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ jsx52(
+                        InputField5,
+                        {
+                          variant: "radio",
+                          value: rateContextSource,
+                          options: [
+                            {
+                              value: "service",
+                              label: "From context service",
+                              description: "Use one active context service as primary."
+                            },
+                            {
+                              value: "manual",
+                              label: "Manual rate",
+                              description: "Enter a custom numeric primary rate."
+                            }
+                          ],
+                          optGroupClassName: "gap-1",
+                          onChange: (event) => setRateContextSource(event.value)
+                        }
+                      ),
+                      rateContextSource === "service" ? /* @__PURE__ */ jsx52(
+                        InputField5,
+                        {
+                          variant: "select",
+                          label: "Primary context service",
+                          options: contextServiceOptions,
+                          value: primaryServiceId ?? void 0,
+                          onChange: (event) => setPrimaryServiceId(event.value ? String(event.value) : null),
+                          placeholder: "Select service"
+                        }
+                      ) : /* @__PURE__ */ jsx52(
+                        InputField5,
+                        {
+                          variant: "number",
+                          label: "Primary rate",
+                          value: manualPrimaryRate === "" ? void 0 : Number(manualPrimaryRate),
+                          onChange: (event) => setManualPrimaryRate(String(event.value ?? "")),
+                          placeholder: "Enter rate"
+                        }
+                      ),
+                      !hasValidCustomPrimary ? /* @__PURE__ */ jsx52("p", { className: "text-xs text-amber-700 dark:text-amber-300", children: "Provide a primary service or valid primary rate to apply compatibility filtering." }) : null
+                    ] }) : null
+                  ] })
+                ] }) })
+              }
+            )
           ] })
         }
       ),
@@ -12427,11 +12705,11 @@ var add_service_default = AddService;
 import { resolveInputDescriptor, useInputs as useInputs2 } from "@timeax/digital-service-engine/react";
 import { useCanvas as useCanvas13 } from "@timeax/digital-service-engine/workspace";
 import { InputField as InputField12 } from "@timeax/form-palette";
-import { useEffect as useEffect20, useMemo as useMemo31, useState as useState30 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo31, useState as useState31 } from "react";
 
 // src/panels/right/partials/properties/components/descriptor-settings.tsx
 import { InputField as InputField6 } from "@timeax/form-palette";
-import { useMemo as useMemo26, useState as useState27 } from "react";
+import { useMemo as useMemo26, useState as useState28 } from "react";
 
 // src/panels/right/partials/properties/components/meta.ts
 function mergeNodeMeta(meta, patch) {
@@ -12728,9 +13006,9 @@ function DescriptorPrimitiveField({ schema, value, hasOverride, onSet, onClear,
 function DescriptorObjectField({ schema, value, hasOverride, onSet, onClear, path, allowClear = true }) {
   const objectValue = asRecord(value);
   const shapeEntries = useMemo26(() => Object.entries(schema.shape ?? {}), [schema.shape]);
-  const [draftKey, setDraftKey] = useState27("");
-  const [draftShape, setDraftShape] = useState27(shapeEntries[0]?.[0] ?? "");
-  const [activeShapes, setActiveShapes] = useState27({});
+  const [draftKey, setDraftKey] = useState28("");
+  const [draftShape, setDraftShape] = useState28(shapeEntries[0]?.[0] ?? "");
+  const [activeShapes, setActiveShapes] = useState28({});
   const orderedEntries = useMemo26(() => getOrderedObjectEntries(schema), [schema]);
   const dynamicKeys = Object.keys(objectValue).filter((key) => !hasOwn(schema.fields, key));
   const commitObject = (nextObject) => {
@@ -12888,8 +13166,8 @@ function DescriptorObjectField({ schema, value, hasOverride, onSet, onClear, pat
 function DescriptorArrayField({ schema, value, hasOverride, onSet, onClear, path, allowClear = true }) {
   const arrayValue = asArray(value);
   const shapeEntries = useMemo26(() => Object.entries(schema.shape ?? {}), [schema.shape]);
-  const [draftShape, setDraftShape] = useState27(shapeEntries[0]?.[0] ?? "");
-  const [activeShapes, setActiveShapes] = useState27({});
+  const [draftShape, setDraftShape] = useState28(shapeEntries[0]?.[0] ?? "");
+  const [activeShapes, setActiveShapes] = useState28({});
   const commitArray = (nextArray) => {
     if (!nextArray.length) {
       onClear(path);
@@ -13942,15 +14220,15 @@ function ValidationSection({ node }) {
 import "@timeax/digital-service-engine/core";
 import { useCanvas as useCanvas12 } from "@timeax/digital-service-engine/workspace";
 import { keyBy } from "lodash";
-import { useMemo as useMemo30, useState as useState29 } from "react";
+import { useMemo as useMemo30, useState as useState30 } from "react";
 
 // src/panels/right/partials/properties/components/AddIncludesPopover.tsx
 import { InputField as InputField11 } from "@timeax/form-palette";
-import { useState as useState28 } from "react";
+import { useState as useState29 } from "react";
 import { BsPlus as BsPlus5 } from "react-icons/bs";
 import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
 function AddIncludesPopover({ open, onOpenChange, onSelect, options }) {
-  const [value, setValue] = useState28();
+  const [value, setValue] = useState29();
   return /* @__PURE__ */ jsxs40(Popover, { open, onOpenChange, children: [
     /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(SectionActionTriggerButton, { icon: /* @__PURE__ */ jsx58(BsPlus5, {}), children: "Add" }) }),
     /* @__PURE__ */ jsx58(PopoverContent, { children: /* @__PURE__ */ jsxs40("div", { className: "flex flex-col gap-2", children: [
@@ -13987,7 +14265,7 @@ function AddIncludesPopover({ open, onOpenChange, onSelect, options }) {
 import { jsx as jsx59, jsxs as jsxs41 } from "react/jsx-runtime";
 function IncExcludeSection({ node, mode, capability }) {
   const canvas = useCanvas12();
-  const [open, setOpen] = useState29(false);
+  const [open, setOpen] = useState30(false);
   const canEdit = capability?.canEdit ?? true;
   const helperMessage = capability?.message;
   const fields = useMemo30(() => keyBy(canvas.props.fields, "id"), [canvas.props]);
@@ -14092,19 +14370,19 @@ function FieldProperties({ className, node, kinds, defaultKind }) {
   const nameValue = node.raw.name ?? "";
   const placeholderValue = defaults.placeholder ?? "";
   const helpTextValue = defaults.helpText ?? "";
-  const [nameDraft, setNameDraft] = useState30(nameValue);
-  const [placeholderDraft, setPlaceholderDraft] = useState30(placeholderValue);
-  const [helpTextDraft, setHelpTextDraft] = useState30(helpTextValue);
+  const [nameDraft, setNameDraft] = useState31(nameValue);
+  const [placeholderDraft, setPlaceholderDraft] = useState31(placeholderValue);
+  const [helpTextDraft, setHelpTextDraft] = useState31(helpTextValue);
   const descriptor = useMemo31(() => resolveInputDescriptor(registry, currentType, currentVariant), [currentType, currentVariant, registry]);
   const descriptorUi = descriptor?.ui ?? {};
   const descriptorKeySet = useMemo31(() => new Set(getDescriptorUiKeys(descriptorUi)), [descriptorUi]);
-  useEffect20(() => {
+  useEffect21(() => {
     setNameDraft(nameValue);
   }, [node.id, nameValue]);
-  useEffect20(() => {
+  useEffect21(() => {
     setPlaceholderDraft(placeholderValue);
   }, [node.id, placeholderValue]);
-  useEffect20(() => {
+  useEffect21(() => {
     setHelpTextDraft(helpTextValue);
   }, [node.id, helpTextValue]);
   const fieldTypeOptions = useMemo31(() => {
@@ -14442,7 +14720,7 @@ import "@timeax/digital-service-engine/core";
 import { useCanvas as useCanvas15 } from "@timeax/digital-service-engine/workspace";
 import { InputField as InputField15 } from "@timeax/form-palette";
 import { ArrowUpRight } from "lucide-react";
-import { useMemo as useMemo32, useState as useState31 } from "react";
+import { useMemo as useMemo32, useState as useState32 } from "react";
 import { TiDelete } from "react-icons/ti";
 
 // src/panels/right/partials/properties/tag/AddConstraintsPopover.tsx
@@ -14568,7 +14846,7 @@ import { Fragment as Fragment11, jsx as jsx65, jsxs as jsxs47 } from "react/jsx-
 function TagConstraintsSection({ node }) {
   const constraints = Object.keys(node.raw.constraints ?? {});
   const canvas = useCanvas15();
-  const [open, setOpen] = useState31(false);
+  const [open, setOpen] = useState32(false);
   const allConstraints = useMemo32(() => canvas.api.getConstraints() ?? [], [canvas.props]);
   return /* @__PURE__ */ jsx65(Fragment11, { children: /* @__PURE__ */ jsxs47(Section, { children: [
     /* @__PURE__ */ jsxs47(Section.Header, { children: [
@@ -14687,7 +14965,7 @@ function TagProperties({ node, kinds, defaultKind }) {
 // src/panels/right/tabs/properties.tsx
 import { useCanvas as useCanvas16, useWorkspace as useWorkspace12 } from "@timeax/digital-service-engine/workspace";
 import { InputField as InputField16 } from "@timeax/form-palette";
-import { useMemo as useMemo33, useState as useState32 } from "react";
+import { useMemo as useMemo33, useState as useState33 } from "react";
 import { AiOutlineLoading3Quarters } from "react-icons/ai";
 import { MdOutlineContentCopy } from "react-icons/md";
 import { jsx as jsx69, jsxs as jsxs49 } from "react/jsx-runtime";
@@ -14703,7 +14981,7 @@ var Properties = ({ kinds = [], defaultKind = "" }) => {
     if (!canvas.activeId) return { kind: "none" };
     return canvas.selector.getNode(canvas.activeId);
   }, [canvas.activeId, canvas.props, canvas.selection]);
-  const [copying, setCopying] = useState32(false);
+  const [copying, setCopying] = useState33(false);
   const Kind = propertyComponents[node.kind];
   if (!Kind) {
     return /* @__PURE__ */ jsx69("div", { className: "p-4", children: /* @__PURE__ */ jsx69(EmptyState, { title: "No active node selected", description: "Pick a tag, field, or option from the layers panel or canvas to inspect its core settings." }) });
@@ -14918,7 +15196,7 @@ var wireframe_tags_widget_default = WireframeTagsWidget;
 // src/panels/right/tabs/wireframe.tsx
 import { useOrderFlow, Wrapper } from "@timeax/digital-service-engine/react";
 import { useCanvas as useCanvas17, useWorkspace as useWorkspace13 } from "@timeax/digital-service-engine/workspace";
-import { useCallback as useCallback19, useMemo as useMemo34, useState as useState33 } from "react";
+import { useCallback as useCallback19, useMemo as useMemo34, useState as useState34 } from "react";
 import { BsChevronDown as BsChevronDown2 } from "react-icons/bs";
 import { jsx as jsx71, jsxs as jsxs51 } from "react/jsx-runtime";
 var CHECKBOX_SINGLE_EXTRA_PROPS = Object.freeze({ single: true });
@@ -14946,7 +15224,7 @@ function Wireframe({ kinds: _kinds = [], defaultKind: _defaultKind = "" }) {
       return void 0;
     }
   }, [flow.ready, flow.activeTagId, flow.optionSelectionsByFieldId, flow.formValuesByFieldId]);
-  const [isFooterOpen, setIsFooterOpen] = useState33(true);
+  const [isFooterOpen, setIsFooterOpen] = useState34(true);
   const footerSummary = useMemo34(() => {
     const minText = formatMetricNumber(flow.min);
     const maxText = formatMetricNumber(flow.max);
@@ -15575,13 +15853,13 @@ function FallbackEditorHeader({
 // src/workspace/fallback-editor/fallback-registrations-panel.tsx
 import { useActiveFallbackRegistrations as useActiveFallbackRegistrations3, useEligibleServiceList as useEligibleServiceList2, useFallbackEditor as useFallbackEditor3 } from "@timeax/digital-service-engine/react";
 import { Plus, Trash2, X as X2 } from "lucide-react";
-import { useCallback as useCallback20, useState as useState35 } from "react";
+import { useCallback as useCallback20, useState as useState36 } from "react";
 
 // src/workspace/fallback-editor/fallback-dialogs.tsx
 import { InputField as InputField17 } from "@timeax/form-palette";
 import { useActiveFallbackRegistrations as useActiveFallbackRegistrations2, useEligibleServiceList, useFallbackEditor as useFallbackEditor2 } from "@timeax/digital-service-engine/react";
 import { Check, Search } from "lucide-react";
-import { useEffect as useEffect21, useMemo as useMemo36, useState as useState34 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo36, useState as useState35 } from "react";
 import { jsx as jsx77, jsxs as jsxs56 } from "react/jsx-runtime";
 function FallbackAddRegistrationDialog({
   open,
@@ -15590,14 +15868,14 @@ function FallbackAddRegistrationDialog({
 }) {
   const { activeServiceId, serviceProps, snapshot } = useFallbackEditor2();
   const registrations = useActiveFallbackRegistrations2();
-  const [scope, setScope] = useState34("global");
-  const [nodeId, setNodeId] = useState34("");
+  const [scope, setScope] = useState35("global");
+  const [nodeId, setNodeId] = useState35("");
   const mode = useMemo36(() => {
     if (snapshot) return "snapshot";
     if (serviceProps) return "props";
     return "none";
   }, [snapshot, serviceProps]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (open) {
       setScope("global");
       setNodeId("");
@@ -15655,12 +15933,12 @@ function FallbackAddRegistrationDialog({
     }
     return [];
   }, [activeServiceId, mode, serviceProps, snapshot]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (hasGlobal && scope === "global") {
       setScope("node");
     }
   }, [hasGlobal, scope]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!nodeId) return;
     if (nodeTargets.some((entry) => entry.id === nodeId)) return;
     setNodeId("");
@@ -15750,11 +16028,11 @@ function FallbackAddCandidatesDialog({
 }) {
   const { eligible, addMany } = useFallbackEditor2();
   const eligibleServices = useEligibleServiceList();
-  const [query, setQuery] = useState34("");
-  const [filterEligibleOnly, setFilterEligibleOnly] = useState34(true);
-  const [selected, setSelected] = useState34(/* @__PURE__ */ new Set());
-  const [submitting, setSubmitting] = useState34(false);
-  useEffect21(() => {
+  const [query, setQuery] = useState35("");
+  const [filterEligibleOnly, setFilterEligibleOnly] = useState35(true);
+  const [selected, setSelected] = useState35(/* @__PURE__ */ new Set());
+  const [submitting, setSubmitting] = useState35(false);
+  useEffect22(() => {
     if (!open) {
       setQuery("");
       setFilterEligibleOnly(true);
@@ -15861,7 +16139,7 @@ function VirtualServiceList({
   rowHeight = 72,
   emptyText = "No services found."
 }) {
-  const [scrollTop, setScrollTop] = useState34(0);
+  const [scrollTop, setScrollTop] = useState35(0);
   const total = items.length;
   const visibleCount = Math.ceil(height / rowHeight);
   const overscan = 6;
@@ -15985,10 +16263,10 @@ function FallbackRegistrationsPanel() {
   const { activeServiceId, remove, clear, check } = useFallbackEditor3();
   const registrations = useActiveFallbackRegistrations3();
   const eligibleServices = useEligibleServiceList2();
-  const [candidatePickerOpen, setCandidatePickerOpen] = useState35(false);
-  const [candidateContext, setCandidateContext] = useState35(null);
-  const [candidatePrimaryId, setCandidatePrimaryId] = useState35(void 0);
-  const [registrationDialogOpen, setRegistrationDialogOpen] = useState35(false);
+  const [candidatePickerOpen, setCandidatePickerOpen] = useState36(false);
+  const [candidateContext, setCandidateContext] = useState36(null);
+  const [candidatePrimaryId, setCandidatePrimaryId] = useState36(void 0);
+  const [registrationDialogOpen, setRegistrationDialogOpen] = useState36(false);
   const openCandidatePicker = useCallback20((context, primaryId) => {
     setCandidateContext(context);
     setCandidatePrimaryId(primaryId);
@@ -16117,12 +16395,12 @@ function FallbackRegistrationsPanel() {
 import { useFallbackEditor as useFallbackEditor4, usePrimaryServiceList as usePrimaryServiceList2 } from "@timeax/digital-service-engine/react";
 import { InputField as InputField18 } from "@timeax/form-palette";
 import { Search as Search2 } from "lucide-react";
-import { useMemo as useMemo37, useState as useState36 } from "react";
+import { useMemo as useMemo37, useState as useState37 } from "react";
 import { jsx as jsx79, jsxs as jsxs58 } from "react/jsx-runtime";
 function FallbackServiceSidebar() {
   const { activeServiceId, setActiveServiceId, get } = useFallbackEditor4();
   const services2 = usePrimaryServiceList2();
-  const [query, setQuery] = useState36("");
+  const [query, setQuery] = useState37("");
   const filtered = useMemo37(() => {
     const normalizedQuery = query.trim().toLowerCase();
     if (!normalizedQuery) return services2;
@@ -16182,14 +16460,14 @@ function FallbackServiceSidebar() {
 // src/workspace/fallback-editor/fallback-settings-panel.tsx
 import { useFallbackEditor as useFallbackEditor5 } from "@timeax/digital-service-engine/react";
 import { InputField as InputField19 } from "@timeax/form-palette";
-import { useEffect as useEffect22, useState as useState37 } from "react";
+import { useEffect as useEffect23, useState as useState38 } from "react";
 import { jsx as jsx80, jsxs as jsxs59 } from "react/jsx-runtime";
 function FallbackSettingsPanel() {
   const { settings, saveSettings, settingsSaving } = useFallbackEditor5();
-  const [draft, setDraft] = useState37(settings);
-  const [error, setError] = useState37(null);
-  const [saved, setSaved] = useState37(false);
-  useEffect22(() => {
+  const [draft, setDraft] = useState38(settings);
+  const [error, setError] = useState38(null);
+  const [saved, setSaved] = useState38(false);
+  useEffect23(() => {
     setDraft(settings);
     setSaved(false);
     setError(null);
@@ -16440,7 +16718,7 @@ function NativeFallbackEditorInner({ className }) {
 // src/workspace/fallback-editor-modal.tsx
 import { useCanvas as useCanvas19, useWorkspace as useWorkspace14 } from "@timeax/digital-service-engine/workspace";
 import cloneDeep4 from "lodash/cloneDeep";
-import { createContext as createContext4, useCallback as useCallback21, useContext as useContext4, useEffect as useEffect23, useMemo as useMemo39, useState as useState38 } from "react";
+import { createContext as createContext4, useCallback as useCallback21, useContext as useContext4, useEffect as useEffect24, useMemo as useMemo39, useState as useState39 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { FiX as FiX4 } from "react-icons/fi";
 import { jsx as jsx82, jsxs as jsxs61 } from "react/jsx-runtime";
@@ -16456,9 +16734,9 @@ var FallbackEditorModalContext = createContext4(defaultContextValue2);
 function FallbackEditorModalProvider({ children }) {
   const canvas = useCanvas19();
   const ws = useWorkspace14();
-  const [launch, setLaunch] = useState38(null);
-  const [sessionId, setSessionId] = useState38(0);
-  const [surfaceError, setSurfaceError] = useState38(null);
+  const [launch, setLaunch] = useState39(null);
+  const [sessionId, setSessionId] = useState39(0);
+  const [surfaceError, setSurfaceError] = useState39(null);
   const close = useCallback21(() => {
     setLaunch(null);
     setSurfaceError(null);
@@ -16549,7 +16827,7 @@ function FallbackEditorModalProvider({ children }) {
     () => canvas.props?.fallbackSettings ?? {},
     [canvas.props]
   );
-  useEffect23(() => {
+  useEffect24(() => {
     if (!launch) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") close();
@@ -16621,7 +16899,7 @@ function useFallbackEditorModal() {
 
 // src/workspace/bottom-panel/index.tsx
 import { useCanvas as useCanvas22, useWorkspace as useWorkspace15 } from "@timeax/digital-service-engine/workspace";
-import { useCallback as useCallback22, useEffect as useEffect26, useMemo as useMemo41, useRef as useRef13, useState as useState41 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect27, useMemo as useMemo41, useRef as useRef14, useState as useState42 } from "react";
 import { FiEye as FiEye3, FiEyeOff as FiEyeOff2, FiSearch, FiTerminal as FiTerminal2, FiX as FiX6 } from "react-icons/fi";
 import { LuGripHorizontal, LuLayers3 } from "react-icons/lu";
 import { MdOutlineSync } from "react-icons/md";
@@ -17076,7 +17354,7 @@ function LogCard({ row, onRemove }) {
 
 // src/workspace/bottom-panel/service-picker-dialog.tsx
 import { InputField as InputField20 } from "@timeax/form-palette";
-import { useEffect as useEffect24, useMemo as useMemo40, useRef as useRef12, useState as useState39 } from "react";
+import { useEffect as useEffect25, useMemo as useMemo40, useRef as useRef13, useState as useState40 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
 
 // src/workspace/bottom-panel/service-picker.ts
@@ -17205,15 +17483,15 @@ function ServicePickerDialog({
   onOpenChange,
   onConfirm
 }) {
-  const [filters, setFilters] = useState39(() => createDefaultServicePickerFilters());
-  const [selectedIds, setSelectedIds] = useState39(/* @__PURE__ */ new Set());
-  const selectAllRef = useRef12(null);
-  useEffect24(() => {
+  const [filters, setFilters] = useState40(() => createDefaultServicePickerFilters());
+  const [selectedIds, setSelectedIds] = useState40(/* @__PURE__ */ new Set());
+  const selectAllRef = useRef13(null);
+  useEffect25(() => {
     if (!open) return;
     setFilters(createDefaultServicePickerFilters());
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [open]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!open) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") onOpenChange(false);
@@ -17246,7 +17524,7 @@ function ServicePickerDialog({
   const partiallyFilteredSelected = filteredSelectedCount > 0 && filteredSelectedCount < filteredServiceIds.length;
   const selectedCount = selectedIds.size;
   const canConfirm = selectedCount > 0;
-  useEffect24(() => {
+  useEffect25(() => {
     if (!selectAllRef.current) return;
     selectAllRef.current.indeterminate = partiallyFilteredSelected;
   }, [partiallyFilteredSelected]);
@@ -17560,7 +17838,7 @@ function toPickerSelectOptions(values) {
 
 // src/workspace/bottom-panel/services-split-pane.tsx
 import { InputField as InputField21 } from "@timeax/form-palette";
-import { useEffect as useEffect25, useState as useState40 } from "react";
+import { useEffect as useEffect26, useState as useState41 } from "react";
 import { FaFolderOpen as FaFolderOpen2 } from "react-icons/fa";
 import { FiEdit2, FiFilter as FiFilter2, FiFolderPlus, FiPlus as FiPlus2, FiTrash2 as FiTrash22 } from "react-icons/fi";
 
@@ -17721,7 +17999,7 @@ var UNGROUPED_TREE_VALUE2 = "__catalog_ungrouped__";
 function ServicesSplitPane(props) {
   const emptyTitle = props.mode === "active" ? "No active services yet" : "No services match this view";
   const emptyDescription = props.mode === "active" ? "Connect a service to a tag, field, or option and it will appear here with its bindings." : props.mode === "catalog" ? "Select a catalog group or create one to organize source services for faster assignment." : "Try changing the search or toggles to bring more services into view.";
-  const [size, setSize] = useState40(44);
+  const [size, setSize] = useState41(44);
   return /* @__PURE__ */ jsx87("div", { className: "min-h-90 p-4", children: /* @__PURE__ */ jsxs65(ResizablePanelGroup, { direction: "horizontal", className: "min-h-90", children: [
     /* @__PURE__ */ jsx87(ResizablePanel, { onResize: (s) => setSize(s.inPixels), defaultSize: 44, minSize: 30, children: /* @__PURE__ */ jsxs65("section", { className: "flex h-full min-h-0 flex-col overflow-hidden", style: { "--resizable-width": size + "px" }, children: [
       /* @__PURE__ */ jsxs65("div", { className: "space-y-3 border-b border-slate-100 pr-4 dark:border-slate-800", children: [
@@ -17855,6 +18133,16 @@ function CatalogContextPopover({
   onOpenChange,
   compatibleOnly,
   onCompatibleOnlyChange,
+  rateContextMode,
+  onRateContextModeChange,
+  rateContextSource,
+  onRateContextSourceChange,
+  manualPrimaryRate,
+  onManualPrimaryRateChange,
+  primaryServiceId,
+  onPrimaryServiceIdChange,
+  contextServiceOptions,
+  customRateError,
   contextLinked,
   onContextLinkedChange,
   draftContext,
@@ -17895,6 +18183,66 @@ function CatalogContextPopover({
               ] }),
               /* @__PURE__ */ jsx87("input", { type: "checkbox", checked: compatibleOnly, onChange: (event) => onCompatibleOnlyChange(event.target.checked) })
             ] }),
+            /* @__PURE__ */ jsxs65("div", { className: "space-y-2 rounded-2xl border border-slate-200 bg-slate-50/70 p-3 dark:border-slate-800 dark:bg-slate-900/40", children: [
+              /* @__PURE__ */ jsx87("div", { className: "text-xs font-semibold tracking-[0.16em] text-slate-500 uppercase dark:text-slate-400", children: "Rate compatibility mode" }),
+              /* @__PURE__ */ jsx87(
+                InputField21,
+                {
+                  variant: "radio",
+                  value: rateContextMode,
+                  options: [
+                    {
+                      value: "context",
+                      label: "Context coherence",
+                      description: "Use current context services for rate coherence."
+                    },
+                    {
+                      value: "custom_primary_rate",
+                      label: "Custom primary rate",
+                      description: "Use a chosen service or manual rate as primary."
+                    }
+                  ],
+                  optGroupClassName: "gap-1",
+                  onChange: (event) => onRateContextModeChange(event.value)
+                }
+              ),
+              rateContextMode === "custom_primary_rate" ? /* @__PURE__ */ jsxs65("div", { className: "space-y-2 rounded-xl border border-slate-200 bg-white p-2 dark:border-slate-700 dark:bg-slate-950/40", children: [
+                /* @__PURE__ */ jsx87(
+                  InputField21,
+                  {
+                    variant: "radio",
+                    value: rateContextSource,
+                    options: [
+                      { value: "service", label: "From context service", description: "Use an active context service rate." },
+                      { value: "manual", label: "Manual rate", description: "Provide a numeric primary rate." }
+                    ],
+                    optGroupClassName: "gap-1",
+                    onChange: (event) => onRateContextSourceChange(event.value)
+                  }
+                ),
+                rateContextSource === "service" ? /* @__PURE__ */ jsx87(
+                  InputField21,
+                  {
+                    variant: "select",
+                    label: "Primary context service",
+                    options: contextServiceOptions,
+                    value: primaryServiceId ?? void 0,
+                    onChange: (event) => onPrimaryServiceIdChange(event.value ? String(event.value) : null),
+                    placeholder: "Select service"
+                  }
+                ) : /* @__PURE__ */ jsx87(
+                  InputField21,
+                  {
+                    variant: "number",
+                    label: "Primary rate",
+                    value: manualPrimaryRate === "" ? void 0 : Number(manualPrimaryRate),
+                    onChange: (event) => onManualPrimaryRateChange(String(event.value ?? "")),
+                    placeholder: "Enter rate"
+                  }
+                ),
+                customRateError ? /* @__PURE__ */ jsx87("p", { className: "text-xs text-amber-700 dark:text-amber-300", children: customRateError }) : null
+              ] }) : null
+            ] }),
             /* @__PURE__ */ jsxs65("label", { className: "flex items-start justify-between gap-3 text-sm text-slate-900 dark:text-slate-100", children: [
               /* @__PURE__ */ jsxs65("span", { className: "min-w-0", children: [
                 /* @__PURE__ */ jsx87("span", { className: "block font-medium", children: "Link to current context" }),
@@ -18103,9 +18451,9 @@ function GroupInputPopoverButton({
   disabled = false,
   onSubmit
 }) {
-  const [open, setOpen] = useState40(false);
-  const [value, setValue] = useState40(initialValue);
-  useEffect25(() => {
+  const [open, setOpen] = useState41(false);
+  const [value, setValue] = useState41(initialValue);
+  useEffect26(() => {
     if (open) setValue(initialValue);
   }, [initialValue, open]);
   return /* @__PURE__ */ jsxs65(Popover, { open, onOpenChange: setOpen, children: [
@@ -18170,7 +18518,7 @@ function ConfirmPopoverButton({
   disabled = false,
   onConfirm
 }) {
-  const [open, setOpen] = useState40(false);
+  const [open, setOpen] = useState41(false);
   return /* @__PURE__ */ jsxs65(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx87(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx87(
       "button",
@@ -18261,36 +18609,44 @@ function BottomConsolePanel({ controller, errors, activeServices, allServices, o
   const policies2 = ws.policies.policies.data ?? [];
   const currentTagId = canvas.api.selection.currentTag?.();
   const preferredTagId = currentTagId != null ? String(currentTagId) : canvas.layers.tags[0]?.id != null ? String(canvas.layers.tags[0]?.id) : null;
-  const [activeSearch, setActiveSearch] = useState41("");
-  const [allSearch, setAllSearch] = useState41("");
-  const [compatibleOnly, setCompatibleOnly] = useState41(false);
-  const [hideActiveServices, setHideActiveServices] = useState41(false);
-  const [hideNonEligibleServices, setHideNonEligibleServices] = useState41(false);
-  const [filterOpen, setFilterOpen] = useState41(false);
-  const [searchOpen, setSearchOpen] = useState41(false);
-  const [contextLinked, setContextLinked] = useState41(false);
-  const [servicePickerOpen, setServicePickerOpen] = useState41(false);
-  const [selectedActiveServiceId, setSelectedActiveServiceId] = useState41(null);
-  const [selectedAllServiceId, setSelectedAllServiceId] = useState41(null);
-  const [catalogContextDraft, setCatalogContextDraft] = useState41(
+  const [activeSearch, setActiveSearch] = useState42("");
+  const [allSearch, setAllSearch] = useState42("");
+  const [compatibleOnly, setCompatibleOnly] = useState42(false);
+  const [rateContextMode, setRateContextMode] = useState42("context");
+  const [rateContextSource, setRateContextSource] = useState42("service");
+  const [manualPrimaryRate, setManualPrimaryRate] = useState42("");
+  const [primaryServiceId, setPrimaryServiceId] = useState42(null);
+  const [hideActiveServices, setHideActiveServices] = useState42(false);
+  const [hideNonEligibleServices, setHideNonEligibleServices] = useState42(false);
+  const [filterOpen, setFilterOpen] = useState42(false);
+  const [searchOpen, setSearchOpen] = useState42(false);
+  const [contextLinked, setContextLinked] = useState42(false);
+  const [servicePickerOpen, setServicePickerOpen] = useState42(false);
+  const [selectedActiveServiceId, setSelectedActiveServiceId] = useState42(null);
+  const [selectedAllServiceId, setSelectedAllServiceId] = useState42(null);
+  const [catalogContextDraft, setCatalogContextDraft] = useState42(
     () => createDefaultServiceContext(canvas.props, preferredTagId)
   );
-  const [catalogState, setCatalogState] = useState41(null);
-  const [panelPosition, setPanelPosition] = useState41(() => readStoredPanelPosition());
-  const [draggingPanel, setDraggingPanel] = useState41(false);
-  const [consoleSubTab, setConsoleSubTab] = useState41("validation");
-  const [consoleScopeFilter, setConsoleScopeFilter] = useState41("all");
-  const [consoleSeverityFilter, setConsoleSeverityFilter] = useState41("all");
-  const [consoleIntroState, setConsoleIntroState] = useState41({
+  const catalogState = useServiceCatalogState(canvas.api, canvas.api.editor);
+  const [panelPosition, setPanelPosition] = useState42(() => readStoredPanelPosition());
+  const [draggingPanel, setDraggingPanel] = useState42(false);
+  const [consoleSubTab, setConsoleSubTab] = useState42("validation");
+  const [consoleScopeFilter, setConsoleScopeFilter] = useState42("all");
+  const [consoleSeverityFilter, setConsoleSeverityFilter] = useState42("all");
+  const [consoleIntroState, setConsoleIntroState] = useState42({
     validation: { minimized: false, closed: false },
     logs: { minimized: false, closed: false },
     notices: { minimized: false, closed: false }
   });
-  const lastHighlightedIdsRef = useRef13([]);
-  const panelContainerRef = useRef13(null);
-  const panelRef = useRef13(null);
-  const searchInputRef = useRef13(null);
-  const dragStartRef = useRef13(null);
+  const lastHighlightedIdsRef = useRef14([]);
+  const panelContainerRef = useRef14(null);
+  const panelRef = useRef14(null);
+  const searchInputRef = useRef14(null);
+  const dragStartRef = useRef14(null);
+  const appliedSnapshotRequestRef = useRef14(0);
+  const draftSnapshotRequestRef = useRef14(0);
+  const allChecksByIdRequestRef = useRef14(0);
+  const allChecksCacheRef = useRef14(/* @__PURE__ */ new Map());
   const selectedButtons = useMemo41(
     () => (canvas.api.selection.selectedButtons?.() ?? []).map((value) => String(value)),
     [canvas.api.selection, canvas.selectionInfo.ids, canvas.selectionInfo.optionIds]
@@ -18305,26 +18661,119 @@ function BottomConsolePanel({ controller, errors, activeServices, allServices, o
     [preferredTagId, selectedButtons]
   );
   const effectiveCatalogContext = contextLinked ? liveSelectionContext : catalogContextDraft;
-  const appliedSnapshot = useMemo41(
-    () => buildServiceContextSnapshot({ props: canvas.props, services: servicesMap, state: effectiveCatalogContext }),
-    [canvas.props, effectiveCatalogContext, servicesMap]
-  );
-  const draftSnapshot = useMemo41(
-    () => buildServiceContextSnapshot({ props: canvas.props, services: servicesMap, state: catalogContextDraft }),
-    [canvas.props, catalogContextDraft, servicesMap]
+  const [appliedSnapshot, setAppliedSnapshot] = useState42(() => createEmptyServiceContextSnapshot(effectiveCatalogContext, canvas.props));
+  const [draftSnapshot, setDraftSnapshot] = useState42(() => createEmptyServiceContextSnapshot(catalogContextDraft, canvas.props));
+  useEffect27(() => {
+    const requestId = ++appliedSnapshotRequestRef.current;
+    const fallback = createEmptyServiceContextSnapshot(effectiveCatalogContext, canvas.props);
+    setAppliedSnapshot(fallback);
+    buildServiceContextSnapshot({ props: canvas.props, services: servicesMap, state: effectiveCatalogContext }).then((snapshot) => {
+      if (appliedSnapshotRequestRef.current !== requestId) return;
+      setAppliedSnapshot(snapshot);
+    }).catch(() => {
+      if (appliedSnapshotRequestRef.current !== requestId) return;
+      setAppliedSnapshot(fallback);
+    });
+  }, [canvas.props, effectiveCatalogContext, servicesMap]);
+  useEffect27(() => {
+    const requestId = ++draftSnapshotRequestRef.current;
+    const fallback = createEmptyServiceContextSnapshot(catalogContextDraft, canvas.props);
+    setDraftSnapshot(fallback);
+    buildServiceContextSnapshot({ props: canvas.props, services: servicesMap, state: catalogContextDraft }).then((snapshot) => {
+      if (draftSnapshotRequestRef.current !== requestId) return;
+      setDraftSnapshot(snapshot);
+    }).catch(() => {
+      if (draftSnapshotRequestRef.current !== requestId) return;
+      setDraftSnapshot(fallback);
+    });
+  }, [canvas.props, catalogContextDraft, servicesMap]);
+  const [allChecksById, setAllChecksById] = useState42(/* @__PURE__ */ new Map());
+  const allCandidateIds = useMemo41(() => Object.values(servicesMap).map((service) => service.id), [servicesMap]);
+  const policiesKey = useMemo41(() => JSON.stringify(policies2 ?? []), [policies2]);
+  const contextServiceOptions = useMemo41(
+    () => appliedSnapshot.usedServiceIds.map((id) => {
+      const service = servicesMap[id];
+      if (!service) return null;
+      return {
+        value: String(service.id),
+        label: `${service.name ?? `Service ${service.id}`}${service.rate != null ? ` (Rate ${service.rate})` : ""}`
+      };
+    }).filter(Boolean),
+    [appliedSnapshot.usedServiceIds, servicesMap]
   );
-  const allChecksById = useMemo41(() => {
-    if (!appliedSnapshot.selectedTag) return /* @__PURE__ */ new Map();
-    const candidateIds = Object.values(servicesMap).map((service) => service.id);
-    const checks = canvas.api.editor.filterServicesForVisibleGroup(candidateIds, {
+  const parsedManualPrimaryRate = useMemo41(() => {
+    const value = Number(manualPrimaryRate.trim());
+    return Number.isFinite(value) ? value : null;
+  }, [manualPrimaryRate]);
+  const hasValidCustomPrimary = useMemo41(() => {
+    if (rateContextMode !== "custom_primary_rate") return true;
+    if (rateContextSource === "manual") return parsedManualPrimaryRate != null;
+    return Boolean(primaryServiceId);
+  }, [parsedManualPrimaryRate, primaryServiceId, rateContextMode, rateContextSource]);
+  useEffect27(() => {
+    if (primaryServiceId && contextServiceOptions.some((option) => option.value === primaryServiceId)) return;
+    setPrimaryServiceId(contextServiceOptions[0]?.value ?? null);
+  }, [contextServiceOptions, primaryServiceId]);
+  useEffect27(() => {
+    const requestId = ++allChecksByIdRequestRef.current;
+    if (!appliedSnapshot.selectedTag) {
+      setAllChecksById(/* @__PURE__ */ new Map());
+      return;
+    }
+    if (!hasValidCustomPrimary) {
+      setAllChecksById(/* @__PURE__ */ new Map());
+      return;
+    }
+    const cacheKey = createCompatibilityCacheKey({
       tagId: appliedSnapshot.selectedTag.id,
       selectedButtons: appliedSnapshot.state.selectedButtons,
       usedServiceIds: appliedSnapshot.usedServiceIds,
-      effectiveConstraints: appliedSnapshot.selectedTag.constraints,
-      policies: policies2
+      policiesKey,
+      rateContextMode,
+      rateContextSource,
+      primaryRate: rateContextSource === "manual" ? parsedManualPrimaryRate : null,
+      primaryServiceId: rateContextSource === "service" ? primaryServiceId : null
+    });
+    runCompatibilityChecksIncremental({
+      editor: canvas.api.editor,
+      candidateIds: allCandidateIds,
+      args: {
+        tagId: appliedSnapshot.selectedTag.id,
+        selectedButtons: appliedSnapshot.state.selectedButtons,
+        usedServiceIds: appliedSnapshot.usedServiceIds,
+        effectiveConstraints: appliedSnapshot.selectedTag.constraints,
+        policies: policies2,
+        rateContext: rateContextMode === "custom_primary_rate" ? {
+          mode: "custom_primary_rate",
+          source: rateContextSource,
+          primaryRate: rateContextSource === "manual" ? parsedManualPrimaryRate ?? void 0 : void 0,
+          primaryServiceId: rateContextSource === "service" ? primaryServiceId ?? void 0 : void 0
+        } : { mode: "context" }
+      },
+      cache: allChecksCacheRef.current,
+      cacheKey,
+      shouldAbort: () => allChecksByIdRequestRef.current !== requestId
+    }).then((checks) => {
+      if (allChecksByIdRequestRef.current !== requestId) return;
+      setAllChecksById(new Map(checks.map((check) => [String(check.id), check])));
+    }).catch(() => {
+      if (allChecksByIdRequestRef.current !== requestId) return;
+      setAllChecksById(/* @__PURE__ */ new Map());
     });
-    return new Map(checks.map((check) => [String(check.id), check]));
-  }, [appliedSnapshot, canvas.api.editor, policies2, servicesMap]);
+  }, [
+    allCandidateIds,
+    appliedSnapshot.selectedTag,
+    appliedSnapshot.state.selectedButtons,
+    appliedSnapshot.usedServiceIds,
+    canvas.api.editor,
+    hasValidCustomPrimary,
+    parsedManualPrimaryRate,
+    policies2,
+    policiesKey,
+    primaryServiceId,
+    rateContextMode,
+    rateContextSource
+  ]);
   const hiddenServiceIds = useMemo41(() => {
     const ids = new Set(activeServices.map((service) => String(service.id)));
     for (const id of appliedSnapshot.usedServiceIds) ids.add(String(id));
@@ -18356,41 +18805,24 @@ function BottomConsolePanel({ controller, errors, activeServices, allServices, o
       servicesMap
     ]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     const next = createDefaultServiceContext(canvas.props, preferredTagId);
     setCatalogContextDraft((current) => {
       if (contextLinked) return current;
       return current.selectedTagId ? current : next;
     });
   }, [canvas.props, contextLinked, preferredTagId]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!contextLinked) return;
     setCatalogContextDraft(liveSelectionContext);
   }, [contextLinked, liveSelectionContext]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (contextLinked) return;
     const next = sanitizeServiceContext(draftSnapshot, catalogContextDraft);
-    if (JSON.stringify(next) !== JSON.stringify(catalogContextDraft)) {
+    if (!areServiceContextStatesEqual(next, catalogContextDraft)) {
       setCatalogContextDraft(next);
     }
   }, [catalogContextDraft, contextLinked, draftSnapshot]);
-  useEffect26(() => {
-    const editor = canvas.api.editor;
-    const ensured = editor.getCatalog?.() ?? editor.ensureCatalog?.();
-    if (ensured) setCatalogState(ensured);
-    const offCatalogChange = canvas.api.on("catalog:change", ({ catalog }) => {
-      const next = catalog ?? editor.getCatalog?.() ?? editor.ensureCatalog?.();
-      setCatalogState(next ?? null);
-    });
-    const offCatalogActiveChange = canvas.api.on("catalog:active-change", () => {
-      const next = editor.getCatalog?.() ?? editor.ensureCatalog?.();
-      setCatalogState(next ?? null);
-    });
-    return () => {
-      offCatalogChange?.();
-      offCatalogActiveChange?.();
-    };
-  }, [canvas.api]);
   const catalogPanelMode = catalogState?.viewMode === "grouped" ? "catalog" : "all";
   const catalogGroups = useMemo41(
     () => (catalogState?.nodes ?? []).filter((node) => node.kind === "group").sort((a, b) => (a.order ?? 0) - (b.order ?? 0) || a.label.localeCompare(b.label)),
@@ -18420,24 +18852,24 @@ function BottomConsolePanel({ controller, errors, activeServices, allServices, o
     return ids;
   }, [canvas.activeId, canvas.selectionInfo.ids]);
   const consoleIssueCount = errors.validation.length + errors.logs.length + notices.length;
-  useEffect26(() => {
+  useEffect27(() => {
     setSelectedActiveServiceId((current) => ensureSelectedRow(current, activeRows));
   }, [activeRows]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (catalogState?.selectedServiceId == null) return;
     setSelectedAllServiceId(String(catalogState.selectedServiceId));
   }, [catalogState?.selectedServiceId]);
-  useEffect26(() => {
+  useEffect27(() => {
     setSelectedAllServiceId((current) => ensureSelectedRow(current, visibleAllRows));
   }, [visibleAllRows]);
-  useEffect26(() => {
+  useEffect27(() => {
     const desiredIds = controller.isOpen && controller.activeTab === "activeServices" && selectedActiveServiceId ? activeRows.find((row) => row.id === selectedActiveServiceId)?.summary.attachedNodeIds ?? [] : [];
     if (!sameIds(lastHighlightedIdsRef.current, desiredIds)) {
       canvas.api.setHighlighted(desiredIds);
       lastHighlightedIdsRef.current = [...desiredIds];
     }
   }, [activeRows, canvas.api, controller.activeTab, controller.isOpen, selectedActiveServiceId]);
-  useEffect26(() => {
+  useEffect27(() => {
     return () => {
       if (lastHighlightedIdsRef.current.length) {
         canvas.api.setHighlighted([]);
@@ -18445,10 +18877,10 @@ function BottomConsolePanel({ controller, errors, activeServices, allServices, o
       }
     };
   }, [canvas.api]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (searchOpen) searchInputRef.current?.focus();
   }, [searchOpen]);
-  useEffect26(() => {
+  useEffect27(() => {
     setPanelPosition((current) => {
       const resolved = resolvePanelPosition(current, panelRef.current, panelContainerRef.current);
       persistPanelPosition(resolved);
@@ -18470,7 +18902,7 @@ function BottomConsolePanel({ controller, errors, activeServices, allServices, o
     }
     event.preventDefault();
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (!draggingPanel) return;
     const onPointerMove = (event) => {
       const start = dragStartRef.current;
@@ -18724,6 +19156,16 @@ function BottomConsolePanel({ controller, errors, activeServices, allServices, o
                       onOpenChange: setFilterOpen,
                       compatibleOnly,
                       onCompatibleOnlyChange: setCompatibleOnly,
+                      rateContextMode,
+                      onRateContextModeChange: setRateContextMode,
+                      rateContextSource,
+                      onRateContextSourceChange: setRateContextSource,
+                      manualPrimaryRate,
+                      onManualPrimaryRateChange: setManualPrimaryRate,
+                      primaryServiceId,
+                      onPrimaryServiceIdChange: setPrimaryServiceId,
+                      contextServiceOptions,
+                      customRateError: hasValidCustomPrimary ? null : "Provide a primary service or valid primary rate to apply compatibility filtering.",
                       contextLinked,
                       onContextLinkedChange: setContextLinked,
                       draftContext: catalogContextDraft,
@@ -18953,7 +19395,7 @@ import {
   useWorkspace as useWorkspace16,
   Workspace
 } from "@timeax/digital-service-engine/workspace";
-import { useMemo as useMemo42, useState as useState42 } from "react";
+import { useMemo as useMemo42, useState as useState43 } from "react";
 
 // backend/memory/create-backend.ts
 import { createMemoryWorkspaceBackend } from "@timeax/digital-service-engine/workspace";
@@ -58367,15 +58809,8 @@ function WorkspaceLayout({ onShare, onPlay, menu, kinds, defaultKind }) {
   const ws = useWorkspace16();
   const errors = useErrors();
   const bottomPanel = useBottomConsolePanel();
-  const [draggingServiceId, setDraggingServiceId] = useState42(null);
-  const resolvedKinds = useMemo42(
-    () => Array.from(
-      new Set(
-        (kinds ?? []).map((kind) => String(kind).trim()).filter(Boolean)
-      )
-    ),
-    [kinds]
-  );
+  const [draggingServiceId, setDraggingServiceId] = useState43(null);
+  const resolvedKinds = useMemo42(() => Array.from(new Set((kinds ?? []).map((kind) => String(kind).trim()).filter(Boolean))), [kinds]);
   const resolvedDefaultKind = useMemo42(() => {
     const next = defaultKind?.trim();
     if (next) return next;