@timeax/service-builder 0.1.8 → 0.1.9

package/dist/index.js

@@ -1077,6 +1077,110 @@ var DIAL_ACTION_TIMEOUT_MS = 1e4;
 var OVERLAY_STALE_TIMEOUT_MS = 3e4;
 var DRAG_MIME_TYPES = [DRAG_MIME_SERVICE, DRAG_MIME_ASSET_BUILTIN, DRAG_MIME_ASSET_TEMPLATE];
 
+// src/builder/node-context/template-utils.ts
+function deepClone(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+function sanitizeOption(option) {
+  const next = deepClone(option);
+  delete next.id;
+  delete next.service_id;
+  return next;
+}
+function sanitizeField(field) {
+  const next = deepClone(field);
+  delete next.id;
+  delete next.bind_id;
+  if (Array.isArray(next.options)) {
+    next.options = next.options.map(
+      (option) => option && typeof option === "object" ? sanitizeOption(option) : option
+    );
+  }
+  return next;
+}
+function pickCheckedProperties(source, checked) {
+  const out = {};
+  for (const key of Object.keys(source)) {
+    if (checked[key] !== false) out[key] = source[key];
+  }
+  return out;
+}
+function detectRelationMaps(props) {
+  const relations = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (!/(includes|excludes)_for_/i.test(key)) continue;
+    if (!value || typeof value !== "object" || Array.isArray(value)) continue;
+    const relation = {};
+    for (const [source, targets] of Object.entries(value)) {
+      if (!Array.isArray(targets)) continue;
+      relation[String(source)] = targets.map(String);
+    }
+    relations[key] = relation;
+  }
+  return relations;
+}
+function discoverGroupFieldIds(rootFieldId, relations) {
+  const discovered = /* @__PURE__ */ new Set([rootFieldId]);
+  const queue = [rootFieldId];
+  while (queue.length) {
+    const current = queue.shift();
+    for (const relation of Object.values(relations)) {
+      const outbound = relation[current] ?? [];
+      for (const id of outbound) {
+        if (!discovered.has(id)) {
+          discovered.add(id);
+          queue.push(id);
+        }
+      }
+      for (const [source, targets] of Object.entries(relation)) {
+        if (targets.includes(current) && !discovered.has(source)) {
+          discovered.add(source);
+          queue.push(source);
+        }
+      }
+    }
+  }
+  return Array.from(discovered);
+}
+function filterRelationsForSelection(relations, selected) {
+  const next = {};
+  for (const [relationName, relation] of Object.entries(relations)) {
+    const cleaned = {};
+    for (const [source, targets] of Object.entries(relation)) {
+      if (!selected.has(source)) continue;
+      const keptTargets = targets.filter((target) => selected.has(target));
+      if (keptTargets.length) cleaned[source] = Array.from(new Set(keptTargets));
+    }
+    next[relationName] = cleaned;
+  }
+  return next;
+}
+function isRecord(value) {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function isGroupTemplateDefinition(definition) {
+  return isRecord(definition) && definition.templateType === "field" && definition.mode === "group" && Array.isArray(definition.fields) && typeof definition.rootOriginalId === "string" && isRecord(definition.relations);
+}
+function isSingleTemplateDefinition(definition) {
+  return isRecord(definition) && definition.templateType === "field" && definition.mode === "single" && isRecord(definition.field);
+}
+function toSingleFieldDefinition(definition) {
+  if (isSingleTemplateDefinition(definition)) return deepClone(definition.field);
+  if (isRecord(definition)) return deepClone(definition);
+  return {};
+}
+function withFreshOptionIds(field) {
+  const next = deepClone(field);
+  if (Array.isArray(next.options)) {
+    next.options = next.options.map((option) => {
+      const raw = option && typeof option === "object" ? { ...option } : {};
+      raw.id = buildOptionId();
+      return raw;
+    });
+  }
+  return next;
+}
+
 // src/builder/node-context/hooks.ts
 function moveIndex(index, direction) {
   return direction === "up" ? index - 1 : index + 1;
@@ -1259,45 +1363,15 @@ function useNodeActions(target, setTarget, setDialogTarget, setRenameOpen, setDe
   const handleSaveAsTemplate = useCallback3(async () => {
     if (!target || target.nodeKind !== "field") return;
     if (!ensureTemplateWrite("save-field-template")) return;
-    try {
-      const node = canvas.selector.getNode(target.nodeId);
-      if (!node || node.kind !== "field") return;
-      const cleanOptions = (node.raw.options ?? []).map(({ id, service_id, pricing_role, ...rest }) => ({ ...rest }));
-      const definition = {
-        label: node.raw.label,
-        type: node.raw.type,
-        name: node.raw.name,
-        required: node.raw.required,
-        button: node.raw.button,
-        description: node.raw.description,
-        component: node.raw.component,
-        options: cleanOptions,
-        meta: node.raw.meta,
-        validation: node.raw.validation
-      };
-      const result = await ws.createTemplate({
-        name: `${node.raw.label} Template`,
-        key: makeTemplateKey(node.raw.label ?? "field"),
-        kind: String(node.raw.type ?? "text"),
-        branchId: ws.branches.currentId ?? void 0,
-        definition,
-        defaults: node.raw.defaults,
-        published: false
-      });
-      if (!result.ok) {
-        const message = "error" in result ? result.error.message : "Failed to create template";
-        throw new Error(message ?? "Failed to create template");
-      }
-      await ws.refresh.templates({ branchId: ws.branches.currentId ?? void 0 });
-    } catch (error) {
-      emitNodeError(error?.message ?? "Failed to save field as template", {
-        action: "save-field-template",
-        nodeId: target.nodeId,
-        surface: target.surface
-      });
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(
+        new CustomEvent("service-builder:open-template-save-dialog", {
+          detail: { nodeId: target.nodeId, surface: target.surface }
+        })
+      );
     }
     setTarget(null);
-  }, [canvas.selector, emitNodeError, ensureTemplateWrite, target, ws, setTarget]);
+  }, [ensureTemplateWrite, setTarget, target]);
   const isFieldOptionsShown = useMemo3(() => {
     if (!target || target.nodeKind !== "field") return false;
     const api = canvas.api;
@@ -1537,26 +1611,68 @@ function useDropHandling(setDropIntent, emitNodeError, focusNode2) {
       if (source.kind === "asset_template") {
         const template = (ws.templates.data ?? []).find((item) => item.id === source.asset.id);
         const definition = template?.definition ?? {};
-        const nextOptions = Array.isArray(definition.options) ? definition.options.map((option) => {
-          const raw = option && typeof option === "object" ? option : {};
-          return {
-            ...raw,
-            id: buildOptionId()
-          };
-        }) : void 0;
+        if (isGroupTemplateDefinition(definition)) {
+          const fieldIdMap = /* @__PURE__ */ new Map();
+          const normalizedRelations = {};
+          const nextFields = definition.fields.map((entry) => {
+            const nextId = buildFieldId();
+            fieldIdMap.set(entry.originalId, nextId);
+            const rawField = withFreshOptionIds(entry.field ?? {});
+            delete rawField.bind_id;
+            return {
+              ...rawField,
+              id: nextId
+            };
+          });
+          for (const [relationName, relationMap] of Object.entries(definition.relations ?? {})) {
+            const nextRelation = {};
+            for (const [sourceId, targets] of Object.entries(relationMap ?? {})) {
+              const mappedSource = fieldIdMap.get(sourceId);
+              if (!mappedSource) continue;
+              const mappedTargets = (targets ?? []).map((targetId) => fieldIdMap.get(String(targetId))).filter((value) => !!value);
+              if (mappedTargets.length) nextRelation[mappedSource] = Array.from(new Set(mappedTargets));
+            }
+            normalizedRelations[relationName] = nextRelation;
+          }
+          const rootNewId = fieldIdMap.get(definition.rootOriginalId) ?? nextFields[0]?.id;
+          const rootField = nextFields.find((field) => field.id === rootNewId);
+          if (!rootField || !rootNewId) return null;
+          canvas.api.editor.addField({
+            ...rootField,
+            bind_id: currentTag,
+            defaults: template?.defaults
+          });
+          for (const field of nextFields) {
+            if (field.id === rootNewId) continue;
+            canvas.api.editor.addField({
+              ...field,
+              defaults: template?.defaults
+            });
+          }
+          const editorAny = canvas.api.editor;
+          if (typeof editorAny.patchProps === "function") {
+            editorAny.patchProps((props) => {
+              for (const [relationName, relationMap] of Object.entries(normalizedRelations)) {
+                const current = props[relationName] ?? {};
+                const merged = { ...current };
+                for (const [sourceId, targets] of Object.entries(relationMap)) {
+                  const prev = Array.isArray(merged[sourceId]) ? merged[sourceId] : [];
+                  merged[sourceId] = Array.from(/* @__PURE__ */ new Set([...prev, ...targets]));
+                }
+                props[relationName] = merged;
+              }
+            });
+          }
+          return rootNewId;
+        }
+        const singleDefinition = isSingleTemplateDefinition(definition) ? definition.field : toSingleFieldDefinition(definition);
+        const nextField = withFreshOptionIds(singleDefinition);
         canvas.api.editor.addField({
+          ...nextField,
           id,
-          label: String(definition.label ?? source.asset.name ?? "Template Field"),
-          type: String(definition.type ?? source.asset.kind ?? "text"),
           bind_id: currentTag,
-          name: typeof definition.name === "string" ? definition.name : void 0,
-          required: Boolean(definition.required),
-          button: Boolean(definition.button),
-          description: typeof definition.description === "string" ? definition.description : void 0,
-          component: typeof definition.component === "string" ? definition.component : void 0,
-          options: nextOptions,
-          validation: Array.isArray(definition.validation) ? definition.validation : void 0,
-          meta: typeof definition.meta === "object" && definition.meta ? definition.meta : void 0,
+          label: String(nextField.label ?? source.asset.name ?? "Template Field"),
+          type: String(nextField.type ?? source.asset.kind ?? "text"),
           defaults: template?.defaults
         });
         return id;
@@ -2444,6 +2560,12 @@ function NodeContextMenuProvider({ children }) {
   const [editingNoticeId, setEditingNoticeId] = useState3(null);
   const [noticeDraft, setNoticeDraft] = useState3(() => toDraft());
   const [noticeSearch, setNoticeSearch] = useState3("");
+  const [templateSaveOpen, setTemplateSaveOpen] = useState3(false);
+  const [templateSaveFieldId, setTemplateSaveFieldId] = useState3(null);
+  const [templateSaveMode, setTemplateSaveMode] = useState3("single");
+  const [templateLabel, setTemplateLabel] = useState3("");
+  const [templateGroupSelection, setTemplateGroupSelection] = useState3({});
+  const [templateFieldChecks, setTemplateFieldChecks] = useState3({});
   const menuRef = useRef2(null);
   const dialRef = useRef2(null);
   const closeNodeContextMenu = useCallback4(() => setTarget(null), []);
@@ -2473,6 +2595,7 @@ function NodeContextMenuProvider({ children }) {
     [ws.actor, ws.authors?.data, ws.participants?.data, ws.permissions?.data]
   );
   const editDecision = getAuthorizationDecision(auth, "branch-content-edit");
+  const templateDecision = getAuthorizationDecision(auth, "template-write");
   const openNodeContextMenu = useCallback4(
     (input) => {
       const node = canvas.selector.getNode(input.nodeId);
@@ -2667,6 +2790,140 @@ function NodeContextMenuProvider({ children }) {
     setDeleteOpen(false);
     setDialogTarget(null);
   }, [auth.canEditBranchContent, canvas.api.editor, dialogTarget, editDecision.reason, emitNodeError]);
+  const templateSaveDraft = useMemo4(() => {
+    if (!templateSaveFieldId) return null;
+    try {
+      const node = canvas.selector.getNode(templateSaveFieldId);
+      if (!node || node.kind !== "field") return null;
+      const props = canvas.api.builder.getProps();
+      const fields = (props.fields ?? []).filter((field) => typeof field?.id === "string");
+      const fieldsById = new Map(fields.map((field) => [String(field.id), field]));
+      const root = fieldsById.get(templateSaveFieldId);
+      if (!root) return null;
+      const relations = detectRelationMaps(props);
+      const discoveredIds = discoverGroupFieldIds(templateSaveFieldId, relations).filter((id) => fieldsById.has(id));
+      const discoveredFields = discoveredIds.map((id) => ({
+        originalId: id,
+        field: sanitizeField(fieldsById.get(id) ?? {})
+      }));
+      return {
+        rootLabel: String(node.raw?.label ?? "Field"),
+        rootType: String(node.raw?.type ?? "text"),
+        relations,
+        discoveredFields
+      };
+    } catch {
+      return null;
+    }
+  }, [canvas.api.builder, canvas.selector, templateSaveFieldId]);
+  useEffect4(() => {
+    const onOpen = (event) => {
+      const payload = event.detail;
+      const fieldId = String(payload?.nodeId ?? "");
+      if (!fieldId) return;
+      setTemplateSaveFieldId(fieldId);
+      setTemplateSaveMode("single");
+      setTemplateLabel("");
+      setTemplateGroupSelection({});
+      setTemplateFieldChecks({});
+      setTemplateSaveOpen(true);
+    };
+    window.addEventListener("service-builder:open-template-save-dialog", onOpen);
+    return () => window.removeEventListener("service-builder:open-template-save-dialog", onOpen);
+  }, []);
+  useEffect4(() => {
+    if (!templateSaveDraft || !templateSaveFieldId) return;
+    const initialGroupSelection = {};
+    for (const entry of templateSaveDraft.discoveredFields) initialGroupSelection[entry.originalId] = true;
+    const initialChecks = {};
+    for (const entry of templateSaveDraft.discoveredFields) {
+      const checks = {};
+      for (const key of Object.keys(entry.field)) checks[key] = true;
+      initialChecks[entry.originalId] = checks;
+    }
+    setTemplateGroupSelection((current) => Object.keys(current).length ? current : initialGroupSelection);
+    setTemplateFieldChecks((current) => Object.keys(current).length ? current : initialChecks);
+    setTemplateLabel((current) => current || `${templateSaveDraft.rootLabel} group`);
+  }, [templateSaveDraft, templateSaveFieldId]);
+  const handleTemplateSave = useCallback4(async () => {
+    if (!templateSaveDraft || !templateSaveFieldId) return;
+    if (!auth.canWriteTemplates) {
+      emitNodeError(templateDecision.reason ?? "Template editing is disabled for this actor.", { action: "save-field-template" });
+      return;
+    }
+    try {
+      const rootEntry = templateSaveDraft.discoveredFields.find((entry) => entry.originalId === templateSaveFieldId);
+      if (!rootEntry) throw new Error("Selected field no longer exists.");
+      if (templateSaveMode === "single") {
+        const field = pickCheckedProperties(rootEntry.field, templateFieldChecks[templateSaveFieldId] ?? {});
+        const definition = {
+          templateType: "field",
+          mode: "single",
+          version: 1,
+          field
+        };
+        const result = await ws.createTemplate({
+          name: `${templateSaveDraft.rootLabel} Template`,
+          key: makeTemplateKey(templateSaveDraft.rootLabel ?? "field"),
+          kind: templateSaveDraft.rootType,
+          branchId: ws.branches.currentId ?? void 0,
+          definition,
+          defaults: canvas.selector.getNode(templateSaveFieldId)?.raw?.defaults,
+          published: false
+        });
+        if (!result.ok) throw new Error(("error" in result ? result.error.message : "Failed to create template") ?? "Failed to create template");
+      } else {
+        const selected = new Set(
+          Object.entries(templateGroupSelection).filter(([, included]) => included).map(([fieldId]) => fieldId)
+        );
+        if (!selected.size) throw new Error("Cannot save an empty group.");
+        if (!selected.has(templateSaveFieldId)) selected.add(templateSaveFieldId);
+        const filteredRelations = filterRelationsForSelection(templateSaveDraft.relations, selected);
+        const fields = templateSaveDraft.discoveredFields.filter((entry) => selected.has(entry.originalId)).map((entry) => ({
+          originalId: entry.originalId,
+          field: pickCheckedProperties(entry.field, templateFieldChecks[entry.originalId] ?? {})
+        }));
+        const definition = {
+          templateType: "field",
+          mode: "group",
+          version: 1,
+          label: templateLabel.trim() || `${templateSaveDraft.rootLabel} group`,
+          rootOriginalId: templateSaveFieldId,
+          fields,
+          relations: filteredRelations
+        };
+        const result = await ws.createTemplate({
+          name: definition.label,
+          key: makeTemplateKey(definition.label || "field-group"),
+          kind: templateSaveDraft.rootType,
+          branchId: ws.branches.currentId ?? void 0,
+          definition,
+          defaults: canvas.selector.getNode(templateSaveFieldId)?.raw?.defaults,
+          published: false
+        });
+        if (!result.ok) throw new Error(("error" in result ? result.error.message : "Failed to create template") ?? "Failed to create template");
+      }
+      await ws.refresh.templates({ branchId: ws.branches.currentId ?? void 0 });
+      setTemplateSaveOpen(false);
+    } catch (error) {
+      emitNodeError(error?.message ?? "Failed to save field as template", {
+        action: "save-field-template",
+        nodeId: templateSaveFieldId
+      });
+    }
+  }, [
+    auth.canWriteTemplates,
+    canvas.selector,
+    emitNodeError,
+    templateDecision.reason,
+    templateFieldChecks,
+    templateGroupSelection,
+    templateLabel,
+    templateSaveDraft,
+    templateSaveFieldId,
+    templateSaveMode,
+    ws
+  ]);
   const anchorStyle = useMemo4(() => {
     if (!target || typeof window === "undefined") return null;
     const width = 220;
@@ -2706,7 +2963,7 @@ function NodeContextMenuProvider({ children }) {
       toggleNoticeManager
     ]
   );
-  const hasPortalContent = Boolean(target || dropIntent || renameOpen || deleteOpen || noticeManagerOpen);
+  const hasPortalContent = Boolean(target || dropIntent || renameOpen || deleteOpen || noticeManagerOpen || templateSaveOpen);
   return /* @__PURE__ */ jsxs6(NodeContextMenuContext.Provider, { value, children: [
     children,
     typeof document !== "undefined" && hasPortalContent ? createPortal2(
@@ -2817,6 +3074,101 @@ function NodeContextMenuProvider({ children }) {
               ] })
             ] })
           }
+        ),
+        /* @__PURE__ */ jsx9(
+          AlertDialog,
+          {
+            open: templateSaveOpen,
+            onOpenChange: (open) => {
+              setTemplateSaveOpen(open);
+              if (!open) setTemplateSaveFieldId(null);
+            },
+            children: /* @__PURE__ */ jsxs6(AlertDialogContent, { children: [
+              /* @__PURE__ */ jsxs6(AlertDialogHeader, { children: [
+                /* @__PURE__ */ jsx9(AlertDialogTitle, { children: "Save Field Template" }),
+                /* @__PURE__ */ jsx9(AlertDialogDescription, { children: "Choose how to save this field and review copied properties." })
+              ] }),
+              templateSaveDraft ? /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsxs6("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx9(
+                    "button",
+                    {
+                      type: "button",
+                      className: `rounded-lg border px-3 py-1 text-sm ${templateSaveMode === "single" ? "border-blue-500 bg-blue-50" : "border-slate-300"}`,
+                      onClick: () => setTemplateSaveMode("single"),
+                      children: "Single field"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx9(
+                    "button",
+                    {
+                      type: "button",
+                      className: `rounded-lg border px-3 py-1 text-sm ${templateSaveMode === "group" ? "border-blue-500 bg-blue-50" : "border-slate-300"}`,
+                      onClick: () => setTemplateSaveMode("group"),
+                      children: "Field group/tree"
+                    }
+                  )
+                ] }),
+                templateSaveMode === "group" ? /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsx9("label", { className: "block text-sm font-medium", children: "Template label" }),
+                  /* @__PURE__ */ jsx9(
+                    "input",
+                    {
+                      value: templateLabel,
+                      onChange: (event) => setTemplateLabel(event.target.value),
+                      className: "w-full rounded-md border border-slate-300 px-3 py-2 text-sm"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs6("div", { className: "space-y-1", children: [
+                    /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium", children: "Fields in group" }),
+                    templateSaveDraft.discoveredFields.map((entry) => /* @__PURE__ */ jsxs6("label", { className: "flex items-center gap-2 text-sm", children: [
+                      /* @__PURE__ */ jsx9(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: templateGroupSelection[entry.originalId] !== false,
+                          onChange: (event) => setTemplateGroupSelection((current) => ({
+                            ...current,
+                            [entry.originalId]: event.target.checked
+                          }))
+                        }
+                      ),
+                      /* @__PURE__ */ jsx9("span", { children: String(entry.field.label ?? entry.originalId) })
+                    ] }, entry.originalId))
+                  ] })
+                ] }) : null,
+                /* @__PURE__ */ jsx9("div", { className: "max-h-72 space-y-2 overflow-auto rounded-lg border border-slate-200 p-2", children: (templateSaveMode === "single" ? templateSaveDraft.discoveredFields.filter((entry) => entry.originalId === templateSaveFieldId) : templateSaveDraft.discoveredFields.filter((entry) => templateGroupSelection[entry.originalId] !== false)).map((entry) => /* @__PURE__ */ jsxs6("details", { open: true, className: "rounded border border-slate-200 p-2", children: [
+                  /* @__PURE__ */ jsxs6("summary", { className: "cursor-pointer text-sm font-medium", children: [
+                    String(entry.field.label ?? entry.originalId),
+                    " (",
+                    entry.originalId,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx9("div", { className: "mt-2 grid grid-cols-1 gap-1", children: Object.keys(entry.field).map((key) => /* @__PURE__ */ jsxs6("label", { className: "flex items-center gap-2 text-xs", children: [
+                    /* @__PURE__ */ jsx9(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: templateFieldChecks[entry.originalId]?.[key] !== false,
+                        onChange: (event) => setTemplateFieldChecks((current) => ({
+                          ...current,
+                          [entry.originalId]: {
+                            ...current[entry.originalId] ?? {},
+                            [key]: event.target.checked
+                          }
+                        }))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9("span", { className: "font-mono", children: key })
+                  ] }, key)) })
+                ] }, entry.originalId)) }),
+                /* @__PURE__ */ jsxs6(AlertDialogFooter, { children: [
+                  /* @__PURE__ */ jsx9(AlertDialogCancel, { type: "button", children: "Cancel" }),
+                  /* @__PURE__ */ jsx9(AlertDialogAction, { type: "button", onClick: () => void handleTemplateSave(), children: "Save template" })
+                ] })
+              ] }) : null
+            ] })
+          }
         )
       ] }),
       document.body
@@ -7974,7 +8326,7 @@ function AssetsPanel() {
             className: "w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-left transition hover:border-slate-300 hover:bg-slate-50 dark:border-slate-800 dark:bg-slate-950/50 dark:hover:border-slate-700",
             children: [
               /* @__PURE__ */ jsx30("p", { className: "text-sm font-medium text-slate-900 dark:text-slate-100", children: item.name }),
-              /* @__PURE__ */ jsx30("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: item.kind })
+              /* @__PURE__ */ jsx30("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: item?.definition?.mode === "group" ? "Group" : String(item?.definition?.type ?? item.kind ?? "template") })
             ]
           },
           item.id
@@ -12055,7 +12407,6 @@ function buildQuantityRule(valueBy, base = {}) {
 import { jsx as jsx54, jsxs as jsxs36 } from "react/jsx-runtime";
 var RESERVED_DESCRIPTOR_KEYS = /* @__PURE__ */ new Set([
   "options",
-  "label",
   "required",
   "value",
   "error",
@@ -16194,7 +16545,7 @@ function useFallbackEditorModal() {
 
 // src/workspace/bottom-panel/index.tsx
 import { useCanvas as useCanvas22, useWorkspace as useWorkspace16 } from "@timeax/digital-service-engine/workspace";
-import { useCallback as useCallback22, useEffect as useEffect26, useMemo as useMemo41, useRef as useRef12, useState as useState41 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect26, useMemo as useMemo41, useRef as useRef13, useState as useState41 } 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";
@@ -16649,7 +17000,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, useState as useState39 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo40, useRef as useRef12, useState as useState39 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
 
 // src/workspace/bottom-panel/service-picker.ts
@@ -16780,6 +17131,7 @@ function ServicePickerDialog({
 }) {
   const [filters, setFilters] = useState39(() => createDefaultServicePickerFilters());
   const [selectedIds, setSelectedIds] = useState39(/* @__PURE__ */ new Set());
+  const selectAllRef = useRef12(null);
   useEffect24(() => {
     if (!open) return;
     setFilters(createDefaultServicePickerFilters());
@@ -16809,9 +17161,20 @@ function ServicePickerDialog({
     }),
     [activeIds, filters, serviceMap, services2]
   );
-  if (!open || typeof document === "undefined") return null;
+  const filteredServiceIds = useMemo40(() => filteredServices.map((service) => String(service.id)), [filteredServices]);
+  const filteredSelectedCount = useMemo40(
+    () => filteredServiceIds.filter((id) => selectedIds.has(id)).length,
+    [filteredServiceIds, selectedIds]
+  );
+  const allFilteredSelected = filteredServiceIds.length > 0 && filteredSelectedCount === filteredServiceIds.length;
+  const partiallyFilteredSelected = filteredSelectedCount > 0 && filteredSelectedCount < filteredServiceIds.length;
   const selectedCount = selectedIds.size;
   const canConfirm = selectedCount > 0;
+  useEffect24(() => {
+    if (!selectAllRef.current) return;
+    selectAllRef.current.indeterminate = partiallyFilteredSelected;
+  }, [partiallyFilteredSelected]);
+  if (!open || typeof document === "undefined") return null;
   return createPortal5(
     /* @__PURE__ */ jsx86("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-slate-950/45 p-4", children: /* @__PURE__ */ jsxs64(
       "div",
@@ -16976,12 +17339,40 @@ function ServicePickerDialog({
               ) })
             ] }) }) }),
             /* @__PURE__ */ jsxs64("div", { className: "flex min-h-0 flex-col overflow-hidden", children: [
-              /* @__PURE__ */ jsxs64("div", { className: "border-b border-slate-200 px-4 py-3 text-sm text-slate-500 dark:border-slate-800 dark:text-slate-400", children: [
-                filteredServices.length,
-                " service",
-                filteredServices.length === 1 ? "" : "s",
-                " found"
-              ] }),
+              /* @__PURE__ */ jsx86("div", { className: "border-b border-slate-200 px-4 py-3 dark:border-slate-800", children: /* @__PURE__ */ jsxs64("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsxs64("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: [
+                  filteredServices.length,
+                  " service",
+                  filteredServices.length === 1 ? "" : "s",
+                  " found"
+                ] }),
+                /* @__PURE__ */ jsxs64("label", { className: "inline-flex items-center gap-2 text-sm text-slate-600 dark:text-slate-300", children: [
+                  /* @__PURE__ */ jsx86(
+                    "input",
+                    {
+                      ref: selectAllRef,
+                      type: "checkbox",
+                      "aria-label": "Select all filtered services",
+                      "aria-checked": partiallyFilteredSelected ? "mixed" : allFilteredSelected,
+                      checked: allFilteredSelected,
+                      disabled: !filteredServiceIds.length,
+                      onChange: (event) => {
+                        const shouldSelectAll = event.target.checked;
+                        setSelectedIds((current) => {
+                          const next = new Set(current);
+                          if (shouldSelectAll) {
+                            for (const id of filteredServiceIds) next.add(id);
+                          } else {
+                            for (const id of filteredServiceIds) next.delete(id);
+                          }
+                          return next;
+                        });
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx86("span", { children: "Select all" })
+                ] })
+              ] }) }),
               /* @__PURE__ */ jsx86(ScrollArea, { className: "h-full min-h-0 flex-1", children: /* @__PURE__ */ jsx86("div", { className: "space-y-2 p-4", children: filteredServices.length ? filteredServices.map((service) => {
                 const id = String(service.id);
                 const selected = selectedIds.has(id);
@@ -17817,11 +18208,11 @@ function BottomConsolePanel({ controller, errors, activeServices, allServices, o
     logs: { minimized: false, closed: false },
     notices: { minimized: false, closed: false }
   });
-  const lastHighlightedIdsRef = useRef12([]);
-  const panelContainerRef = useRef12(null);
-  const panelRef = useRef12(null);
-  const searchInputRef = useRef12(null);
-  const dragStartRef = useRef12(null);
+  const lastHighlightedIdsRef = useRef13([]);
+  const panelContainerRef = useRef13(null);
+  const panelRef = useRef13(null);
+  const searchInputRef = useRef13(null);
+  const dragStartRef = useRef13(null);
   const selectedButtons = useMemo41(
     () => (canvas.api.selection.selectedButtons?.() ?? []).map((value) => String(value)),
     [canvas.api.selection, canvas.selectionInfo.ids, canvas.selectionInfo.optionIds]