@signature.digital/catalog 1.3.0 → 1.5.0

package/dist_watch/bundle.js

@@ -2189,7 +2189,7 @@ var require_sweet_scroll = __commonJS({
               hash: null
             };
             this.loop = function(time) {
-              var _a11 = _this, $el = _a11.$el, ctx = _a11.ctx;
+              var _a12 = _this, $el = _a12.$el, ctx = _a12.ctx;
               if (!ctx.start) {
                 ctx.start = time;
               }
@@ -2285,7 +2285,7 @@ var require_sweet_scroll = __commonJS({
             if (!canUseDOM) {
               return;
             }
-            var _a11 = this, $el = _a11.$el, ctx = _a11.ctx, currentOptions = _a11.opts;
+            var _a12 = this, $el = _a12.$el, ctx = _a12.ctx, currentOptions = _a12.opts;
             var $trigger = ctx.$trigger;
             var opts = __assign2({}, currentOptions, options || {});
             var optOffset = opts.offset, vertical = opts.vertical, horizontal = opts.horizontal;
@@ -2352,7 +2352,7 @@ var require_sweet_scroll = __commonJS({
             if (gotoEnd === void 0) {
               gotoEnd = false;
             }
-            var _a11 = this, $el = _a11.$el, ctx = _a11.ctx;
+            var _a12 = this, $el = _a12.$el, ctx = _a12.ctx;
             var pos = ctx.pos;
             if (!$el || !ctx.progress) {
               return;
@@ -2408,7 +2408,7 @@ var require_sweet_scroll = __commonJS({
             ctx.id = SweetScroll3.raf(this.loop);
           };
           SweetScroll3.prototype.complete = function() {
-            var _a11 = this, $el = _a11.$el, ctx = _a11.ctx;
+            var _a12 = this, $el = _a12.$el, ctx = _a12.ctx;
             var hash = ctx.hash, cancel = ctx.cancel, opts = ctx.opts, pos = ctx.pos, $trigger = ctx.$trigger;
             if (!$el || !opts) {
               return;
@@ -2434,18 +2434,18 @@ var require_sweet_scroll = __commonJS({
             for (var _i = 2; _i < arguments.length; _i++) {
               args[_i - 2] = arguments[_i];
             }
-            var _a11;
+            var _a12;
             var callback = options[type5];
             var callbackResult;
             var methodResult;
             if (isFunction2(callback)) {
               callbackResult = callback.apply(this, args.concat([this]));
             }
-            methodResult = (_a11 = this)["on" + (type5[0].toUpperCase() + type5.slice(1))].apply(_a11, args);
+            methodResult = (_a12 = this)["on" + (type5[0].toUpperCase() + type5.slice(1))].apply(_a12, args);
             return callbackResult !== void 0 ? callbackResult : methodResult;
           };
           SweetScroll3.prototype.bind = function(click, stop) {
-            var _a11 = this, $el = _a11.$el, opts = _a11.ctx.opts;
+            var _a12 = this, $el = _a12.$el, opts = _a12.ctx.opts;
             if ($el) {
               if (click) {
                 addEvent($el, CONTAINER_CLICK_EVENT, this.handleClick, false);
@@ -2456,7 +2456,7 @@ var require_sweet_scroll = __commonJS({
             }
           };
           SweetScroll3.prototype.unbind = function(click, stop) {
-            var _a11 = this, $el = _a11.$el, opts = _a11.ctx.opts;
+            var _a12 = this, $el = _a12.$el, opts = _a12.ctx.opts;
             if ($el) {
               if (click) {
                 removeEvent($el, CONTAINER_CLICK_EVENT, this.handleClick, false);
@@ -40593,7 +40593,7 @@ var Subscription = (function() {
   }
   __name(Subscription2, "Subscription");
   Subscription2.prototype.unsubscribe = function() {
-    var e_1, _a11, e_2, _b;
+    var e_1, _a12, e_2, _b;
     var errors;
     if (!this.closed) {
       this.closed = true;
@@ -40610,7 +40610,7 @@ var Subscription = (function() {
             e_1 = { error: e_1_1 };
           } finally {
             try {
-              if (_parentage_1_1 && !_parentage_1_1.done && (_a11 = _parentage_1.return)) _a11.call(_parentage_1);
+              if (_parentage_1_1 && !_parentage_1_1.done && (_a12 = _parentage_1.return)) _a12.call(_parentage_1);
             } finally {
               if (e_1) throw e_1.error;
             }
@@ -40660,7 +40660,7 @@ var Subscription = (function() {
     }
   };
   Subscription2.prototype.add = function(teardown) {
-    var _a11;
+    var _a12;
     if (teardown && teardown !== this) {
       if (this.closed) {
         execFinalizer(teardown);
@@ -40671,7 +40671,7 @@ var Subscription = (function() {
           }
           teardown._addParent(this);
         }
-        (this._finalizers = (_a11 = this._finalizers) !== null && _a11 !== void 0 ? _a11 : []).push(teardown);
+        (this._finalizers = (_a12 = this._finalizers) !== null && _a12 !== void 0 ? _a12 : []).push(teardown);
       }
     }
   };
@@ -40797,7 +40797,7 @@ function errorContext(cb) {
     }
     cb();
     if (isRoot) {
-      var _a11 = context, errorThrown = _a11.errorThrown, error = _a11.error;
+      var _a12 = context, errorThrown = _a12.errorThrown, error = _a12.error;
       context = null;
       if (errorThrown) {
         throw error;
@@ -41041,7 +41041,7 @@ var Observable = (function() {
     var _this = this;
     var subscriber = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error, complete);
     errorContext(function() {
-      var _a11 = _this, operator = _a11.operator, source = _a11.source;
+      var _a12 = _this, operator = _a12.operator, source = _a12.source;
       subscriber.add(operator ? operator.call(subscriber, source) : source ? _this._subscribe(subscriber) : _this._trySubscribe(subscriber));
     });
     return subscriber;
@@ -41073,8 +41073,8 @@ var Observable = (function() {
     });
   };
   Observable2.prototype._subscribe = function(subscriber) {
-    var _a11;
-    return (_a11 = this.source) === null || _a11 === void 0 ? void 0 : _a11.subscribe(subscriber);
+    var _a12;
+    return (_a12 = this.source) === null || _a12 === void 0 ? void 0 : _a12.subscribe(subscriber);
   };
   Observable2.prototype[observable] = function() {
     return this;
@@ -41106,8 +41106,8 @@ var Observable = (function() {
   return Observable2;
 })();
 function getPromiseCtor(promiseCtor) {
-  var _a11;
-  return (_a11 = promiseCtor !== null && promiseCtor !== void 0 ? promiseCtor : config.Promise) !== null && _a11 !== void 0 ? _a11 : Promise;
+  var _a12;
+  return (_a12 = promiseCtor !== null && promiseCtor !== void 0 ? promiseCtor : config.Promise) !== null && _a12 !== void 0 ? _a12 : Promise;
 }
 __name(getPromiseCtor, "getPromiseCtor");
 function isObserver(value2) {
@@ -41180,11 +41180,11 @@ var OperatorSubscriber = (function(_super) {
   }
   __name(OperatorSubscriber2, "OperatorSubscriber");
   OperatorSubscriber2.prototype.unsubscribe = function() {
-    var _a11;
+    var _a12;
     if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {
       var closed_1 = this.closed;
       _super.prototype.unsubscribe.call(this);
-      !closed_1 && ((_a11 = this.onFinalize) === null || _a11 === void 0 ? void 0 : _a11.call(this));
+      !closed_1 && ((_a12 = this.onFinalize) === null || _a12 === void 0 ? void 0 : _a12.call(this));
     }
   };
   return OperatorSubscriber2;
@@ -41226,7 +41226,7 @@ var Subject = (function(_super) {
   Subject2.prototype.next = function(value2) {
     var _this = this;
     errorContext(function() {
-      var e_1, _a11;
+      var e_1, _a12;
       _this._throwIfClosed();
       if (!_this.isStopped) {
         if (!_this.currentObservers) {
@@ -41241,7 +41241,7 @@ var Subject = (function(_super) {
           e_1 = { error: e_1_1 };
         } finally {
           try {
-            if (_c && !_c.done && (_a11 = _b.return)) _a11.call(_b);
+            if (_c && !_c.done && (_a12 = _b.return)) _a12.call(_b);
           } finally {
             if (e_1) throw e_1.error;
           }
@@ -41282,8 +41282,8 @@ var Subject = (function(_super) {
   };
   Object.defineProperty(Subject2.prototype, "observed", {
     get: /* @__PURE__ */ __name(function() {
-      var _a11;
-      return ((_a11 = this.observers) === null || _a11 === void 0 ? void 0 : _a11.length) > 0;
+      var _a12;
+      return ((_a12 = this.observers) === null || _a12 === void 0 ? void 0 : _a12.length) > 0;
     }, "get"),
     enumerable: false,
     configurable: true
@@ -41299,7 +41299,7 @@ var Subject = (function(_super) {
   };
   Subject2.prototype._innerSubscribe = function(subscriber) {
     var _this = this;
-    var _a11 = this, hasError = _a11.hasError, isStopped = _a11.isStopped, observers = _a11.observers;
+    var _a12 = this, hasError = _a12.hasError, isStopped = _a12.isStopped, observers = _a12.observers;
     if (hasError || isStopped) {
       return EMPTY_SUBSCRIPTION;
     }
@@ -41311,7 +41311,7 @@ var Subject = (function(_super) {
     });
   };
   Subject2.prototype._checkFinalizedStatuses = function(subscriber) {
-    var _a11 = this, hasError = _a11.hasError, thrownError = _a11.thrownError, isStopped = _a11.isStopped;
+    var _a12 = this, hasError = _a12.hasError, thrownError = _a12.thrownError, isStopped = _a12.isStopped;
     if (hasError) {
       subscriber.error(thrownError);
     } else if (isStopped) {
@@ -41338,20 +41338,20 @@ var AnonymousSubject = (function(_super) {
   }
   __name(AnonymousSubject2, "AnonymousSubject");
   AnonymousSubject2.prototype.next = function(value2) {
-    var _a11, _b;
-    (_b = (_a11 = this.destination) === null || _a11 === void 0 ? void 0 : _a11.next) === null || _b === void 0 ? void 0 : _b.call(_a11, value2);
+    var _a12, _b;
+    (_b = (_a12 = this.destination) === null || _a12 === void 0 ? void 0 : _a12.next) === null || _b === void 0 ? void 0 : _b.call(_a12, value2);
   };
   AnonymousSubject2.prototype.error = function(err) {
-    var _a11, _b;
-    (_b = (_a11 = this.destination) === null || _a11 === void 0 ? void 0 : _a11.error) === null || _b === void 0 ? void 0 : _b.call(_a11, err);
+    var _a12, _b;
+    (_b = (_a12 = this.destination) === null || _a12 === void 0 ? void 0 : _a12.error) === null || _b === void 0 ? void 0 : _b.call(_a12, err);
   };
   AnonymousSubject2.prototype.complete = function() {
-    var _a11, _b;
-    (_b = (_a11 = this.destination) === null || _a11 === void 0 ? void 0 : _a11.complete) === null || _b === void 0 ? void 0 : _b.call(_a11);
+    var _a12, _b;
+    (_b = (_a12 = this.destination) === null || _a12 === void 0 ? void 0 : _a12.complete) === null || _b === void 0 ? void 0 : _b.call(_a12);
   };
   AnonymousSubject2.prototype._subscribe = function(subscriber) {
-    var _a11, _b;
-    return (_b = (_a11 = this.source) === null || _a11 === void 0 ? void 0 : _a11.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;
+    var _a12, _b;
+    return (_b = (_a12 = this.source) === null || _a12 === void 0 ? void 0 : _a12.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;
   };
   return AnonymousSubject2;
 })(Subject);
@@ -41378,7 +41378,7 @@ var BehaviorSubject = (function(_super) {
     return subscription;
   };
   BehaviorSubject2.prototype.getValue = function() {
-    var _a11 = this, hasError = _a11.hasError, thrownError = _a11.thrownError, _value = _a11._value;
+    var _a12 = this, hasError = _a12.hasError, thrownError = _a12.thrownError, _value = _a12._value;
     if (hasError) {
       throw thrownError;
     }
@@ -41425,7 +41425,7 @@ var ReplaySubject = (function(_super) {
   }
   __name(ReplaySubject2, "ReplaySubject");
   ReplaySubject2.prototype.next = function(value2) {
-    var _a11 = this, isStopped = _a11.isStopped, _buffer = _a11._buffer, _infiniteTimeWindow = _a11._infiniteTimeWindow, _timestampProvider = _a11._timestampProvider, _windowTime = _a11._windowTime;
+    var _a12 = this, isStopped = _a12.isStopped, _buffer = _a12._buffer, _infiniteTimeWindow = _a12._infiniteTimeWindow, _timestampProvider = _a12._timestampProvider, _windowTime = _a12._windowTime;
     if (!isStopped) {
       _buffer.push(value2);
       !_infiniteTimeWindow && _buffer.push(_timestampProvider.now() + _windowTime);
@@ -41437,7 +41437,7 @@ var ReplaySubject = (function(_super) {
     this._throwIfClosed();
     this._trimBuffer();
     var subscription = this._innerSubscribe(subscriber);
-    var _a11 = this, _infiniteTimeWindow = _a11._infiniteTimeWindow, _buffer = _a11._buffer;
+    var _a12 = this, _infiniteTimeWindow = _a12._infiniteTimeWindow, _buffer = _a12._buffer;
     var copy = _buffer.slice();
     for (var i11 = 0; i11 < copy.length && !subscriber.closed; i11 += _infiniteTimeWindow ? 1 : 2) {
       subscriber.next(copy[i11]);
@@ -41446,7 +41446,7 @@ var ReplaySubject = (function(_super) {
     return subscription;
   };
   ReplaySubject2.prototype._trimBuffer = function() {
-    var _a11 = this, _bufferSize = _a11._bufferSize, _timestampProvider = _a11._timestampProvider, _buffer = _a11._buffer, _infiniteTimeWindow = _a11._infiniteTimeWindow;
+    var _a12 = this, _bufferSize = _a12._bufferSize, _timestampProvider = _a12._timestampProvider, _buffer = _a12._buffer, _infiniteTimeWindow = _a12._infiniteTimeWindow;
     var adjustedBufferSize = (_infiniteTimeWindow ? 1 : 2) * _bufferSize;
     _bufferSize < Infinity && adjustedBufferSize < _buffer.length && _buffer.splice(0, _buffer.length - adjustedBufferSize);
     if (!_infiniteTimeWindow) {
@@ -41509,7 +41509,7 @@ var AsyncAction = (function(_super) {
   }
   __name(AsyncAction2, "AsyncAction");
   AsyncAction2.prototype.schedule = function(state, delay2) {
-    var _a11;
+    var _a12;
     if (delay2 === void 0) {
       delay2 = 0;
     }
@@ -41524,7 +41524,7 @@ var AsyncAction = (function(_super) {
     }
     this.pending = true;
     this.delay = delay2;
-    this.id = (_a11 = this.id) !== null && _a11 !== void 0 ? _a11 : this.requestAsyncId(scheduler, this.id, delay2);
+    this.id = (_a12 = this.id) !== null && _a12 !== void 0 ? _a12 : this.requestAsyncId(scheduler, this.id, delay2);
     return this;
   };
   AsyncAction2.prototype.requestAsyncId = function(scheduler, _id, delay2) {
@@ -41573,7 +41573,7 @@ var AsyncAction = (function(_super) {
   };
   AsyncAction2.prototype.unsubscribe = function() {
     if (!this.closed) {
-      var _a11 = this, id = _a11.id, scheduler = _a11.scheduler;
+      var _a12 = this, id = _a12.id, scheduler = _a12.scheduler;
       var actions = scheduler.actions;
       this.work = this.state = this.scheduler = null;
       this.pending = false;
@@ -41721,7 +41721,7 @@ __name(isIterable, "isIterable");
 // node_modules/.pnpm/rxjs@7.8.2/node_modules/rxjs/dist/esm5/internal/util/isReadableStreamLike.js
 function readableStreamLikeToAsyncGenerator(readableStream) {
   return __asyncGenerator(this, arguments, /* @__PURE__ */ __name(function readableStreamLikeToAsyncGenerator_1() {
-    var reader, _a11, value2, done;
+    var reader, _a12, value2, done;
     return __generator(this, function(_b) {
       switch (_b.label) {
         case 0:
@@ -41734,7 +41734,7 @@ function readableStreamLikeToAsyncGenerator(readableStream) {
           if (false) return [3, 8];
           return [4, __await(reader.read())];
         case 3:
-          _a11 = _b.sent(), value2 = _a11.value, done = _a11.done;
+          _a12 = _b.sent(), value2 = _a12.value, done = _a12.done;
           if (!done) return [3, 5];
           return [4, __await(void 0)];
         case 4:
@@ -41825,7 +41825,7 @@ function fromPromise(promise) {
 __name(fromPromise, "fromPromise");
 function fromIterable(iterable) {
   return new Observable(function(subscriber) {
-    var e_1, _a11;
+    var e_1, _a12;
     try {
       for (var iterable_1 = __values(iterable), iterable_1_1 = iterable_1.next(); !iterable_1_1.done; iterable_1_1 = iterable_1.next()) {
         var value2 = iterable_1_1.value;
@@ -41838,7 +41838,7 @@ function fromIterable(iterable) {
       e_1 = { error: e_1_1 };
     } finally {
       try {
-        if (iterable_1_1 && !iterable_1_1.done && (_a11 = iterable_1.return)) _a11.call(iterable_1);
+        if (iterable_1_1 && !iterable_1_1.done && (_a12 = iterable_1.return)) _a12.call(iterable_1);
       } finally {
         if (e_1) throw e_1.error;
       }
@@ -41861,7 +41861,7 @@ function fromReadableStreamLike(readableStream) {
 __name(fromReadableStreamLike, "fromReadableStreamLike");
 function process2(asyncIterable, subscriber) {
   var asyncIterable_1, asyncIterable_1_1;
-  var e_2, _a11;
+  var e_2, _a12;
   return __awaiter(this, void 0, void 0, function() {
     var value2, e_2_1;
     return __generator(this, function(_b) {
@@ -41890,8 +41890,8 @@ function process2(asyncIterable, subscriber) {
           return [3, 11];
         case 6:
           _b.trys.push([6, , 9, 10]);
-          if (!(asyncIterable_1_1 && !asyncIterable_1_1.done && (_a11 = asyncIterable_1.return))) return [3, 8];
-          return [4, _a11.call(asyncIterable_1)];
+          if (!(asyncIterable_1_1 && !asyncIterable_1_1.done && (_a12 = asyncIterable_1.return))) return [3, 8];
+          return [4, _a12.call(asyncIterable_1)];
         case 7:
           _b.sent();
           _b.label = 8;
@@ -42007,11 +42007,11 @@ function scheduleIterable(input, scheduler) {
     executeSchedule(subscriber, scheduler, function() {
       iterator2 = input[iterator]();
       executeSchedule(subscriber, scheduler, function() {
-        var _a11;
+        var _a12;
         var value2;
         var done;
         try {
-          _a11 = iterator2.next(), value2 = _a11.value, done = _a11.done;
+          _a12 = iterator2.next(), value2 = _a12.value, done = _a12.done;
         } catch (err) {
           subscriber.error(err);
           return;
@@ -42174,7 +42174,7 @@ function combineLatest() {
   }
   var scheduler = popScheduler(args);
   var resultSelector = popResultSelector(args);
-  var _a11 = argsArgArrayOrObject(args), observables = _a11.args, keys2 = _a11.keys;
+  var _a12 = argsArgArrayOrObject(args), observables = _a12.args, keys2 = _a12.keys;
   if (observables.length === 0) {
     return from([], scheduler);
   }
@@ -42348,11 +42348,11 @@ function fromEvent(target, eventName, options, resultSelector) {
   if (resultSelector) {
     return fromEvent(target, eventName, options).pipe(mapOneOrManyArgs(resultSelector));
   }
-  var _a11 = __read(isEventTarget(target) ? eventTargetMethods.map(function(methodName) {
+  var _a12 = __read(isEventTarget(target) ? eventTargetMethods.map(function(methodName) {
     return function(handler2) {
       return target[methodName](eventName, handler2, options);
     };
-  }) : isNodeStyleEventEmitter(target) ? nodeEventEmitterMethods.map(toCommonHandlerRegistry(target, eventName)) : isJQueryStyleEventEmitter(target) ? jqueryMethods.map(toCommonHandlerRegistry(target, eventName)) : [], 2), add2 = _a11[0], remove2 = _a11[1];
+  }) : isNodeStyleEventEmitter(target) ? nodeEventEmitterMethods.map(toCommonHandlerRegistry(target, eventName)) : isJQueryStyleEventEmitter(target) ? jqueryMethods.map(toCommonHandlerRegistry(target, eventName)) : [], 2), add2 = _a12[0], remove2 = _a12[1];
   if (!add2) {
     if (isArrayLike(target)) {
       return mergeMap(function(subTarget) {
@@ -42493,7 +42493,7 @@ function bufferCount(bufferSize, startBufferEvery) {
     var buffers = [];
     var count2 = 0;
     source.subscribe(createOperatorSubscriber(subscriber, function(value2) {
-      var e_1, _a11, e_2, _b;
+      var e_1, _a12, e_2, _b;
       var toEmit = null;
       if (count2++ % startBufferEvery === 0) {
         buffers.push([]);
@@ -42511,7 +42511,7 @@ function bufferCount(bufferSize, startBufferEvery) {
         e_1 = { error: e_1_1 };
       } finally {
         try {
-          if (buffers_1_1 && !buffers_1_1.done && (_a11 = buffers_1.return)) _a11.call(buffers_1);
+          if (buffers_1_1 && !buffers_1_1.done && (_a12 = buffers_1.return)) _a12.call(buffers_1);
         } finally {
           if (e_1) throw e_1.error;
         }
@@ -42534,7 +42534,7 @@ function bufferCount(bufferSize, startBufferEvery) {
         }
       }
     }, function() {
-      var e_3, _a11;
+      var e_3, _a12;
       try {
         for (var buffers_2 = __values(buffers), buffers_2_1 = buffers_2.next(); !buffers_2_1.done; buffers_2_1 = buffers_2.next()) {
           var buffer2 = buffers_2_1.value;
@@ -42544,7 +42544,7 @@ function bufferCount(bufferSize, startBufferEvery) {
         e_3 = { error: e_3_1 };
       } finally {
         try {
-          if (buffers_2_1 && !buffers_2_1.done && (_a11 = buffers_2.return)) _a11.call(buffers_2);
+          if (buffers_2_1 && !buffers_2_1.done && (_a12 = buffers_2.return)) _a12.call(buffers_2);
         } finally {
           if (e_3) throw e_3.error;
         }
@@ -42559,12 +42559,12 @@ __name(bufferCount, "bufferCount");
 
 // node_modules/.pnpm/rxjs@7.8.2/node_modules/rxjs/dist/esm5/internal/operators/bufferTime.js
 function bufferTime(bufferTimeSpan) {
-  var _a11, _b;
+  var _a12, _b;
   var otherArgs = [];
   for (var _i = 1; _i < arguments.length; _i++) {
     otherArgs[_i - 1] = arguments[_i];
   }
-  var scheduler = (_a11 = popScheduler(otherArgs)) !== null && _a11 !== void 0 ? _a11 : asyncScheduler;
+  var scheduler = (_a12 = popScheduler(otherArgs)) !== null && _a12 !== void 0 ? _a12 : asyncScheduler;
   var bufferCreationInterval = (_b = otherArgs[0]) !== null && _b !== void 0 ? _b : null;
   var maxBufferSize = otherArgs[1] || Infinity;
   return operate(function(source, subscriber) {
@@ -42599,7 +42599,7 @@ function bufferTime(bufferTimeSpan) {
     }
     startBuffer();
     var bufferTimeSubscriber = createOperatorSubscriber(subscriber, function(value2) {
-      var e_1, _a12;
+      var e_1, _a13;
       var recordsCopy = bufferRecords.slice();
       try {
         for (var recordsCopy_1 = __values(recordsCopy), recordsCopy_1_1 = recordsCopy_1.next(); !recordsCopy_1_1.done; recordsCopy_1_1 = recordsCopy_1.next()) {
@@ -42612,7 +42612,7 @@ function bufferTime(bufferTimeSpan) {
         e_1 = { error: e_1_1 };
       } finally {
         try {
-          if (recordsCopy_1_1 && !recordsCopy_1_1.done && (_a12 = recordsCopy_1.return)) _a12.call(recordsCopy_1);
+          if (recordsCopy_1_1 && !recordsCopy_1_1.done && (_a13 = recordsCopy_1.return)) _a13.call(recordsCopy_1);
         } finally {
           if (e_1) throw e_1.error;
         }
@@ -42740,9 +42740,9 @@ function share(options) {
   if (options === void 0) {
     options = {};
   }
-  var _a11 = options.connector, connector = _a11 === void 0 ? function() {
+  var _a12 = options.connector, connector = _a12 === void 0 ? function() {
     return new Subject();
-  } : _a11, _b = options.resetOnError, resetOnError = _b === void 0 ? true : _b, _c = options.resetOnComplete, resetOnComplete = _c === void 0 ? true : _c, _d = options.resetOnRefCountZero, resetOnRefCountZero = _d === void 0 ? true : _d;
+  } : _a12, _b = options.resetOnError, resetOnError = _b === void 0 ? true : _b, _c = options.resetOnComplete, resetOnComplete = _c === void 0 ? true : _c, _d = options.resetOnRefCountZero, resetOnRefCountZero = _d === void 0 ? true : _d;
   return function(wrapperSource) {
     var connection;
     var resetConnection;
@@ -42825,11 +42825,11 @@ __name(handleReset, "handleReset");
 
 // node_modules/.pnpm/rxjs@7.8.2/node_modules/rxjs/dist/esm5/internal/operators/shareReplay.js
 function shareReplay(configOrBufferSize, windowTime2, scheduler) {
-  var _a11, _b, _c;
+  var _a12, _b, _c;
   var bufferSize;
   var refCount2 = false;
   if (configOrBufferSize && typeof configOrBufferSize === "object") {
-    _a11 = configOrBufferSize.bufferSize, bufferSize = _a11 === void 0 ? Infinity : _a11, _b = configOrBufferSize.windowTime, windowTime2 = _b === void 0 ? Infinity : _b, _c = configOrBufferSize.refCount, refCount2 = _c === void 0 ? false : _c, scheduler = configOrBufferSize.scheduler;
+    _a12 = configOrBufferSize.bufferSize, bufferSize = _a12 === void 0 ? Infinity : _a12, _b = configOrBufferSize.windowTime, windowTime2 = _b === void 0 ? Infinity : _b, _c = configOrBufferSize.refCount, refCount2 = _c === void 0 ? false : _c, scheduler = configOrBufferSize.scheduler;
   } else {
     bufferSize = configOrBufferSize !== null && configOrBufferSize !== void 0 ? configOrBufferSize : Infinity;
   }
@@ -42871,7 +42871,7 @@ __name(takeUntil, "takeUntil");
 // node_modules/.pnpm/rxjs@7.8.2/node_modules/rxjs/dist/esm5/internal/operators/throttle.js
 function throttle(durationSelector, config3) {
   return operate(function(source, subscriber) {
-    var _a11 = config3 !== null && config3 !== void 0 ? config3 : {}, _b = _a11.leading, leading = _b === void 0 ? true : _b, _c = _a11.trailing, trailing = _c === void 0 ? false : _c;
+    var _a12 = config3 !== null && config3 !== void 0 ? config3 : {}, _b = _a12.leading, leading = _b === void 0 ? true : _b, _c = _a12.trailing, trailing = _c === void 0 ? false : _c;
     var hasValue = false;
     var sendValue = null;
     var throttled = null;
@@ -91531,6 +91531,7 @@ var setupWccTools = /* @__PURE__ */ __name((configOrElements, pagesArg) => {
 // ts_web/elements/index.ts
 var elements_exports = {};
 __export(elements_exports, {
+  SdigContextmenu: () => SdigContextmenu,
   SdigWorkspace: () => SdigWorkspace,
   SdigWorkspaceAudit: () => SdigWorkspaceAudit,
   SdigWorkspaceCompose: () => SdigWorkspaceCompose,
@@ -91553,10 +91554,222 @@ __export(elements_exports, {
   workspaceDemoFrame: () => workspaceDemoFrame
 });
 
+// ts_web/elements/sdig-contextmenu/sdig-contextmenu.ts
+var _position_dec, _actions_dec, _title_dec, _anchorY_dec, _anchorX_dec, _a, _SdigContextmenu_decorators, _init, _anchorX, _anchorY, _title, _actions, _position;
+_SdigContextmenu_decorators = [customElement("sdig-contextmenu")];
+var _SdigContextmenu = class _SdigContextmenu extends (_a = DeesElement, _anchorX_dec = [n5({ type: Number })], _anchorY_dec = [n5({ type: Number })], _title_dec = [n5({ type: String })], _actions_dec = [n5({ attribute: false })], _position_dec = [r5()], _a) {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _anchorX, __runInitializers(_init, 8, this, 0)), __runInitializers(_init, 11, this);
+    __privateAdd(this, _anchorY, __runInitializers(_init, 12, this, 0)), __runInitializers(_init, 15, this);
+    __privateAdd(this, _title, __runInitializers(_init, 16, this, "")), __runInitializers(_init, 19, this);
+    __privateAdd(this, _actions, __runInitializers(_init, 20, this, [])), __runInitializers(_init, 23, this);
+    __privateAdd(this, _position, __runInitializers(_init, 24, this, { x: 0, y: 0, ready: false })), __runInitializers(_init, 27, this);
+    __publicField(this, "positionUpdateFrame", null);
+    __publicField(this, "connectedCallback", /* @__PURE__ */ __name(async () => {
+      await super.connectedCallback();
+      window.addEventListener("resize", this.queuePositionUpdate);
+    }, "connectedCallback"));
+    __publicField(this, "disconnectedCallback", /* @__PURE__ */ __name(async () => {
+      window.removeEventListener("resize", this.queuePositionUpdate);
+      if (this.positionUpdateFrame !== null) {
+        globalThis.cancelAnimationFrame(this.positionUpdateFrame);
+        this.positionUpdateFrame = null;
+      }
+      await super.disconnectedCallback();
+    }, "disconnectedCallback"));
+    __publicField(this, "queuePositionUpdate", /* @__PURE__ */ __name(() => {
+      if (this.positionUpdateFrame !== null) return;
+      this.positionUpdateFrame = globalThis.requestAnimationFrame(() => {
+        this.positionUpdateFrame = null;
+        this.positionMenu();
+      });
+    }, "queuePositionUpdate"));
+  }
+  updated() {
+    this.queuePositionUpdate();
+  }
+  positionMenu() {
+    const menu = this.shadowRoot?.querySelector(".menu");
+    if (!menu) return;
+    const margin = 8;
+    const gap = 4;
+    const rect = menu.getBoundingClientRect();
+    const viewportWidth = globalThis.innerWidth;
+    const viewportHeight = globalThis.innerHeight;
+    const spaceRight = viewportWidth - this.anchorX - margin;
+    const spaceLeft = this.anchorX - margin;
+    const spaceBelow = viewportHeight - this.anchorY - margin;
+    const spaceAbove = this.anchorY - margin;
+    let x4 = this.anchorX + gap;
+    let y4 = this.anchorY + gap;
+    if (spaceRight < rect.width + gap && spaceLeft > spaceRight) {
+      x4 = this.anchorX - rect.width - gap;
+    }
+    if (spaceBelow < rect.height + gap && spaceAbove > spaceBelow) {
+      y4 = this.anchorY - rect.height - gap;
+    }
+    const maxX = Math.max(margin, viewportWidth - rect.width - margin);
+    const maxY = Math.max(margin, viewportHeight - rect.height - margin);
+    const nextPosition = {
+      x: Math.round(Math.max(margin, Math.min(maxX, x4))),
+      y: Math.round(Math.max(margin, Math.min(maxY, y4))),
+      ready: true
+    };
+    if (this.position.x !== nextPosition.x || this.position.y !== nextPosition.y || this.position.ready !== nextPosition.ready) {
+      this.position = nextPosition;
+    }
+  }
+  selectAction(action) {
+    if (action.disabled) return;
+    this.dispatchEvent(new CustomEvent("contextmenu-action", {
+      detail: { id: action.id, action },
+      bubbles: true,
+      composed: true
+    }));
+  }
+  render() {
+    const x4 = this.position.ready ? this.position.x : this.anchorX;
+    const y4 = this.position.ready ? this.position.y : this.anchorY;
+    return b2`
+      <div class="menu" style="left: ${x4}px; top: ${y4}px; visibility: ${this.position.ready ? "visible" : "hidden"};" @click=${(event) => event.stopPropagation()} @contextmenu=${(event) => event.preventDefault()}>
+        ${this.title ? b2`<div class="title">${this.title}</div>` : ""}
+        ${this.actions.map((action) => b2`
+          <button class="action ${action.danger ? "danger" : ""}" ?disabled=${action.disabled} @click=${() => this.selectAction(action)}>
+            <span class="action-mark ${action.selected ? "selected" : ""}"></span>
+            <span class="action-copy">
+              <span class="action-label">${action.label}</span>
+              ${action.description ? b2`<span class="action-description">${action.description}</span>` : ""}
+            </span>
+          </button>
+        `)}
+      </div>
+    `;
+  }
+};
+_init = __decoratorStart(_a);
+_anchorX = new WeakMap();
+_anchorY = new WeakMap();
+_title = new WeakMap();
+_actions = new WeakMap();
+_position = new WeakMap();
+__decorateElement(_init, 4, "anchorX", _anchorX_dec, _SdigContextmenu, _anchorX);
+__decorateElement(_init, 4, "anchorY", _anchorY_dec, _SdigContextmenu, _anchorY);
+__decorateElement(_init, 4, "title", _title_dec, _SdigContextmenu, _title);
+__decorateElement(_init, 4, "actions", _actions_dec, _SdigContextmenu, _actions);
+__decorateElement(_init, 4, "position", _position_dec, _SdigContextmenu, _position);
+_SdigContextmenu = __decorateElement(_init, 0, "SdigContextmenu", _SdigContextmenu_decorators, _SdigContextmenu);
+__name(_SdigContextmenu, "SdigContextmenu");
+__publicField(_SdigContextmenu, "demo", /* @__PURE__ */ __name(() => b2`
+    <div style="position: relative; min-height: 260px; padding: 24px; --bg-card: hsl(0 0% 7%); --bg-input: hsl(0 0% 9%); --border: hsl(0 0% 14.9%); --border-subtle: hsl(0 0% 11%); --text: hsl(0 0% 98%); --text-sec: hsl(0 0% 63.9%); --text-muted: hsl(0 0% 48%); --hover: rgba(255,255,255,0.06); --error: #ef4444;">
+      <sdig-contextmenu
+        .anchorX=${80}
+        .anchorY=${70}
+        .title=${"Recipient"}
+        .actions=${[
+  { id: "signer", label: "Needs signature", selected: true },
+  { id: "copy", label: "Final copy only" },
+  { id: "updates", label: "Every step update" }
+]}
+      ></sdig-contextmenu>
+    </div>
+  `, "demo"));
+__publicField(_SdigContextmenu, "demoGroups", ["Signature Digital Primitives"]);
+__publicField(_SdigContextmenu, "styles", i`
+    :host { display: contents; }
+
+    .menu {
+      position: fixed;
+      z-index: 1000;
+      min-width: 190px;
+      max-width: min(280px, calc(100vw - 16px));
+      padding: 6px;
+      border: 1px solid var(--border, hsl(0 0% 14.9%));
+      border-radius: 8px;
+      background: var(--bg-card, hsl(0 0% 7%));
+      color: var(--text, hsl(0 0% 98%));
+      box-shadow: 0 16px 42px rgba(0,0,0,0.36);
+      box-sizing: border-box;
+    }
+
+    .title {
+      padding: 7px 8px;
+      margin-bottom: 4px;
+      border-bottom: 1px solid var(--border-subtle, hsl(0 0% 11%));
+      font-size: 11px;
+      font-weight: 700;
+      color: var(--text-sec, hsl(0 0% 63.9%));
+    }
+
+    .action {
+      width: 100%;
+      min-height: 34px;
+      padding: 8px;
+      border: 0;
+      border-radius: 6px;
+      background: transparent;
+      color: var(--text-sec, hsl(0 0% 63.9%));
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      text-align: left;
+      font: inherit;
+      font-size: 11px;
+      cursor: pointer;
+    }
+
+    .action:hover { background: var(--hover, rgba(255,255,255,0.06)); color: var(--text, hsl(0 0% 98%)); }
+    .action.danger { color: var(--error, #ef4444); }
+    .action[disabled] { opacity: 0.45; cursor: not-allowed; }
+    .action[disabled]:hover { background: transparent; color: var(--text-sec, hsl(0 0% 63.9%)); }
+
+    .action-mark {
+      width: 12px;
+      height: 12px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    .action-mark.selected::before {
+      content: '';
+      width: 7px;
+      height: 4px;
+      border-left: 1.5px solid currentColor;
+      border-bottom: 1.5px solid currentColor;
+      transform: rotate(-45deg) translate(1px, -1px);
+    }
+
+    .action-copy {
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .action-label {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .action-description {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      color: var(--text-muted, hsl(0 0% 48%));
+      font-size: 10px;
+      line-height: 1.25;
+    }
+  `);
+__runInitializers(_init, 1, _SdigContextmenu);
+var SdigContextmenu = _SdigContextmenu;
+
 // ts_web/elements/sdig-signbox/sdig-signbox.ts
-var _SignBox_decorators, _init, _a;
+var _SignBox_decorators, _init2, _a2;
 _SignBox_decorators = [customElement("sdig-signbox")];
-var SignBox = class extends (_a = DeesElement) {
+var SignBox = class extends (_a2 = DeesElement) {
   static {
     __name(this, "SignBox");
   }
@@ -91656,9 +91869,9 @@ var SignBox = class extends (_a = DeesElement) {
     `;
   }
 };
-_init = __decoratorStart(_a);
-SignBox = __decorateElement(_init, 0, "SignBox", _SignBox_decorators, SignBox);
-__runInitializers(_init, 1, SignBox);
+_init2 = __decoratorStart(_a2);
+SignBox = __decorateElement(_init2, 0, "SignBox", _SignBox_decorators, SignBox);
+__runInitializers(_init2, 1, SignBox);
 
 // node_modules/.pnpm/signature_pad@5.1.3/node_modules/signature_pad/dist/signature_pad.js
 var Point = class {
@@ -92447,9 +92660,9 @@ var SignaturePad = class _SignaturePad extends SignatureEventTarget {
 var signaturePad = SignaturePad;
 
 // ts_web/elements/sdig-signpad/sdig-signpad.ts
-var _SignPad_decorators, _init2, _a2;
+var _SignPad_decorators, _init3, _a3;
 _SignPad_decorators = [customElement("sdig-signpad")];
-var SignPad = class extends (_a2 = DeesElement) {
+var SignPad = class extends (_a3 = DeesElement) {
   static {
     __name(this, "SignPad");
   }
@@ -92543,9 +92756,9 @@ var SignPad = class extends (_a2 = DeesElement) {
     await this.fromData(data);
   }
 };
-_init2 = __decoratorStart(_a2);
-SignPad = __decorateElement(_init2, 0, "SignPad", _SignPad_decorators, SignPad);
-__runInitializers(_init2, 1, SignPad);
+_init3 = __decoratorStart(_a3);
+SignPad = __decorateElement(_init3, 0, "SignPad", _SignPad_decorators, SignPad);
+__runInitializers(_init3, 1, SignPad);
 
 // node_modules/.pnpm/@design.estate+dees-catalog@3.81.0_@tiptap+pm@2.27.2/node_modules/@design.estate/dees-catalog/ts_web/elements/00theme.ts
 var themeDefaults = {
@@ -131883,7 +132096,7 @@ var demoFunc = /* @__PURE__ */ __name(() => {
 }, "demoFunc");
 
 // node_modules/.pnpm/@design.estate+dees-catalog@3.81.0_@tiptap+pm@2.27.2/node_modules/@design.estate/dees-catalog/ts_web/elements/00group-utility/dees-icon/dees-icon.ts
-var _strokeWidth_dec, _color_dec, _iconSize_dec, _icon_dec, _iconFA_dec, _a3, _DeesIcon_decorators, _init3, _iconFA, _icon, _iconSize, _color, _strokeWidth;
+var _strokeWidth_dec, _color_dec, _iconSize_dec, _icon_dec, _iconFA_dec, _a4, _DeesIcon_decorators, _init4, _iconFA, _icon, _iconSize, _color, _strokeWidth;
 var faIcons2 = {
   // normal
   arrowRight: faArrowRight,
@@ -131957,7 +132170,7 @@ function limitCacheSize() {
 }
 __name(limitCacheSize, "limitCacheSize");
 _DeesIcon_decorators = [customElement("dees-icon")];
-var _DeesIcon = class _DeesIcon extends (_a3 = DeesElement, _iconFA_dec = [n5({
+var _DeesIcon = class _DeesIcon extends (_a4 = DeesElement, _iconFA_dec = [n5({
   type: String,
   converter: {
     // Convert attribute string to property (for reflected attributes)
@@ -131971,14 +132184,14 @@ var _DeesIcon = class _DeesIcon extends (_a3 = DeesElement, _iconFA_dec = [n5({
     fromAttribute: /* @__PURE__ */ __name((value2) => value2, "fromAttribute"),
     toAttribute: /* @__PURE__ */ __name((value2) => value2, "toAttribute")
   }
-})], _iconSize_dec = [n5({ type: Number })], _color_dec = [n5({ type: String })], _strokeWidth_dec = [n5({ type: Number })], _a3) {
+})], _iconSize_dec = [n5({ type: Number })], _color_dec = [n5({ type: String })], _strokeWidth_dec = [n5({ type: Number })], _a4) {
   constructor() {
     super();
-    __privateAdd(this, _iconFA, __runInitializers(_init3, 8, this)), __runInitializers(_init3, 11, this);
-    __privateAdd(this, _icon, __runInitializers(_init3, 12, this)), __runInitializers(_init3, 15, this);
-    __privateAdd(this, _iconSize, __runInitializers(_init3, 16, this)), __runInitializers(_init3, 19, this);
-    __privateAdd(this, _color, __runInitializers(_init3, 20, this, "currentColor")), __runInitializers(_init3, 23, this);
-    __privateAdd(this, _strokeWidth, __runInitializers(_init3, 24, this, 2)), __runInitializers(_init3, 27, this);
+    __privateAdd(this, _iconFA, __runInitializers(_init4, 8, this)), __runInitializers(_init4, 11, this);
+    __privateAdd(this, _icon, __runInitializers(_init4, 12, this)), __runInitializers(_init4, 15, this);
+    __privateAdd(this, _iconSize, __runInitializers(_init4, 16, this)), __runInitializers(_init4, 19, this);
+    __privateAdd(this, _color, __runInitializers(_init4, 20, this, "currentColor")), __runInitializers(_init4, 23, this);
+    __privateAdd(this, _strokeWidth, __runInitializers(_init4, 24, this, 2)), __runInitializers(_init4, 27, this);
     // For tracking when we need to re-render
     __publicField(this, "lastIcon", null);
     __publicField(this, "lastIconSize", null);
@@ -132133,18 +132346,18 @@ var _DeesIcon = class _DeesIcon extends (_a3 = DeesElement, _iconFA_dec = [n5({
     this.lastStrokeWidth = null;
   }
 };
-_init3 = __decoratorStart(_a3);
+_init4 = __decoratorStart(_a4);
 _iconFA = new WeakMap();
 _icon = new WeakMap();
 _iconSize = new WeakMap();
 _color = new WeakMap();
 _strokeWidth = new WeakMap();
-__decorateElement(_init3, 4, "iconFA", _iconFA_dec, _DeesIcon, _iconFA);
-__decorateElement(_init3, 4, "icon", _icon_dec, _DeesIcon, _icon);
-__decorateElement(_init3, 4, "iconSize", _iconSize_dec, _DeesIcon, _iconSize);
-__decorateElement(_init3, 4, "color", _color_dec, _DeesIcon, _color);
-__decorateElement(_init3, 4, "strokeWidth", _strokeWidth_dec, _DeesIcon, _strokeWidth);
-_DeesIcon = __decorateElement(_init3, 0, "DeesIcon", _DeesIcon_decorators, _DeesIcon);
+__decorateElement(_init4, 4, "iconFA", _iconFA_dec, _DeesIcon, _iconFA);
+__decorateElement(_init4, 4, "icon", _icon_dec, _DeesIcon, _icon);
+__decorateElement(_init4, 4, "iconSize", _iconSize_dec, _DeesIcon, _iconSize);
+__decorateElement(_init4, 4, "color", _color_dec, _DeesIcon, _color);
+__decorateElement(_init4, 4, "strokeWidth", _strokeWidth_dec, _DeesIcon, _strokeWidth);
+_DeesIcon = __decorateElement(_init4, 0, "DeesIcon", _DeesIcon_decorators, _DeesIcon);
 __name(_DeesIcon, "DeesIcon");
 __publicField(_DeesIcon, "demo", demoFunc);
 __publicField(_DeesIcon, "demoGroups", ["Utility"]);
@@ -132172,7 +132385,7 @@ __publicField(_DeesIcon, "styles", [
       }
     `
 ]);
-__runInitializers(_init3, 1, _DeesIcon);
+__runInitializers(_init4, 1, _DeesIcon);
 var DeesIcon = _DeesIcon;
 
 // ts_web/elements/sdig-workspace/sdig-workspace.shared.ts
@@ -132185,9 +132398,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" },
@@ -132590,14 +132803,14 @@ function requestWorkspaceView(element4, view2) {
 __name(requestWorkspaceView, "requestWorkspaceView");
 
 // ts_web/elements/sdig-workspace/sdig-workspace-inbox.ts
-var _search_dec, _filter_dec, _density_dec, _a4, _SdigWorkspaceInbox_decorators, _init4, _density, _filter, _search;
+var _search_dec, _filter_dec, _density_dec, _a5, _SdigWorkspaceInbox_decorators, _init5, _density, _filter, _search;
 _SdigWorkspaceInbox_decorators = [customElement("sdig-workspace-inbox")];
-var _SdigWorkspaceInbox = class _SdigWorkspaceInbox extends (_a4 = DeesElement, _density_dec = [n5({ type: String })], _filter_dec = [r5()], _search_dec = [r5()], _a4) {
+var _SdigWorkspaceInbox = class _SdigWorkspaceInbox extends (_a5 = DeesElement, _density_dec = [n5({ type: String })], _filter_dec = [r5()], _search_dec = [r5()], _a5) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _density, __runInitializers(_init4, 8, this, "comfortable")), __runInitializers(_init4, 11, this);
-    __privateAdd(this, _filter, __runInitializers(_init4, 12, this, "all")), __runInitializers(_init4, 15, this);
-    __privateAdd(this, _search, __runInitializers(_init4, 16, this, "")), __runInitializers(_init4, 19, this);
+    __privateAdd(this, _density, __runInitializers(_init5, 8, this, "comfortable")), __runInitializers(_init5, 11, this);
+    __privateAdd(this, _filter, __runInitializers(_init5, 12, this, "all")), __runInitializers(_init5, 15, this);
+    __privateAdd(this, _search, __runInitializers(_init5, 16, this, "")), __runInitializers(_init5, 19, this);
   }
   get filteredDocuments() {
     return demoDocuments.filter((doc) => this.filter === "all" || doc.status === this.filter).filter((doc) => !this.search || doc.title.toLowerCase().includes(this.search.toLowerCase()));
@@ -132664,14 +132877,14 @@ var _SdigWorkspaceInbox = class _SdigWorkspaceInbox extends (_a4 = DeesElement,
     `;
   }
 };
-_init4 = __decoratorStart(_a4);
+_init5 = __decoratorStart(_a5);
 _density = new WeakMap();
 _filter = new WeakMap();
 _search = new WeakMap();
-__decorateElement(_init4, 4, "density", _density_dec, _SdigWorkspaceInbox, _density);
-__decorateElement(_init4, 4, "filter", _filter_dec, _SdigWorkspaceInbox, _filter);
-__decorateElement(_init4, 4, "search", _search_dec, _SdigWorkspaceInbox, _search);
-_SdigWorkspaceInbox = __decorateElement(_init4, 0, "SdigWorkspaceInbox", _SdigWorkspaceInbox_decorators, _SdigWorkspaceInbox);
+__decorateElement(_init5, 4, "density", _density_dec, _SdigWorkspaceInbox, _density);
+__decorateElement(_init5, 4, "filter", _filter_dec, _SdigWorkspaceInbox, _filter);
+__decorateElement(_init5, 4, "search", _search_dec, _SdigWorkspaceInbox, _search);
+_SdigWorkspaceInbox = __decorateElement(_init5, 0, "SdigWorkspaceInbox", _SdigWorkspaceInbox_decorators, _SdigWorkspaceInbox);
 __name(_SdigWorkspaceInbox, "SdigWorkspaceInbox");
 __publicField(_SdigWorkspaceInbox, "demo", /* @__PURE__ */ __name(() => workspaceDemoFrame(b2`<sdig-workspace-inbox></sdig-workspace-inbox>`), "demo"));
 __publicField(_SdigWorkspaceInbox, "demoGroups", ["Signature Digital Workspace"]);
@@ -132701,11 +132914,11 @@ __publicField(_SdigWorkspaceInbox, "styles", [workspaceBaseStyles, i`
     .metric-value { font-family: 'Plus Jakarta Sans', Inter, sans-serif; font-size: 22px; font-weight: 600; letter-spacing: -0.02em; }
     @media (max-width: 920px) { .filterbar { padding: 12px 16px; display: block; } .searchbox { width: 100%; margin-bottom: 10px; } .stats-grid { grid-template-columns: 1fr; } }
   `]);
-__runInitializers(_init4, 1, _SdigWorkspaceInbox);
+__runInitializers(_init5, 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, _a6, _SdigWorkspaceCompose_decorators, _init6, _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 +132927,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 (_a6 = DeesElement, _step_dec = [r5()], _activeRecipient_dec = [r5()], _selectedFieldId_dec = [r5()], _recipients_dec = [r5()], _fields_dec = [r5()], _signingOrderDrag_dec = [r5()], _recipientContextMenu_dec = [r5()], _a6) {
   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, _step, __runInitializers(_init6, 8, this, 2)), __runInitializers(_init6, 11, this);
+    __privateAdd(this, _activeRecipient, __runInitializers(_init6, 12, this, 0)), __runInitializers(_init6, 15, this);
+    __privateAdd(this, _selectedFieldId, __runInitializers(_init6, 16, this, null)), __runInitializers(_init6, 19, this);
+    __privateAdd(this, _recipients, __runInitializers(_init6, 20, this, [...demoRecipients])), __runInitializers(_init6, 23, this);
+    __privateAdd(this, _fields, __runInitializers(_init6, 24, this, [...demoFields])), __runInitializers(_init6, 27, this);
+    __privateAdd(this, _signingOrderDrag, __runInitializers(_init6, 28, this, null)), __runInitializers(_init6, 31, this);
+    __privateAdd(this, _recipientContextMenu, __runInitializers(_init6, 32, this, null)), __runInitializers(_init6, 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 +133008,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 +133047,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 +133078,59 @@ 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);
+  }
+  recipientContextMenuActions(recipient) {
+    const signerCount = this.signingRecipients().length;
+    return recipientRoleDefinitions.map((roleDefinition) => ({
+      id: roleDefinition.role,
+      label: roleDefinition.label,
+      selected: recipient.role === roleDefinition.role,
+      disabled: recipient.role === "signer" && roleDefinition.role !== "signer" && signerCount <= 1
+    }));
+  }
+  handleRecipientContextMenuAction(event, recipient) {
+    const role = event.detail.id;
+    if (!recipientRoleDefinitions.some((roleDefinition) => roleDefinition.role === role)) return;
+    this.updateRecipientRole(recipient.id, role);
+    this.closeRecipientContextMenu();
+  }
   startFieldInteraction(event, field, mode, handle3) {
     if (event.button !== 0) return;
     const page = this.shadowRoot?.querySelector(".document-page");
@@ -132850,16 +133159,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 +133256,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 +133272,51 @@ 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``;
+    return b2`
+      <sdig-contextmenu
+        .anchorX=${this.recipientContextMenu.x}
+        .anchorY=${this.recipientContextMenu.y}
+        .title=${recipient.name}
+        .actions=${this.recipientContextMenuActions(recipient)}
+        @contextmenu-action=${(event) => this.handleRecipientContextMenuAction(event, recipient)}
+      ></sdig-contextmenu>
+    `;
+  }
   renderStepper() {
     const labels = ["Upload", "Place fields", "Recipients & routing", "Review & send"];
     return b2`
@@ -132948,12 +133335,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,28 +133356,31 @@ 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>
     `;
   }
 };
-_init5 = __decoratorStart(_a5);
+_init6 = __decoratorStart(_a6);
 _step = new WeakMap();
 _activeRecipient = new WeakMap();
-_draggedRecipientId = new WeakMap();
 _selectedFieldId = new WeakMap();
 _recipients = new WeakMap();
 _fields = 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);
-_SdigWorkspaceCompose = __decorateElement(_init5, 0, "SdigWorkspaceCompose", _SdigWorkspaceCompose_decorators, _SdigWorkspaceCompose);
+_signingOrderDrag = new WeakMap();
+_recipientContextMenu = new WeakMap();
+__decorateElement(_init6, 4, "step", _step_dec, _SdigWorkspaceCompose, _step);
+__decorateElement(_init6, 4, "activeRecipient", _activeRecipient_dec, _SdigWorkspaceCompose, _activeRecipient);
+__decorateElement(_init6, 4, "selectedFieldId", _selectedFieldId_dec, _SdigWorkspaceCompose, _selectedFieldId);
+__decorateElement(_init6, 4, "recipients", _recipients_dec, _SdigWorkspaceCompose, _recipients);
+__decorateElement(_init6, 4, "fields", _fields_dec, _SdigWorkspaceCompose, _fields);
+__decorateElement(_init6, 4, "signingOrderDrag", _signingOrderDrag_dec, _SdigWorkspaceCompose, _signingOrderDrag);
+__decorateElement(_init6, 4, "recipientContextMenu", _recipientContextMenu_dec, _SdigWorkspaceCompose, _recipientContextMenu);
+_SdigWorkspaceCompose = __decorateElement(_init6, 0, "SdigWorkspaceCompose", _SdigWorkspaceCompose_decorators, _SdigWorkspaceCompose);
 __name(_SdigWorkspaceCompose, "SdigWorkspaceCompose");
 __publicField(_SdigWorkspaceCompose, "demo", /* @__PURE__ */ __name(() => workspaceDemoFrame(b2`<sdig-workspace-compose></sdig-workspace-compose>`), "demo"));
 __publicField(_SdigWorkspaceCompose, "demoGroups", ["Signature Digital Workspace"]);
@@ -133010,7 +133401,21 @@ __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); }
     .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; }
@@ -133034,17 +133439,17 @@ __publicField(_SdigWorkspaceCompose, "styles", [workspaceBaseStyles, i`
     .field-control input:focus, .field-control select:focus { border-color: var(--accent); }
     @media (max-width: 920px) { .compose-workspace { flex-direction: column; overflow: auto; } .palette, .right-panel { width: 100%; border: 0; border-bottom: 1px solid var(--border-subtle); } .document-page { width: 560px; } }
   `]);
-__runInitializers(_init5, 1, _SdigWorkspaceCompose);
+__runInitializers(_init6, 1, _SdigWorkspaceCompose);
 var SdigWorkspaceCompose = _SdigWorkspaceCompose;
 
 // ts_web/elements/sdig-workspace/sdig-workspace-sign.ts
-var _signedFieldIds_dec, _activeFieldId_dec, _a6, _SdigWorkspaceSign_decorators, _init6, _activeFieldId, _signedFieldIds;
+var _signedFieldIds_dec, _activeFieldId_dec, _a7, _SdigWorkspaceSign_decorators, _init7, _activeFieldId, _signedFieldIds;
 _SdigWorkspaceSign_decorators = [customElement("sdig-workspace-sign")];
-var _SdigWorkspaceSign = class _SdigWorkspaceSign extends (_a6 = DeesElement, _activeFieldId_dec = [r5()], _signedFieldIds_dec = [r5()], _a6) {
+var _SdigWorkspaceSign = class _SdigWorkspaceSign extends (_a7 = DeesElement, _activeFieldId_dec = [r5()], _signedFieldIds_dec = [r5()], _a7) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _activeFieldId, __runInitializers(_init6, 8, this, "f1")), __runInitializers(_init6, 11, this);
-    __privateAdd(this, _signedFieldIds, __runInitializers(_init6, 12, this, [])), __runInitializers(_init6, 15, this);
+    __privateAdd(this, _activeFieldId, __runInitializers(_init7, 8, this, "f1")), __runInitializers(_init7, 11, this);
+    __privateAdd(this, _signedFieldIds, __runInitializers(_init7, 12, this, [])), __runInitializers(_init7, 15, this);
   }
   get signFields() {
     return demoFields.slice(0, 3);
@@ -133104,12 +133509,12 @@ var _SdigWorkspaceSign = class _SdigWorkspaceSign extends (_a6 = DeesElement, _a
     `;
   }
 };
-_init6 = __decoratorStart(_a6);
+_init7 = __decoratorStart(_a7);
 _activeFieldId = new WeakMap();
 _signedFieldIds = new WeakMap();
-__decorateElement(_init6, 4, "activeFieldId", _activeFieldId_dec, _SdigWorkspaceSign, _activeFieldId);
-__decorateElement(_init6, 4, "signedFieldIds", _signedFieldIds_dec, _SdigWorkspaceSign, _signedFieldIds);
-_SdigWorkspaceSign = __decorateElement(_init6, 0, "SdigWorkspaceSign", _SdigWorkspaceSign_decorators, _SdigWorkspaceSign);
+__decorateElement(_init7, 4, "activeFieldId", _activeFieldId_dec, _SdigWorkspaceSign, _activeFieldId);
+__decorateElement(_init7, 4, "signedFieldIds", _signedFieldIds_dec, _SdigWorkspaceSign, _signedFieldIds);
+_SdigWorkspaceSign = __decorateElement(_init7, 0, "SdigWorkspaceSign", _SdigWorkspaceSign_decorators, _SdigWorkspaceSign);
 __name(_SdigWorkspaceSign, "SdigWorkspaceSign");
 __publicField(_SdigWorkspaceSign, "demo", /* @__PURE__ */ __name(() => workspaceDemoFrame(b2`<sdig-workspace-sign></sdig-workspace-sign>`), "demo"));
 __publicField(_SdigWorkspaceSign, "demoGroups", ["Signature Digital Workspace"]);
@@ -133123,13 +133528,13 @@ __publicField(_SdigWorkspaceSign, "styles", [workspaceBaseStyles, i`
     .sign-panel { width: 320px; border-left: 1px solid var(--border); background: var(--bg-card); padding: 20px; overflow: auto; flex-shrink: 0; }
     @media (max-width: 920px) { .recipient-header .actions { display: none; } .sign-layout { flex-direction: column; overflow: auto; } .sign-panel { width: 100%; border-left: 0; border-top: 1px solid var(--border); } .document-page { width: 560px; } }
   `]);
-__runInitializers(_init6, 1, _SdigWorkspaceSign);
+__runInitializers(_init7, 1, _SdigWorkspaceSign);
 var SdigWorkspaceSign = _SdigWorkspaceSign;
 
 // ts_web/elements/sdig-workspace/sdig-workspace-audit.ts
-var _SdigWorkspaceAudit_decorators, _init7, _a7;
+var _SdigWorkspaceAudit_decorators, _init8, _a8;
 _SdigWorkspaceAudit_decorators = [customElement("sdig-workspace-audit")];
-var SdigWorkspaceAudit = class extends (_a7 = DeesElement) {
+var SdigWorkspaceAudit = class extends (_a8 = DeesElement) {
   static {
     __name(this, "SdigWorkspaceAudit");
   }
@@ -133157,14 +133562,14 @@ var SdigWorkspaceAudit = class extends (_a7 = DeesElement) {
     `;
   }
 };
-_init7 = __decoratorStart(_a7);
-SdigWorkspaceAudit = __decorateElement(_init7, 0, "SdigWorkspaceAudit", _SdigWorkspaceAudit_decorators, SdigWorkspaceAudit);
-__runInitializers(_init7, 1, SdigWorkspaceAudit);
+_init8 = __decoratorStart(_a8);
+SdigWorkspaceAudit = __decorateElement(_init8, 0, "SdigWorkspaceAudit", _SdigWorkspaceAudit_decorators, SdigWorkspaceAudit);
+__runInitializers(_init8, 1, SdigWorkspaceAudit);
 
 // ts_web/elements/sdig-workspace/sdig-workspace-developers.ts
-var _SdigWorkspaceDevelopers_decorators, _init8, _a8;
+var _SdigWorkspaceDevelopers_decorators, _init9, _a9;
 _SdigWorkspaceDevelopers_decorators = [customElement("sdig-workspace-developers")];
-var SdigWorkspaceDevelopers = class extends (_a8 = DeesElement) {
+var SdigWorkspaceDevelopers = class extends (_a9 = DeesElement) {
   static {
     __name(this, "SdigWorkspaceDevelopers");
   }
@@ -133202,47 +133607,47 @@ await sig.documents.send({
     `;
   }
 };
-_init8 = __decoratorStart(_a8);
-SdigWorkspaceDevelopers = __decorateElement(_init8, 0, "SdigWorkspaceDevelopers", _SdigWorkspaceDevelopers_decorators, SdigWorkspaceDevelopers);
-__runInitializers(_init8, 1, SdigWorkspaceDevelopers);
+_init9 = __decoratorStart(_a9);
+SdigWorkspaceDevelopers = __decorateElement(_init9, 0, "SdigWorkspaceDevelopers", _SdigWorkspaceDevelopers_decorators, SdigWorkspaceDevelopers);
+__runInitializers(_init9, 1, SdigWorkspaceDevelopers);
 
 // ts_web/elements/sdig-workspace/sdig-workspace-placeholder.ts
-var _subtitle_dec, _label_dec, _a9, _SdigWorkspacePlaceholder_decorators, _init9, _label, _subtitle;
+var _subtitle_dec, _label_dec, _a10, _SdigWorkspacePlaceholder_decorators, _init10, _label, _subtitle;
 _SdigWorkspacePlaceholder_decorators = [customElement("sdig-workspace-placeholder")];
-var _SdigWorkspacePlaceholder = class _SdigWorkspacePlaceholder extends (_a9 = DeesElement, _label_dec = [n5({ type: String })], _subtitle_dec = [n5({ type: String })], _a9) {
+var _SdigWorkspacePlaceholder = class _SdigWorkspacePlaceholder extends (_a10 = DeesElement, _label_dec = [n5({ type: String })], _subtitle_dec = [n5({ type: String })], _a10) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _label, __runInitializers(_init9, 8, this, "Section")), __runInitializers(_init9, 11, this);
-    __privateAdd(this, _subtitle, __runInitializers(_init9, 12, this, "Coming soon")), __runInitializers(_init9, 15, this);
+    __privateAdd(this, _label, __runInitializers(_init10, 8, this, "Section")), __runInitializers(_init10, 11, this);
+    __privateAdd(this, _subtitle, __runInitializers(_init10, 12, this, "Coming soon")), __runInitializers(_init10, 15, this);
   }
   render() {
     return b2`${topBar({ breadcrumb: ["signature.digital", this.label], title: this.label, subtitle: pill("coming soon") })}<div class="content-scroll" style="display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--text-muted); gap: 8px;">${icon3("folder", 32)}<div style="font-size: 13px; color: var(--text-sec);">${this.label}</div><div style="font-size: 11px;">${this.subtitle}</div></div>`;
   }
 };
-_init9 = __decoratorStart(_a9);
+_init10 = __decoratorStart(_a10);
 _label = new WeakMap();
 _subtitle = new WeakMap();
-__decorateElement(_init9, 4, "label", _label_dec, _SdigWorkspacePlaceholder, _label);
-__decorateElement(_init9, 4, "subtitle", _subtitle_dec, _SdigWorkspacePlaceholder, _subtitle);
-_SdigWorkspacePlaceholder = __decorateElement(_init9, 0, "SdigWorkspacePlaceholder", _SdigWorkspacePlaceholder_decorators, _SdigWorkspacePlaceholder);
+__decorateElement(_init10, 4, "label", _label_dec, _SdigWorkspacePlaceholder, _label);
+__decorateElement(_init10, 4, "subtitle", _subtitle_dec, _SdigWorkspacePlaceholder, _subtitle);
+_SdigWorkspacePlaceholder = __decorateElement(_init10, 0, "SdigWorkspacePlaceholder", _SdigWorkspacePlaceholder_decorators, _SdigWorkspacePlaceholder);
 __name(_SdigWorkspacePlaceholder, "SdigWorkspacePlaceholder");
 __publicField(_SdigWorkspacePlaceholder, "demo", /* @__PURE__ */ __name(() => workspaceDemoFrame(b2`<sdig-workspace-placeholder label="Templates" subtitle="Reusable agreement templates"></sdig-workspace-placeholder>`), "demo"));
 __publicField(_SdigWorkspacePlaceholder, "demoGroups", ["Signature Digital Workspace"]);
 __publicField(_SdigWorkspacePlaceholder, "styles", [workspaceBaseStyles]);
-__runInitializers(_init9, 1, _SdigWorkspacePlaceholder);
+__runInitializers(_init10, 1, _SdigWorkspacePlaceholder);
 var SdigWorkspacePlaceholder = _SdigWorkspacePlaceholder;
 
 // ts_web/elements/sdig-workspace/sdig-workspace.ts
-var _view_dec, _initialView_dec, _theme_dec, _density_dec2, _accent_dec, _a10, _SdigWorkspace_decorators, _init10, _accent, _density2, _theme, _initialView, _view;
+var _view_dec, _initialView_dec, _theme_dec, _density_dec2, _accent_dec, _a11, _SdigWorkspace_decorators, _init11, _accent, _density2, _theme, _initialView, _view;
 _SdigWorkspace_decorators = [customElement("sdig-workspace")];
-var _SdigWorkspace = class _SdigWorkspace extends (_a10 = DeesElement, _accent_dec = [n5({ type: String })], _density_dec2 = [n5({ type: String })], _theme_dec = [n5({ type: String, reflect: true })], _initialView_dec = [n5({ type: String })], _view_dec = [r5()], _a10) {
+var _SdigWorkspace = class _SdigWorkspace extends (_a11 = DeesElement, _accent_dec = [n5({ type: String })], _density_dec2 = [n5({ type: String })], _theme_dec = [n5({ type: String, reflect: true })], _initialView_dec = [n5({ type: String })], _view_dec = [r5()], _a11) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _accent, __runInitializers(_init10, 8, this, "#3b82f6")), __runInitializers(_init10, 11, this);
-    __privateAdd(this, _density2, __runInitializers(_init10, 12, this, "comfortable")), __runInitializers(_init10, 15, this);
-    __privateAdd(this, _theme, __runInitializers(_init10, 16, this, "dark")), __runInitializers(_init10, 19, this);
-    __privateAdd(this, _initialView, __runInitializers(_init10, 20, this, "inbox")), __runInitializers(_init10, 23, this);
-    __privateAdd(this, _view, __runInitializers(_init10, 24, this, "inbox")), __runInitializers(_init10, 27, this);
+    __privateAdd(this, _accent, __runInitializers(_init11, 8, this, "#3b82f6")), __runInitializers(_init11, 11, this);
+    __privateAdd(this, _density2, __runInitializers(_init11, 12, this, "comfortable")), __runInitializers(_init11, 15, this);
+    __privateAdd(this, _theme, __runInitializers(_init11, 16, this, "dark")), __runInitializers(_init11, 19, this);
+    __privateAdd(this, _initialView, __runInitializers(_init11, 20, this, "inbox")), __runInitializers(_init11, 23, this);
+    __privateAdd(this, _view, __runInitializers(_init11, 24, this, "inbox")), __runInitializers(_init11, 27, this);
     __publicField(this, "connectedCallback", /* @__PURE__ */ __name(async () => {
       await super.connectedCallback();
       this.view = this.initialView || "inbox";
@@ -133313,18 +133718,18 @@ var _SdigWorkspace = class _SdigWorkspace extends (_a10 = DeesElement, _accent_d
     return b2`<div class="workspace ${this.density === "compact" ? "compact" : ""}" style="--accent: ${this.accent};" data-screen-label=${this.view}>${this.renderSidebar()}<main class="main">${this.renderView()}<div class="statusbar"><span style="display: inline-flex; align-items: center; gap: 5px;"><span style="width: 6px; height: 6px; border-radius: 50%; background: var(--success);"></span>api.signature.digital</span><span>eu-central-1</span><span>4 sigs queued</span><div style="flex: 1;"></div><span style="color: var(--accent);">Open Source · MIT</span><span>v0.42.1</span><span>${icon3("git", 11)} main</span></div></main></div>`;
   }
 };
-_init10 = __decoratorStart(_a10);
+_init11 = __decoratorStart(_a11);
 _accent = new WeakMap();
 _density2 = new WeakMap();
 _theme = new WeakMap();
 _initialView = new WeakMap();
 _view = new WeakMap();
-__decorateElement(_init10, 4, "accent", _accent_dec, _SdigWorkspace, _accent);
-__decorateElement(_init10, 4, "density", _density_dec2, _SdigWorkspace, _density2);
-__decorateElement(_init10, 4, "theme", _theme_dec, _SdigWorkspace, _theme);
-__decorateElement(_init10, 4, "initialView", _initialView_dec, _SdigWorkspace, _initialView);
-__decorateElement(_init10, 4, "view", _view_dec, _SdigWorkspace, _view);
-_SdigWorkspace = __decorateElement(_init10, 0, "SdigWorkspace", _SdigWorkspace_decorators, _SdigWorkspace);
+__decorateElement(_init11, 4, "accent", _accent_dec, _SdigWorkspace, _accent);
+__decorateElement(_init11, 4, "density", _density_dec2, _SdigWorkspace, _density2);
+__decorateElement(_init11, 4, "theme", _theme_dec, _SdigWorkspace, _theme);
+__decorateElement(_init11, 4, "initialView", _initialView_dec, _SdigWorkspace, _initialView);
+__decorateElement(_init11, 4, "view", _view_dec, _SdigWorkspace, _view);
+_SdigWorkspace = __decorateElement(_init11, 0, "SdigWorkspace", _SdigWorkspace_decorators, _SdigWorkspace);
 __name(_SdigWorkspace, "SdigWorkspace");
 __publicField(_SdigWorkspace, "demo", /* @__PURE__ */ __name(() => b2`<sdig-workspace></sdig-workspace>`, "demo"));
 __publicField(_SdigWorkspace, "demoGroups", ["Signature Digital Workspace"]);
@@ -133408,7 +133813,7 @@ __publicField(_SdigWorkspace, "styles", i`
     .statusbar { height: 24px; flex-shrink: 0; border-top: 1px solid var(--border-subtle); background: var(--bg); display: flex; align-items: center; padding: 0 16px; gap: 16px; font-size: 10px; color: var(--text-dim); font-family: 'Intel One Mono', ui-monospace, SFMono-Regular, Menlo, monospace; }
     @media (max-width: 920px) { .workspace { flex-direction: column; min-height: 100vh; } .sidebar { width: 100%; height: auto; border-right: 0; border-bottom: 1px solid var(--border-subtle); } .brand, .workspace-card, .github-card, .user-card { display: none; } .nav-block { display: flex; overflow-x: auto; padding: 8px; } .nav-item { width: auto; margin: 0 2px; } .statusbar { display: none; } }
   `);
-__runInitializers(_init10, 1, _SdigWorkspace);
+__runInitializers(_init11, 1, _SdigWorkspace);
 var SdigWorkspace = _SdigWorkspace;
 
 // ts_web/pages/index.ts