@timeax/digital-service-engine 0.3.0 → 0.3.2

package/dist/workspace/index.js

@@ -311,6 +311,70 @@ import * as React6 from "react";
 function setLoadableError4(updater, error) {
   updater((s) => ({ ...s, loading: false, error }));
 }
+function parseTimestamp(value) {
+  if (value === void 0 || value === null) return void 0;
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : void 0;
+  }
+  const parsed = Date.parse(value);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function templateTime(template) {
+  var _a;
+  return (_a = parseTimestamp(template.updatedAt)) != null ? _a : parseTimestamp(template.createdAt);
+}
+function shouldReplaceTemplates(params) {
+  if (!params.requestedSince) return true;
+  if (!params.lastUpdatedAt) return false;
+  const requested = parseTimestamp(params.requestedSince);
+  const last = parseTimestamp(params.lastUpdatedAt);
+  if (requested === void 0 || last === void 0) {
+    return false;
+  }
+  return requested < last;
+}
+function pickNewestTemplate(current, incoming) {
+  const currentTime = templateTime(current);
+  const incomingTime = templateTime(incoming);
+  if (currentTime !== void 0 && incomingTime !== void 0) {
+    return incomingTime >= currentTime ? incoming : current;
+  }
+  if (currentTime === void 0 && incomingTime !== void 0) return incoming;
+  if (currentTime !== void 0 && incomingTime === void 0) return current;
+  return incoming;
+}
+function mergeTemplates(current, incoming, opts) {
+  var _a;
+  const sinceTime = parseTimestamp(opts == null ? void 0 : opts.since);
+  const incomingIds = new Set(incoming.map((template) => template.id));
+  const deletedIds = new Set((_a = opts == null ? void 0 : opts.deletedIds) != null ? _a : []);
+  const byId = /* @__PURE__ */ new Map();
+  for (const template of current != null ? current : []) {
+    if (deletedIds.has(template.id)) continue;
+    const updatedTime = templateTime(template);
+    const shouldHaveAppearedInDelta = (opts == null ? void 0 : opts.reconcileMissingSince) === true && sinceTime !== void 0 && updatedTime !== void 0 && updatedTime > sinceTime;
+    const missingFromDelta = shouldHaveAppearedInDelta && !incomingIds.has(template.id);
+    if (!missingFromDelta) {
+      byId.set(template.id, template);
+    }
+  }
+  for (const template of incoming) {
+    if (deletedIds.has(template.id)) continue;
+    const existing = byId.get(template.id);
+    byId.set(
+      template.id,
+      existing ? pickNewestTemplate(existing, template) : template
+    );
+  }
+  return Array.from(byId.values()).sort((a, b) => {
+    const aTime = templateTime(a);
+    const bTime = templateTime(b);
+    if (aTime !== void 0 && bTime !== void 0 && aTime !== bTime) {
+      return bTime - aTime;
+    }
+    return a.name.localeCompare(b.name);
+  });
+}
 function useTemplatesSlice(params) {
   const {
     backend,
@@ -338,16 +402,26 @@ function useTemplatesSlice(params) {
         };
       }
       setTemplates((s) => ({ ...s, loading: true }));
+      const requestedSince = (_b = params2 == null ? void 0 : params2.since) != null ? _b : templates.updatedAt;
       const res = await backend.templates.refresh({
         workspaceId,
         branchId,
-        since: (_b = params2 == null ? void 0 : params2.since) != null ? _b : templates.updatedAt
+        since: requestedSince
       });
       if (res.ok) {
-        setTemplates({
-          data: res.value,
-          loading: false,
-          updatedAt: runtime.now()
+        setTemplates((current) => {
+          const replace = shouldReplaceTemplates({
+            requestedSince,
+            lastUpdatedAt: current.updatedAt
+          });
+          return {
+            data: replace ? res.value : mergeTemplates(current.data, res.value, {
+              since: requestedSince,
+              reconcileMissingSince: false
+            }),
+            loading: false,
+            updatedAt: runtime.now()
+          };
         });
         return res;
       } else {
@@ -365,14 +439,14 @@ function useTemplatesSlice(params) {
   );
   const createTemplate = React6.useCallback(
     async (input) => {
-      var _a, _b;
+      var _a;
       const res = await backend.templates.create(workspaceId, {
         ...input,
-        branchId: (_a = input.branchId) != null ? _a : getCurrentBranchId()
+        branchId: input.branchId !== null ? input.branchId : getCurrentBranchId()
       });
       if (res.ok) {
         await refreshTemplates({
-          branchId: (_b = res.value.branchId) != null ? _b : getCurrentBranchId()
+          branchId: (_a = res.value.branchId) != null ? _a : getCurrentBranchId()
         });
       }
       return res;
@@ -432,11 +506,23 @@ function useTemplatesSlice(params) {
     async (id) => {
       const res = await backend.templates.delete(id);
       if (res.ok) {
-        await refreshTemplates({ branchId: getCurrentBranchId() });
+        const deleteRefreshSince = runtime.now();
+        setTemplates((current) => {
+          var _a, _b;
+          return {
+            ...current,
+            data: (_b = (_a = current.data) == null ? void 0 : _a.filter((template) => template.id !== id)) != null ? _b : current.data,
+            updatedAt: deleteRefreshSince
+          };
+        });
+        await refreshTemplates({
+          branchId: getCurrentBranchId(),
+          since: deleteRefreshSince
+        });
       }
       return res;
     },
-    [backend.templates, getCurrentBranchId, refreshTemplates]
+    [backend.templates, getCurrentBranchId, refreshTemplates, runtime]
   );
   const invalidateTemplates = React6.useCallback(() => {
     setTemplates((s) => ({ ...s, updatedAt: void 0 }));
@@ -2699,7 +2785,7 @@ function WorkspaceProvider(props) {
         },
         branchContext: bootCtl.refreshBranchContext,
         templates: async (params) => {
-          await templatesSlice.refreshTemplates(params);
+          return await templatesSlice.refreshTemplates(params);
         },
         participants: async (params) => {
           await branchesSlice.refreshParticipants(params);
@@ -7393,13 +7479,7 @@ function duplicate(ctx, ref, opts = {}) {
   try {
     let newId2 = "";
     ctx.transact("duplicate", () => {
-      if (ref.kind === "tag") {
-        newId2 = duplicateTag(ctx, ref.id, opts);
-      } else if (ref.kind === "field") {
-        newId2 = duplicateField(ctx, ref.id, opts);
-      } else {
-        newId2 = duplicateOption(ctx, ref.fieldId, ref.id, opts);
-      }
+      newId2 = duplicateInPlace(ctx, ref, opts);
     });
     return newId2;
   } catch (err) {
@@ -7407,6 +7487,74 @@ function duplicate(ctx, ref, opts = {}) {
     throw err;
   }
 }
+function duplicateMany(ctx, ids, opts = {}) {
+  const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+  if (!ordered.length) return [];
+  const snapBefore = ctx.makeSnapshot("duplicateMany:before");
+  try {
+    const created = [];
+    ctx.transact("duplicateMany", () => {
+      var _a, _b, _c;
+      const props = ctx.getProps();
+      const selectedFields = /* @__PURE__ */ new Set();
+      for (const id of ordered) {
+        if (ctx.isFieldId(id) && ((_a = props.fields) != null ? _a : []).some((f) => f.id === id)) {
+          selectedFields.add(id);
+        }
+      }
+      for (const id of ordered) {
+        if (ctx.isTagId(id)) {
+          if (!((_b = ctx.getProps().filters) != null ? _b : []).some((t) => t.id === id)) continue;
+          created.push(
+            duplicateInPlace(ctx, { kind: "tag", id }, opts)
+          );
+          continue;
+        }
+        if (ctx.isFieldId(id)) {
+          if (!((_c = ctx.getProps().fields) != null ? _c : []).some((f) => f.id === id)) continue;
+          created.push(
+            duplicateInPlace(ctx, { kind: "field", id }, opts)
+          );
+          continue;
+        }
+        if (ctx.isOptionId(id)) {
+          const owner = ownerFieldOfOption(ctx.getProps(), id);
+          if (!owner) continue;
+          if (selectedFields.has(owner.fieldId)) continue;
+          created.push(
+            duplicateInPlace(
+              ctx,
+              { kind: "option", fieldId: owner.fieldId, id },
+              opts
+            )
+          );
+        }
+      }
+    });
+    return created;
+  } catch (err) {
+    ctx.loadSnapshot(snapBefore, "undo");
+    throw err;
+  }
+}
+function duplicateInPlace(ctx, ref, opts = {}) {
+  if (ref.kind === "tag") {
+    return duplicateTag(ctx, ref.id, opts);
+  }
+  if (ref.kind === "field") {
+    return duplicateField(ctx, ref.id, opts);
+  }
+  return duplicateOption(ctx, ref.fieldId, ref.id, opts);
+}
+function ownerFieldOfOption(props, optionId) {
+  var _a, _b;
+  for (const field of (_a = props.fields) != null ? _a : []) {
+    if (((_b = field.options) != null ? _b : []).some((o) => o.id === optionId)) {
+      return { fieldId: field.id };
+    }
+  }
+  return null;
+}
 function duplicateTag(ctx, tagId, opts) {
   var _a, _b, _c, _d;
   const props = ctx.getProps();
@@ -7693,6 +7841,129 @@ function ensureServiceExists(opts, id) {
 }
 
 // src/react/canvas/editor/editor-nodes.ts
+var RELATION_MAP_KEYS = [
+  "includes_for_buttons",
+  "excludes_for_buttons",
+  "includes_for_options",
+  "excludes_for_options"
+];
+function stripDeletedIds(ids) {
+  const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+  return { ordered, set: new Set(ordered) };
+}
+function cleanTagRelationsForDeleted(p, deleted) {
+  var _a;
+  for (const t of (_a = p.filters) != null ? _a : []) {
+    if (t.bind_id && deleted.has(String(t.bind_id))) delete t.bind_id;
+    if (t.includes) {
+      const next = t.includes.filter((x) => !deleted.has(String(x)));
+      if (next.length) t.includes = next;
+      else delete t.includes;
+    }
+    if (t.excludes) {
+      const next = t.excludes.filter((x) => !deleted.has(String(x)));
+      if (next.length) t.excludes = next;
+      else delete t.excludes;
+    }
+  }
+}
+function cleanFieldBindsForDeleted(p, deleted) {
+  var _a;
+  for (const f of (_a = p.fields) != null ? _a : []) {
+    const bind = f.bind_id;
+    if (!bind) continue;
+    if (Array.isArray(bind)) {
+      const next = bind.filter((x) => !deleted.has(String(x)));
+      if (next.length) f.bind_id = next;
+      else delete f.bind_id;
+      continue;
+    }
+    if (deleted.has(String(bind))) delete f.bind_id;
+  }
+}
+function cleanRelationMapsForDeleted(p, deleted) {
+  var _a;
+  for (const key of RELATION_MAP_KEYS) {
+    const map = p[key];
+    if (!map) continue;
+    for (const mapKey of Object.keys(map)) {
+      if (deleted.has(String(mapKey))) {
+        delete map[mapKey];
+        continue;
+      }
+      const next = ((_a = map[mapKey]) != null ? _a : []).filter(
+        (item) => !deleted.has(String(item))
+      );
+      if (next.length) map[mapKey] = next;
+      else delete map[mapKey];
+    }
+    if (!Object.keys(map).length) delete p[key];
+  }
+}
+function cleanOrderForTagsForDeleted(p, deleted) {
+  var _a, _b;
+  const map = p.order_for_tags;
+  if (!map) return;
+  const fieldIds = new Set(((_a = p.fields) != null ? _a : []).map((f) => String(f.id)));
+  for (const key of Object.keys(map)) {
+    if (deleted.has(String(key))) {
+      delete map[key];
+      continue;
+    }
+    const next = ((_b = map[key]) != null ? _b : []).filter(
+      (fid) => !deleted.has(String(fid)) && fieldIds.has(String(fid))
+    );
+    if (next.length) map[key] = next;
+    else delete map[key];
+  }
+  if (!Object.keys(map).length) delete p.order_for_tags;
+}
+function cleanNoticesForDeleted(p, deleted) {
+  var _a;
+  if (!((_a = p.notices) == null ? void 0 : _a.length)) return;
+  p.notices = p.notices.filter((n) => {
+    const target = n.target;
+    if (!target || target.scope === "global") return true;
+    if (target.scope === "node" && deleted.has(String(target.node_id))) {
+      return false;
+    }
+    return true;
+  });
+  if (!p.notices.length) delete p.notices;
+}
+function applyDeleteCleanup(p, deleted) {
+  cleanTagRelationsForDeleted(p, deleted);
+  cleanFieldBindsForDeleted(p, deleted);
+  cleanRelationMapsForDeleted(p, deleted);
+  cleanOrderForTagsForDeleted(p, deleted);
+  cleanNoticesForDeleted(p, deleted);
+}
+function removeOptionInPlace(p, optionId) {
+  var _a;
+  const owner = ownerOfOption(p, optionId);
+  if (!owner) return false;
+  const f = ((_a = p.fields) != null ? _a : []).find((x) => x.id === owner.fieldId);
+  if (!(f == null ? void 0 : f.options)) return false;
+  const before = f.options.length;
+  f.options = f.options.filter((o) => o.id !== optionId);
+  return f.options.length !== before;
+}
+function removeFieldInPlace(p, fieldId) {
+  var _a, _b, _c, _d, _e;
+  const field = ((_a = p.fields) != null ? _a : []).find((f) => f.id === fieldId);
+  if (!field) return [];
+  const deleted = [fieldId, ...((_b = field.options) != null ? _b : []).map((o) => String(o.id))];
+  const before = ((_c = p.fields) != null ? _c : []).length;
+  p.fields = ((_d = p.fields) != null ? _d : []).filter((f) => f.id !== fieldId);
+  clearFieldButtonReceiverMaps(p, fieldId);
+  return ((_e = p.fields) != null ? _e : []).length !== before ? deleted : [];
+}
+function removeTagInPlace(p, tagId) {
+  var _a, _b, _c;
+  const before = ((_a = p.filters) != null ? _a : []).length;
+  p.filters = ((_b = p.filters) != null ? _b : []).filter((t) => t.id !== tagId);
+  return ((_c = p.filters) != null ? _c : []).length !== before;
+}
 function reLabel(ctx, id, nextLabel) {
   const label = String(nextLabel != null ? nextLabel : "").trim();
   ctx.exec({
@@ -7827,22 +8098,9 @@ function removeOption(ctx, optionId) {
   ctx.exec({
     name: "removeOption",
     do: () => ctx.patchProps((p) => {
-      var _a;
-      const owner = ownerOfOption(p, optionId);
-      if (!owner) return;
-      const f = ((_a = p.fields) != null ? _a : []).find((x) => x.id === owner.fieldId);
-      if (!(f == null ? void 0 : f.options)) return;
-      f.options = f.options.filter((o) => o.id !== optionId);
-      const maps = [
-        "includes_for_options",
-        "excludes_for_options"
-      ];
-      for (const m of maps) {
-        const map = p[m];
-        if (!map) continue;
-        if (map[optionId]) delete map[optionId];
-        if (!Object.keys(map).length) delete p[m];
-      }
+      const removed = removeOptionInPlace(p, optionId);
+      if (!removed) return;
+      applyDeleteCleanup(p, /* @__PURE__ */ new Set([optionId]));
     }),
     undo: () => ctx.undo()
   });
@@ -8031,21 +8289,10 @@ function removeTag(ctx, id) {
   ctx.exec({
     name: "removeTag",
     do: () => ctx.patchProps((p) => {
-      var _a, _b, _c, _d, _e;
       prevSlice = cloneDeep3(p);
-      p.filters = ((_a = p.filters) != null ? _a : []).filter((t) => t.id !== id);
-      for (const t of (_b = p.filters) != null ? _b : []) {
-        if (t.bind_id === id) delete t.bind_id;
-        t.includes = ((_c = t.includes) != null ? _c : []).filter((x) => x !== id);
-        t.excludes = ((_d = t.excludes) != null ? _d : []).filter((x) => x !== id);
-      }
-      for (const f of (_e = p.fields) != null ? _e : []) {
-        if (Array.isArray(f.bind_id)) {
-          f.bind_id = f.bind_id.filter((x) => x !== id);
-        } else if (f.bind_id === id) {
-          delete f.bind_id;
-        }
-      }
+      const removed = removeTagInPlace(p, id);
+      if (!removed) return;
+      applyDeleteCleanup(p, /* @__PURE__ */ new Set([id]));
     }),
     undo: () => ctx.replaceProps(prevSlice)
   });
@@ -8113,58 +8360,23 @@ function removeField(ctx, id) {
   ctx.exec({
     name: "removeField",
     do: () => ctx.patchProps((p) => {
-      var _a, _b, _c, _d, _e, _f;
       prevSlice = cloneDeep3(p);
-      p.fields = ((_a = p.fields) != null ? _a : []).filter((f) => f.id !== id);
-      clearFieldButtonReceiverMaps(p, id);
-      for (const mapKey of [
-        "includes_for_buttons",
-        "excludes_for_buttons"
-      ]) {
-        const m = p[mapKey];
-        if (!m) continue;
-        for (const k of Object.keys(m)) {
-          m[k] = ((_b = m[k]) != null ? _b : []).filter((fid) => fid !== id);
-          if (!((_c = m[k]) == null ? void 0 : _c.length)) delete m[k];
-        }
-      }
-      for (const t of (_d = p.filters) != null ? _d : []) {
-        t.includes = ((_e = t.includes) != null ? _e : []).filter((x) => x !== id);
-        t.excludes = ((_f = t.excludes) != null ? _f : []).filter((x) => x !== id);
-      }
+      const removedIds = removeFieldInPlace(p, id);
+      if (!removedIds.length) return;
+      applyDeleteCleanup(p, new Set(removedIds));
     }),
     undo: () => ctx.replaceProps(prevSlice)
   });
 }
 function remove(ctx, id) {
+  const key = String(id);
   if (ctx.isTagId(id)) {
     ctx.exec({
       name: "removeTag",
       do: () => ctx.patchProps((p) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        p.filters = ((_a = p.filters) != null ? _a : []).filter((t) => t.id !== id);
-        for (const t of (_b = p.filters) != null ? _b : []) {
-          if (t.bind_id === id) delete t.bind_id;
-          t.includes = ((_c = t.includes) != null ? _c : []).filter((x) => x !== id);
-          t.excludes = ((_d = t.excludes) != null ? _d : []).filter((x) => x !== id);
-        }
-        for (const f of (_e = p.fields) != null ? _e : []) {
-          if (Array.isArray(f.bind_id)) {
-            f.bind_id = f.bind_id.filter((x) => x !== id);
-          } else if (f.bind_id === id) {
-            delete f.bind_id;
-          }
-        }
-        if ((_f = p.order_for_tags) == null ? void 0 : _f[id]) delete p.order_for_tags[id];
-        for (const k of Object.keys((_g = p.order_for_tags) != null ? _g : {})) {
-          p.order_for_tags[k] = ((_h = p.order_for_tags[k]) != null ? _h : []).filter(
-            (fid) => {
-              var _a2;
-              return ((_a2 = p.fields) != null ? _a2 : []).some((f) => f.id === fid);
-            }
-          );
-          if (!p.order_for_tags[k].length) delete p.order_for_tags[k];
-        }
+        const removed = removeTagInPlace(p, key);
+        if (!removed) return;
+        applyDeleteCleanup(p, /* @__PURE__ */ new Set([key]));
       }),
       undo: () => ctx.undo()
     });
@@ -8174,42 +8386,67 @@ function remove(ctx, id) {
     ctx.exec({
       name: "removeField",
       do: () => ctx.patchProps((p) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        p.fields = ((_a = p.fields) != null ? _a : []).filter((f) => f.id !== id);
-        for (const t of (_b = p.filters) != null ? _b : []) {
-          t.includes = ((_c = t.includes) != null ? _c : []).filter((x) => x !== id);
-          t.excludes = ((_d = t.excludes) != null ? _d : []).filter((x) => x !== id);
-        }
-        for (const k of Object.keys((_e = p.order_for_tags) != null ? _e : {})) {
-          p.order_for_tags[k] = ((_f = p.order_for_tags[k]) != null ? _f : []).filter(
-            (fid) => fid !== id
-          );
-          if (!p.order_for_tags[k].length) delete p.order_for_tags[k];
-        }
-        const maps = [
-          "includes_for_options",
-          "excludes_for_options"
-        ];
-        for (const m of maps) {
-          const map = p[m];
-          if (!map) continue;
-          for (const key of Object.keys(map)) {
-            map[key] = ((_g = map[key]) != null ? _g : []).filter((fid) => fid !== id);
-            if (!((_h = map[key]) == null ? void 0 : _h.length)) delete map[key];
-          }
-          if (!Object.keys(map).length) delete p[m];
-        }
+        const removedIds = removeFieldInPlace(p, key);
+        if (!removedIds.length) return;
+        applyDeleteCleanup(p, new Set(removedIds));
       }),
       undo: () => ctx.undo()
     });
     return;
   }
   if (ctx.isOptionId(id)) {
-    removeOption(ctx, id);
+    ctx.exec({
+      name: "removeOption",
+      do: () => ctx.patchProps((p) => {
+        const removed = removeOptionInPlace(p, key);
+        if (!removed) return;
+        applyDeleteCleanup(p, /* @__PURE__ */ new Set([key]));
+      }),
+      undo: () => ctx.undo()
+    });
     return;
   }
   throw new Error("remove: unknown id prefix");
 }
+function removeMany(ctx, ids) {
+  const { ordered } = stripDeletedIds(ids);
+  if (!ordered.length) return;
+  ctx.transact("removeMany", () => {
+    ctx.patchProps((p) => {
+      var _a, _b, _c;
+      const existingFieldIds = new Set(((_a = p.fields) != null ? _a : []).map((f) => String(f.id)));
+      const existingTagIds = new Set(((_b = p.filters) != null ? _b : []).map((t) => String(t.id)));
+      const existingOptionIds = new Set(
+        ((_c = p.fields) != null ? _c : []).flatMap((f) => {
+          var _a2;
+          return ((_a2 = f.options) != null ? _a2 : []).map((o) => String(o.id));
+        })
+      );
+      const fieldIds = ordered.filter((id) => ctx.isFieldId(id) && existingFieldIds.has(id));
+      const fieldIdSet = new Set(fieldIds);
+      const tagIds = ordered.filter((id) => ctx.isTagId(id) && existingTagIds.has(id));
+      const optionIds = ordered.filter((id) => {
+        if (!ctx.isOptionId(id) || !existingOptionIds.has(id)) return false;
+        const owner = ownerOfOption(p, id);
+        if (!owner) return false;
+        return !fieldIdSet.has(String(owner.fieldId));
+      });
+      const deleted = /* @__PURE__ */ new Set();
+      for (const optionId of optionIds) {
+        if (removeOptionInPlace(p, optionId)) deleted.add(optionId);
+      }
+      for (const fieldId of fieldIds) {
+        const removedIds = removeFieldInPlace(p, fieldId);
+        for (const rid of removedIds) deleted.add(rid);
+      }
+      for (const tagId of tagIds) {
+        if (removeTagInPlace(p, tagId)) deleted.add(tagId);
+      }
+      if (!deleted.size) return;
+      applyDeleteCleanup(p, deleted);
+    });
+  });
+}
 function getNode(ctx, id) {
   var _a, _b, _c, _d;
   const props = ctx.getProps();
@@ -9454,6 +9691,9 @@ var Editor = class {
   duplicate(ref, opts = {}) {
     return duplicate(this.moduleCtx(), ref, opts);
   }
+  duplicateMany(ids, opts = {}) {
+    return duplicateMany(this.moduleCtx(), ids, opts);
+  }
   reLabel(id, nextLabel) {
     return reLabel(this.moduleCtx(), id, nextLabel);
   }
@@ -9517,6 +9757,260 @@ var Editor = class {
   remove(id) {
     return remove(this.moduleCtx(), id);
   }
+  removeMany(ids) {
+    return removeMany(this.moduleCtx(), ids);
+  }
+  clearServiceMany(ids) {
+    const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+    if (!ordered.length) return;
+    this.transact("clearServiceMany", () => {
+      this.patchProps((p) => {
+        var _a, _b, _c, _d;
+        for (const id of ordered) {
+          if (this.isTagId(id)) {
+            const t = ((_a = p.filters) != null ? _a : []).find((x) => x.id === id);
+            if (t && "service_id" in t) delete t.service_id;
+            continue;
+          }
+          if (this.isFieldId(id)) {
+            const f = ((_b = p.fields) != null ? _b : []).find((x) => x.id === id);
+            if (f && "service_id" in f) delete f.service_id;
+            continue;
+          }
+          if (this.isOptionId(id)) {
+            const own = ownerOfOption(p, id);
+            if (!own) continue;
+            const f = ((_c = p.fields) != null ? _c : []).find((x) => x.id === own.fieldId);
+            const o = (_d = f == null ? void 0 : f.options) == null ? void 0 : _d.find((x) => x.id === id);
+            if (o && "service_id" in o) delete o.service_id;
+          }
+        }
+      });
+    });
+  }
+  rebindMany(ids, targetTagId, opts) {
+    const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+    if (!ordered.length) return;
+    this.transact("rebindMany", () => {
+      this.patchProps((p) => {
+        var _a, _b, _c;
+        const targetExists = ((_a = p.filters) != null ? _a : []).some((t) => t.id === targetTagId);
+        if (!targetExists) return;
+        for (const id of ordered) {
+          if (this.isFieldId(id)) {
+            const f = ((_b = p.fields) != null ? _b : []).find((x) => x.id === id);
+            if (!f) continue;
+            f.bind_id = targetTagId;
+            continue;
+          }
+          if (this.isTagId(id)) {
+            const t = ((_c = p.filters) != null ? _c : []).find((x) => x.id === id);
+            if (!t) continue;
+            if (!(opts == null ? void 0 : opts.allowTagCycles) && wouldCreateTagCycle(this.moduleCtx(), p, targetTagId, id)) {
+              continue;
+            }
+            t.bind_id = targetTagId;
+          }
+        }
+      });
+    });
+  }
+  includeMany(receiverId, ids) {
+    const accepted = Array.from(new Set((ids != null ? ids : []).map((id) => String(id)))).filter((id) => id !== receiverId).filter((id) => this.getNode(id).data != null);
+    if (!accepted.length) return;
+    include(this.moduleCtx(), receiverId, accepted);
+  }
+  excludeMany(receiverId, ids) {
+    const accepted = Array.from(new Set((ids != null ? ids : []).map((id) => String(id)))).filter((id) => id !== receiverId).filter((id) => this.getNode(id).data != null);
+    if (!accepted.length) return;
+    exclude(this.moduleCtx(), receiverId, accepted);
+  }
+  clearRelationsMany(ids, mode = "both") {
+    const selected = new Set(Array.from(new Set((ids != null ? ids : []).map((id) => String(id)))));
+    if (!selected.size) return;
+    this.transact("clearRelationsMany", () => {
+      this.patchProps((p) => {
+        var _a, _b, _c;
+        const clearOwned = mode === "owned" || mode === "both";
+        const clearIncoming = mode === "incoming" || mode === "both";
+        for (const t of (_a = p.filters) != null ? _a : []) {
+          if (clearOwned && selected.has(t.id)) {
+            delete t.includes;
+            delete t.excludes;
+          }
+          if (clearIncoming) {
+            if (t.includes) {
+              t.includes = t.includes.filter((x) => !selected.has(String(x)));
+              if (!t.includes.length) delete t.includes;
+            }
+            if (t.excludes) {
+              t.excludes = t.excludes.filter((x) => !selected.has(String(x)));
+              if (!t.excludes.length) delete t.excludes;
+            }
+          }
+        }
+        const maps = [
+          "includes_for_buttons",
+          "excludes_for_buttons",
+          "includes_for_options",
+          "excludes_for_options"
+        ];
+        for (const k of maps) {
+          const map = p[k];
+          if (!map) continue;
+          for (const key of Object.keys(map)) {
+            if (clearOwned && selected.has(String(key))) {
+              delete map[key];
+              continue;
+            }
+            if (clearIncoming) {
+              map[key] = ((_b = map[key]) != null ? _b : []).filter((x) => !selected.has(String(x)));
+              if (!((_c = map[key]) == null ? void 0 : _c.length)) delete map[key];
+            }
+          }
+          if (!Object.keys(map).length) delete p[k];
+        }
+      });
+    });
+  }
+  renameLabelsMany(ids, input) {
+    var _a, _b;
+    const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+    if (!ordered.length) return;
+    const prefix = (_a = input.prefix) != null ? _a : "";
+    const suffix = (_b = input.suffix) != null ? _b : "";
+    this.transact("renameLabelsMany", () => {
+      this.patchProps((p) => {
+        var _a2, _b2, _c, _d, _e, _f, _g;
+        for (const id of ordered) {
+          if (this.isTagId(id)) {
+            const t = ((_a2 = p.filters) != null ? _a2 : []).find((x) => x.id === id);
+            if (t) t.label = `${prefix}${(_b2 = t.label) != null ? _b2 : ""}${suffix}`.trim();
+            continue;
+          }
+          if (this.isFieldId(id)) {
+            const f = ((_c = p.fields) != null ? _c : []).find((x) => x.id === id);
+            if (f) f.label = `${prefix}${(_d = f.label) != null ? _d : ""}${suffix}`.trim();
+            continue;
+          }
+          if (this.isOptionId(id)) {
+            const own = ownerOfOption(p, id);
+            if (!own) continue;
+            const f = ((_e = p.fields) != null ? _e : []).find((x) => x.id === own.fieldId);
+            const o = (_f = f == null ? void 0 : f.options) == null ? void 0 : _f.find((x) => x.id === id);
+            if (o) o.label = `${prefix}${(_g = o.label) != null ? _g : ""}${suffix}`.trim();
+          }
+        }
+      });
+    });
+  }
+  setPricingRoleMany(ids, role) {
+    const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+    if (!ordered.length) return;
+    this.transact("setPricingRoleMany", () => {
+      for (const id of ordered) {
+        if (this.isFieldId(id) || this.isOptionId(id)) {
+          this.setService(id, { pricing_role: role });
+        }
+      }
+    });
+  }
+  clearFieldDefaultsMany(ids) {
+    const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+    if (!ordered.length) return;
+    this.transact("clearFieldDefaultsMany", () => {
+      this.patchProps((p) => {
+        var _a;
+        for (const id of ordered) {
+          if (!this.isFieldId(id)) continue;
+          const f = ((_a = p.fields) != null ? _a : []).find((x) => x.id === id);
+          if (f && "defaults" in f) delete f.defaults;
+        }
+      });
+    });
+  }
+  clearFieldValidationMany(ids) {
+    const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+    if (!ordered.length) return;
+    this.transact("clearFieldValidationMany", () => {
+      this.patchProps((p) => {
+        var _a;
+        for (const id of ordered) {
+          if (!this.isFieldId(id)) continue;
+          const f = ((_a = p.fields) != null ? _a : []).find((x) => x.id === id);
+          if (f && "validation" in f) delete f.validation;
+        }
+      });
+    });
+  }
+  autoCreateOptionsMany(ids, makeOption) {
+    const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+    if (!ordered.length) return;
+    this.transact("autoCreateOptionsMany", () => {
+      this.patchProps((p) => {
+        var _a, _b, _c, _d;
+        for (const id of ordered) {
+          if (!this.isFieldId(id)) continue;
+          const f = ((_a = p.fields) != null ? _a : []).find((x) => x.id === id);
+          if (!f) continue;
+          const opts = (_b = f.options) != null ? _b : f.options = [];
+          if (opts.length > 0) continue;
+          const next = (_c = makeOption == null ? void 0 : makeOption(id)) != null ? _c : { label: "Option label", value: "option" };
+          opts.push({
+            id: (_d = next.id) != null ? _d : this.moduleCtx().genId("o"),
+            label: next.label,
+            value: next.value
+          });
+        }
+      });
+    });
+  }
+  clearAllOptionsMany(ids) {
+    var _a, _b;
+    const ordered = Array.from(new Set((ids != null ? ids : []).map((id) => String(id))));
+    if (!ordered.length) return;
+    const optionIds = [];
+    const props = this.getProps();
+    for (const id of ordered) {
+      if (!this.isFieldId(id)) continue;
+      const f = ((_a = props.fields) != null ? _a : []).find((x) => x.id === id);
+      for (const o of (_b = f == null ? void 0 : f.options) != null ? _b : []) optionIds.push(o.id);
+    }
+    if (!optionIds.length) return;
+    removeMany(this.moduleCtx(), optionIds);
+  }
+  removeNoticesForNodes(ids) {
+    const selected = new Set(Array.from(new Set((ids != null ? ids : []).map((id) => String(id)))));
+    if (!selected.size) return;
+    this.transact("removeNoticesForNodes", () => {
+      this.patchProps((p) => {
+        var _a;
+        if (!((_a = p.notices) == null ? void 0 : _a.length)) return;
+        p.notices = p.notices.filter((n) => {
+          const target = n.target;
+          if (!target || target.scope === "global") return true;
+          if (target.scope === "node") return !selected.has(String(target.node_id));
+          return true;
+        });
+        if (!p.notices.length) delete p.notices;
+      });
+    });
+  }
+  setNoticesVisibilityForNodes(ids, type) {
+    const selected = new Set(Array.from(new Set((ids != null ? ids : []).map((id) => String(id)))));
+    if (!selected.size) return;
+    this.transact("setNoticesVisibilityForNodes", () => {
+      this.patchProps((p) => {
+        var _a;
+        for (const n of (_a = p.notices) != null ? _a : []) {
+          const target = n.target;
+          if ((target == null ? void 0 : target.scope) === "node" && selected.has(String(target.node_id))) {
+            n.type = type;
+          }
+        }
+      });
+    });
+  }
   getNode(id) {
     return getNode(this.moduleCtx(), id);
   }
@@ -9760,9 +10254,8 @@ var Editor = class {
           Array.isArray(canvas.selection) ? canvas.selection : Array.from(canvas.selection)
         );
       }
-    } else {
-      this.api.refreshGraph();
     }
+    this.api.refreshGraph();
     this.emit("editor:change", { props: s.props, reason, snapshot: s });
   }
   pushHistory(snap) {
@@ -10850,12 +11343,12 @@ function useCanvasOwned(initialProps, canvasOpts, builderOpts) {
 // src/react/workspace/context/hooks/use-canvas.ts
 import * as React16 from "react";
 import { useMemo as useMemo15 } from "react";
-function deriveSelectionInfo(props, ids) {
+function deriveSelectionInfo(nodeMap, ids) {
   const tags = [];
   const fields = [];
   const options = [];
   for (const id of ids) {
-    const node = props.get(id);
+    const node = nodeMap.get(id);
     if (!node) continue;
     if (node.kind == "tag") {
       tags.push(id);
@@ -10882,6 +11375,49 @@ function deriveSelectionInfo(props, ids) {
     optionIds: uniq2(options)
   };
 }
+function noticeTargetsSelection(notice, selected) {
+  const target = notice.target;
+  if (target.scope === "global") return false;
+  return selected.has(String(target.node_id));
+}
+function deriveSelectionCapabilities(props, selectionInfo) {
+  var _a, _b, _c;
+  const selected = new Set(selectionInfo.ids.map(String));
+  const fields = (_a = props == null ? void 0 : props.fields) != null ? _a : [];
+  const tags = (_b = props == null ? void 0 : props.filters) != null ? _b : [];
+  const notices = (_c = props == null ? void 0 : props.notices) != null ? _c : [];
+  const hasSelectedFieldWithOptions = fields.some(
+    (f) => {
+      var _a2, _b2;
+      return selected.has(String(f.id)) && ((_b2 = (_a2 = f.options) == null ? void 0 : _a2.length) != null ? _b2 : 0) > 0;
+    }
+  );
+  const hasServiceBearingNodes = tags.some(
+    (t) => selected.has(String(t.id)) && t.service_id !== void 0 && t.service_id !== null
+  ) || fields.some(
+    (f) => selected.has(String(f.id)) && f.service_id !== void 0 && f.service_id !== null
+  ) || fields.some(
+    (f) => {
+      var _a2;
+      return ((_a2 = f.options) != null ? _a2 : []).some(
+        (o) => selected.has(String(o.id)) && o.service_id !== void 0 && o.service_id !== null
+      );
+    }
+  );
+  const hasNoticesForSelection = notices.some(
+    (n) => noticeTargetsSelection(n, selected)
+  );
+  return {
+    hasTags: selectionInfo.tagIds.length > 0,
+    hasFields: selectionInfo.fieldIds.length > 0,
+    hasOptions: selectionInfo.optionIds.length > 0,
+    hasServiceBearingNodes,
+    hasSelectedFieldWithOptions,
+    hasNoticesForSelection,
+    canIncludeExcludeTargets: selectionInfo.tagIds.length + selectionInfo.fieldIds.length + selectionInfo.optionIds.length > 0,
+    canRebind: selectionInfo.fieldIds.length > 0 || selectionInfo.tagIds.length > 0
+  };
+}
 function tagBindIds(tag) {
   const bind = tag.bind_id;
   if (!bind) return [];
@@ -11021,7 +11557,11 @@ function useCanvas() {
     });
     return off;
   }, [api]);
-  const selector = useMemo15(() => createNodeIndex(api.builder), [props]);
+  const selector = useMemo15(() => createNodeIndex(api.builder), [api.builder, props]);
+  const selectionCapabilities = React16.useMemo(
+    () => deriveSelectionCapabilities(props, selectionInfo),
+    [props, selectionInfo]
+  );
   return React16.useMemo(
     () => ({
       api,
@@ -11030,6 +11570,7 @@ function useCanvas() {
       props,
       selection,
       selectionInfo,
+      selectionCapabilities,
       selector,
       activeId,
       setActive
@@ -11041,6 +11582,7 @@ function useCanvas() {
       props,
       selection,
       selectionInfo,
+      selectionCapabilities,
       selector,
       activeId,
       setActive
@@ -13727,6 +14269,7 @@ export {
   WorkspaceProvider,
   createMemoryWorkspaceBackend,
   createPollAdapter,
+  deriveSelectionCapabilities,
   useCanvas,
   useCanvasAPI,
   useCanvasFromBuilder,