@forgeroute/ui 0.4.69 → 0.4.71

package/fesm2022/forgeroute-ui.mjs

@@ -869,7 +869,7 @@ var QuickFilterTabsComponent = class QuickFilterTabsComponent {
     </div>
   `,
 			isInline: true,
-			styles: [":host{display:block;min-width:0}.tabs-outer{position:relative;display:inline-flex;align-items:center;max-width:100%;min-width:0}.tabs{display:flex;align-items:center;gap:2px;background:#f1f5f9;border-radius:8px;padding:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;font-family:inherit;transition:background .1s,color .1s;white-space:nowrap;flex-shrink:0}.tab:hover{color:#1e293b}.tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.tab:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.tab.tab-disabled{opacity:.45;cursor:default;pointer-events:none}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:.6875rem;font-weight:700;background:#e2e8f0;color:#475569;line-height:1}.active .tab-count,.active-count{background:#1e293b;color:#fff}.more-btn{gap:4px}.more-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:180px;padding:4px;max-height:260px;overflow-y:auto}.more-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:.875rem;color:#334155;font-family:inherit;border-radius:5px;transition:background .1s;text-align:left;gap:12px}.more-option:hover{background:#f8fafc}.more-option.more-option-active{background:#f1f5f9;color:#1e293b;font-weight:500}.more-option:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}.more-option-label{flex:1}.more-option-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:.6875rem;font-weight:700;line-height:1;background:#e2e8f0;color:#475569}.more-option-active .more-option-count{background:#1e293b;color:#fff}@media(max-width:1024px){.tab{padding:7px 12px}}@media(pointer:coarse){.tab{min-height:44px}}@media(max-width:640px){:host{align-self:flex-start;max-width:100%}.tab{padding:10px 12px;font-size:.8125rem;min-height:44px}.more-option{padding:12px 14px}}\n"],
+			styles: [":host{display:block;min-width:0}.tabs-outer{position:relative;display:inline-flex;align-items:center;max-width:100%;min-width:0}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:2px;background:#f1f5f9;border-radius:8px;padding:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;font-family:inherit;transition:background .1s,color .1s;white-space:nowrap;flex-shrink:0}.tab:hover{color:#1e293b}.tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.tab:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.tab.tab-disabled{opacity:.45;cursor:default;pointer-events:none}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:.6875rem;font-weight:700;background:#e2e8f0;color:#475569;line-height:1}.active .tab-count,.active-count{background:#1e293b;color:#fff}.more-btn{gap:4px}.more-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:180px;padding:4px;max-height:260px;overflow-y:auto}.more-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:.875rem;color:#334155;font-family:inherit;border-radius:5px;transition:background .1s;text-align:left;gap:12px}.more-option:hover{background:#f8fafc}.more-option.more-option-active{background:#f1f5f9;color:#1e293b;font-weight:500}.more-option:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}.more-option-label{flex:1}.more-option-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:.6875rem;font-weight:700;line-height:1;background:#e2e8f0;color:#475569}.more-option-active .more-option-count{background:#1e293b;color:#fff}@media(max-width:1024px){.tab{padding:7px 12px}}@media(pointer:coarse){.tab{min-height:44px}}@media(max-width:640px){:host{align-self:flex-start;max-width:100%}.tab{padding:10px 12px;font-size:.8125rem;min-height:44px}.more-option{padding:12px 14px}}\n"],
 			dependencies: [{
 				kind: "pipe",
 				type: DecimalPipe,
@@ -964,7 +964,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
     </div>
   `,
-			styles: [":host{display:block;min-width:0}.tabs-outer{position:relative;display:inline-flex;align-items:center;max-width:100%;min-width:0}.tabs{display:flex;align-items:center;gap:2px;background:#f1f5f9;border-radius:8px;padding:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;font-family:inherit;transition:background .1s,color .1s;white-space:nowrap;flex-shrink:0}.tab:hover{color:#1e293b}.tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.tab:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.tab.tab-disabled{opacity:.45;cursor:default;pointer-events:none}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:.6875rem;font-weight:700;background:#e2e8f0;color:#475569;line-height:1}.active .tab-count,.active-count{background:#1e293b;color:#fff}.more-btn{gap:4px}.more-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:180px;padding:4px;max-height:260px;overflow-y:auto}.more-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:.875rem;color:#334155;font-family:inherit;border-radius:5px;transition:background .1s;text-align:left;gap:12px}.more-option:hover{background:#f8fafc}.more-option.more-option-active{background:#f1f5f9;color:#1e293b;font-weight:500}.more-option:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}.more-option-label{flex:1}.more-option-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:.6875rem;font-weight:700;line-height:1;background:#e2e8f0;color:#475569}.more-option-active .more-option-count{background:#1e293b;color:#fff}@media(max-width:1024px){.tab{padding:7px 12px}}@media(pointer:coarse){.tab{min-height:44px}}@media(max-width:640px){:host{align-self:flex-start;max-width:100%}.tab{padding:10px 12px;font-size:.8125rem;min-height:44px}.more-option{padding:12px 14px}}\n"]
+			styles: [":host{display:block;min-width:0}.tabs-outer{position:relative;display:inline-flex;align-items:center;max-width:100%;min-width:0}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:2px;background:#f1f5f9;border-radius:8px;padding:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:#475569;cursor:pointer;font-family:inherit;transition:background .1s,color .1s;white-space:nowrap;flex-shrink:0}.tab:hover{color:#1e293b}.tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.tab:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.tab.tab-disabled{opacity:.45;cursor:default;pointer-events:none}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:.6875rem;font-weight:700;background:#e2e8f0;color:#475569;line-height:1}.active .tab-count,.active-count{background:#1e293b;color:#fff}.more-btn{gap:4px}.more-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:180px;padding:4px;max-height:260px;overflow-y:auto}.more-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:.875rem;color:#334155;font-family:inherit;border-radius:5px;transition:background .1s;text-align:left;gap:12px}.more-option:hover{background:#f8fafc}.more-option.more-option-active{background:#f1f5f9;color:#1e293b;font-weight:500}.more-option:focus-visible{outline:2px solid #60a5fa;outline-offset:-2px}.more-option-label{flex:1}.more-option-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:.6875rem;font-weight:700;line-height:1;background:#e2e8f0;color:#475569}.more-option-active .more-option-count{background:#1e293b;color:#fff}@media(max-width:1024px){.tab{padding:7px 12px}}@media(pointer:coarse){.tab{min-height:44px}}@media(max-width:640px){:host{align-self:flex-start;max-width:100%}.tab{padding:10px 12px;font-size:.8125rem;min-height:44px}.more-option{padding:12px 14px}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -2524,6 +2524,7 @@ var ModalComponent = class ModalComponent {
 		this.open = input(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
 		this.title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
 		this.description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+		this.describedBy = input(null, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
 		this.maxWidth = input("460px", ...ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []);
 		this.bodyOverflow = input("auto", ...ngDevMode ? [{ debugName: "bodyOverflow" }] : /* istanbul ignore next */ []);
 		this.dialogTestId = input("", ...ngDevMode ? [{ debugName: "dialogTestId" }] : /* istanbul ignore next */ []);
@@ -2537,6 +2538,8 @@ var ModalComponent = class ModalComponent {
 		this.returnFocusTo = input(null, ...ngDevMode ? [{ debugName: "returnFocusTo" }] : /* istanbul ignore next */ []);
 		this.kiosk = computed(() => this.layout() === "kiosk", ...ngDevMode ? [{ debugName: "kiosk" }] : /* istanbul ignore next */ []);
 		this.titleId = `m-title-${Math.random().toString(36).slice(2, 8)}`;
+		this.descId = `m-desc-${Math.random().toString(36).slice(2, 8)}`;
+		this.describedById = computed(() => this.describedBy()?.trim() || (this.description() ? this.descId : null), ...ngDevMode ? [{ debugName: "describedById" }] : /* istanbul ignore next */ []);
 		this.el = inject(ElementRef);
 		this.ren = inject(Renderer2);
 		this.doc = inject(DOCUMENT);
@@ -2674,6 +2677,13 @@ var ModalComponent = class ModalComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				describedBy: {
+					classPropertyName: "describedBy",
+					publicName: "describedBy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				maxWidth: {
 					classPropertyName: "maxWidth",
 					publicName: "maxWidth",
@@ -2751,13 +2761,13 @@ var ModalComponent = class ModalComponent {
 			template: `
     @if (open()) {
       <div class="m-backdrop" [class.m-kiosk-backdrop]="kiosk()" (click)="dismiss('backdrop')"></div>
-      <div class="m-modal" [class.m-kiosk]="kiosk()" role="dialog" aria-modal="true" tabindex="-1" [attr.aria-labelledby]="titleId" [attr.aria-busy]="busy() ? 'true' : null" [attr.data-testid]="dialogTestId() || null" [style.max-width]="maxWidth()">
+      <div class="m-modal" [class.m-kiosk]="kiosk()" role="dialog" aria-modal="true" tabindex="-1" [attr.aria-labelledby]="titleId" [attr.aria-describedby]="describedById()" [attr.aria-busy]="busy() ? 'true' : null" [attr.data-testid]="dialogTestId() || null" [style.max-width]="maxWidth()">
         <span class="m-focus-guard" data-ui-focus-guard="start" tabindex="0" (focus)="onGuardFocus('start', $event)"></span>
         <div class="m-header">
           <div class="m-header-text">
             <h3 class="m-title" [id]="titleId">{{ title() }}</h3>
             @if (description()) {
-              <p class="m-description">{{ description() }}</p>
+              <p class="m-description" [id]="descId">{{ description() }}</p>
             }
           </div>
           <ng-content select="[modal-header-end]" />
@@ -2802,13 +2812,13 @@ i0.ɵɵngDeclareClassMetadata({
 			template: `
     @if (open()) {
       <div class="m-backdrop" [class.m-kiosk-backdrop]="kiosk()" (click)="dismiss('backdrop')"></div>
-      <div class="m-modal" [class.m-kiosk]="kiosk()" role="dialog" aria-modal="true" tabindex="-1" [attr.aria-labelledby]="titleId" [attr.aria-busy]="busy() ? 'true' : null" [attr.data-testid]="dialogTestId() || null" [style.max-width]="maxWidth()">
+      <div class="m-modal" [class.m-kiosk]="kiosk()" role="dialog" aria-modal="true" tabindex="-1" [attr.aria-labelledby]="titleId" [attr.aria-describedby]="describedById()" [attr.aria-busy]="busy() ? 'true' : null" [attr.data-testid]="dialogTestId() || null" [style.max-width]="maxWidth()">
         <span class="m-focus-guard" data-ui-focus-guard="start" tabindex="0" (focus)="onGuardFocus('start', $event)"></span>
         <div class="m-header">
           <div class="m-header-text">
             <h3 class="m-title" [id]="titleId">{{ title() }}</h3>
             @if (description()) {
-              <p class="m-description">{{ description() }}</p>
+              <p class="m-description" [id]="descId">{{ description() }}</p>
             }
           </div>
           <ng-content select="[modal-header-end]" />
@@ -2861,6 +2871,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		describedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "describedBy",
+				required: false
+			}]
+		}],
 		maxWidth: [{
 			type: i0.Input,
 			args: [{
@@ -6276,6 +6294,7 @@ var TableToolbarComponent = class TableToolbarComponent {
 						"open",
 						"title",
 						"description",
+						"describedBy",
 						"maxWidth",
 						"bodyOverflow",
 						"dialogTestId",
@@ -7886,66 +7905,154 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 const MIN_RESUME_MS = 1e3;
+const QUEUE_GAP_MS = 80;
+const COUNTDOWN_TICK_MS = 200;
+const DEFAULT_MAX_QUEUED = 20;
 var ToastService = class ToastService {
 	constructor() {
 		this.message = signal(null, ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
 		this.type = signal("success", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
 		this.dismissible = signal(false, ...ngDevMode ? [{ debugName: "dismissible" }] : /* istanbul ignore next */ []);
 		this.persistentLiveRegion = signal(false, ...ngDevMode ? [{ debugName: "persistentLiveRegion" }] : /* istanbul ignore next */ []);
+		this.details = signal(null, ...ngDevMode ? [{ debugName: "details" }] : /* istanbul ignore next */ []);
+		this.queuedCount = signal(0, ...ngDevMode ? [{ debugName: "queuedCount" }] : /* istanbul ignore next */ []);
+		this.queueDefault = signal(false, ...ngDevMode ? [{ debugName: "queueDefault" }] : /* istanbul ignore next */ []);
+		this.countdownDefault = signal(false, ...ngDevMode ? [{ debugName: "countdownDefault" }] : /* istanbul ignore next */ []);
+		this.maxQueued = signal(DEFAULT_MAX_QUEUED, ...ngDevMode ? [{ debugName: "maxQueued" }] : /* istanbul ignore next */ []);
+		this.remainingMs = signal(0, ...ngDevMode ? [{ debugName: "remainingMs" }] : /* istanbul ignore next */ []);
+		this.totalMs = signal(0, ...ngDevMode ? [{ debugName: "totalMs" }] : /* istanbul ignore next */ []);
+		this.action$ = new Subject();
 		this._timer = null;
+		this._ticker = null;
+		this._advanceTimer = null;
 		this._deadline = 0;
 		this._remaining = 0;
 		this._paused = false;
+		this._queue = [];
 	}
-	show(msg, duration = 3e3) {
-		this._display("success", msg, duration);
+	show(msg, durationOrOptions = 3e3) {
+		this._enter("success", msg, 3e3, durationOrOptions);
 	}
-	success(msg, duration = 3e3) {
-		this._display("success", msg, duration);
+	success(msg, durationOrOptions = 3e3) {
+		this._enter("success", msg, 3e3, durationOrOptions);
 	}
-	info(msg, duration = 3e3) {
-		this._display("info", msg, duration);
+	info(msg, durationOrOptions = 3e3) {
+		this._enter("info", msg, 3e3, durationOrOptions);
 	}
-	error(msg, duration = 4e3) {
-		this._display("error", msg, duration);
+	error(msg, durationOrOptions = 4e3) {
+		this._enter("error", msg, 4e3, durationOrOptions);
+	}
+	notify(msg, options = {}) {
+		const type = options.type ?? "success";
+		this._enter(type, msg, type === "error" ? 4e3 : 3e3, options);
 	}
 	dismiss() {
-		this._clearTimer();
-		this._paused = false;
-		this.message.set(null);
+		this._finish();
+	}
+	runAction(id) {
+		const d = this.details();
+		const a = d?.actions.find((x) => x.id === id);
+		if (!d || !a || a.disabled) return;
+		d.onAction?.(id);
+		this.action$.next({
+			id,
+			key: d.key
+		});
+		if (!a.keepOpen) this._finish();
 	}
 	pause() {
 		if (this._paused || !this._timer || this.message() === null) return;
 		this._remaining = Math.max(0, this._deadline - Date.now());
+		this.remainingMs.set(this._remaining);
 		this._clearTimer();
 		this._paused = true;
 	}
 	resume() {
 		if (!this._paused) return;
 		this._paused = false;
-		this._start(Math.max(this._remaining, MIN_RESUME_MS));
+		this._start(Math.max(this._remaining, MIN_RESUME_MS), false);
 	}
 	ngOnDestroy() {
 		this._clearTimer();
+		this._clearTicker();
+		this._clearAdvance();
+		this._queue = [];
 		this._paused = false;
+		this.action$.complete();
 	}
 	_clearTimer() {
 		if (this._timer) clearTimeout(this._timer);
 		this._timer = null;
 	}
-	_start(duration) {
+	_clearTicker() {
+		if (this._ticker) clearInterval(this._ticker);
+		this._ticker = null;
+	}
+	_clearAdvance() {
+		if (this._advanceTimer) clearTimeout(this._advanceTimer);
+		this._advanceTimer = null;
+	}
+	_start(duration, fresh) {
 		this._deadline = Date.now() + duration;
-		this._timer = setTimeout(() => {
-			this.message.set(null);
-			this._timer = null;
-		}, duration);
+		this._timer = setTimeout(() => this._finish(), duration);
+		if (fresh) this.totalMs.set(duration);
+		this.remainingMs.set(duration);
+		if (this.details()?.countdown && !this._ticker) this._ticker = setInterval(() => {
+			if (!this._paused && this._timer) this.remainingMs.set(Math.max(0, this._deadline - Date.now()));
+		}, COUNTDOWN_TICK_MS);
+	}
+	_finish() {
+		this._clearTimer();
+		this._clearTicker();
+		this._paused = false;
+		this.message.set(null);
+		this.details.set(null);
+		this.remainingMs.set(0);
+		if (this._queue.length > 0 && !this._advanceTimer) this._advanceTimer = setTimeout(() => {
+			this._advanceTimer = null;
+			const next = this._queue.shift();
+			this.queuedCount.set(this._queue.length);
+			if (next) this._present(next);
+		}, QUEUE_GAP_MS);
+	}
+	_enter(type, msg, defaultDuration, arg) {
+		const options = typeof arg === "number" ? { duration: arg } : arg ?? {};
+		const hasRich = !!(options.title || options.actions?.length);
+		const countdown = options.countdown ?? this.countdownDefault();
+		const details = hasRich || countdown || options.key !== void 0 || !!options.onAction ? {
+			title: options.title,
+			actions: options.actions ?? [],
+			countdown,
+			key: options.key,
+			onAction: options.onAction
+		} : null;
+		const pending = {
+			type,
+			message: msg,
+			duration: options.duration ?? defaultDuration,
+			details
+		};
+		const queue = options.queue ?? this.queueDefault();
+		const busy = this.message() !== null || this._advanceTimer !== null;
+		if (queue && busy) {
+			const key = options.key;
+			if (key !== void 0 && (this.details()?.key === key || this._queue.some((q) => q.details?.key === key))) return;
+			if (this._queue.length >= this.maxQueued()) return;
+			this._queue.push(pending);
+			this.queuedCount.set(this._queue.length);
+			return;
+		}
+		this._clearAdvance();
+		this._present(pending);
 	}
-	_display(type, msg, duration) {
+	_present(p) {
 		this._clearTimer();
+		this._clearTicker();
 		this._paused = false;
-		this.type.set(type);
-		this.message.set(msg);
-		this._start(duration);
+		this.type.set(p.type);
+		this.details.set(p.details);
+		this.message.set(p.message);
+		this._start(p.duration, true);
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -8019,6 +8126,9 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 var ToastComponent = class ToastComponent {
+	onAction(id) {
+		this.toast.runAction(id);
+	}
 	onEscape(e) {
 		e.stopPropagation();
 		this.toast.dismiss();
@@ -8049,6 +8159,22 @@ var ToastComponent = class ToastComponent {
 		this.showClose = computed(() => this.dismissible() ?? this.toast.dismissible(), ...ngDevMode ? [{ debugName: "showClose" }] : /* istanbul ignore next */ []);
 		this.persistentLiveRegion = input(null, ...ngDevMode ? [{ debugName: "persistentLiveRegion" }] : /* istanbul ignore next */ []);
 		this.persistent = computed(() => this.persistentLiveRegion() ?? this.toast.persistentLiveRegion(), ...ngDevMode ? [{ debugName: "persistent" }] : /* istanbul ignore next */ []);
+		this.queue = input(null, ...ngDevMode ? [{ debugName: "queue" }] : /* istanbul ignore next */ []);
+		this.countdown = input(null, ...ngDevMode ? [{ debugName: "countdown" }] : /* istanbul ignore next */ []);
+		this.maxQueued = input(null, ...ngDevMode ? [{ debugName: "maxQueued" }] : /* istanbul ignore next */ []);
+		this.countdownLabel = input("Dismissing in {n}s", ...ngDevMode ? [{ debugName: "countdownLabel" }] : /* istanbul ignore next */ []);
+		this.queueLabel = input("+{n} more", ...ngDevMode ? [{ debugName: "queueLabel" }] : /* istanbul ignore next */ []);
+		this.action = output();
+		this.isRich = computed(() => {
+			const d = this.toast.details();
+			return !!d && (!!d.title || d.actions.length > 0 || d.countdown);
+		}, ...ngDevMode ? [{ debugName: "isRich" }] : /* istanbul ignore next */ []);
+		this.countdownPct = computed(() => {
+			const total = this.toast.totalMs();
+			return total > 0 ? Math.min(100, Math.max(0, this.toast.remainingMs() / total * 100)) : 0;
+		}, ...ngDevMode ? [{ debugName: "countdownPct" }] : /* istanbul ignore next */ []);
+		this.countdownText = computed(() => this.countdownLabel().replace("{n}", String(Math.ceil(this.toast.remainingMs() / 1e3))), ...ngDevMode ? [{ debugName: "countdownText" }] : /* istanbul ignore next */ []);
+		this.queueText = computed(() => this.queueLabel().replace("{n}", String(this.toast.queuedCount())), ...ngDevMode ? [{ debugName: "queueText" }] : /* istanbul ignore next */ []);
 		this._adoptedMessage = signal(null, ...ngDevMode ? [{ debugName: "_adoptedMessage" }] : /* istanbul ignore next */ []);
 		this.adopted = computed(() => {
 			const m = this._adoptedMessage();
@@ -8059,6 +8185,18 @@ var ToastComponent = class ToastComponent {
 		this._focus = false;
 		this._registry.register(this._id);
 		inject(DestroyRef).onDestroy(() => this._registry.unregister(this._id));
+		effect(() => {
+			if (!this.isHost()) return;
+			const q = this.queue(), c = this.countdown(), m = this.maxQueued();
+			untracked(() => {
+				if (q !== null) this.toast.queueDefault.set(q);
+				if (c !== null) this.toast.countdownDefault.set(c);
+				if (m !== null) this.toast.maxQueued.set(Math.max(0, Math.floor(m)));
+			});
+		});
+		this.toast.action$.pipe(takeUntilDestroyed()).subscribe((e) => {
+			if (this.isHost()) this.action.emit(e);
+		});
 		effect(() => {
 			const host = this.isHost();
 			const msg = this.toast.message();
@@ -8109,8 +8247,44 @@ var ToastComponent = class ToastComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				queue: {
+					classPropertyName: "queue",
+					publicName: "queue",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				countdown: {
+					classPropertyName: "countdown",
+					publicName: "countdown",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				maxQueued: {
+					classPropertyName: "maxQueued",
+					publicName: "maxQueued",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				countdownLabel: {
+					classPropertyName: "countdownLabel",
+					publicName: "countdownLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				queueLabel: {
+					classPropertyName: "queueLabel",
+					publicName: "queueLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
+			outputs: { action: "action" },
 			ngImport: i0,
 			template: `
     @if (isHost() && persistent()) {
@@ -8128,6 +8302,7 @@ var ToastComponent = class ToastComponent {
     <ng-template #card>
       <div
         class="t-toast"
+        [class.t-rich]="isRich()"
         [class.t-error]="toast.type() === 'error'"
         [class.t-info]="toast.type() === 'info'"
         [class.t-adopted]="adopted()"
@@ -8149,7 +8324,14 @@ var ToastComponent = class ToastComponent {
             <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/>
           </svg>
         }
-        <span class="t-text">{{ toast.message() }}</span>
+        @if (isRich()) {
+          <span class="t-content">
+            @if (toast.details()?.title; as title) { <span class="t-title" data-testid="toast-title">{{ title }}</span> }
+            <span class="t-text">{{ toast.message() }}</span>
+          </span>
+        } @else {
+          <span class="t-text">{{ toast.message() }}</span>
+        }
         @if (showClose()) {
         <button type="button" class="t-close" aria-label="Dismiss notification" (click)="toast.dismiss()">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
@@ -8157,11 +8339,31 @@ var ToastComponent = class ToastComponent {
           </svg>
         </button>
         }
+        @if (toast.queuedCount() > 0) {
+          <span class="t-queue" data-testid="toast-queue">{{ queueText() }}</span>
+        }
+        @if (toast.details(); as d) {
+          @if (d.actions.length > 0) {
+            <div class="t-actions" role="group" aria-label="Actions" data-testid="toast-actions">
+              @for (a of d.actions; track a.id) {
+                <button type="button" class="t-action"
+                  [class.t-action-primary]="a.variant === 'primary'" [class.t-action-danger]="a.variant === 'danger'"
+                  [disabled]="a.disabled" [attr.data-testid]="'toast-action-' + a.id" (click)="onAction(a.id)">{{ a.label }}</button>
+              }
+            </div>
+          }
+          @if (d.countdown) {
+            <div class="t-countdown" aria-hidden="true">
+              <div class="t-countdown-bar"><div class="t-countdown-fill" [style.width.%]="countdownPct()" data-testid="toast-countdown-fill"></div></div>
+              <div class="t-countdown-label" data-testid="toast-countdown">{{ countdownText() }}</div>
+            </div>
+          }
+        }
       </div>
     </ng-template>
   `,
 			isInline: true,
-			styles: [".t-live{position:absolute;width:0;height:0;margin:0;padding:0;overflow:visible}.t-toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#047857;color:#fff;padding:11px 20px;border-radius:12px;font-size:.875rem;font-weight:500;z-index:9999;box-shadow:0 4px 16px #0000002e;animation:t-in .28s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));overflow-wrap:anywhere;word-break:break-word}.t-error{background:#dc2626}.t-info{background:#2563eb}.t-adopted{animation:none}.t-text{min-width:0}.t-close{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -10px -4px 0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.t-close:after{content:\"\";position:absolute;inset:-8px}.t-close:hover{background:#fff3}.t-close:focus-visible{outline:2px solid #fff;outline-offset:1px}@keyframes t-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.t-toast{animation:none}}@media(max-width:480px){.t-toast{bottom:max(16px,env(safe-area-inset-bottom,16px));font-size:.8125rem;padding:10px 16px}}\n"],
+			styles: [".t-live{position:absolute;width:0;height:0;margin:0;padding:0;overflow:visible}.t-toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#047857;color:#fff;padding:11px 20px;border-radius:12px;font-size:.875rem;font-weight:500;z-index:9999;box-shadow:0 4px 16px #0000002e;animation:t-in .28s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));overflow-wrap:anywhere;word-break:break-word}.t-error{background:#dc2626}.t-info{background:#2563eb}.t-adopted{animation:none}.t-text{min-width:0}.t-close{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -10px -4px 0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.t-close:after{content:\"\";position:absolute;inset:-8px}.t-close:hover{background:#fff3}.t-close:focus-visible{outline:2px solid #fff;outline-offset:1px}.t-rich{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:8px;row-gap:10px;min-width:min(320px,calc(100vw - 32px))}.t-rich>svg:first-child{margin-top:2px}.t-content{display:flex;flex-direction:column;gap:2px;min-width:0}.t-title{font-weight:700}.t-queue{grid-column:1 / -1;justify-self:end;font-size:.75rem;font-weight:600;padding:1px 8px;border-radius:999px;background:#ffffff38}.t-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.t-action{min-height:32px;padding:6px 14px;border-radius:8px;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.6)}.t-action:hover:not(:disabled){background:#ffffff4d}.t-action:focus-visible{outline:2px solid #fff;outline-offset:2px}.t-action:disabled{opacity:.5;cursor:not-allowed}.t-action-primary{background:#fff;color:#0f172a;border-color:#fff}.t-action-primary:hover:not(:disabled){background:#f1f5f9}.t-action-danger{background:#7f1d1d;border-color:#ffffffb3}.t-action-danger:hover:not(:disabled){background:#991b1b}.t-countdown{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px}.t-countdown-bar{height:4px;border-radius:2px;background:#ffffff47;overflow:hidden}.t-countdown-fill{height:100%;background:#fff;transition:width .2s linear}.t-countdown-label{font-size:.75rem;opacity:.85;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.t-countdown-fill{transition:none}}@media(pointer:coarse),(max-width:480px){.t-action{min-height:44px}}@keyframes t-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.t-toast{animation:none}}@media(max-width:480px){.t-toast{bottom:max(16px,env(safe-area-inset-bottom,16px));font-size:.8125rem;padding:10px 16px}}\n"],
 			dependencies: [{
 				kind: "directive",
 				type: NgTemplateOutlet,
@@ -8204,6 +8406,7 @@ i0.ɵɵngDeclareClassMetadata({
     <ng-template #card>
       <div
         class="t-toast"
+        [class.t-rich]="isRich()"
         [class.t-error]="toast.type() === 'error'"
         [class.t-info]="toast.type() === 'info'"
         [class.t-adopted]="adopted()"
@@ -8225,7 +8428,14 @@ i0.ɵɵngDeclareClassMetadata({
             <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/>
           </svg>
         }
-        <span class="t-text">{{ toast.message() }}</span>
+        @if (isRich()) {
+          <span class="t-content">
+            @if (toast.details()?.title; as title) { <span class="t-title" data-testid="toast-title">{{ title }}</span> }
+            <span class="t-text">{{ toast.message() }}</span>
+          </span>
+        } @else {
+          <span class="t-text">{{ toast.message() }}</span>
+        }
         @if (showClose()) {
         <button type="button" class="t-close" aria-label="Dismiss notification" (click)="toast.dismiss()">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
@@ -8233,10 +8443,30 @@ i0.ɵɵngDeclareClassMetadata({
           </svg>
         </button>
         }
+        @if (toast.queuedCount() > 0) {
+          <span class="t-queue" data-testid="toast-queue">{{ queueText() }}</span>
+        }
+        @if (toast.details(); as d) {
+          @if (d.actions.length > 0) {
+            <div class="t-actions" role="group" aria-label="Actions" data-testid="toast-actions">
+              @for (a of d.actions; track a.id) {
+                <button type="button" class="t-action"
+                  [class.t-action-primary]="a.variant === 'primary'" [class.t-action-danger]="a.variant === 'danger'"
+                  [disabled]="a.disabled" [attr.data-testid]="'toast-action-' + a.id" (click)="onAction(a.id)">{{ a.label }}</button>
+              }
+            </div>
+          }
+          @if (d.countdown) {
+            <div class="t-countdown" aria-hidden="true">
+              <div class="t-countdown-bar"><div class="t-countdown-fill" [style.width.%]="countdownPct()" data-testid="toast-countdown-fill"></div></div>
+              <div class="t-countdown-label" data-testid="toast-countdown">{{ countdownText() }}</div>
+            </div>
+          }
+        }
       </div>
     </ng-template>
   `,
-			styles: [".t-live{position:absolute;width:0;height:0;margin:0;padding:0;overflow:visible}.t-toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#047857;color:#fff;padding:11px 20px;border-radius:12px;font-size:.875rem;font-weight:500;z-index:9999;box-shadow:0 4px 16px #0000002e;animation:t-in .28s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));overflow-wrap:anywhere;word-break:break-word}.t-error{background:#dc2626}.t-info{background:#2563eb}.t-adopted{animation:none}.t-text{min-width:0}.t-close{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -10px -4px 0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.t-close:after{content:\"\";position:absolute;inset:-8px}.t-close:hover{background:#fff3}.t-close:focus-visible{outline:2px solid #fff;outline-offset:1px}@keyframes t-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.t-toast{animation:none}}@media(max-width:480px){.t-toast{bottom:max(16px,env(safe-area-inset-bottom,16px));font-size:.8125rem;padding:10px 16px}}\n"]
+			styles: [".t-live{position:absolute;width:0;height:0;margin:0;padding:0;overflow:visible}.t-toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#047857;color:#fff;padding:11px 20px;border-radius:12px;font-size:.875rem;font-weight:500;z-index:9999;box-shadow:0 4px 16px #0000002e;animation:t-in .28s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));overflow-wrap:anywhere;word-break:break-word}.t-error{background:#dc2626}.t-info{background:#2563eb}.t-adopted{animation:none}.t-text{min-width:0}.t-close{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -10px -4px 0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.t-close:after{content:\"\";position:absolute;inset:-8px}.t-close:hover{background:#fff3}.t-close:focus-visible{outline:2px solid #fff;outline-offset:1px}.t-rich{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:8px;row-gap:10px;min-width:min(320px,calc(100vw - 32px))}.t-rich>svg:first-child{margin-top:2px}.t-content{display:flex;flex-direction:column;gap:2px;min-width:0}.t-title{font-weight:700}.t-queue{grid-column:1 / -1;justify-self:end;font-size:.75rem;font-weight:600;padding:1px 8px;border-radius:999px;background:#ffffff38}.t-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.t-action{min-height:32px;padding:6px 14px;border-radius:8px;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.6)}.t-action:hover:not(:disabled){background:#ffffff4d}.t-action:focus-visible{outline:2px solid #fff;outline-offset:2px}.t-action:disabled{opacity:.5;cursor:not-allowed}.t-action-primary{background:#fff;color:#0f172a;border-color:#fff}.t-action-primary:hover:not(:disabled){background:#f1f5f9}.t-action-danger{background:#7f1d1d;border-color:#ffffffb3}.t-action-danger:hover:not(:disabled){background:#991b1b}.t-countdown{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px}.t-countdown-bar{height:4px;border-radius:2px;background:#ffffff47;overflow:hidden}.t-countdown-fill{height:100%;background:#fff;transition:width .2s linear}.t-countdown-label{font-size:.75rem;opacity:.85;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.t-countdown-fill{transition:none}}@media(pointer:coarse),(max-width:480px){.t-action{min-height:44px}}@keyframes t-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.t-toast{animation:none}}@media(max-width:480px){.t-toast{bottom:max(16px,env(safe-area-inset-bottom,16px));font-size:.8125rem;padding:10px 16px}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -8256,6 +8486,50 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "persistentLiveRegion",
 				required: false
 			}]
+		}],
+		queue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "queue",
+				required: false
+			}]
+		}],
+		countdown: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "countdown",
+				required: false
+			}]
+		}],
+		maxQueued: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxQueued",
+				required: false
+			}]
+		}],
+		countdownLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "countdownLabel",
+				required: false
+			}]
+		}],
+		queueLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "queueLabel",
+				required: false
+			}]
+		}],
+		action: [{
+			type: i0.Output,
+			args: ["action"]
 		}]
 	}
 });
@@ -10236,6 +10510,7 @@ var ImportExportComponent = class ImportExportComponent {
 						"open",
 						"title",
 						"description",
+						"describedBy",
 						"maxWidth",
 						"bodyOverflow",
 						"dialogTestId",
@@ -10718,6 +10993,10 @@ var ConfirmOutletComponent = class ConfirmOutletComponent {
 	constructor() {
 		this.svc = inject(ConfirmService);
 		this._isPrimary = computed(() => this.svc.primaryOutlet() === this, ...ngDevMode ? [{ debugName: "_isPrimary" }] : /* istanbul ignore next */ []);
+		this._uid = Math.random().toString(36).slice(2, 8);
+		this.msgId = `ui-confirm-msg-${this._uid}`;
+		this.detailsId = `ui-confirm-details-${this._uid}`;
+		this._describedBy = computed(() => this.svc.active()?.details.length ? `${this.msgId} ${this.detailsId}` : this.msgId, ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
 	}
 	ngOnInit() {
 		this.svc.registerOutlet(this);
@@ -10750,10 +11029,11 @@ var ConfirmOutletComponent = class ConfirmOutletComponent {
         [open]="svc.open()"
         [title]="svc.active()!.title"
         maxWidth="420px"
+        [describedBy]="_describedBy()"
         (close)="svc.dismiss(false)">
-        <p class="confirm-msg" data-testid="confirm-message">{{ svc.active()!.message }}</p>
+        <p class="confirm-msg" data-testid="confirm-message" [id]="msgId">{{ svc.active()!.message }}</p>
         @if (svc.active()!.details.length) {
-          <ul class="confirm-details" data-testid="confirm-details" aria-label="What will happen">
+          <ul class="confirm-details" data-testid="confirm-details" aria-label="What will happen" [id]="detailsId">
             @for (d of svc.active()!.details; track $index) { <li>{{ d }}</li> }
           </ul>
         }
@@ -10781,6 +11061,7 @@ var ConfirmOutletComponent = class ConfirmOutletComponent {
 					"open",
 					"title",
 					"description",
+					"describedBy",
 					"maxWidth",
 					"bodyOverflow",
 					"dialogTestId",
@@ -10846,10 +11127,11 @@ i0.ɵɵngDeclareClassMetadata({
         [open]="svc.open()"
         [title]="svc.active()!.title"
         maxWidth="420px"
+        [describedBy]="_describedBy()"
         (close)="svc.dismiss(false)">
-        <p class="confirm-msg" data-testid="confirm-message">{{ svc.active()!.message }}</p>
+        <p class="confirm-msg" data-testid="confirm-message" [id]="msgId">{{ svc.active()!.message }}</p>
         @if (svc.active()!.details.length) {
-          <ul class="confirm-details" data-testid="confirm-details" aria-label="What will happen">
+          <ul class="confirm-details" data-testid="confirm-details" aria-label="What will happen" [id]="detailsId">
             @for (d of svc.active()!.details; track $index) { <li>{{ d }}</li> }
           </ul>
         }
@@ -12110,6 +12392,9 @@ var DataTableComponent = class DataTableComponent {
 		this._confirmingBulk = false;
 		this._rowDeleteTarget = signal(null, ...ngDevMode ? [{ debugName: "_rowDeleteTarget" }] : /* istanbul ignore next */ []);
 		this._rowDeleting = signal(false, ...ngDevMode ? [{ debugName: "_rowDeleting" }] : /* istanbul ignore next */ []);
+		this._confirmUid = Math.random().toString(36).slice(2, 8);
+		this._confirmMsgId = `dt-confirm-msg-${this._confirmUid}`;
+		this._confirmDetailsId = `dt-confirm-details-${this._confirmUid}`;
 		this._rowDeleteConfig = signal({
 			title: "Delete",
 			message: "Delete this record? This cannot be undone.",
@@ -13676,10 +13961,11 @@ var DataTableComponent = class DataTableComponent {
           [open]="true"
           [title]="_rowDeleteConfig().title"
           maxWidth="420px"
+          [describedBy]="_rowDeleteConfig().details?.length ? _confirmMsgId + ' ' + _confirmDetailsId : _confirmMsgId"
           (close)="_rowDeleteTarget.set(null)">
-          <p class="dt-confirm-msg" data-testid="confirm-message">{{ _rowDeleteConfig().message }}</p>
+          <p class="dt-confirm-msg" data-testid="confirm-message" [id]="_confirmMsgId">{{ _rowDeleteConfig().message }}</p>
           @if (_rowDeleteConfig().details?.length) {
-            <ul class="dt-confirm-details" data-testid="confirm-details" aria-label="What will happen">
+            <ul class="dt-confirm-details" data-testid="confirm-details" aria-label="What will happen" [id]="_confirmDetailsId">
               @for (d of _rowDeleteConfig().details; track $index) { <li>{{ d }}</li> }
             </ul>
           }
@@ -13981,7 +14267,16 @@ var DataTableComponent = class DataTableComponent {
 					kind: "component",
 					type: ToastComponent,
 					selector: "ui-toast",
-					inputs: ["dismissible", "persistentLiveRegion"]
+					inputs: [
+						"dismissible",
+						"persistentLiveRegion",
+						"queue",
+						"countdown",
+						"maxQueued",
+						"countdownLabel",
+						"queueLabel"
+					],
+					outputs: ["action"]
 				},
 				{
 					kind: "component",
@@ -14010,6 +14305,7 @@ var DataTableComponent = class DataTableComponent {
 						"open",
 						"title",
 						"description",
+						"describedBy",
 						"maxWidth",
 						"bodyOverflow",
 						"dialogTestId",
@@ -14750,10 +15046,11 @@ i0.ɵɵngDeclareClassMetadata({
           [open]="true"
           [title]="_rowDeleteConfig().title"
           maxWidth="420px"
+          [describedBy]="_rowDeleteConfig().details?.length ? _confirmMsgId + ' ' + _confirmDetailsId : _confirmMsgId"
           (close)="_rowDeleteTarget.set(null)">
-          <p class="dt-confirm-msg" data-testid="confirm-message">{{ _rowDeleteConfig().message }}</p>
+          <p class="dt-confirm-msg" data-testid="confirm-message" [id]="_confirmMsgId">{{ _rowDeleteConfig().message }}</p>
           @if (_rowDeleteConfig().details?.length) {
-            <ul class="dt-confirm-details" data-testid="confirm-details" aria-label="What will happen">
+            <ul class="dt-confirm-details" data-testid="confirm-details" aria-label="What will happen" [id]="_confirmDetailsId">
               @for (d of _rowDeleteConfig().details; track $index) { <li>{{ d }}</li> }
             </ul>
           }
@@ -29236,8 +29533,8 @@ var NotesComponent = class NotesComponent {
       <ui-pagination [page]="page() + 1" [pageSize]="pageSize" [totalItems]="totalElements()" (pageChange)="loadPage($event - 1)" />
     }
 
-    <ui-modal [open]="!!deletingId()" title="Delete Note" maxWidth="420px" dialogTestId="delete-note-modal" (close)="deletingId.set(null)">
-      <p class="note-delete-msg" data-testid="delete-note-message">Delete this note? It is permanently removed from this record and cannot be undone.</p>
+    <ui-modal [open]="!!deletingId()" title="Delete Note" maxWidth="420px" dialogTestId="delete-note-modal" describedBy="ui-note-delete-msg" (close)="deletingId.set(null)">
+      <p class="note-delete-msg" id="ui-note-delete-msg" data-testid="delete-note-message">Delete this note? It is permanently removed from this record and cannot be undone.</p>
       <ui-button modal-footer-left variant="secondary" size="sm" data-testid="delete-note-cancel" (click)="deletingId.set(null)">Cancel</ui-button>
       <ui-button modal-footer-right variant="danger" size="sm" data-testid="delete-note-confirm" [loading]="saving()" (click)="deleteNote()">Delete Note</ui-button>
     </ui-modal>
@@ -29311,6 +29608,7 @@ var NotesComponent = class NotesComponent {
 						"open",
 						"title",
 						"description",
+						"describedBy",
 						"maxWidth",
 						"bodyOverflow",
 						"dialogTestId",
@@ -29486,8 +29784,8 @@ i0.ɵɵngDeclareClassMetadata({
       <ui-pagination [page]="page() + 1" [pageSize]="pageSize" [totalItems]="totalElements()" (pageChange)="loadPage($event - 1)" />
     }
 
-    <ui-modal [open]="!!deletingId()" title="Delete Note" maxWidth="420px" dialogTestId="delete-note-modal" (close)="deletingId.set(null)">
-      <p class="note-delete-msg" data-testid="delete-note-message">Delete this note? It is permanently removed from this record and cannot be undone.</p>
+    <ui-modal [open]="!!deletingId()" title="Delete Note" maxWidth="420px" dialogTestId="delete-note-modal" describedBy="ui-note-delete-msg" (close)="deletingId.set(null)">
+      <p class="note-delete-msg" id="ui-note-delete-msg" data-testid="delete-note-message">Delete this note? It is permanently removed from this record and cannot be undone.</p>
       <ui-button modal-footer-left variant="secondary" size="sm" data-testid="delete-note-cancel" (click)="deletingId.set(null)">Cancel</ui-button>
       <ui-button modal-footer-right variant="danger" size="sm" data-testid="delete-note-confirm" [loading]="saving()" (click)="deleteNote()">Delete Note</ui-button>
     </ui-modal>
@@ -29555,6 +29853,9 @@ function provideForgerouteToast(options = {}) {
 	return makeEnvironmentProviders([provideEnvironmentInitializer(() => {
 		if (options.dismissible) inject(ToastService).dismissible.set(true);
 		if (options.persistentLiveRegion) inject(ToastService).persistentLiveRegion.set(true);
+		if (options.queue) inject(ToastService).queueDefault.set(true);
+		if (options.countdown) inject(ToastService).countdownDefault.set(true);
+		if (options.maxQueued !== void 0) inject(ToastService).maxQueued.set(Math.max(0, Math.floor(options.maxQueued)));
 		if (!isPlatformBrowser(inject(PLATFORM_ID))) return;
 		const doc = inject(DOCUMENT);
 		const appRef = inject(ApplicationRef);
@@ -33587,7 +33888,16 @@ var AppShellComponent = class AppShellComponent {
 					kind: "component",
 					type: ToastComponent,
 					selector: "ui-toast",
-					inputs: ["dismissible", "persistentLiveRegion"]
+					inputs: [
+						"dismissible",
+						"persistentLiveRegion",
+						"queue",
+						"countdown",
+						"maxQueued",
+						"countdownLabel",
+						"queueLabel"
+					],
+					outputs: ["action"]
 				},
 				{
 					kind: "component",
@@ -43558,7 +43868,16 @@ var CalendarComponent = class CalendarComponent {
 					kind: "component",
 					type: ToastComponent,
 					selector: "ui-toast",
-					inputs: ["dismissible", "persistentLiveRegion"]
+					inputs: [
+						"dismissible",
+						"persistentLiveRegion",
+						"queue",
+						"countdown",
+						"maxQueued",
+						"countdownLabel",
+						"queueLabel"
+					],
+					outputs: ["action"]
 				},
 				{
 					kind: "directive",
@@ -44965,6 +45284,7 @@ var ImageGalleryDialogComponent = class ImageGalleryDialogComponent {
 						"open",
 						"title",
 						"description",
+						"describedBy",
 						"maxWidth",
 						"bodyOverflow",
 						"dialogTestId",
@@ -51243,7 +51563,16 @@ var ShareMenuComponent = class ShareMenuComponent {
 				kind: "component",
 				type: ToastComponent,
 				selector: "ui-toast",
-				inputs: ["dismissible", "persistentLiveRegion"]
+				inputs: [
+					"dismissible",
+					"persistentLiveRegion",
+					"queue",
+					"countdown",
+					"maxQueued",
+					"countdownLabel",
+					"queueLabel"
+				],
+				outputs: ["action"]
 			}],
 			changeDetection: i0.ChangeDetectionStrategy.OnPush
 		});
@@ -52228,6 +52557,17 @@ var ConversationsComponent = class ConversationsComponent {
 		this.send = output();
 		this.filesSelected = output();
 		this.attachmentRemove = output();
+		this.linkGroups = input(null, ...ngDevMode ? [{ debugName: "linkGroups" }] : /* istanbul ignore next */ []);
+		this.linkLoading = input(false, ...ngDevMode ? [{ debugName: "linkLoading" }] : /* istanbul ignore next */ []);
+		this.link = model(null, ...ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []);
+		this.linkLabel = input("Link a record", ...ngDevMode ? [{ debugName: "linkLabel" }] : /* istanbul ignore next */ []);
+		this.linkPickerTitle = input("Link a Record", ...ngDevMode ? [{ debugName: "linkPickerTitle" }] : /* istanbul ignore next */ []);
+		this.linkSearchPlaceholder = input("Search...", ...ngDevMode ? [{ debugName: "linkSearchPlaceholder" }] : /* istanbul ignore next */ []);
+		this.linkSearchLabel = input("Search records", ...ngDevMode ? [{ debugName: "linkSearchLabel" }] : /* istanbul ignore next */ []);
+		this.linkEmptyText = input("No records found.", ...ngDevMode ? [{ debugName: "linkEmptyText" }] : /* istanbul ignore next */ []);
+		this.linkLoadingText = input("Loading...", ...ngDevMode ? [{ debugName: "linkLoadingText" }] : /* istanbul ignore next */ []);
+		this.removeLinkLabel = input("Remove link", ...ngDevMode ? [{ debugName: "removeLinkLabel" }] : /* istanbul ignore next */ []);
+		this.linkPickerOpened = output();
 		this.mediaOpen = output();
 		this.messageAction = output();
 		this.loadEarlier = output();
@@ -52261,7 +52601,18 @@ var ConversationsComponent = class ConversationsComponent {
 		this.emptyText = computed(() => this.filtering() ? this.filteredEmptyMessage() : this.canWrite() ? this.emptyMessage() : this.emptyReadOnlyMessage(), ...ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []);
 		this.messageRows = computed(() => groupMessagesByDay(this.messages(), this.clock()), ...ngDevMode ? [{ debugName: "messageRows" }] : /* istanbul ignore next */ []);
 		this.contextVisible = computed(() => this.hasContext() && this.contextOpen() && !!this.selected(), ...ngDevMode ? [{ debugName: "contextVisible" }] : /* istanbul ignore next */ []);
-		this.canSend = computed(() => !this.composerDisabled() && !this.sendBlocked() && !this.sending() && (this.draft().trim().length > 0 || !!this.attachment()) && this.draft().trim().length <= this.maxLength(), ...ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []);
+		this.canSend = computed(() => !this.composerDisabled() && !this.sendBlocked() && !this.sending() && (this.draft().trim().length > 0 || !!this.attachment() || !!this.link()) && this.draft().trim().length <= this.maxLength(), ...ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []);
+		this.pickerOpen = signal(false, ...ngDevMode ? [{ debugName: "pickerOpen" }] : /* istanbul ignore next */ []);
+		this.linkQuery = signal("", ...ngDevMode ? [{ debugName: "linkQuery" }] : /* istanbul ignore next */ []);
+		this.visibleLinkGroups = computed(() => {
+			const q = this.linkQuery().trim().toLowerCase();
+			const groups = this.linkGroups() ?? [];
+			if (!q) return groups.filter((g) => g.items.length > 0);
+			return groups.map((g) => ({
+				...g,
+				items: g.items.filter((i) => i.label.toLowerCase().includes(q))
+			})).filter((g) => g.items.length > 0);
+		}, ...ngDevMode ? [{ debugName: "visibleLinkGroups" }] : /* istanbul ignore next */ []);
 		this.editorHtml = signal("", ...ngDevMode ? [{ debugName: "editorHtml" }] : /* istanbul ignore next */ []);
 		this.richHide = RICH_COMPOSER_HIDE;
 		effect(() => {
@@ -52338,10 +52689,31 @@ var ConversationsComponent = class ConversationsComponent {
 	}
 	sendMessage() {
 		if (!this.canSend()) return;
-		this.send.emit(this.richText() ? {
+		const link = this.link();
+		const base = this.richText() ? {
 			text: this.draft().trim(),
 			html: sanitizeRichTextHtml(this.editorHtml(), { mode: "paste" })
-		} : { text: this.draft().trim() });
+		} : { text: this.draft().trim() };
+		this.send.emit(link ? {
+			...base,
+			link
+		} : base);
+	}
+	openLinkPicker() {
+		this.linkQuery.set("");
+		this.pickerOpen.set(true);
+		this.linkPickerOpened.emit();
+	}
+	closeLinkPicker() {
+		this.pickerOpen.set(false);
+	}
+	pickLink(group, item) {
+		this.link.set({
+			type: group.type,
+			id: item.id,
+			label: item.label
+		});
+		this.pickerOpen.set(false);
 	}
 	clock() {
 		return this.now() ?? /* @__PURE__ */ new Date();
@@ -52967,6 +53339,76 @@ var ConversationsComponent = class ConversationsComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				linkGroups: {
+					classPropertyName: "linkGroups",
+					publicName: "linkGroups",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkLoading: {
+					classPropertyName: "linkLoading",
+					publicName: "linkLoading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				link: {
+					classPropertyName: "link",
+					publicName: "link",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkLabel: {
+					classPropertyName: "linkLabel",
+					publicName: "linkLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkPickerTitle: {
+					classPropertyName: "linkPickerTitle",
+					publicName: "linkPickerTitle",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkSearchPlaceholder: {
+					classPropertyName: "linkSearchPlaceholder",
+					publicName: "linkSearchPlaceholder",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkSearchLabel: {
+					classPropertyName: "linkSearchLabel",
+					publicName: "linkSearchLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkEmptyText: {
+					classPropertyName: "linkEmptyText",
+					publicName: "linkEmptyText",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				linkLoadingText: {
+					classPropertyName: "linkLoadingText",
+					publicName: "linkLoadingText",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				removeLinkLabel: {
+					classPropertyName: "removeLinkLabel",
+					publicName: "removeLinkLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			outputs: {
@@ -52986,6 +53428,8 @@ var ConversationsComponent = class ConversationsComponent {
 				send: "send",
 				filesSelected: "filesSelected",
 				attachmentRemove: "attachmentRemove",
+				link: "linkChange",
+				linkPickerOpened: "linkPickerOpened",
 				mediaOpen: "mediaOpen",
 				messageAction: "messageAction",
 				loadEarlier: "loadEarlier",
@@ -53201,6 +53645,13 @@ var ConversationsComponent = class ConversationsComponent {
                   }
                   @if (row.message.bodyHtml) { <ui-conversation-rich-body [html]="row.message.bodyHtml" data-testid="msg-rich-body" /> }
                   @else if (row.message.body) { <p class="cv-body">{{ row.message.body }}</p> }
+                  @if (row.message.link; as msgLink) {
+                    @if (msgLink.url) {
+                      <a class="cv-link-chip" [href]="msgLink.url" data-testid="msg-link"><svg class="cv-link-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5"/></svg><span class="cv-link-label">{{ msgLink.label }}</span></a>
+                    } @else {
+                      <span class="cv-link-chip" data-testid="msg-link"><svg class="cv-link-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5"/></svg><span class="cv-link-label">{{ msgLink.label }}</span></span>
+                    }
+                  }
                   <span class="cv-meta">
                     @if (row.message.sender) { <span class="cv-sender" data-testid="msg-sender">{{ row.message.sender }}</span> }
                     {{ time(row.message) }}
@@ -53233,7 +53684,20 @@ var ConversationsComponent = class ConversationsComponent {
                   </ui-button>
                 </div>
               }
+              @if (link(); as chosen) {
+                <div class="cv-link-preview" data-testid="link-preview">
+                  <span class="cv-link-chip cv-link-chip-compose"><svg class="cv-link-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5"/></svg><span class="cv-link-label" data-testid="link-preview-label">{{ chosen.label }}</span></span>
+                  <ui-button class="cv-link-remove" variant="icon-danger" [ariaLabel]="removeLinkLabel()" [disabled]="sending()" (click)="link.set(null)" data-testid="link-remove">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+                  </ui-button>
+                </div>
+              }
               <div class="cv-compose-row">
+                @if (linkGroups() !== null) {
+                  <ui-button class="cv-link-btn" variant="icon" [ariaLabel]="linkLabel()" [uiTooltip]="linkLabel()" [disabled]="sending() || composerDisabled()" (click)="openLinkPicker()" data-testid="link-btn">
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5"/></svg>
+                  </ui-button>
+                }
                 @if (attachEnabled()) {
                   <ui-button class="cv-attach-btn" variant="icon" [ariaLabel]="attachLabel()" [disabled]="uploading() || composerDisabled()" [loading]="uploading()" (click)="openFilePicker()" data-testid="attach-btn">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
@@ -53266,6 +53730,28 @@ var ConversationsComponent = class ConversationsComponent {
         }
       </section>
 
+      @if (linkGroups() !== null) {
+        <ui-modal [open]="pickerOpen()" [title]="linkPickerTitle()" maxWidth="480px" bodyOverflow="hidden" dialogTestId="link-picker" (close)="closeLinkPicker()">
+          <ui-search-input [placeholder]="linkSearchPlaceholder()" [ariaLabel]="linkSearchLabel()" [(value)]="linkQuery" data-testid="link-search" />
+          <div class="cv-link-list" data-testid="link-list">
+            @if (linkLoading()) {
+              <p class="cv-link-note" role="status" data-testid="link-loading">{{ linkLoadingText() }}</p>
+            } @else if (visibleLinkGroups().length === 0) {
+              <p class="cv-link-note" data-testid="link-empty">{{ linkEmptyText() }}</p>
+            } @else {
+              @for (group of visibleLinkGroups(); track group.type) {
+                <div class="cv-link-section" role="group" [attr.aria-label]="group.label" data-testid="link-section">
+                  <div class="cv-link-section-label" aria-hidden="true">{{ group.label }}</div>
+                  @for (item of group.items; track item.id) {
+                    <button type="button" class="cv-link-item" data-testid="link-item" (click)="pickLink(group, item)">{{ item.label }}</button>
+                  }
+                </div>
+              }
+            }
+          </div>
+        </ui-modal>
+      }
+
       <!-- RIGHT: contact panel (the host's content) -->
       @if (contextVisible()) {
         <aside class="cv-context" #contextPanel tabindex="-1" [attr.aria-label]="contextTitle()" (keydown.escape)="closeContext(true)" data-testid="context-panel">
@@ -53281,7 +53767,7 @@ var ConversationsComponent = class ConversationsComponent {
     </div>
   `,
 			isInline: true,
-			styles: [":host{display:flex;flex:1;min-height:0;min-width:0}.cv-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cv-layout{display:grid;grid-template-columns:340px 1fr;flex:1;min-height:0;min-width:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.cv-layout.has-context{grid-template-columns:340px 1fr 280px}.cv-list-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cv-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.cv-list-title{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.cv-search,.cv-filters{padding:0 16px 12px}.cv-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cv-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9;transition:background .15s}.cv-item.unread{background:#fffbeb}.cv-item.selected{background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.cv-item-info{flex:1;min-width:0}.cv-row-arrow{flex:0 0 auto;align-self:center;color:#94a3b8}.cv-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cv-name{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-time{font-size:.6875rem;color:#64748b;flex-shrink:0;margin-left:8px}.cv-subtitle{font-size:.6875rem;color:#64748b;display:block;margin-bottom:2px}.cv-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.cv-preview{margin:0;font-size:.8125rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cv-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.cv-delete-btn{opacity:0;transition:opacity .15s}.cv-item:hover .cv-delete-btn,.cv-item:focus-within .cv-delete-btn,.cv-delete-btn:focus-within{opacity:1}@media(hover:none){.cv-delete-btn{opacity:1}}.cv-loading{padding:8px 0}.cv-skeleton{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid #f1f5f9}.cv-skel-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.cv-skel-row{display:flex;justify-content:space-between;gap:8px}.cv-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cv-thread-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.cv-thread-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fff}.cv-back-btn{display:none}.cv-thread-header-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cv-thread-header-text{min-width:0;display:flex;flex-direction:column}.cv-thread-name{margin:0;font-size:.9375rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-thread-name:focus{outline:none}.cv-thread-name:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}.cv-thread-subtitle{font-size:.75rem;color:#64748b}.cv-thread-actions{display:flex;align-items:center;gap:8px}.cv-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px 24px;display:flex;flex-direction:column;gap:4px;background:#f8fafc}.cv-messages:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.cv-messages-loading{display:flex;flex-direction:column;gap:12px;padding:20px 0}.cv-msg-skeleton{display:flex}.cv-msg-skeleton.outbound{justify-content:flex-end}.cv-messages-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cv-load-earlier{display:flex;justify-content:center;padding:4px 0 12px}.cv-sender{font-weight:600}.cv-msg-action{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.cv-msg-action:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.cv-messages-empty{display:flex;align-items:center;justify-content:center;flex:1}.cv-messages-empty p{margin:0;font-size:.875rem;color:#64748b;text-align:center}.cv-date-separator{display:flex;align-items:center;justify-content:center;padding:16px 0 8px}.cv-date-separator span{padding:4px 14px;border-radius:12px;background:#e2e8f0;font-size:.6875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px}.cv-bubble{max-width:70%;padding:10px 14px;border-radius:16px;position:relative;word-break:break-word;overflow-wrap:break-word}.cv-bubble.inbound{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.cv-bubble.inbound .cv-body,.cv-bubble.inbound .cv-rich{color:#1e293b}.cv-bubble.inbound .cv-meta{color:#64748b}.cv-bubble.outbound{align-self:flex-end;background:#2563eb;border-bottom-right-radius:4px}.cv-bubble.outbound .cv-body,.cv-bubble.outbound .cv-rich,.cv-bubble.outbound .cv-meta{color:#fff}@media(prefers-reduced-motion:no-preference){.cv-bubble{animation:cv-appear .2s ease}.cv-context{animation:cv-slide-in .25s ease}}.cv-body{margin:0;font-size:.875rem;line-height:1.45;word-break:break-word;white-space:pre-wrap}.cv-media{margin-bottom:6px}.cv-image-btn{display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:8px}.cv-image-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #2563eb}.cv-image{display:block;max-width:240px;max-height:240px;border-radius:8px;object-fit:cover}.cv-video{max-width:240px;max-height:200px;border-radius:8px}.cv-file-link{font-size:.8125rem;color:#fff;text-decoration:underline}.cv-bubble.inbound .cv-file-link{color:#2563eb}.cv-meta{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:.6875rem;margin-top:4px}.cv-status{font-weight:500}.cv-status.failed{color:#fff;font-weight:700}.cv-bubble.inbound .cv-status.failed{color:#dc2626}.cv-compose{display:flex;flex-direction:column;padding:12px 20px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #e2e8f0;background:#fff}.cv-compose-row{display:flex;align-items:flex-end;gap:10px}.cv-compose-input{flex:1;min-width:0}.cv-attach-btn,.cv-send-btn{flex-shrink:0}.cv-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.cv-attachment-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px}.cv-attachment-name{font-size:.8125rem;color:#475569;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-attachment-remove{flex-shrink:0}.cv-compose-status{margin:4px 0 0;font-size:.8125rem;color:#64748b}.cv-compose-status:empty{margin:0}.cv-context-backdrop{display:none}.cv-context{width:100%;min-width:0;border-left:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;overflow-y:auto}.cv-context-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.cv-context-header h3{margin:0;font-size:.875rem;font-weight:700;color:#1e293b}.cv-context-body{padding:20px;display:flex;flex-direction:column;gap:16px}@keyframes cv-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cv-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:1100px){.cv-layout.has-context{grid-template-columns:280px 1fr 240px}}@media(max-width:768px){.cv-layout,.cv-layout.has-context{grid-template-columns:1fr;height:100%}.cv-hidden-mobile{display:none!important}.cv-back-btn{display:inline-flex}.cv-context-backdrop{display:block;position:fixed;inset:0;background:#00000059;z-index:99}.cv-context{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;z-index:100;box-shadow:-4px 0 20px #0000001a}.cv-bubble{max-width:85%}.cv-messages,.cv-thread-header{padding:12px 16px}}@media(max-width:480px){.cv-thread-subtitle{display:none}.cv-compose{padding:8px 12px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.cv-compose-row{flex-wrap:wrap}.cv-compose-input{order:-1;flex:1 1 100%}.cv-send-btn{margin-inline-start:auto}.cv-list-header{padding:12px 16px 10px}.cv-context{width:100%;max-width:100vw}}\n"],
+			styles: [":host{display:flex;flex:1;min-height:0;min-width:0}.cv-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cv-layout{display:grid;grid-template-columns:340px 1fr;flex:1;min-height:0;min-width:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.cv-layout.has-context{grid-template-columns:340px 1fr 280px}.cv-list-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cv-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.cv-list-title{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.cv-search,.cv-filters{padding:0 16px 12px}.cv-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cv-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9;transition:background .15s}.cv-item.unread{background:#fffbeb}.cv-item.selected{background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.cv-item-info{flex:1;min-width:0}.cv-row-arrow{flex:0 0 auto;align-self:center;color:#94a3b8}.cv-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cv-name{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-time{font-size:.6875rem;color:#64748b;flex-shrink:0;margin-left:8px}.cv-subtitle{font-size:.6875rem;color:#64748b;display:block;margin-bottom:2px}.cv-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.cv-preview{margin:0;font-size:.8125rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cv-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.cv-delete-btn{opacity:0;transition:opacity .15s}.cv-item:hover .cv-delete-btn,.cv-item:focus-within .cv-delete-btn,.cv-delete-btn:focus-within{opacity:1}@media(hover:none){.cv-delete-btn{opacity:1}}.cv-loading{padding:8px 0}.cv-skeleton{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid #f1f5f9}.cv-skel-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.cv-skel-row{display:flex;justify-content:space-between;gap:8px}.cv-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cv-thread-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.cv-thread-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fff}.cv-back-btn{display:none}.cv-thread-header-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cv-thread-header-text{min-width:0;display:flex;flex-direction:column}.cv-thread-name{margin:0;font-size:.9375rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-thread-name:focus{outline:none}.cv-thread-name:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}.cv-thread-subtitle{font-size:.75rem;color:#64748b}.cv-thread-actions{display:flex;align-items:center;gap:8px}.cv-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px 24px;display:flex;flex-direction:column;gap:4px;background:#f8fafc}.cv-messages:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.cv-messages-loading{display:flex;flex-direction:column;gap:12px;padding:20px 0}.cv-msg-skeleton{display:flex}.cv-msg-skeleton.outbound{justify-content:flex-end}.cv-messages-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cv-load-earlier{display:flex;justify-content:center;padding:4px 0 12px}.cv-sender{font-weight:600}.cv-link-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:6px;padding:3px 10px;border-radius:999px;border:1px solid transparent;font-size:.8rem;font-weight:600;text-decoration:none}.cv-link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cv-link-icon{flex:none}.cv-bubble.inbound .cv-link-chip{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.cv-bubble.outbound .cv-link-chip{background:#ffffff2e;border-color:#ffffff73;color:#fff}.cv-link-chip:is(a):hover{filter:brightness(.96);text-decoration:underline}.cv-link-chip:is(a):focus-visible{outline:2px solid currentColor;outline-offset:2px}.cv-link-preview{display:flex;align-items:center;gap:4px;margin-bottom:8px}.cv-link-chip-compose{margin-top:0;background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.cv-link-list{display:flex;flex-direction:column;gap:4px;margin-top:12px;max-height:320px;overflow-y:auto}.cv-link-section-label{padding:8px 4px 4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.cv-link-item{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;text-align:start;font:inherit;font-size:.875rem;color:#1e293b;cursor:pointer}.cv-link-item:hover{background:#f1f5f9}.cv-link-item:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.cv-link-note{margin:16px 0;text-align:center;font-size:.875rem;color:#64748b}@media(pointer:coarse),(max-width:480px){.cv-link-item{min-height:44px}}.cv-msg-action{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.cv-msg-action:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.cv-messages-empty{display:flex;align-items:center;justify-content:center;flex:1}.cv-messages-empty p{margin:0;font-size:.875rem;color:#64748b;text-align:center}.cv-date-separator{display:flex;align-items:center;justify-content:center;padding:16px 0 8px}.cv-date-separator span{padding:4px 14px;border-radius:12px;background:#e2e8f0;font-size:.6875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px}.cv-bubble{max-width:70%;padding:10px 14px;border-radius:16px;position:relative;word-break:break-word;overflow-wrap:break-word}.cv-bubble.inbound{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.cv-bubble.inbound .cv-body,.cv-bubble.inbound .cv-rich{color:#1e293b}.cv-bubble.inbound .cv-meta{color:#64748b}.cv-bubble.outbound{align-self:flex-end;background:#2563eb;border-bottom-right-radius:4px}.cv-bubble.outbound .cv-body,.cv-bubble.outbound .cv-rich,.cv-bubble.outbound .cv-meta{color:#fff}@media(prefers-reduced-motion:no-preference){.cv-bubble{animation:cv-appear .2s ease}.cv-context{animation:cv-slide-in .25s ease}}.cv-body{margin:0;font-size:.875rem;line-height:1.45;word-break:break-word;white-space:pre-wrap}.cv-media{margin-bottom:6px}.cv-image-btn{display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:8px}.cv-image-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #2563eb}.cv-image{display:block;max-width:240px;max-height:240px;border-radius:8px;object-fit:cover}.cv-video{max-width:240px;max-height:200px;border-radius:8px}.cv-file-link{font-size:.8125rem;color:#fff;text-decoration:underline}.cv-bubble.inbound .cv-file-link{color:#2563eb}.cv-meta{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:.6875rem;margin-top:4px}.cv-status{font-weight:500}.cv-status.failed{color:#fff;font-weight:700}.cv-bubble.inbound .cv-status.failed{color:#dc2626}.cv-compose{display:flex;flex-direction:column;padding:12px 20px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #e2e8f0;background:#fff}.cv-compose-row{display:flex;align-items:flex-end;gap:10px}.cv-compose-input{flex:1;min-width:0}.cv-attach-btn,.cv-send-btn{flex-shrink:0}.cv-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.cv-attachment-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px}.cv-attachment-name{font-size:.8125rem;color:#475569;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-attachment-remove{flex-shrink:0}.cv-compose-status{margin:4px 0 0;font-size:.8125rem;color:#64748b}.cv-compose-status:empty{margin:0}.cv-context-backdrop{display:none}.cv-context{width:100%;min-width:0;border-left:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;overflow-y:auto}.cv-context-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.cv-context-header h3{margin:0;font-size:.875rem;font-weight:700;color:#1e293b}.cv-context-body{padding:20px;display:flex;flex-direction:column;gap:16px}@keyframes cv-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cv-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:1100px){.cv-layout.has-context{grid-template-columns:280px 1fr 240px}}@media(max-width:768px){.cv-layout,.cv-layout.has-context{grid-template-columns:1fr;height:100%}.cv-hidden-mobile{display:none!important}.cv-back-btn{display:inline-flex}.cv-context-backdrop{display:block;position:fixed;inset:0;background:#00000059;z-index:99}.cv-context{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;z-index:100;box-shadow:-4px 0 20px #0000001a}.cv-bubble{max-width:85%}.cv-messages,.cv-thread-header{padding:12px 16px}}@media(max-width:480px){.cv-thread-subtitle{display:none}.cv-compose{padding:8px 12px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.cv-compose-row{flex-wrap:wrap}.cv-compose-input{order:-1;flex:1 1 100%}.cv-send-btn{margin-inline-start:auto}.cv-list-header{padding:12px 16px 10px}.cv-context{width:100%;max-width:100vw}}\n"],
 			dependencies: [
 				{
 					kind: "ngmodule",
@@ -53567,6 +54053,28 @@ var ConversationsComponent = class ConversationsComponent {
 					type: ConversationRichBodyComponent,
 					selector: "ui-conversation-rich-body",
 					inputs: ["html"]
+				},
+				{
+					kind: "component",
+					type: ModalComponent,
+					selector: "ui-modal",
+					inputs: [
+						"open",
+						"title",
+						"description",
+						"describedBy",
+						"maxWidth",
+						"bodyOverflow",
+						"dialogTestId",
+						"hideClose",
+						"closable",
+						"layout",
+						"closeOnBackdrop",
+						"closeOnEscape",
+						"busy",
+						"returnFocusTo"
+					],
+					outputs: ["close"]
 				}
 			],
 			changeDetection: i0.ChangeDetectionStrategy.OnPush
@@ -53600,7 +54108,8 @@ i0.ɵɵngDeclareClassMetadata({
 				SkeletonComponent,
 				TextareaInputComponent,
 				TooltipDirective,
-				ConversationRichBodyComponent
+				ConversationRichBodyComponent,
+				ModalComponent
 			],
 			template: `
     <div class="cv-layout" [class.has-context]="contextVisible()" data-testid="conversations">
@@ -53781,6 +54290,13 @@ i0.ɵɵngDeclareClassMetadata({
                   }
                   @if (row.message.bodyHtml) { <ui-conversation-rich-body [html]="row.message.bodyHtml" data-testid="msg-rich-body" /> }
                   @else if (row.message.body) { <p class="cv-body">{{ row.message.body }}</p> }
+                  @if (row.message.link; as msgLink) {
+                    @if (msgLink.url) {
+                      <a class="cv-link-chip" [href]="msgLink.url" data-testid="msg-link"><svg class="cv-link-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5"/></svg><span class="cv-link-label">{{ msgLink.label }}</span></a>
+                    } @else {
+                      <span class="cv-link-chip" data-testid="msg-link"><svg class="cv-link-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5"/></svg><span class="cv-link-label">{{ msgLink.label }}</span></span>
+                    }
+                  }
                   <span class="cv-meta">
                     @if (row.message.sender) { <span class="cv-sender" data-testid="msg-sender">{{ row.message.sender }}</span> }
                     {{ time(row.message) }}
@@ -53813,7 +54329,20 @@ i0.ɵɵngDeclareClassMetadata({
                   </ui-button>
                 </div>
               }
+              @if (link(); as chosen) {
+                <div class="cv-link-preview" data-testid="link-preview">
+                  <span class="cv-link-chip cv-link-chip-compose"><svg class="cv-link-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5"/></svg><span class="cv-link-label" data-testid="link-preview-label">{{ chosen.label }}</span></span>
+                  <ui-button class="cv-link-remove" variant="icon-danger" [ariaLabel]="removeLinkLabel()" [disabled]="sending()" (click)="link.set(null)" data-testid="link-remove">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+                  </ui-button>
+                </div>
+              }
               <div class="cv-compose-row">
+                @if (linkGroups() !== null) {
+                  <ui-button class="cv-link-btn" variant="icon" [ariaLabel]="linkLabel()" [uiTooltip]="linkLabel()" [disabled]="sending() || composerDisabled()" (click)="openLinkPicker()" data-testid="link-btn">
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.5 1.5"/><path d="M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.5-1.5"/></svg>
+                  </ui-button>
+                }
                 @if (attachEnabled()) {
                   <ui-button class="cv-attach-btn" variant="icon" [ariaLabel]="attachLabel()" [disabled]="uploading() || composerDisabled()" [loading]="uploading()" (click)="openFilePicker()" data-testid="attach-btn">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
@@ -53846,6 +54375,28 @@ i0.ɵɵngDeclareClassMetadata({
         }
       </section>
 
+      @if (linkGroups() !== null) {
+        <ui-modal [open]="pickerOpen()" [title]="linkPickerTitle()" maxWidth="480px" bodyOverflow="hidden" dialogTestId="link-picker" (close)="closeLinkPicker()">
+          <ui-search-input [placeholder]="linkSearchPlaceholder()" [ariaLabel]="linkSearchLabel()" [(value)]="linkQuery" data-testid="link-search" />
+          <div class="cv-link-list" data-testid="link-list">
+            @if (linkLoading()) {
+              <p class="cv-link-note" role="status" data-testid="link-loading">{{ linkLoadingText() }}</p>
+            } @else if (visibleLinkGroups().length === 0) {
+              <p class="cv-link-note" data-testid="link-empty">{{ linkEmptyText() }}</p>
+            } @else {
+              @for (group of visibleLinkGroups(); track group.type) {
+                <div class="cv-link-section" role="group" [attr.aria-label]="group.label" data-testid="link-section">
+                  <div class="cv-link-section-label" aria-hidden="true">{{ group.label }}</div>
+                  @for (item of group.items; track item.id) {
+                    <button type="button" class="cv-link-item" data-testid="link-item" (click)="pickLink(group, item)">{{ item.label }}</button>
+                  }
+                </div>
+              }
+            }
+          </div>
+        </ui-modal>
+      }
+
       <!-- RIGHT: contact panel (the host's content) -->
       @if (contextVisible()) {
         <aside class="cv-context" #contextPanel tabindex="-1" [attr.aria-label]="contextTitle()" (keydown.escape)="closeContext(true)" data-testid="context-panel">
@@ -53860,7 +54411,7 @@ i0.ɵɵngDeclareClassMetadata({
       }
     </div>
   `,
-			styles: [":host{display:flex;flex:1;min-height:0;min-width:0}.cv-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cv-layout{display:grid;grid-template-columns:340px 1fr;flex:1;min-height:0;min-width:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.cv-layout.has-context{grid-template-columns:340px 1fr 280px}.cv-list-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cv-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.cv-list-title{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.cv-search,.cv-filters{padding:0 16px 12px}.cv-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cv-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9;transition:background .15s}.cv-item.unread{background:#fffbeb}.cv-item.selected{background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.cv-item-info{flex:1;min-width:0}.cv-row-arrow{flex:0 0 auto;align-self:center;color:#94a3b8}.cv-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cv-name{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-time{font-size:.6875rem;color:#64748b;flex-shrink:0;margin-left:8px}.cv-subtitle{font-size:.6875rem;color:#64748b;display:block;margin-bottom:2px}.cv-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.cv-preview{margin:0;font-size:.8125rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cv-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.cv-delete-btn{opacity:0;transition:opacity .15s}.cv-item:hover .cv-delete-btn,.cv-item:focus-within .cv-delete-btn,.cv-delete-btn:focus-within{opacity:1}@media(hover:none){.cv-delete-btn{opacity:1}}.cv-loading{padding:8px 0}.cv-skeleton{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid #f1f5f9}.cv-skel-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.cv-skel-row{display:flex;justify-content:space-between;gap:8px}.cv-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cv-thread-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.cv-thread-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fff}.cv-back-btn{display:none}.cv-thread-header-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cv-thread-header-text{min-width:0;display:flex;flex-direction:column}.cv-thread-name{margin:0;font-size:.9375rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-thread-name:focus{outline:none}.cv-thread-name:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}.cv-thread-subtitle{font-size:.75rem;color:#64748b}.cv-thread-actions{display:flex;align-items:center;gap:8px}.cv-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px 24px;display:flex;flex-direction:column;gap:4px;background:#f8fafc}.cv-messages:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.cv-messages-loading{display:flex;flex-direction:column;gap:12px;padding:20px 0}.cv-msg-skeleton{display:flex}.cv-msg-skeleton.outbound{justify-content:flex-end}.cv-messages-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cv-load-earlier{display:flex;justify-content:center;padding:4px 0 12px}.cv-sender{font-weight:600}.cv-msg-action{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.cv-msg-action:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.cv-messages-empty{display:flex;align-items:center;justify-content:center;flex:1}.cv-messages-empty p{margin:0;font-size:.875rem;color:#64748b;text-align:center}.cv-date-separator{display:flex;align-items:center;justify-content:center;padding:16px 0 8px}.cv-date-separator span{padding:4px 14px;border-radius:12px;background:#e2e8f0;font-size:.6875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px}.cv-bubble{max-width:70%;padding:10px 14px;border-radius:16px;position:relative;word-break:break-word;overflow-wrap:break-word}.cv-bubble.inbound{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.cv-bubble.inbound .cv-body,.cv-bubble.inbound .cv-rich{color:#1e293b}.cv-bubble.inbound .cv-meta{color:#64748b}.cv-bubble.outbound{align-self:flex-end;background:#2563eb;border-bottom-right-radius:4px}.cv-bubble.outbound .cv-body,.cv-bubble.outbound .cv-rich,.cv-bubble.outbound .cv-meta{color:#fff}@media(prefers-reduced-motion:no-preference){.cv-bubble{animation:cv-appear .2s ease}.cv-context{animation:cv-slide-in .25s ease}}.cv-body{margin:0;font-size:.875rem;line-height:1.45;word-break:break-word;white-space:pre-wrap}.cv-media{margin-bottom:6px}.cv-image-btn{display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:8px}.cv-image-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #2563eb}.cv-image{display:block;max-width:240px;max-height:240px;border-radius:8px;object-fit:cover}.cv-video{max-width:240px;max-height:200px;border-radius:8px}.cv-file-link{font-size:.8125rem;color:#fff;text-decoration:underline}.cv-bubble.inbound .cv-file-link{color:#2563eb}.cv-meta{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:.6875rem;margin-top:4px}.cv-status{font-weight:500}.cv-status.failed{color:#fff;font-weight:700}.cv-bubble.inbound .cv-status.failed{color:#dc2626}.cv-compose{display:flex;flex-direction:column;padding:12px 20px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #e2e8f0;background:#fff}.cv-compose-row{display:flex;align-items:flex-end;gap:10px}.cv-compose-input{flex:1;min-width:0}.cv-attach-btn,.cv-send-btn{flex-shrink:0}.cv-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.cv-attachment-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px}.cv-attachment-name{font-size:.8125rem;color:#475569;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-attachment-remove{flex-shrink:0}.cv-compose-status{margin:4px 0 0;font-size:.8125rem;color:#64748b}.cv-compose-status:empty{margin:0}.cv-context-backdrop{display:none}.cv-context{width:100%;min-width:0;border-left:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;overflow-y:auto}.cv-context-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.cv-context-header h3{margin:0;font-size:.875rem;font-weight:700;color:#1e293b}.cv-context-body{padding:20px;display:flex;flex-direction:column;gap:16px}@keyframes cv-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cv-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:1100px){.cv-layout.has-context{grid-template-columns:280px 1fr 240px}}@media(max-width:768px){.cv-layout,.cv-layout.has-context{grid-template-columns:1fr;height:100%}.cv-hidden-mobile{display:none!important}.cv-back-btn{display:inline-flex}.cv-context-backdrop{display:block;position:fixed;inset:0;background:#00000059;z-index:99}.cv-context{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;z-index:100;box-shadow:-4px 0 20px #0000001a}.cv-bubble{max-width:85%}.cv-messages,.cv-thread-header{padding:12px 16px}}@media(max-width:480px){.cv-thread-subtitle{display:none}.cv-compose{padding:8px 12px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.cv-compose-row{flex-wrap:wrap}.cv-compose-input{order:-1;flex:1 1 100%}.cv-send-btn{margin-inline-start:auto}.cv-list-header{padding:12px 16px 10px}.cv-context{width:100%;max-width:100vw}}\n"]
+			styles: [":host{display:flex;flex:1;min-height:0;min-width:0}.cv-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cv-layout{display:grid;grid-template-columns:340px 1fr;flex:1;min-height:0;min-width:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.cv-layout.has-context{grid-template-columns:340px 1fr 280px}.cv-list-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid #e2e8f0;background:#f8fafc;overflow:hidden}.cv-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px}.cv-list-title{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.cv-search,.cv-filters{padding:0 16px 12px}.cv-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cv-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f1f5f9;transition:background .15s}.cv-item.unread{background:#fffbeb}.cv-item.selected{background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.cv-item-info{flex:1;min-width:0}.cv-row-arrow{flex:0 0 auto;align-self:center;color:#94a3b8}.cv-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cv-name{font-size:.875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-time{font-size:.6875rem;color:#64748b;flex-shrink:0;margin-left:8px}.cv-subtitle{font-size:.6875rem;color:#64748b;display:block;margin-bottom:2px}.cv-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.cv-preview{margin:0;font-size:.8125rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cv-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.cv-delete-btn{opacity:0;transition:opacity .15s}.cv-item:hover .cv-delete-btn,.cv-item:focus-within .cv-delete-btn,.cv-delete-btn:focus-within{opacity:1}@media(hover:none){.cv-delete-btn{opacity:1}}.cv-loading{padding:8px 0}.cv-skeleton{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid #f1f5f9}.cv-skel-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.cv-skel-row{display:flex;justify-content:space-between;gap:8px}.cv-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cv-thread-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.cv-thread-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#fff}.cv-back-btn{display:none}.cv-thread-header-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cv-thread-header-text{min-width:0;display:flex;flex-direction:column}.cv-thread-name{margin:0;font-size:.9375rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-thread-name:focus{outline:none}.cv-thread-name:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}.cv-thread-subtitle{font-size:.75rem;color:#64748b}.cv-thread-actions{display:flex;align-items:center;gap:8px}.cv-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px 24px;display:flex;flex-direction:column;gap:4px;background:#f8fafc}.cv-messages:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.cv-messages-loading{display:flex;flex-direction:column;gap:12px;padding:20px 0}.cv-msg-skeleton{display:flex}.cv-msg-skeleton.outbound{justify-content:flex-end}.cv-messages-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.cv-load-earlier{display:flex;justify-content:center;padding:4px 0 12px}.cv-sender{font-weight:600}.cv-link-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:6px;padding:3px 10px;border-radius:999px;border:1px solid transparent;font-size:.8rem;font-weight:600;text-decoration:none}.cv-link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cv-link-icon{flex:none}.cv-bubble.inbound .cv-link-chip{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.cv-bubble.outbound .cv-link-chip{background:#ffffff2e;border-color:#ffffff73;color:#fff}.cv-link-chip:is(a):hover{filter:brightness(.96);text-decoration:underline}.cv-link-chip:is(a):focus-visible{outline:2px solid currentColor;outline-offset:2px}.cv-link-preview{display:flex;align-items:center;gap:4px;margin-bottom:8px}.cv-link-chip-compose{margin-top:0;background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.cv-link-list{display:flex;flex-direction:column;gap:4px;margin-top:12px;max-height:320px;overflow-y:auto}.cv-link-section-label{padding:8px 4px 4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.cv-link-item{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;text-align:start;font:inherit;font-size:.875rem;color:#1e293b;cursor:pointer}.cv-link-item:hover{background:#f1f5f9}.cv-link-item:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.cv-link-note{margin:16px 0;text-align:center;font-size:.875rem;color:#64748b}@media(pointer:coarse),(max-width:480px){.cv-link-item{min-height:44px}}.cv-msg-action{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.cv-msg-action:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}.cv-messages-empty{display:flex;align-items:center;justify-content:center;flex:1}.cv-messages-empty p{margin:0;font-size:.875rem;color:#64748b;text-align:center}.cv-date-separator{display:flex;align-items:center;justify-content:center;padding:16px 0 8px}.cv-date-separator span{padding:4px 14px;border-radius:12px;background:#e2e8f0;font-size:.6875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.3px}.cv-bubble{max-width:70%;padding:10px 14px;border-radius:16px;position:relative;word-break:break-word;overflow-wrap:break-word}.cv-bubble.inbound{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.cv-bubble.inbound .cv-body,.cv-bubble.inbound .cv-rich{color:#1e293b}.cv-bubble.inbound .cv-meta{color:#64748b}.cv-bubble.outbound{align-self:flex-end;background:#2563eb;border-bottom-right-radius:4px}.cv-bubble.outbound .cv-body,.cv-bubble.outbound .cv-rich,.cv-bubble.outbound .cv-meta{color:#fff}@media(prefers-reduced-motion:no-preference){.cv-bubble{animation:cv-appear .2s ease}.cv-context{animation:cv-slide-in .25s ease}}.cv-body{margin:0;font-size:.875rem;line-height:1.45;word-break:break-word;white-space:pre-wrap}.cv-media{margin-bottom:6px}.cv-image-btn{display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:8px}.cv-image-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #2563eb}.cv-image{display:block;max-width:240px;max-height:240px;border-radius:8px;object-fit:cover}.cv-video{max-width:240px;max-height:200px;border-radius:8px}.cv-file-link{font-size:.8125rem;color:#fff;text-decoration:underline}.cv-bubble.inbound .cv-file-link{color:#2563eb}.cv-meta{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:.6875rem;margin-top:4px}.cv-status{font-weight:500}.cv-status.failed{color:#fff;font-weight:700}.cv-bubble.inbound .cv-status.failed{color:#dc2626}.cv-compose{display:flex;flex-direction:column;padding:12px 20px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #e2e8f0;background:#fff}.cv-compose-row{display:flex;align-items:flex-end;gap:10px}.cv-compose-input{flex:1;min-width:0}.cv-attach-btn,.cv-send-btn{flex-shrink:0}.cv-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.cv-attachment-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px}.cv-attachment-name{font-size:.8125rem;color:#475569;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-attachment-remove{flex-shrink:0}.cv-compose-status{margin:4px 0 0;font-size:.8125rem;color:#64748b}.cv-compose-status:empty{margin:0}.cv-context-backdrop{display:none}.cv-context{width:100%;min-width:0;border-left:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;overflow-y:auto}.cv-context-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.cv-context-header h3{margin:0;font-size:.875rem;font-weight:700;color:#1e293b}.cv-context-body{padding:20px;display:flex;flex-direction:column;gap:16px}@keyframes cv-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cv-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:1100px){.cv-layout.has-context{grid-template-columns:280px 1fr 240px}}@media(max-width:768px){.cv-layout,.cv-layout.has-context{grid-template-columns:1fr;height:100%}.cv-hidden-mobile{display:none!important}.cv-back-btn{display:inline-flex}.cv-context-backdrop{display:block;position:fixed;inset:0;background:#00000059;z-index:99}.cv-context{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;z-index:100;box-shadow:-4px 0 20px #0000001a}.cv-bubble{max-width:85%}.cv-messages,.cv-thread-header{padding:12px 16px}}@media(max-width:480px){.cv-thread-subtitle{display:none}.cv-compose{padding:8px 12px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.cv-compose-row{flex-wrap:wrap}.cv-compose-input{order:-1;flex:1 1 100%}.cv-send-btn{margin-inline-start:auto}.cv-list-header{padding:12px 16px 10px}.cv-context{width:100%;max-width:100vw}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -54606,6 +55157,93 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Output,
 			args: ["attachmentRemove"]
 		}],
+		linkGroups: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkGroups",
+				required: false
+			}]
+		}],
+		linkLoading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkLoading",
+				required: false
+			}]
+		}],
+		link: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "link",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["linkChange"]
+		}],
+		linkLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkLabel",
+				required: false
+			}]
+		}],
+		linkPickerTitle: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkPickerTitle",
+				required: false
+			}]
+		}],
+		linkSearchPlaceholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkSearchPlaceholder",
+				required: false
+			}]
+		}],
+		linkSearchLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkSearchLabel",
+				required: false
+			}]
+		}],
+		linkEmptyText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkEmptyText",
+				required: false
+			}]
+		}],
+		linkLoadingText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkLoadingText",
+				required: false
+			}]
+		}],
+		removeLinkLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "removeLinkLabel",
+				required: false
+			}]
+		}],
+		linkPickerOpened: [{
+			type: i0.Output,
+			args: ["linkPickerOpened"]
+		}],
 		mediaOpen: [{
 			type: i0.Output,
 			args: ["mediaOpen"]