@signature.digital/catalog 1.3.0 → 1.4.0

package/dist_ts_web/elements/sdig-workspace/sdig-workspace.shared.js

@@ -9,9 +9,9 @@ export const demoDocuments = [
     { id: 'doc_4dN8sP', title: 'API Reseller Agreement - Northwind', status: 'signed', recipients: [{ name: 'Lila Brooks', initials: 'LB', signed: true }, { name: 'You', initials: 'PK', signed: true }], updated: '2 days ago', sender: 'You', pages: 8 },
 ];
 export const demoRecipients = [
-    { id: 0, name: 'Sarah Chen', email: 'sarah@acme.com', color: '#60a5fa', order: 1 },
-    { id: 1, name: 'David Park', email: 'd.park@acme.com', color: '#fbbf24', order: 2 },
-    { id: 2, name: 'Philipp K.', email: 'philipp@lossless.com', color: '#3b82f6', order: 3 },
+    { id: 0, name: 'Sarah Chen', email: 'sarah@acme.com', color: '#60a5fa', order: 1, role: 'signer' },
+    { id: 1, name: 'David Park', email: 'd.park@acme.com', color: '#fbbf24', order: 2, role: 'signer' },
+    { id: 2, name: 'Philipp K.', email: 'philipp@lossless.com', color: '#3b82f6', order: 3, role: 'updates' },
 ];
 export const demoFields = [
     { id: 'f1', type: 'signature', x: 60, y: 580, w: 200, h: 50, page: 1, recipient: 0, label: 'Signature' },
@@ -382,4 +382,4 @@ export function requestWorkspaceView(element, view) {
         composed: true,
     }));
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2Uuc2hhcmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctd29ya3NwYWNlL3NkaWctd29ya3NwYWNlLnNoYXJlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RSxPQUFPLG9GQUFvRixDQUFDO0FBOEM1RixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQW1CO0lBQzNDLEVBQUUsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsdUNBQXVDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUU7SUFDclUsRUFBRSxFQUFFLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxzQkFBc0IsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtJQUNwTyxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRTtJQUM3VSxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO0lBQ25QLEVBQUUsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2RpZy13b3Jrc3BhY2Uuc2hhcmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NkaWctd29ya3NwYWNlL3NkaWctd29ya3NwYWNlLnNoYXJlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RSxPQUFPLG9GQUFvRixDQUFDO0FBZ0Q1RixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQW1CO0lBQzNDLEVBQUUsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsdUNBQXVDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUU7SUFDclUsRUFBRSxFQUFFLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxzQkFBc0IsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRTtJQUNwTyxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRTtJQUM3VSxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFO0lBQ25QLEVBQUUsRUFBRSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVB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

package/dist_watch/bundle.js

@@ -132185,9 +132185,9 @@ var demoDocuments = [
   { id: "doc_4dN8sP", title: "API Reseller Agreement - Northwind", status: "signed", recipients: [{ name: "Lila Brooks", initials: "LB", signed: true }, { name: "You", initials: "PK", signed: true }], updated: "2 days ago", sender: "You", pages: 8 }
 ];
 var demoRecipients = [
-  { id: 0, name: "Sarah Chen", email: "sarah@acme.com", color: "#60a5fa", order: 1 },
-  { id: 1, name: "David Park", email: "d.park@acme.com", color: "#fbbf24", order: 2 },
-  { id: 2, name: "Philipp K.", email: "philipp@lossless.com", color: "#3b82f6", order: 3 }
+  { id: 0, name: "Sarah Chen", email: "sarah@acme.com", color: "#60a5fa", order: 1, role: "signer" },
+  { id: 1, name: "David Park", email: "d.park@acme.com", color: "#fbbf24", order: 2, role: "signer" },
+  { id: 2, name: "Philipp K.", email: "philipp@lossless.com", color: "#3b82f6", order: 3, role: "updates" }
 ];
 var demoFields = [
   { id: "f1", type: "signature", x: 60, y: 580, w: 200, h: 50, page: 1, recipient: 0, label: "Signature" },
@@ -132705,7 +132705,7 @@ __runInitializers(_init4, 1, _SdigWorkspaceInbox);
 var SdigWorkspaceInbox = _SdigWorkspaceInbox;
 
 // ts_web/elements/sdig-workspace/sdig-workspace-compose.ts
-var _fields_dec, _recipients_dec, _selectedFieldId_dec, _draggedRecipientId_dec, _activeRecipient_dec, _step_dec, _a5, _SdigWorkspaceCompose_decorators, _init5, _step, _activeRecipient, _draggedRecipientId, _selectedFieldId, _recipients, _fields;
+var _recipientContextMenu_dec, _signingOrderDrag_dec, _fields_dec, _recipients_dec, _selectedFieldId_dec, _activeRecipient_dec, _step_dec, _a5, _SdigWorkspaceCompose_decorators, _init5, _step, _activeRecipient, _selectedFieldId, _recipients, _fields, _signingOrderDrag, _recipientContextMenu;
 var fieldDefinitions = [
   { type: "signature", icon: "sign", label: "Signature", w: 200, h: 50 },
   { type: "initials", icon: "type", label: "Initials", w: 120, h: 32 },
@@ -132714,23 +132714,34 @@ var fieldDefinitions = [
   { type: "check", icon: "check", label: "Checkbox", w: 120, h: 32 }
 ];
 var resizeHandles = ["n", "ne", "e", "se", "s", "sw", "w", "nw"];
+var recipientRoleDefinitions = [
+  { role: "signer", label: "Needs signature", shortLabel: "Signer", description: "Can receive fields and must sign in order." },
+  { role: "copy", label: "Final copy only", shortLabel: "Copy", description: "Receives the completed document after signing." },
+  { role: "updates", label: "Every step update", shortLabel: "Updates", description: "Receives notifications for every routing step." }
+];
 _SdigWorkspaceCompose_decorators = [customElement("sdig-workspace-compose")];
-var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesElement, _step_dec = [r5()], _activeRecipient_dec = [r5()], _draggedRecipientId_dec = [r5()], _selectedFieldId_dec = [r5()], _recipients_dec = [r5()], _fields_dec = [r5()], _a5) {
+var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesElement, _step_dec = [r5()], _activeRecipient_dec = [r5()], _selectedFieldId_dec = [r5()], _recipients_dec = [r5()], _fields_dec = [r5()], _signingOrderDrag_dec = [r5()], _recipientContextMenu_dec = [r5()], _a5) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _step, __runInitializers(_init5, 8, this, 2)), __runInitializers(_init5, 11, this);
     __privateAdd(this, _activeRecipient, __runInitializers(_init5, 12, this, 0)), __runInitializers(_init5, 15, this);
-    __privateAdd(this, _draggedRecipientId, __runInitializers(_init5, 16, this, null)), __runInitializers(_init5, 19, this);
-    __privateAdd(this, _selectedFieldId, __runInitializers(_init5, 20, this, null)), __runInitializers(_init5, 23, this);
-    __privateAdd(this, _recipients, __runInitializers(_init5, 24, this, [...demoRecipients])), __runInitializers(_init5, 27, this);
-    __privateAdd(this, _fields, __runInitializers(_init5, 28, this, [...demoFields])), __runInitializers(_init5, 31, this);
+    __privateAdd(this, _selectedFieldId, __runInitializers(_init5, 16, this, null)), __runInitializers(_init5, 19, this);
+    __privateAdd(this, _recipients, __runInitializers(_init5, 20, this, [...demoRecipients])), __runInitializers(_init5, 23, this);
+    __privateAdd(this, _fields, __runInitializers(_init5, 24, this, [...demoFields])), __runInitializers(_init5, 27, this);
+    __privateAdd(this, _signingOrderDrag, __runInitializers(_init5, 28, this, null)), __runInitializers(_init5, 31, this);
+    __privateAdd(this, _recipientContextMenu, __runInitializers(_init5, 32, this, null)), __runInitializers(_init5, 35, this);
     __publicField(this, "draggedFieldDefinition", null);
     __publicField(this, "draggedFieldGrabOffset", null);
     __publicField(this, "fieldInteraction", null);
     __publicField(this, "disconnectedCallback", /* @__PURE__ */ __name(async () => {
       this.stopFieldInteraction();
+      this.stopSigningOrderDrag();
+      window.removeEventListener("click", this.closeRecipientContextMenu);
       await super.disconnectedCallback();
     }, "disconnectedCallback"));
+    __publicField(this, "closeRecipientContextMenu", /* @__PURE__ */ __name(() => {
+      this.recipientContextMenu = null;
+    }, "closeRecipientContextMenu"));
     __publicField(this, "handleDocumentClick", /* @__PURE__ */ __name((event) => {
       const target = event.target;
       if (target?.closest(".field-box")) return;
@@ -132784,6 +132795,32 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
       window.removeEventListener("pointerup", this.stopFieldInteraction);
       window.removeEventListener("pointercancel", this.stopFieldInteraction);
     }, "stopFieldInteraction"));
+    __publicField(this, "handleSigningOrderPointerMove", /* @__PURE__ */ __name((event) => {
+      if (!this.signingOrderDrag) return;
+      event.preventDefault();
+      const drag = this.signingOrderDrag;
+      const target = this.shadowRoot?.elementFromPoint(event.clientX, event.clientY);
+      const section = target?.closest(".routing-role-section");
+      const roleCandidate = section?.dataset.role || drag.targetRole;
+      const draggedRecipient = this.recipients.find((recipient) => recipient.id === drag.recipientId);
+      const targetRole = draggedRecipient?.role === "signer" && roleCandidate !== "signer" && this.signingRecipients().length <= 1 ? "signer" : roleCandidate;
+      const list5 = this.shadowRoot?.querySelector(`.routing-role-section[data-role="${targetRole}"] .signing-order-list`);
+      const listRect = list5?.getBoundingClientRect();
+      const listTop = listRect?.top ?? drag.listTop;
+      const targetMemberCount = this.recipients.filter((recipient) => recipient.role === targetRole && recipient.id !== drag.recipientId).length;
+      const draggedCenterY = event.clientY - listTop - drag.grabOffsetY + drag.itemStep / 2;
+      const targetIndex = Math.round(this.clamp(draggedCenterY / drag.itemStep, 0, targetMemberCount));
+      this.signingOrderDrag = { ...drag, pointerY: event.clientY, listTop, targetRole, targetIndex };
+    }, "handleSigningOrderPointerMove"));
+    __publicField(this, "stopSigningOrderDrag", /* @__PURE__ */ __name(() => {
+      if (this.signingOrderDrag) {
+        this.moveRecipientToRole(this.signingOrderDrag.recipientId, this.signingOrderDrag.targetRole, this.signingOrderDrag.targetIndex);
+      }
+      this.signingOrderDrag = null;
+      window.removeEventListener("pointermove", this.handleSigningOrderPointerMove);
+      window.removeEventListener("pointerup", this.stopSigningOrderDrag);
+      window.removeEventListener("pointercancel", this.stopSigningOrderDrag);
+    }, "stopSigningOrderDrag"));
   }
   recipientColor(id) {
     return this.recipients.find((recipient) => recipient.id === id)?.color || "var(--accent)";
@@ -132797,6 +132834,12 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
   fieldDefinition(type5) {
     return fieldDefinitions.find((definition3) => definition3.type === type5) || fieldDefinitions[0];
   }
+  recipientRoleDefinition(role) {
+    return recipientRoleDefinitions.find((definition3) => definition3.role === role) || recipientRoleDefinitions[0];
+  }
+  signingRecipients() {
+    return this.recipients.filter((recipient) => recipient.role === "signer");
+  }
   clamp(value2, min3, max3) {
     return Math.max(min3, Math.min(max3, value2));
   }
@@ -132822,6 +132865,44 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
     this.fields = this.fields.filter((field) => field.id !== this.selectedFieldId);
     this.selectedFieldId = null;
   }
+  updateRecipientRole(recipientId, role) {
+    const recipient = this.recipients.find((currentRecipient) => currentRecipient.id === recipientId);
+    if (!recipient) return;
+    const signerCount = this.signingRecipients().length;
+    if (recipient.role === "signer" && role !== "signer" && signerCount <= 1) return;
+    this.moveRecipientToRole(recipientId, role);
+  }
+  moveRecipientToRole(recipientId, role, targetIndex) {
+    const recipient = this.recipients.find((currentRecipient) => currentRecipient.id === recipientId);
+    if (!recipient) return;
+    const signerCount = this.signingRecipients().length;
+    const nextRole = recipient.role === "signer" && role !== "signer" && signerCount <= 1 ? "signer" : role;
+    const withoutRecipient = this.recipients.filter((currentRecipient) => currentRecipient.id !== recipientId);
+    const nextByRole = /* @__PURE__ */ new Map();
+    for (const roleDefinition of recipientRoleDefinitions) {
+      nextByRole.set(roleDefinition.role, withoutRecipient.filter((currentRecipient) => currentRecipient.role === roleDefinition.role));
+    }
+    const targetMembers = [...nextByRole.get(nextRole) || []];
+    const insertIndex = targetIndex === void 0 ? targetMembers.length : this.clamp(targetIndex, 0, targetMembers.length);
+    targetMembers.splice(insertIndex, 0, { ...recipient, role: nextRole });
+    nextByRole.set(nextRole, targetMembers);
+    this.recipients = recipientRoleDefinitions.flatMap((roleDefinition) => nextByRole.get(roleDefinition.role) || []).map((currentRecipient, index2) => ({ ...currentRecipient, order: index2 + 1 }));
+    const nextSigners = this.recipients.filter((currentRecipient) => currentRecipient.role === "signer");
+    const fallbackSigner = nextSigners[0];
+    if (nextRole !== "signer" && fallbackSigner) {
+      this.fields = this.fields.map((field) => field.recipient === recipientId ? { ...field, recipient: fallbackSigner.id } : field);
+      if (this.activeRecipient === recipientId) {
+        this.activeRecipient = fallbackSigner.id;
+      }
+    }
+  }
+  openRecipientContextMenu(event, recipient) {
+    event.preventDefault();
+    event.stopPropagation();
+    this.recipientContextMenu = { recipientId: recipient.id, x: event.clientX, y: event.clientY };
+    window.removeEventListener("click", this.closeRecipientContextMenu);
+    setTimeout(() => window.addEventListener("click", this.closeRecipientContextMenu, { once: true }), 0);
+  }
   startFieldInteraction(event, field, mode, handle3) {
     if (event.button !== 0) return;
     const page = this.shadowRoot?.querySelector(".document-page");
@@ -132850,16 +132931,49 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
   startFieldResize(event, field, handle3) {
     this.startFieldInteraction(event, field, "resize", handle3);
   }
-  reorderRecipient(targetId) {
-    if (this.draggedRecipientId === null || this.draggedRecipientId === targetId) return;
-    const next2 = [...this.recipients];
-    const fromIndex = next2.findIndex((recipient) => recipient.id === this.draggedRecipientId);
-    const toIndex = next2.findIndex((recipient) => recipient.id === targetId);
-    if (fromIndex === -1 || toIndex === -1) return;
-    const [moved] = next2.splice(fromIndex, 1);
-    next2.splice(toIndex, 0, moved);
-    this.recipients = next2.map((recipient, index2) => ({ ...recipient, order: index2 + 1 }));
-    this.draggedRecipientId = null;
+  visualSigningOrder() {
+    if (!this.signingOrderDrag) return this.recipients;
+    const dragged = this.recipients.find((recipient) => recipient.id === this.signingOrderDrag?.recipientId);
+    if (!dragged) return this.recipients;
+    const others = this.recipients.filter((recipient) => recipient.role === this.signingOrderDrag?.targetRole && recipient.id !== dragged.id);
+    const targetIndex = this.clamp(this.signingOrderDrag.targetIndex, 0, others.length);
+    return [...others.slice(0, targetIndex), dragged, ...others.slice(targetIndex)];
+  }
+  recipientsForRole(role) {
+    if (!this.signingOrderDrag) return this.recipients.filter((recipient) => recipient.role === role);
+    const dragged = this.recipients.find((recipient) => recipient.id === this.signingOrderDrag?.recipientId);
+    const recipients = this.recipients.filter((recipient) => recipient.role === role && recipient.id !== dragged?.id);
+    if (!dragged || this.signingOrderDrag.targetRole !== role) return recipients;
+    const targetIndex = this.clamp(this.signingOrderDrag.targetIndex, 0, recipients.length);
+    return [...recipients.slice(0, targetIndex), { ...dragged, role }, ...recipients.slice(targetIndex)];
+  }
+  startSigningOrderDrag(event, recipient) {
+    if (event.button !== 0) return;
+    const target = event.target;
+    if (target?.closest("select, input, button")) return;
+    const item = event.currentTarget;
+    const list5 = item.closest(".signing-order-list");
+    if (!list5) return;
+    const section = item.closest(".routing-role-section");
+    const role = section?.dataset.role || recipient.role;
+    const itemRect = item.getBoundingClientRect();
+    const listRect = list5.getBoundingClientRect();
+    const marginBottom = Number.parseFloat(globalThis.getComputedStyle(item).marginBottom || "0");
+    const startIndex = this.recipients.filter((currentRecipient) => currentRecipient.role === role).findIndex((currentRecipient) => currentRecipient.id === recipient.id);
+    this.signingOrderDrag = {
+      recipientId: recipient.id,
+      pointerY: event.clientY,
+      listTop: listRect.top,
+      grabOffsetY: event.clientY - itemRect.top,
+      itemHeight: itemRect.height,
+      itemStep: itemRect.height + marginBottom,
+      targetRole: role,
+      targetIndex: Math.max(0, startIndex)
+    };
+    event.preventDefault();
+    window.addEventListener("pointermove", this.handleSigningOrderPointerMove, { passive: false });
+    window.addEventListener("pointerup", this.stopSigningOrderDrag);
+    window.addEventListener("pointercancel", this.stopSigningOrderDrag);
   }
   addFieldFromDrop(event) {
     event.preventDefault();
@@ -132914,7 +133028,7 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
         </div>
         <div class="field-editor-grid">
           <label class="field-control full">Label<input .value=${field.label} @input=${(event) => this.updateSelectedField({ label: event.target.value })} /></label>
-          <label class="field-control full">Assigned signer<select .value=${String(field.recipient)} @change=${(event) => this.updateSelectedField({ recipient: Number(event.target.value) })}>${this.recipients.map((recipient) => b2`<option value=${String(recipient.id)}>${recipient.order}. ${recipient.name}</option>`)}</select></label>
+          <label class="field-control full">Assigned signer<select .value=${String(field.recipient)} @change=${(event) => this.updateSelectedField({ recipient: Number(event.target.value) })}>${this.signingRecipients().map((recipient) => b2`<option value=${String(recipient.id)}>${recipient.order}. ${recipient.name}</option>`)}</select></label>
           <label class="field-control">X<input type="number" min="0" .value=${String(field.x)} @input=${(event) => this.updateSelectedFieldNumber("x", event)} /></label>
           <label class="field-control">Y<input type="number" min="0" .value=${String(field.y)} @input=${(event) => this.updateSelectedFieldNumber("y", event)} /></label>
           <label class="field-control">Width<input type="number" min="16" .value=${String(field.w)} @input=${(event) => this.updateSelectedFieldNumber("w", event)} /></label>
@@ -132930,6 +133044,50 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
   renderResizeHandles(field) {
     return b2`${resizeHandles.map((handle3) => b2`<span class="resize-handle ${handle3}" @pointerdown=${(event) => this.startFieldResize(event, field, handle3)}></span>`)}`;
   }
+  renderSigningRecipient(recipient, orderNumber, options = {}) {
+    const initials = recipient.name.split(" ").map((part) => part[0]).slice(0, 2).join("");
+    const isOverlay = options.overlayTop !== void 0;
+    const top = options.overlayTop ?? options.rowTop;
+    const displayRole = options.displayRole || recipient.role;
+    return b2`<div class="recipient-line signing-recipient ${isOverlay ? "signing-drag-overlay" : ""}" style="${top !== void 0 ? `--routing-top: ${top}px;` : ""}" @contextmenu=${(event) => this.openRecipientContextMenu(event, recipient)} @pointerdown=${!isOverlay ? (event) => this.startSigningOrderDrag(event, recipient) : void 0}><span class="mono" style="width: 14px; font-size: 10px; color: ${isOverlay ? "var(--accent)" : "var(--text-muted)"};">${orderNumber}</span><span class="avatar" style="background: ${recipient.color};">${initials}</span><div style="flex: 1; min-width: 0;"><div style="font-size: 12px; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${recipient.name}</div><div class="mono" style="font-size: 10px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${this.recipientRoleDefinition(displayRole).description}</div></div><span class="role-chip">${this.recipientRoleDefinition(displayRole).shortLabel}</span></div>`;
+  }
+  renderRoleSection(roleDefinition) {
+    const role = roleDefinition.role;
+    const members = this.recipientsForRole(role);
+    const isTargetRole = this.signingOrderDrag?.targetRole === role;
+    const draggedRecipientId = this.signingOrderDrag?.recipientId;
+    const draggedRecipient = draggedRecipientId !== void 0 ? this.recipients.find((recipient) => recipient.id === draggedRecipientId) : void 0;
+    if (!this.signingOrderDrag) {
+      return b2`<div class="routing-role-section" data-role=${role}><div class="routing-role-head"><span class="routing-role-title">${roleDefinition.label}</span><span class="role-count">${members.length}</span></div><div class="routing-role-description">${roleDefinition.description}</div><div class="signing-order-list">${members.map((recipient, index2) => this.renderSigningRecipient(recipient, index2 + 1))}</div></div>`;
+    }
+    const visualIndexById = new Map(members.map((recipient, index2) => [recipient.id, index2]));
+    const overlayTop = isTargetRole ? this.signingOrderDrag.pointerY - this.signingOrderDrag.listTop - this.signingOrderDrag.grabOffsetY : 0;
+    const draggedOrder = draggedRecipient ? members.findIndex((recipient) => recipient.id === draggedRecipient.id) + 1 || this.signingOrderDrag.targetIndex + 1 : 0;
+    return b2`<div class="routing-role-section ${isTargetRole ? "active-drop" : ""}" data-role=${role}><div class="routing-role-head"><span class="routing-role-title">${roleDefinition.label}</span><span class="role-count">${members.filter((recipient) => recipient.id !== draggedRecipientId).length + (isTargetRole ? 1 : 0)}</span></div><div class="routing-role-description">${roleDefinition.description}</div><div class="signing-order-list dragging" style="--routing-list-height: ${Math.max(1, members.length) * this.signingOrderDrag.itemStep}px;">
+      ${members.filter((recipient) => recipient.id !== draggedRecipientId).map((recipient) => {
+      const visualIndex = visualIndexById.get(recipient.id) ?? 0;
+      return this.renderSigningRecipient(recipient, visualIndex + 1, { rowTop: visualIndex * this.signingOrderDrag.itemStep, displayRole: role });
+    })}
+      ${isTargetRole ? b2`<div class="signing-placeholder" style="--routing-top: ${this.signingOrderDrag.targetIndex * this.signingOrderDrag.itemStep}px; --routing-row-height: ${this.signingOrderDrag.itemHeight}px;"></div>` : ""}
+      ${isTargetRole && draggedRecipient ? this.renderSigningRecipient(draggedRecipient, draggedOrder, { overlayTop, displayRole: role }) : ""}
+    </div></div>`;
+  }
+  renderSigningOrder() {
+    return b2`${recipientRoleDefinitions.map((roleDefinition) => this.renderRoleSection(roleDefinition))}`;
+  }
+  renderRecipientContextMenu() {
+    if (!this.recipientContextMenu) return b2``;
+    const recipient = this.recipients.find((currentRecipient) => currentRecipient.id === this.recipientContextMenu?.recipientId);
+    if (!recipient) return b2``;
+    const signerCount = this.signingRecipients().length;
+    return b2`<div class="recipient-context-menu" style="left: ${this.recipientContextMenu.x}px; top: ${this.recipientContextMenu.y}px;" @click=${(event) => event.stopPropagation()}>
+      <div class="recipient-context-title">${recipient.name}</div>
+      ${recipientRoleDefinitions.map((roleDefinition) => b2`<button class="context-action" ?disabled=${recipient.role === "signer" && roleDefinition.role !== "signer" && signerCount <= 1} @click=${() => {
+      this.updateRecipientRole(recipient.id, roleDefinition.role);
+      this.closeRecipientContextMenu();
+    }}>${recipient.role === roleDefinition.role ? icon3("check", 12) : b2`<span style="width: 12px;"></span>`}<span>${roleDefinition.label}</span></button>`)}
+    </div>`;
+  }
   renderStepper() {
     const labels = ["Upload", "Place fields", "Recipients & routing", "Review & send"];
     return b2`
@@ -132948,12 +133106,13 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
       ${topBar({ breadcrumb: ["signature.digital", "Inbox", "Compose"], title: "Master Services Agreement", subtitle: pill("Draft \xB7 auto-saved"), actions: b2`${actionButton("Save draft", "ghost")}${actionButton("Preview", "outline", "eye")}${actionButton("Send for signature", "primary", "send")}` })}
       ${this.renderStepper()}
       <div class="compose-workspace">
+        ${this.renderRecipientContextMenu()}
         <div class="palette">
           <div class="label-upper">Drag onto document</div>
           ${fieldDefinitions.map((fieldType) => b2`<div class="field-tool" style="--tool-w: ${fieldType.w}px; --tool-h: ${fieldType.h}px; --recipient-color: ${this.recipientColor(this.activeRecipient)};" draggable="true" @dragstart=${(event) => this.startFieldToolDrag(event, fieldType)} @dragend=${() => this.endFieldToolDrag()}>${icon3(fieldType.icon, 14)}<span style="flex: 1;">${fieldType.label}</span></div>`)}
           <div style="height: 1px; background: var(--border-subtle); margin: 20px 0 16px;"></div>
           <div class="label-upper">Active for</div>
-          ${this.recipients.map((recipient) => b2`<div class="recipient-line ${this.activeRecipient === recipient.id ? "active" : ""}" @click=${() => this.activeRecipient = recipient.id}><span class="swatch" style="--recipient-color: ${recipient.color};"></span><span style="flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${recipient.name.split(" ")[0]}</span><span class="mono" style="font-size: 10px; color: var(--text-muted);">${this.fields.filter((field) => field.recipient === recipient.id).length}</span></div>`)}
+          ${this.signingRecipients().map((recipient) => b2`<div class="recipient-line ${this.activeRecipient === recipient.id ? "active" : ""}" @click=${() => this.activeRecipient = recipient.id}><span class="swatch" style="--recipient-color: ${recipient.color};"></span><span style="flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${recipient.name.split(" ")[0]}</span><span class="mono" style="font-size: 10px; color: var(--text-muted);">${this.fields.filter((field) => field.recipient === recipient.id).length}</span></div>`)}
         </div>
         <div class="document-stage">
           <div class="document-page page-drop-target" @click=${this.handleDocumentClick} @dragover=${(event) => {
@@ -132968,8 +133127,9 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
           <div style="display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--text-muted);">${actionButton("Prev", "outline")}${b2`<span class="mono">1 / 14</span>`}${actionButton("Next", "outline")}</div>
         </div>
         <div class="right-panel">
-          <div class="label-upper">Signing order · drag to reorder</div>
-          ${this.recipients.map((recipient) => b2`<div class="recipient-line ${this.draggedRecipientId === recipient.id ? "dragging" : ""}" draggable="true" @dragstart=${() => this.draggedRecipientId = recipient.id} @dragover=${(event) => event.preventDefault()} @drop=${() => this.reorderRecipient(recipient.id)} @dragend=${() => this.draggedRecipientId = null}><span class="mono" style="width: 14px; font-size: 10px; color: var(--text-muted);">${recipient.order}</span><span class="avatar" style="background: ${recipient.color};">${recipient.name.split(" ").map((part) => part[0]).slice(0, 2).join("")}</span><div style="flex: 1; min-width: 0;"><div style="font-size: 12px; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${recipient.name}</div><div class="mono" style="font-size: 10px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${recipient.email}</div></div>${icon3("more", 12)}</div>`)}
+          <div class="label-upper">Routing order · drag to reorder</div>
+          <div class="role-hint">Choose who signs, who gets the completed copy, and who is notified at every step.</div>
+          ${this.renderSigningOrder()}
           ${selectedField ? this.renderFieldEditor(selectedField) : ""}
         </div>
       </div>
@@ -132979,16 +133139,18 @@ var _SdigWorkspaceCompose = class _SdigWorkspaceCompose extends (_a5 = DeesEleme
 _init5 = __decoratorStart(_a5);
 _step = new WeakMap();
 _activeRecipient = new WeakMap();
-_draggedRecipientId = new WeakMap();
 _selectedFieldId = new WeakMap();
 _recipients = new WeakMap();
 _fields = new WeakMap();
+_signingOrderDrag = new WeakMap();
+_recipientContextMenu = new WeakMap();
 __decorateElement(_init5, 4, "step", _step_dec, _SdigWorkspaceCompose, _step);
 __decorateElement(_init5, 4, "activeRecipient", _activeRecipient_dec, _SdigWorkspaceCompose, _activeRecipient);
-__decorateElement(_init5, 4, "draggedRecipientId", _draggedRecipientId_dec, _SdigWorkspaceCompose, _draggedRecipientId);
 __decorateElement(_init5, 4, "selectedFieldId", _selectedFieldId_dec, _SdigWorkspaceCompose, _selectedFieldId);
 __decorateElement(_init5, 4, "recipients", _recipients_dec, _SdigWorkspaceCompose, _recipients);
 __decorateElement(_init5, 4, "fields", _fields_dec, _SdigWorkspaceCompose, _fields);
+__decorateElement(_init5, 4, "signingOrderDrag", _signingOrderDrag_dec, _SdigWorkspaceCompose, _signingOrderDrag);
+__decorateElement(_init5, 4, "recipientContextMenu", _recipientContextMenu_dec, _SdigWorkspaceCompose, _recipientContextMenu);
 _SdigWorkspaceCompose = __decorateElement(_init5, 0, "SdigWorkspaceCompose", _SdigWorkspaceCompose_decorators, _SdigWorkspaceCompose);
 __name(_SdigWorkspaceCompose, "SdigWorkspaceCompose");
 __publicField(_SdigWorkspaceCompose, "demo", /* @__PURE__ */ __name(() => workspaceDemoFrame(b2`<sdig-workspace-compose></sdig-workspace-compose>`), "demo"));
@@ -133010,7 +133172,26 @@ __publicField(_SdigWorkspaceCompose, "styles", [workspaceBaseStyles, i`
     .document-stage { flex: 1; overflow: auto; background: hsl(0 0% 8%); display: flex; flex-direction: column; align-items: center; padding: 32px; gap: 20px; }
     :host-context(sdig-workspace[theme='light']) .document-stage { background: hsl(0 0% 92%); }
     .recipient-line { cursor: grab; }
-    .recipient-line.dragging { opacity: 0.45; border-color: var(--accent); }
+    .routing-role-section { margin-bottom: 14px; padding: 10px; border: 1px solid var(--border-subtle); border-radius: 8px; background: color-mix(in srgb, var(--bg-card) 72%, transparent); transition: border-color 0.14s ease, background 0.14s ease; }
+    .routing-role-section.active-drop { border-color: color-mix(in srgb, var(--accent) 48%, var(--border)); background: color-mix(in srgb, var(--accent) 7%, var(--bg-card)); }
+    .routing-role-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
+    .routing-role-title { font-size: 11px; font-weight: 700; color: var(--text-sec); }
+    .routing-role-description { margin-bottom: 8px; font-size: 10px; line-height: 1.35; color: var(--text-muted); }
+    .role-count { min-width: 18px; height: 18px; padding: 0 6px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--bg-input); color: var(--text-muted); font-size: 10px; }
+    .role-chip { height: 22px; padding: 0 7px; border-radius: 999px; display: inline-flex; align-items: center; background: var(--bg-input); color: var(--text-muted); font-size: 10px; font-weight: 600; }
+    .signing-order-list { position: relative; min-height: 44px; }
+    .signing-order-list.dragging { height: var(--routing-list-height); min-height: var(--routing-list-height); }
+    .signing-order-list::before { content: ''; position: absolute; left: 11px; top: 10px; bottom: 10px; width: 1px; background: var(--border); }
+    .signing-recipient { position: relative; z-index: 1; transition: transform 0.14s ease, opacity 0.14s ease, border-color 0.14s ease; }
+    .signing-order-list.dragging .signing-recipient:not(.signing-drag-overlay) { position: absolute; left: 0; right: 0; top: var(--routing-top); margin-bottom: 0; transition: top 0.16s ease, transform 0.14s ease, opacity 0.14s ease, border-color 0.14s ease; }
+    .signing-placeholder { position: absolute; left: 0; right: 0; top: var(--routing-top); height: var(--routing-row-height); border: 1.5px dashed var(--accent); border-radius: 6px; background: transparent; pointer-events: none; transition: top 0.16s ease; }
+    .signing-drag-overlay { position: absolute; left: 0; right: 0; z-index: 6; top: var(--routing-top); margin-bottom: 0; cursor: grabbing; pointer-events: none; border-color: var(--accent); box-shadow: 0 10px 28px rgba(0,0,0,0.28); transform: scale(1.015); }
+    .role-hint { margin-top: -2px; margin-bottom: 10px; font-size: 10px; line-height: 1.45; color: var(--text-muted); }
+    .recipient-context-menu { position: fixed; z-index: 100; min-width: 190px; padding: 6px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card); box-shadow: 0 16px 42px rgba(0,0,0,0.36); }
+    .recipient-context-title { padding: 7px 8px; font-size: 11px; font-weight: 700; color: var(--text-sec); border-bottom: 1px solid var(--border-subtle); margin-bottom: 4px; }
+    .context-action { width: 100%; padding: 8px; border-radius: 6px; background: transparent; color: var(--text-sec); display: flex; align-items: center; gap: 8px; text-align: left; font-size: 11px; }
+    .context-action:hover { background: var(--hover); color: var(--text); }
+    .context-action[disabled] { opacity: 0.45; cursor: not-allowed; }
     .page-drop-target { outline: 1px dashed transparent; outline-offset: 8px; }
     .page-drop-target.drag-over { outline-color: var(--accent); }
     .field-box { user-select: none; touch-action: none; }