@ds-mo/ui 14.36.0 → 15.1.0

package/dist/components/ds-message-bubble.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as r,a,t}from"./index.js";const b=()=>`.sc-ds-message-bubble-h{display:inline-flex;max-width:80%;box-sizing:border-box;-webkit-user-select:text;user-select:text}.message-bubble.sc-ds-message-bubble{min-width:0;padding-block:var(--dimension-space-100);padding-inline:calc(var(--dimension-space-100) + var(--dimension-space-025));border-radius:var(--dimension-radius-050);background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);box-sizing:border-box;overflow-wrap:anywhere}.message-bubble--user.sc-ds-message-bubble-h .message-bubble.sc-ds-message-bubble{background:var(--color-translucent-translucent);color:var(--color-foreground-secondary);box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary)}.message-bubble--received.sc-ds-message-bubble-h .message-bubble.sc-ds-message-bubble{box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary)}`;const o=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.variant="received"}render(){return r(a,{key:"837f5d3dfcd621ddfd5dcb5996b65e5d2480aed6",class:`message-bubble--${this.variant}`},r("div",{key:"3d5e099211cc4b31415e849df96c76cf9be9f4b2",class:"message-bubble"},r("slot",{key:"ee5a58a087ecd0ed0bb51173786bbb52dab6025c"})))}static get style(){return b()}},[262,"ds-message-bubble",{variant:[1]}]);function i(){if(typeof customElements==="undefined"){return}const e=["ds-message-bubble"];e.forEach((e=>{switch(e){case"ds-message-bubble":if(!customElements.get(t(e))){customElements.define(t(e),o)}break}}))}i();const n=o;const d=i;export{n as DsMessageBubble,d as defineCustomElement};
+import{p as e,H as s,h as r,a,t}from"./index.js";const b=()=>`.sc-ds-message-bubble-h{display:inline-flex;max-width:80%;box-sizing:border-box;-webkit-user-select:text;user-select:text}.message-bubble.sc-ds-message-bubble{min-width:0;padding-block:var(--dimension-space-100);padding-inline:calc(var(--dimension-space-100) + var(--dimension-space-025));border-radius:var(--dimension-radius-050);background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);box-sizing:border-box;overflow-wrap:anywhere}.message-bubble--user.sc-ds-message-bubble-h .message-bubble.sc-ds-message-bubble{background:var(--color-translucent-translucent);color:var(--color-foreground-secondary);box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary)}.message-bubble--received.sc-ds-message-bubble-h .message-bubble.sc-ds-message-bubble{box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary)}`;const o=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.variant="received"}render(){return r(a,{key:"85ef5dcc806aedd9efc12dda1efd412b138127b8",class:`message-bubble--${this.variant}`},r("div",{key:"b7157bd512f6936f690e15f30ae7cbc837f4787f",class:"message-bubble"},r("slot",{key:"e8da9b142fd6499ae5b3f36c1b26c81037ef9c5d"})))}static get style(){return b()}},[262,"ds-message-bubble",{variant:[1]}]);function i(){if(typeof customElements==="undefined"){return}const e=["ds-message-bubble"];e.forEach((e=>{switch(e){case"ds-message-bubble":if(!customElements.get(t(e))){customElements.define(t(e),o)}break}}))}i();const n=o;const d=i;export{n as DsMessageBubble,d as defineCustomElement};
 //# sourceMappingURL=ds-message-bubble.js.map

package/dist/components/ds-message-composer.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as o,h as r,a,t}from"./index.js";import{d as c}from"./p-DBwa1OXP.js";import{d as i}from"./p-Jaqdfw4E.js";import{d}from"./p-BOhpMUwO.js";import{d as m}from"./p-Cea7rROU.js";import{d as n}from"./p-0XTyQNRG.js";import{d as l}from"./p-BgLI9JoT.js";import{d as p}from"./p-CbSUyv5B.js";const g=()=>`@media (forced-colors: active){.sc-ds-message-composer:root,.sc-ds-message-composer-h,.ds-forced-colors-scope.sc-ds-message-composer{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-message-composer-h{display:block;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.message-composer.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%;margin:0}.message-composer__attachments.sc-ds-message-composer:empty,.message-composer__tools.sc-ds-message-composer:empty,.message-composer__error-actions.sc-ds-message-composer:empty{display:none}.message-composer__error-support.sc-ds-message-composer,.message-composer__error-message.sc-ds-message-composer,.message-composer__error-actions.sc-ds-message-composer{display:flex;align-items:center}.message-composer__error-support.sc-ds-message-composer{justify-content:space-between;flex-wrap:wrap;gap:var(--dimension-space-075) var(--dimension-space-100);min-width:0;padding:var(--dimension-space-075) var(--dimension-space-100);background:var(--color-background-faint-negative)}.message-composer__error-message.sc-ds-message-composer{flex:1 1 var(--dimension-panel-width-xs);gap:var(--dimension-space-050);min-width:0;color:var(--color-foreground-bold-negative)}.message-composer__error-actions.sc-ds-message-composer{flex:0 1 auto;flex-wrap:wrap;gap:var(--dimension-space-050)}.message-composer__stack.sc-ds-message-composer{min-width:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);border-radius:var(--dimension-radius-125);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md)}.message-composer__field.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);padding:var(--dimension-space-100);border-radius:var(--dimension-radius-125);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md);overflow:hidden}.message-composer.sc-ds-message-composer:not(.message-composer--error) .message-composer__field.sc-ds-message-composer:focus-within{box-shadow:var(--effect-elevation-elevated-md),     inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand)}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border-radius:0;box-shadow:none}textarea.sc-ds-message-composer{field-sizing:content;width:100%;min-height:calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));max-height:calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));padding:var(--dimension-space-075);border:none;outline:none;resize:none;overflow-y:auto;box-sizing:border-box;background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);-webkit-user-select:text;user-select:text}textarea.sc-ds-message-composer::placeholder{color:var(--color-foreground-secondary)}textarea.sc-ds-message-composer:focus::placeholder{color:var(--color-foreground-quaternary)}textarea.sc-ds-message-composer:focus,textarea.sc-ds-message-composer:focus-visible{outline:none}.message-composer__tools.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-050);min-height:var(--dimension-size-400)}.message-composer__controls.sc-ds-message-composer{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-050);width:100%;min-width:0}.message-composer__actions.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-100);flex:0 0 auto;margin-inline-start:auto}@media (forced-colors: active){.message-composer__field.sc-ds-message-composer{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);box-shadow:none}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{border:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);box-shadow:none}.message-composer__error-support.sc-ds-message-composer{border-block-end:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}`;let f=0;const h=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsInput=o(this,"dsInput",7);this.dsSubmit=o(this,"dsSubmit",7);this.dsStop=o(this,"dsStop",7);this.value="";this.placeholder="Write a message";this.label="Message";this.status="ready";this.isInactive=false;this.submitIntent="brand";this.errorId=`ds-message-composer-error-${++f}`;this.handleInput=e=>{this.value=e.target.value;this.dsInput.emit(this.value)};this.handleKeyDown=e=>{if(e.key!=="Enter"||e.shiftKey||e.isComposing)return;e.preventDefault();this.submit()};this.handleAction=()=>{if(this.streaming)this.dsStop.emit();else this.submit()}}async setFocus(){this.textarea?.focus()}get streaming(){return this.status==="submitted"||this.status==="streaming"}submit(){const e=this.value.trim();if(!e||this.isInactive||this.streaming)return;this.dsSubmit.emit({text:e})}render(){const e=this.status==="error";const s=this.errorMessage||"Message could not be sent.";const o=!this.streaming&&(this.isInactive||!this.value.trim());return r(a,{key:"5375b52aae0e1be915abecf1338a31021f00c3aa"},r("form",{key:"5c4504d9c2706156d802a7f0a58ea5ae2592a625",class:{"message-composer":true,"message-composer--error":e},"aria-busy":this.streaming?"true":undefined,onSubmit:e=>{e.preventDefault();this.submit()}},r("div",{key:"5c0e1928a4599983a7a0124a9bfdec8d92dfd7fd",class:"message-composer__attachments"},r("slot",{key:"88cc93f434f0ba066cda49e25679e4646a1e50ae",name:"attachments"})),r("div",{key:"d9979dd547cb846812a94d841ed540e29cd43679",class:"message-composer__stack"},e?r("div",{class:"message-composer__error-support"},r("div",{id:this.errorId,class:"message-composer__error-message",role:"alert"},r("ds-icon",{name:"ErrorTriangle",size:"xs",color:"inherit"}),r("ds-text",{variant:"text-body-small",color:"negative"},s)),r("div",{class:"message-composer__error-actions"},r("slot",{name:"error-actions"}))):null,r("div",{key:"c2792260b907b594bfd6db7936edb170fb4d73d6",class:"message-composer__field"},r("textarea",{key:"e203208361943490eaa86ce7cc353ae1e51d82e2",ref:e=>{this.textarea=e},value:this.value,placeholder:this.placeholder,"aria-label":this.label,"aria-invalid":e?"true":undefined,"aria-describedby":e?this.errorId:undefined,disabled:this.isInactive,onInput:this.handleInput,onKeyDown:this.handleKeyDown}),r("div",{key:"c51c8a6794957ad71fd0683947d001fe890458bc",class:"message-composer__controls"},r("div",{key:"e2482bb004f7a8f8f2969ce3dc0653ea05e43131",class:"message-composer__tools"},r("slot",{key:"e0ae2b4b7b88ee2523f5fbcfe04bf454ceec2d7a",name:"tools"})),r("div",{key:"7bbfc0836b159f4f1a92c7f2a46c89acf545d706",class:"message-composer__actions"},r("slot",{key:"43ef2e238803718b15b0fc1d1055fae8b57d3f59",name:"actions"}),o?r("ds-tooltip",{label:"Send message",side:"top",size:"sm"},r("ds-button-unfilled",{class:"message-composer__action",variant:"icon",icon:"ArrowUp",size:"md","aria-label":"Send message",hasBorder:true,isInactive:true,onDsClick:this.handleAction})):r("ds-tooltip",{label:this.streaming?"Stop response":"Send message",side:"top",size:"sm"},r("ds-button-filled",{class:"message-composer__action",variant:"icon",icon:this.streaming?"SquareFilled":"ArrowUp",intent:this.streaming?"brand":this.submitIntent,contrast:"bold",size:"md","aria-label":this.streaming?"Stop response":"Send message",onDsClick:this.handleAction}))))))))}get el(){return this}static get style(){return g()}},[262,"ds-message-composer",{value:[1025],placeholder:[1],label:[1],status:[1],errorMessage:[1,"error-message"],isInactive:[4,"is-inactive"],submitIntent:[1,"submit-intent"],setFocus:[64]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-message-composer","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-composer":if(!customElements.get(t(e))){customElements.define(t(e),h)}break;case"ds-badge":if(!customElements.get(t(e))){c()}break;case"ds-button-filled":if(!customElements.get(t(e))){i()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){d()}break;case"ds-icon":if(!customElements.get(t(e))){m()}break;case"ds-loader":if(!customElements.get(t(e))){n()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){p()}break}}))}b();const u=h;const v=b;export{u as DsMessageComposer,v as defineCustomElement};
+import{p as e,H as s,c as o,h as r,a,t}from"./index.js";import{d as c}from"./p-ZhP2tVmM.js";import{d as i}from"./p-CiH4GG6r.js";import{d}from"./p-Dzndkdx5.js";import{d as m}from"./p-DjkUFlDW.js";import{d as n}from"./p-0XTyQNRG.js";import{d as l}from"./p-DwbcNDJF.js";import{d as p}from"./p-CYzFfFcH.js";const g=()=>`@media (forced-colors: active){.sc-ds-message-composer:root,.sc-ds-message-composer-h,.ds-forced-colors-scope.sc-ds-message-composer{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-message-composer-h{display:block;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none}.message-composer.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%;margin:0}.message-composer__attachments.sc-ds-message-composer:empty,.message-composer__tools.sc-ds-message-composer:empty,.message-composer__error-actions.sc-ds-message-composer:empty{display:none}.message-composer__error-support.sc-ds-message-composer,.message-composer__error-message.sc-ds-message-composer,.message-composer__error-actions.sc-ds-message-composer{display:flex;align-items:center}.message-composer__error-support.sc-ds-message-composer{justify-content:space-between;flex-wrap:wrap;gap:var(--dimension-space-075) var(--dimension-space-100);min-width:0;padding:var(--dimension-space-075) var(--dimension-space-100);background:var(--color-background-faint-negative)}.message-composer__error-message.sc-ds-message-composer{flex:1 1 var(--dimension-panel-width-xs);gap:var(--dimension-space-050);min-width:0;color:var(--color-foreground-bold-negative)}.message-composer__error-actions.sc-ds-message-composer{flex:0 1 auto;flex-wrap:wrap;gap:var(--dimension-space-050)}.message-composer__stack.sc-ds-message-composer{min-width:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{overflow:hidden;border:var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);border-radius:var(--dimension-radius-125);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md)}.message-composer__field.sc-ds-message-composer{display:flex;flex-direction:column;gap:var(--dimension-space-050);padding:var(--dimension-space-100);border-radius:var(--dimension-radius-125);background:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-md);overflow:hidden}.message-composer.sc-ds-message-composer:not(.message-composer--error) .message-composer__field.sc-ds-message-composer:focus-within{box-shadow:var(--effect-elevation-elevated-md),     inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand)}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border-radius:0;box-shadow:none}textarea.sc-ds-message-composer{field-sizing:content;width:100%;min-height:calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));max-height:calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));padding:var(--dimension-space-075);border:none;outline:none;resize:none;overflow-y:auto;box-sizing:border-box;background:transparent;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half);-webkit-user-select:text;user-select:text}textarea.sc-ds-message-composer::placeholder{color:var(--color-foreground-secondary)}textarea.sc-ds-message-composer:focus::placeholder{color:var(--color-foreground-quaternary)}textarea.sc-ds-message-composer:focus,textarea.sc-ds-message-composer:focus-visible{outline:none}.message-composer__tools.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-050);min-height:var(--dimension-size-400)}.message-composer__controls.sc-ds-message-composer{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-050);width:100%;min-width:0}.message-composer__actions.sc-ds-message-composer{display:flex;align-items:center;gap:var(--dimension-space-100);flex:0 0 auto;margin-inline-start:auto}@media (forced-colors: active){.message-composer__field.sc-ds-message-composer{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);box-shadow:none}.message-composer--error.sc-ds-message-composer .message-composer__field.sc-ds-message-composer{border:0}.message-composer--error.sc-ds-message-composer .message-composer__stack.sc-ds-message-composer{border:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);box-shadow:none}.message-composer__error-support.sc-ds-message-composer{border-block-end:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}`;let f=0;const h=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsInput=o(this,"dsInput",7);this.dsSubmit=o(this,"dsSubmit",7);this.dsStop=o(this,"dsStop",7);this.value="";this.placeholder="Write a message";this.label="Message";this.status="ready";this.isInactive=false;this.submitIntent="brand";this.errorId=`ds-message-composer-error-${++f}`;this.handleInput=e=>{this.value=e.target.value;this.dsInput.emit(this.value)};this.handleKeyDown=e=>{if(e.key!=="Enter"||e.shiftKey||e.isComposing)return;e.preventDefault();this.submit()};this.handleAction=()=>{if(this.streaming)this.dsStop.emit();else this.submit()}}async setFocus(){this.textarea?.focus()}get streaming(){return this.status==="submitted"||this.status==="streaming"}submit(){const e=this.value.trim();if(!e||this.isInactive||this.streaming)return;this.dsSubmit.emit({text:e})}render(){const e=this.status==="error";const s=this.errorMessage||"Message could not be sent.";const o=!this.streaming&&(this.isInactive||!this.value.trim());return r(a,{key:"0a6aa01b29da6e122bb478cdf0557af870863a13"},r("form",{key:"44e0d06104c0f35ab7ce47591c9651bbf408a3a9",class:{"message-composer":true,"message-composer--error":e},"aria-busy":this.streaming?"true":undefined,onSubmit:e=>{e.preventDefault();this.submit()}},r("div",{key:"639b31d26f68680211a5a4416d472eb0ce117d78",class:"message-composer__attachments"},r("slot",{key:"e1613b08f335c60f4969c9687bd68effcacf33a0",name:"attachments"})),r("div",{key:"fcee7bd830398d1bb2f2e183f73ddefe71258ee0",class:"message-composer__stack"},e?r("div",{class:"message-composer__error-support"},r("div",{id:this.errorId,class:"message-composer__error-message",role:"alert"},r("ds-icon",{name:"ExclamationTriangle",size:"xs",color:"inherit"}),r("ds-text",{variant:"text-body-small",color:"negative"},s)),r("div",{class:"message-composer__error-actions"},r("slot",{name:"error-actions"}))):null,r("div",{key:"835cc98644c1c32ec40644b41422dc618e294dbf",class:"message-composer__field"},r("textarea",{key:"74cddffad931342d78aa1514aac5f3fca901e235",ref:e=>{this.textarea=e},value:this.value,placeholder:this.placeholder,"aria-label":this.label,"aria-invalid":e?"true":undefined,"aria-describedby":e?this.errorId:undefined,disabled:this.isInactive,onInput:this.handleInput,onKeyDown:this.handleKeyDown}),r("div",{key:"b13829ee06d082171031afe3749ff6b6a6ac7777",class:"message-composer__controls"},r("div",{key:"59e497f57b3865963335dba9c3b6b5237382b81b",class:"message-composer__tools"},r("slot",{key:"46d5acb1ebe82c2a32b5595802f5083729f89bec",name:"tools"})),r("div",{key:"72f4540b5eded3fffdd315b15e3222ec9336ded5",class:"message-composer__actions"},r("slot",{key:"e830ef4775c098994302a42398d39c31bebec491",name:"actions"}),o?r("ds-tooltip",{label:"Send message",side:"top",size:"sm"},r("ds-button-unfilled",{class:"message-composer__action",variant:"icon",icon:"ArrowUp",size:"md","aria-label":"Send message",hasBorder:true,isInactive:true,onDsClick:this.handleAction})):r("ds-tooltip",{label:this.streaming?"Stop response":"Send message",side:"top",size:"sm"},r("ds-button-filled",{class:"message-composer__action",variant:"icon",icon:this.streaming?"SquareFilled":"ArrowUp",intent:this.streaming?"brand":this.submitIntent,contrast:"bold",size:"md","aria-label":this.streaming?"Stop response":"Send message",onDsClick:this.handleAction}))))))))}get el(){return this}static get style(){return g()}},[262,"ds-message-composer",{value:[1025],placeholder:[1],label:[1],status:[1],errorMessage:[1,"error-message"],isInactive:[4,"is-inactive"],submitIntent:[1,"submit-intent"],setFocus:[64]}]);function b(){if(typeof customElements==="undefined"){return}const e=["ds-message-composer","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-composer":if(!customElements.get(t(e))){customElements.define(t(e),h)}break;case"ds-badge":if(!customElements.get(t(e))){c()}break;case"ds-button-filled":if(!customElements.get(t(e))){i()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){d()}break;case"ds-icon":if(!customElements.get(t(e))){m()}break;case"ds-loader":if(!customElements.get(t(e))){n()}break;case"ds-text":if(!customElements.get(t(e))){l()}break;case"ds-tooltip":if(!customElements.get(t(e))){p()}break}}))}b();const u=h;const v=b;export{u as DsMessageComposer,v as defineCustomElement};
 //# sourceMappingURL=ds-message-composer.js.map

package/dist/components/ds-message-composer.js.map

@@ -1 +1 @@
-{"version":3,"names":["messageComposerCss","composerId","MessageComposer","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","value","placeholder","label","status","isInactive","submitIntent","errorId","handleInput","event","target","dsInput","emit","handleKeyDown","key","shiftKey","isComposing","preventDefault","submit","handleAction","streaming","dsStop","setFocus","textarea","focus","text","trim","dsSubmit","render","error","visibleErrorMessage","errorMessage","actionInactive","h","Host","class","undefined","onSubmit","name","id","role","size","color","variant","ref","element","disabled","onInput","onKeyDown","side","icon","hasBorder","onDsClick","intent","contrast"],"sources":["src/wc/components/MessageComposer/MessageComposer.css?tag=ds-message-composer&encapsulation=scoped","src/wc/components/MessageComposer/MessageComposer.tsx"],"sourcesContent":["@import '../../utils/forced-colors.css';\n\n:host {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.message-composer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-050);\n  width: 100%;\n  margin: 0;\n}\n\n.message-composer__attachments:empty,\n.message-composer__tools:empty,\n.message-composer__error-actions:empty {\n  display: none;\n}\n\n.message-composer__error-support,\n.message-composer__error-message,\n.message-composer__error-actions {\n  display: flex;\n  align-items: center;\n}\n\n.message-composer__error-support {\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: var(--dimension-space-075) var(--dimension-space-100);\n  min-width: 0;\n  padding: var(--dimension-space-075) var(--dimension-space-100);\n  background: var(--color-background-faint-negative);\n}\n\n.message-composer__error-message {\n  flex: 1 1 var(--dimension-panel-width-xs);\n  gap: var(--dimension-space-050);\n  min-width: 0;\n  color: var(--color-foreground-bold-negative);\n}\n\n.message-composer__error-actions {\n  flex: 0 1 auto;\n  flex-wrap: wrap;\n  gap: var(--dimension-space-050);\n}\n\n.message-composer__stack {\n  min-width: 0;\n}\n\n.message-composer--error .message-composer__stack {\n  overflow: hidden;\n  border: var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);\n  border-radius: var(--dimension-radius-125);\n  background: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-md);\n}\n\n.message-composer__field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-050);\n  padding: var(--dimension-space-100);\n  border-radius: var(--dimension-radius-125);\n  background: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-md);\n  overflow: hidden;\n}\n\n.message-composer:not(.message-composer--error) .message-composer__field:focus-within {\n  box-shadow:\n    var(--effect-elevation-elevated-md),\n    inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand);\n}\n\n.message-composer--error .message-composer__field {\n  border-radius: 0;\n  box-shadow: none;\n}\n\ntextarea {\n  field-sizing: content;\n  width: 100%;\n  min-height: calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));\n  max-height: calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));\n  padding: var(--dimension-space-075);\n  border: none;\n  outline: none;\n  resize: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  background: transparent;\n  color: var(--color-foreground-primary);\n  font-family: var(--typography-font-family-ui);\n  font-size: var(--typography-fontsize-md);\n  line-height: var(--typography-lineheight-md);\n  font-weight: var(--typography-weight-regular);\n  letter-spacing: var(--typography-letterspacing-negative-half);\n  -webkit-user-select: text;\n  user-select: text;\n}\n\ntextarea::placeholder {\n  color: var(--color-foreground-secondary);\n}\n\ntextarea:focus::placeholder {\n  color: var(--color-foreground-quaternary);\n}\n\ntextarea:focus,\ntextarea:focus-visible {\n  outline: none;\n}\n\n.message-composer__tools {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n  min-height: var(--dimension-size-400);\n}\n\n.message-composer__controls {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--dimension-space-050);\n  width: 100%;\n  min-width: 0;\n}\n\n.message-composer__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-100);\n  flex: 0 0 auto;\n  margin-inline-start: auto;\n}\n\n@media (forced-colors: active) {\n  .message-composer__field {\n    border: var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);\n    box-shadow: none;\n  }\n\n  .message-composer--error .message-composer__field {\n    border: 0;\n  }\n\n  .message-composer--error .message-composer__stack {\n    border: var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);\n    box-shadow: none;\n  }\n\n  .message-composer__error-support {\n    border-block-end: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n    background: var(--ds-forced-color-surface);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport type { ButtonFilledIntent } from '../ButtonFilled/ButtonFilled';\nimport type { MessageComposerStatus } from '../conversation-types';\n\nlet composerId = 0;\n\n@Component({\n  tag: 'ds-message-composer',\n  styleUrl: 'MessageComposer.css',\n  scoped: true,\n})\nexport class MessageComposer {\n  @Element() el!: HTMLElement;\n\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() placeholder: string = 'Write a message';\n  @Prop() label: string = 'Message';\n  @Prop() status: MessageComposerStatus = 'ready';\n  /** Submission failure shown while status is error. */\n  @Prop() errorMessage?: string;\n  @Prop() isInactive: boolean = false;\n  @Prop() submitIntent: ButtonFilledIntent = 'brand';\n\n  @Event() dsInput!: EventEmitter<string>;\n  @Event() dsSubmit!: EventEmitter<{ text: string }>;\n  @Event() dsStop!: EventEmitter<void>;\n\n  private textarea?: HTMLTextAreaElement;\n  private readonly errorId = `ds-message-composer-error-${++composerId}`;\n\n  @Method()\n  async setFocus() {\n    this.textarea?.focus();\n  }\n\n  private get streaming(): boolean {\n    return this.status === 'submitted' || this.status === 'streaming';\n  }\n\n  private handleInput = (event: Event) => {\n    this.value = (event.target as HTMLTextAreaElement).value;\n    this.dsInput.emit(this.value);\n  };\n\n  private submit() {\n    const text = this.value.trim();\n    if (!text || this.isInactive || this.streaming) return;\n    this.dsSubmit.emit({ text });\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' || event.shiftKey || event.isComposing) return;\n    event.preventDefault();\n    this.submit();\n  };\n\n  private handleAction = () => {\n    if (this.streaming) this.dsStop.emit();\n    else this.submit();\n  };\n\n  render() {\n    const error = this.status === 'error';\n    const visibleErrorMessage = this.errorMessage || 'Message could not be sent.';\n    const actionInactive = !this.streaming && (this.isInactive || !this.value.trim());\n    return (\n      <Host>\n        <form\n          class={{ 'message-composer': true, 'message-composer--error': error }}\n          aria-busy={this.streaming ? 'true' : undefined}\n          onSubmit={(event: Event) => {\n            event.preventDefault();\n            this.submit();\n          }}\n        >\n          <div class=\"message-composer__attachments\">\n            <slot name=\"attachments\" />\n          </div>\n          <div class=\"message-composer__stack\">\n            {error ? (\n              <div class=\"message-composer__error-support\">\n                <div id={this.errorId} class=\"message-composer__error-message\" role=\"alert\">\n                  <ds-icon name=\"ErrorTriangle\" size=\"xs\" color=\"inherit\" />\n                  <ds-text variant=\"text-body-small\" color=\"negative\">\n                    {visibleErrorMessage}\n                  </ds-text>\n                </div>\n                <div class=\"message-composer__error-actions\">\n                  <slot name=\"error-actions\" />\n                </div>\n              </div>\n            ) : null}\n            <div class=\"message-composer__field\">\n              <textarea\n                ref={element => {\n                  this.textarea = element;\n                }}\n                value={this.value}\n                placeholder={this.placeholder}\n                aria-label={this.label}\n                aria-invalid={error ? 'true' : undefined}\n                aria-describedby={error ? this.errorId : undefined}\n                disabled={this.isInactive}\n                onInput={this.handleInput}\n                onKeyDown={this.handleKeyDown}\n              />\n              <div class=\"message-composer__controls\">\n                <div class=\"message-composer__tools\">\n                  <slot name=\"tools\" />\n                </div>\n                <div class=\"message-composer__actions\">\n                  <slot name=\"actions\" />\n                  {actionInactive ? (\n                    <ds-tooltip label=\"Send message\" side=\"top\" size=\"sm\">\n                      <ds-button-unfilled\n                        class=\"message-composer__action\"\n                        variant=\"icon\"\n                        icon=\"ArrowUp\"\n                        size=\"md\"\n                        aria-label=\"Send message\"\n                        hasBorder\n                        isInactive\n                        onDsClick={this.handleAction}\n                      />\n                    </ds-tooltip>\n                  ) : (\n                    <ds-tooltip\n                      label={this.streaming ? 'Stop response' : 'Send message'}\n                      side=\"top\"\n                      size=\"sm\"\n                    >\n                      <ds-button-filled\n                        class=\"message-composer__action\"\n                        variant=\"icon\"\n                        icon={this.streaming ? 'SquareFilled' : 'ArrowUp'}\n                        intent={this.streaming ? 'brand' : this.submitIntent}\n                        contrast=\"bold\"\n                        size=\"md\"\n                        aria-label={this.streaming ? 'Stop response' : 'Send message'}\n                        onDsClick={this.handleAction}\n                      />\n                    </ds-tooltip>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["messageComposerCss","composerId","MessageComposer","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","value","placeholder","label","status","isInactive","submitIntent","errorId","handleInput","event","target","dsInput","emit","handleKeyDown","key","shiftKey","isComposing","preventDefault","submit","handleAction","streaming","dsStop","setFocus","textarea","focus","text","trim","dsSubmit","render","error","visibleErrorMessage","errorMessage","actionInactive","h","Host","class","undefined","onSubmit","name","id","role","size","color","variant","ref","element","disabled","onInput","onKeyDown","side","icon","hasBorder","onDsClick","intent","contrast"],"sources":["src/wc/components/MessageComposer/MessageComposer.css?tag=ds-message-composer&encapsulation=scoped","src/wc/components/MessageComposer/MessageComposer.tsx"],"sourcesContent":["@import '../../utils/forced-colors.css';\n\n:host {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.message-composer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-050);\n  width: 100%;\n  margin: 0;\n}\n\n.message-composer__attachments:empty,\n.message-composer__tools:empty,\n.message-composer__error-actions:empty {\n  display: none;\n}\n\n.message-composer__error-support,\n.message-composer__error-message,\n.message-composer__error-actions {\n  display: flex;\n  align-items: center;\n}\n\n.message-composer__error-support {\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: var(--dimension-space-075) var(--dimension-space-100);\n  min-width: 0;\n  padding: var(--dimension-space-075) var(--dimension-space-100);\n  background: var(--color-background-faint-negative);\n}\n\n.message-composer__error-message {\n  flex: 1 1 var(--dimension-panel-width-xs);\n  gap: var(--dimension-space-050);\n  min-width: 0;\n  color: var(--color-foreground-bold-negative);\n}\n\n.message-composer__error-actions {\n  flex: 0 1 auto;\n  flex-wrap: wrap;\n  gap: var(--dimension-space-050);\n}\n\n.message-composer__stack {\n  min-width: 0;\n}\n\n.message-composer--error .message-composer__stack {\n  overflow: hidden;\n  border: var(--dimension-stroke-width-012) solid var(--color-border-bold-negative);\n  border-radius: var(--dimension-radius-125);\n  background: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-md);\n}\n\n.message-composer__field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-050);\n  padding: var(--dimension-space-100);\n  border-radius: var(--dimension-radius-125);\n  background: var(--color-background-primary);\n  box-shadow: var(--effect-elevation-elevated-md);\n  overflow: hidden;\n}\n\n.message-composer:not(.message-composer--error) .message-composer__field:focus-within {\n  box-shadow:\n    var(--effect-elevation-elevated-md),\n    inset 0 0 0 var(--dimension-stroke-width-018) var(--color-border-bold-brand);\n}\n\n.message-composer--error .message-composer__field {\n  border-radius: 0;\n  box-shadow: none;\n}\n\ntextarea {\n  field-sizing: content;\n  width: 100%;\n  min-height: calc(var(--typography-lineheight-md) * 2 + var(--dimension-space-150));\n  max-height: calc(var(--typography-lineheight-md) * 6 + var(--dimension-space-150));\n  padding: var(--dimension-space-075);\n  border: none;\n  outline: none;\n  resize: none;\n  overflow-y: auto;\n  box-sizing: border-box;\n  background: transparent;\n  color: var(--color-foreground-primary);\n  font-family: var(--typography-font-family-ui);\n  font-size: var(--typography-fontsize-md);\n  line-height: var(--typography-lineheight-md);\n  font-weight: var(--typography-weight-regular);\n  letter-spacing: var(--typography-letterspacing-negative-half);\n  -webkit-user-select: text;\n  user-select: text;\n}\n\ntextarea::placeholder {\n  color: var(--color-foreground-secondary);\n}\n\ntextarea:focus::placeholder {\n  color: var(--color-foreground-quaternary);\n}\n\ntextarea:focus,\ntextarea:focus-visible {\n  outline: none;\n}\n\n.message-composer__tools {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n  min-height: var(--dimension-size-400);\n}\n\n.message-composer__controls {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--dimension-space-050);\n  width: 100%;\n  min-width: 0;\n}\n\n.message-composer__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-100);\n  flex: 0 0 auto;\n  margin-inline-start: auto;\n}\n\n@media (forced-colors: active) {\n  .message-composer__field {\n    border: var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);\n    box-shadow: none;\n  }\n\n  .message-composer--error .message-composer__field {\n    border: 0;\n  }\n\n  .message-composer--error .message-composer__stack {\n    border: var(--dimension-stroke-width-025) dashed var(--ds-forced-color-content);\n    box-shadow: none;\n  }\n\n  .message-composer__error-support {\n    border-block-end: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n    background: var(--ds-forced-color-surface);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport type { ButtonFilledIntent } from '../ButtonFilled/ButtonFilled';\nimport type { MessageComposerStatus } from '../conversation-types';\n\nlet composerId = 0;\n\n@Component({\n  tag: 'ds-message-composer',\n  styleUrl: 'MessageComposer.css',\n  scoped: true,\n})\nexport class MessageComposer {\n  @Element() el!: HTMLElement;\n\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() placeholder: string = 'Write a message';\n  @Prop() label: string = 'Message';\n  @Prop() status: MessageComposerStatus = 'ready';\n  /** Submission failure shown while status is error. */\n  @Prop() errorMessage?: string;\n  @Prop() isInactive: boolean = false;\n  @Prop() submitIntent: ButtonFilledIntent = 'brand';\n\n  @Event() dsInput!: EventEmitter<string>;\n  @Event() dsSubmit!: EventEmitter<{ text: string }>;\n  @Event() dsStop!: EventEmitter<void>;\n\n  private textarea?: HTMLTextAreaElement;\n  private readonly errorId = `ds-message-composer-error-${++composerId}`;\n\n  @Method()\n  async setFocus() {\n    this.textarea?.focus();\n  }\n\n  private get streaming(): boolean {\n    return this.status === 'submitted' || this.status === 'streaming';\n  }\n\n  private handleInput = (event: Event) => {\n    this.value = (event.target as HTMLTextAreaElement).value;\n    this.dsInput.emit(this.value);\n  };\n\n  private submit() {\n    const text = this.value.trim();\n    if (!text || this.isInactive || this.streaming) return;\n    this.dsSubmit.emit({ text });\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' || event.shiftKey || event.isComposing) return;\n    event.preventDefault();\n    this.submit();\n  };\n\n  private handleAction = () => {\n    if (this.streaming) this.dsStop.emit();\n    else this.submit();\n  };\n\n  render() {\n    const error = this.status === 'error';\n    const visibleErrorMessage = this.errorMessage || 'Message could not be sent.';\n    const actionInactive = !this.streaming && (this.isInactive || !this.value.trim());\n    return (\n      <Host>\n        <form\n          class={{ 'message-composer': true, 'message-composer--error': error }}\n          aria-busy={this.streaming ? 'true' : undefined}\n          onSubmit={(event: Event) => {\n            event.preventDefault();\n            this.submit();\n          }}\n        >\n          <div class=\"message-composer__attachments\">\n            <slot name=\"attachments\" />\n          </div>\n          <div class=\"message-composer__stack\">\n            {error ? (\n              <div class=\"message-composer__error-support\">\n                <div id={this.errorId} class=\"message-composer__error-message\" role=\"alert\">\n                  <ds-icon name=\"ExclamationTriangle\" size=\"xs\" color=\"inherit\" />\n                  <ds-text variant=\"text-body-small\" color=\"negative\">\n                    {visibleErrorMessage}\n                  </ds-text>\n                </div>\n                <div class=\"message-composer__error-actions\">\n                  <slot name=\"error-actions\" />\n                </div>\n              </div>\n            ) : null}\n            <div class=\"message-composer__field\">\n              <textarea\n                ref={element => {\n                  this.textarea = element;\n                }}\n                value={this.value}\n                placeholder={this.placeholder}\n                aria-label={this.label}\n                aria-invalid={error ? 'true' : undefined}\n                aria-describedby={error ? this.errorId : undefined}\n                disabled={this.isInactive}\n                onInput={this.handleInput}\n                onKeyDown={this.handleKeyDown}\n              />\n              <div class=\"message-composer__controls\">\n                <div class=\"message-composer__tools\">\n                  <slot name=\"tools\" />\n                </div>\n                <div class=\"message-composer__actions\">\n                  <slot name=\"actions\" />\n                  {actionInactive ? (\n                    <ds-tooltip label=\"Send message\" side=\"top\" size=\"sm\">\n                      <ds-button-unfilled\n                        class=\"message-composer__action\"\n                        variant=\"icon\"\n                        icon=\"ArrowUp\"\n                        size=\"md\"\n                        aria-label=\"Send message\"\n                        hasBorder\n                        isInactive\n                        onDsClick={this.handleAction}\n                      />\n                    </ds-tooltip>\n                  ) : (\n                    <ds-tooltip\n                      label={this.streaming ? 'Stop response' : 'Send message'}\n                      side=\"top\"\n                      size=\"sm\"\n                    >\n                      <ds-button-filled\n                        class=\"message-composer__action\"\n                        variant=\"icon\"\n                        icon={this.streaming ? 'SquareFilled' : 'ArrowUp'}\n                        intent={this.streaming ? 'brand' : this.submitIntent}\n                        contrast=\"bold\"\n                        size=\"md\"\n                        aria-label={this.streaming ? 'Stop response' : 'Send message'}\n                        onDsClick={this.handleAction}\n                      />\n                    </ds-tooltip>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ds-message-scroller.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,a as r,t as o}from"./index.js";import{S as a}from"./p-Ck1hgD6g.js";import{r as l}from"./p-CochmPyg.js";import{d as n}from"./p-DBwa1OXP.js";import{d}from"./p-BOhpMUwO.js";import{d as c}from"./p-Cea7rROU.js";import{d as h}from"./p-0XTyQNRG.js";import{d as f}from"./p-BgLI9JoT.js";import{d as g}from"./p-CbSUyv5B.js";function m(e,s){if(!e.length)return false;if(!s.length)return true;const t=new Set(e);return!s.some((e=>t.has(e)))}function u(e,s){const t=new Set(s);for(const s of e){if(!t.has(s))e.delete(s)}}const v=()=>`@property --ds-scroll-edge-fade-top{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-bottom{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-left{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-right{syntax:'<length-percentage>';inherits:false;initial-value:0px}@keyframes ds-scroll-edge-fade-reveal-top{from{--ds-scroll-edge-fade-top:0px}to{--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top)}}@keyframes ds-scroll-edge-fade-reveal-bottom{from{--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom)}to{--ds-scroll-edge-fade-bottom:0px}}@keyframes ds-scroll-edge-fade-reveal-left{from{--ds-scroll-edge-fade-left:0px}to{--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left)}}@keyframes ds-scroll-edge-fade-reveal-right{from{--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right)}to{--ds-scroll-edge-fade-right:0px}}.scroll-edge-fade.sc-ds-message-scroller{--ds-scroll-edge-fade-size:var(--dimension-size-600);--ds-scroll-edge-fade-reveal-distance:var(--dimension-size-800);--ds-scroll-edge-fade-target-top:0px;--ds-scroll-edge-fade-target-bottom:0px;--ds-scroll-edge-fade-target-left:0px;--ds-scroll-edge-fade-target-right:0px;--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top);--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom);--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left);--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right);--ds-scroll-edge-fade-block-mask:linear-gradient(     to bottom,     transparent 0,     #000 var(--ds-scroll-edge-fade-top),     #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),     transparent 100%   );--ds-scroll-edge-fade-inline-mask:linear-gradient(     to right,     transparent 0,     #000 var(--ds-scroll-edge-fade-left),     #000 calc(100% - var(--ds-scroll-edge-fade-right)),     transparent 100%   );-webkit-mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-edge-fade--top.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation-name:ds-scroll-edge-fade-reveal-top, ds-scroll-edge-fade-reveal-bottom,       ds-scroll-edge-fade-reveal-left, ds-scroll-edge-fade-reveal-right;animation-duration:1ms;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-timeline:scroll(self y), scroll(self y), scroll(self x), scroll(self x);animation-range:0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,       0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%}@media (prefers-reduced-motion: reduce){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation:none}}}.scroll-edge-fade--at-end.sc-ds-message-scroller,.scroll-edge-fade--hidden.sc-ds-message-scroller{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-message-scroller{--ds-scroll-edge-fade-window-start:100%;--ds-scroll-edge-fade-window-end:100%;-webkit-mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}`;const p=()=>`.ds-control-elevation.sc-ds-message-scroller-h,.ds-control-elevation.sc-ds-message-scroller{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-message-scroller-h::after,.ds-control-elevation.sc-ds-message-scroller::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-message-scroller-h,.ds-control-elevation--sm.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-message-scroller-h,.ds-control-elevation--md.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-message-scroller-h,.ds-control-elevation--floating.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-message-scroller{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-message-scroller,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:none;transition:none}}.sc-ds-message-scroller-h{--ds-message-scroller-anchor-offset:var(--dimension-space-800);display:block;width:100%;height:100%;min-height:0;box-sizing:border-box}.message-scroller.sc-ds-message-scroller{position:relative;width:100%;height:100%;min-height:0}.message-scroller__viewport.sc-ds-message-scroller{width:100%;height:100%;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;box-sizing:border-box}.message-scroller__viewport.sc-ds-message-scroller:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.message-scroller__content.sc-ds-message-scroller{display:flex;flex-direction:column;gap:var(--dimension-space-300);width:100%;max-width:var(--ds-message-scroller-content-max-width, var(--dimension-panel-width-2xl));min-height:100%;margin-inline:auto;padding-block-start:var(--dimension-space-200);padding-inline:var(--dimension-space-200);padding-block-end:max(     calc(var(--dimension-space-200) + var(--ds-scroll-overlay-block-size, 0px)),     var(--ds-message-scroller-turn-clearance, 0px)   );box-sizing:border-box}.message-scroller__overlay.sc-ds-message-scroller{position:absolute;right:0;bottom:0;left:0;z-index:var(--dimension-z-index-floating)}.message-scroller__overlay-stack.sc-ds-message-scroller{display:grid;width:100%}.message-scroller__interaction.sc-ds-message-scroller,.message-scroller__overlay-content.sc-ds-message-scroller{min-width:0}.message-scroller__control.sc-ds-message-scroller{position:absolute;bottom:calc(var(--ds-scroll-overlay-content-block-size, 0px) + var(--dimension-space-200));left:50%;z-index:var(--dimension-z-index-floating);display:flex;align-items:center;justify-content:center;border-radius:var(--dimension-radius-half);background:var(--color-background-transparent);transform:translateX(-50%);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm))}`;const b=24;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsReachStart=t(this,"dsReachStart",7);this.busy=false;this.autoFollow=true;this.defaultPosition="last-anchor";this.messagesLabel="Messages";this.showScrollToLatest=false;this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.programmatic=false;this.transcriptChildren=[];this.knownTranscriptElements=new Set;this.knownTurnAnchors=new Set;this.turnClearance=0;this.prependReconciliation=0;this.turnPositionGeneration=0;this.defaultPositionGeneration=0;this.transcriptResetPending=false;this.hasLoaded=false;this.handleTranscriptChange=()=>{const e=this.getTranscriptChildren();const s=this.transcriptChildren;const t=m(s,e)||this.transcriptResetPending&&e.length>0;if(t){this.invalidateTranscriptWork();this.resetTranscriptTracking();this.resetTranscriptPositionState();this.transcriptChildren=e;this.trackTranscript(e);this.transcriptResetPending=e.length===0;this.rememberFirstChildTop();this.scrollOverlayController?.sync();if(e.length)this.scheduleDefaultPosition();return}const i=this.knownTranscriptElements.size>0;const r=new Set(this.knownTranscriptElements);const o=[...e].reverse().find(((s,t)=>{if(!s.matches("ds-message[scroll-anchor]")||this.knownTurnAnchors.has(s)){return false}const i=e.length-t-1;return e.slice(i+1).every((e=>!this.knownTranscriptElements.has(e)))}));this.trackTranscript(e);this.pruneTranscriptTracking(e);if(!s.length){this.transcriptChildren=e;if(o&&i){this.scheduleNewTurnPosition(o)}return}const a=e.findIndex((e=>r.has(e)));const l=e.filter((e=>!r.has(e)));const n=e.length>s.length&&s.every(((t,i)=>e[e.length-s.length+i]===t))||!o&&l.length>0&&a>0&&l.every((s=>e.indexOf(s)<a));this.transcriptChildren=e;if(n){if(this.viewport){const e=this.activeTurnAnchor?.isConnected?this.activeTurnAnchor:s[0];const t=this.activeTurnAnchor?.isConnected?this.activeTurnAnchorViewportTop:this.firstChildViewportTop;if(e&&t!==undefined){this.reconcilePrependPosition(e,t);this.schedulePrependReconciliation(e,t,l)}}this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync();return}if(o){this.scheduleNewTurnPosition(o)}};this.handleTranscriptSlotChange=()=>this.handleTranscriptChange();this.handleScroll=()=>{if(!this.viewport)return;this.scrollOverlayController?.sync();this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();if(this.programmatic)return;const e=this.isAtLiveEdge();if(this.releasePendingAtLiveEdge&&e){this.following=false;this.followReleased=true;this.showScrollToLatest=false;return}this.releasePendingAtLiveEdge=false;this.following=e;this.followReleased=!this.following;this.showScrollToLatest=!this.following;const s=this.viewport.scrollTop<=b;if(s&&!this.atStart)this.dsReachStart.emit();this.atStart=s};this.releaseFollow=()=>{this.prependReconciliation+=1;this.releasePendingAtLiveEdge=this.isAtLiveEdge();this.following=false;this.followReleased=true;this.showScrollToLatest=!this.releasePendingAtLiveEdge};this.handleSelectionChange=()=>{const e=document.getSelection();if(e&&!e.isCollapsed&&e.anchorNode&&this.el.contains(e.anchorNode)){this.releaseFollow()}}}componentDidLoad(){this.hasLoaded=true;this.seedTranscriptBaseline();this.connectObservers();this.scheduleDefaultPosition();document.removeEventListener("selectionchange",this.handleSelectionChange);document.addEventListener("selectionchange",this.handleSelectionChange)}connectedCallback(){if(!this.hasLoaded)return;this.seedTranscriptBaseline();this.connectObservers();this.scheduleDefaultPosition();document.removeEventListener("selectionchange",this.handleSelectionChange);document.addEventListener("selectionchange",this.handleSelectionChange)}disconnectedCallback(){this.invalidateTranscriptWork();this.scrollOverlayController?.disconnect();this.scrollOverlayController=undefined;this.mutationObserver?.disconnect();this.mutationObserver=undefined;this.resetTranscriptTracking();this.resetTranscriptPositionState();this.transcriptResetPending=false;document.removeEventListener("selectionchange",this.handleSelectionChange)}async scrollToMessage(e){const s=Array.from(this.el.querySelectorAll("ds-message")).find((s=>s.messageId===e||s.getAttribute("message-id")===e));if(!s)return false;this.releasePendingAtLiveEdge=false;this.following=false;this.followReleased=true;this.showScrollToLatest=true;s.scrollIntoView({block:"start",behavior:this.motionBehavior()});return true}async scrollToStart(){this.releasePendingAtLiveEdge=false;this.scrollTo(0);this.following=false;this.followReleased=true;this.showScrollToLatest=Boolean(this.viewport&&this.viewport.scrollHeight>this.viewport.clientHeight)}async scrollToEnd(){this.releasePendingAtLiveEdge=false;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollTo(this.viewport?.scrollHeight??0)}motionBehavior(){return matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}scrollTo(e){if(!this.viewport)return;this.programmatic=true;const s=this.motionBehavior();this.viewport.scrollTo({top:e,behavior:s});if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=setTimeout((()=>{this.programmatic=false;this.programmaticTimer=undefined;if(this.following){this.viewport.scrollTop=e;this.showScrollToLatest=false}}),s==="smooth"?600:0)}invalidateTranscriptWork(){this.prependReconciliation+=1;this.turnPositionGeneration+=1;this.defaultPositionGeneration+=1;if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=undefined;this.programmatic=false}clearActiveTurnAnchor(){this.activeTurnAnchor=undefined;this.activeTurnAnchorViewportTop=undefined;this.turnClearance=0;this.el.style.removeProperty("--ds-message-scroller-turn-clearance")}resetTranscriptTracking(){this.transcriptChildren=[];this.knownTranscriptElements.clear();this.knownTurnAnchors.clear();this.firstChildViewportTop=undefined;this.clearActiveTurnAnchor()}resetTranscriptPositionState(){this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.showScrollToLatest=false}trackTranscript(e){e.forEach((e=>{this.knownTranscriptElements.add(e);if(e.matches("ds-message[scroll-anchor]")){this.knownTurnAnchors.add(e)}}))}seedTranscriptBaseline(){this.resetTranscriptTracking();this.transcriptChildren=this.getTranscriptChildren();this.trackTranscript(this.transcriptChildren);this.transcriptResetPending=false;this.rememberFirstChildTop()}pruneTranscriptTracking(e){u(this.knownTranscriptElements,e);u(this.knownTurnAnchors,e);if(this.activeTurnAnchor&&!e.includes(this.activeTurnAnchor)){this.clearActiveTurnAnchor()}}scheduleDefaultPosition(){const e=++this.defaultPositionGeneration;requestAnimationFrame((()=>{if(e!==this.defaultPositionGeneration||!this.el.isConnected)return;this.applyDefaultPosition()}))}connectObservers(){if(!this.viewport||!this.content||!this.overlay)return;this.scrollOverlayController?.disconnect();this.mutationObserver?.disconnect();this.scrollOverlayController=new a({host:this.el,viewport:this.viewport,content:this.content,overlay:this.overlay,overlayContentSelector:".message-scroller__overlay-stack",onGeometryChange:()=>this.handleContentGrowth()});this.scrollOverlayController.connect();this.mutationObserver=new MutationObserver((()=>{this.handleTranscriptChange();this.handleContentGrowth()}));this.mutationObserver.observe(this.el,{childList:true,subtree:true,characterData:true})}handleContentGrowth(){if(!this.viewport)return;this.syncTurnClearance();const e=this.viewport.scrollHeight;if(this.autoFollow&&this.following&&!this.followReleased){this.viewport.scrollTop=e}if(this.releasePendingAtLiveEdge&&!this.isAtLiveEdge()){this.releasePendingAtLiveEdge=false}this.showScrollToLatest=!this.following&&!this.isAtLiveEdge();this.scrollOverlayController?.sync()}rememberFirstChildTop(){if(!this.viewport)return;const e=this.getTranscriptChildren()[0];this.firstChildViewportTop=e?e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top:undefined}getTranscriptChildren(){const e=this.transcriptSlot?.assignedElements()??[];const t=e.filter((e=>e instanceof s&&(e.matches("ds-message")||e.matches("ds-agent-response"))));const i=Array.from(this.el.querySelectorAll("ds-message, ds-agent-response")).filter((e=>{if(e.closest(".message-scroller__interaction, .message-scroller__overlay-content")){return false}if(e.matches("ds-agent-response"))return true;return!e.closest("ds-agent-response")}));return i.length>t.length?i:t}reconcilePrependPosition(e,s){if(!this.viewport||!e.isConnected)return;const t=e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top;this.viewport.scrollTop+=t-s}schedulePrependReconciliation(e,s,t){const i=++this.prependReconciliation;const r=t.flatMap((e=>[e,...Array.from(e.querySelectorAll("*"))])).map((e=>{const s=e.componentOnReady;return s?s.call(e).catch((()=>undefined)):null})).filter((e=>Boolean(e)));void Promise.all(r).then((()=>{requestAnimationFrame((()=>{if(i!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);requestAnimationFrame((()=>{if(i!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync()}))}))}))}scheduleNewTurnPosition(e){const s=++this.turnPositionGeneration;requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration||!e.isConnected||!this.viewport){return}this.positionNewTurn(e,s)}))}positionNewTurn(e,s){if(s!==this.turnPositionGeneration||!this.viewport||!e.isConnected)return;this.activeTurnAnchor=e;this.syncTurnClearance();requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration)return;this.finishPositionNewTurn(e,s)}))}finishPositionNewTurn(e,s){if(s!==this.turnPositionGeneration||!this.viewport||!e.isConnected){return}const t=this.viewport.getBoundingClientRect();const i=e.getBoundingClientRect().top-t.top+this.viewport.scrollTop;const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const o=l(r,"var(--dimension-space-800)");const a=Math.max(this.viewport.scrollHeight-this.viewport.clientHeight,0);const n=Math.min(Math.max(i-o,0),a);this.following=a-n<=b;this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.programmatic=true;this.viewport.scrollTop=n;requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration)return;this.programmatic=false;this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop()}));this.scrollOverlayController?.sync()}rememberActiveTurnAnchorTop(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;this.activeTurnAnchorViewportTop=this.activeTurnAnchor.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top}syncTurnClearance(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;const e=this.getTranscriptChildren();const s=e[e.length-1];if(!s)return;const t=this.activeTurnAnchor.getBoundingClientRect();const i=s.getBoundingClientRect();const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const o=l(r,"var(--dimension-space-800)");const a=Math.max(i.bottom-t.top,0);const n=Math.max(Math.ceil(this.viewport.clientHeight-o-a),0);if(n===this.turnClearance)return;this.turnClearance=n;this.el.style.setProperty("--ds-message-scroller-turn-clearance",`${n}px`)}applyDefaultPosition(){if(!this.viewport)return;this.releasePendingAtLiveEdge=false;if(this.defaultPosition==="start"){this.viewport.scrollTop=0;this.following=false;this.followReleased=true;this.showScrollToLatest=this.viewport.scrollHeight>this.viewport.clientHeight;this.scrollOverlayController?.sync();return}if(this.defaultPosition==="last-anchor"){const e=this.el.querySelectorAll("ds-message[scroll-anchor]");const s=e.item(e.length-1);if(s){s.scrollIntoView({block:"start"});this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.scrollOverlayController?.sync();return}}this.viewport.scrollTop=this.viewport.scrollHeight;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollOverlayController?.sync()}isAtLiveEdge(){if(!this.viewport)return true;return this.viewport.scrollHeight-this.viewport.clientHeight-this.viewport.scrollTop<=b}render(){return i(r,{key:"cca6c36f0327ae344a89ab386da8150cb3c818c5"},i("div",{key:"6c2fb4c236d5d6682c84edc7b18717a3fa5e51d4",class:"message-scroller"},i("div",{key:"7a9bb1be8b66c7342c9c91d2029e121a90951829",class:"message-scroller__viewport",ref:e=>{this.viewport=e},role:"region","aria-label":this.messagesLabel,tabIndex:0,onScroll:this.handleScroll,onPointerDown:e=>{if(e.pointerType==="touch")this.releaseFollow()},onWheel:this.releaseFollow,onKeyDown:e=>{if(["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(e.key)){this.releaseFollow()}}},i("div",{key:"bfd8a8778687252a1c160d911e3c222fdae0aff4",class:"message-scroller__content scroll-edge-fade--block-window",ref:e=>{this.content=e},role:"log","aria-live":"polite","aria-relevant":"additions","aria-busy":this.busy?"true":undefined},i("slot",{key:"82cb7bdbc8fdb287983d7459381d0da1d5095a74",ref:e=>{this.transcriptSlot=e},onSlotchange:this.handleTranscriptSlotChange}))),i("div",{key:"dee5b98f923325509267b67acf394a364e8d3748",class:"message-scroller__overlay",ref:e=>{this.overlay=e}},i("div",{key:"98d329b0cdd20f26c1fbf3602b49396b3e284f99",class:"message-scroller__overlay-stack"},i("div",{key:"44bd0f40bb94bf1ec6942265b94e88c2b72f1bb6",class:"message-scroller__interaction"},i("slot",{key:"764501940c470ebca1968c0b87236bbb5b3f5980",name:"interaction"})),i("div",{key:"f829b7548dcbb773b18cbd552ffb63464cb72358",class:"message-scroller__overlay-content"},i("slot",{key:"b1196108fdb5e630c18458af4b9b8762d82ee3f6",name:"overlay"})))),this.showScrollToLatest?i("div",{class:"message-scroller__control ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale"},i("ds-tooltip",{label:"Scroll to latest message",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:"ChevronDown",size:"md",rounded:true,hasBorder:false,"aria-label":"Scroll to latest message",onDsClick:()=>void this.scrollToEnd()}))):null))}get el(){return this}static get style(){return v()+p()}},[262,"ds-message-scroller",{busy:[4],autoFollow:[4,"auto-follow"],defaultPosition:[1,"default-position"],messagesLabel:[1,"messages-label"],showScrollToLatest:[32],scrollToMessage:[64],scrollToStart:[64],scrollToEnd:[64]}]);function w(){if(typeof customElements==="undefined"){return}const e=["ds-message-scroller","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-scroller":if(!customElements.get(o(e))){customElements.define(o(e),k)}break;case"ds-badge":if(!customElements.get(o(e))){n()}break;case"ds-button-unfilled":if(!customElements.get(o(e))){d()}break;case"ds-icon":if(!customElements.get(o(e))){c()}break;case"ds-loader":if(!customElements.get(o(e))){h()}break;case"ds-text":if(!customElements.get(o(e))){f()}break;case"ds-tooltip":if(!customElements.get(o(e))){g()}break}}))}w();const y=k;const x=w;export{y as DsMessageScroller,x as defineCustomElement};
+import{p as e,H as s,c as t,h as i,a as r,t as o}from"./index.js";import{S as a}from"./p-Ck1hgD6g.js";import{r as l}from"./p-CochmPyg.js";import{d as n}from"./p-ZhP2tVmM.js";import{d}from"./p-Dzndkdx5.js";import{d as c}from"./p-DjkUFlDW.js";import{d as h}from"./p-0XTyQNRG.js";import{d as f}from"./p-DwbcNDJF.js";import{d as g}from"./p-CYzFfFcH.js";function m(e,s){if(!e.length)return false;if(!s.length)return true;const t=new Set(e);return!s.some((e=>t.has(e)))}function u(e,s){const t=new Set(s);for(const s of e){if(!t.has(s))e.delete(s)}}const v=()=>`@property --ds-scroll-edge-fade-top{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-bottom{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-left{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-right{syntax:'<length-percentage>';inherits:false;initial-value:0px}@keyframes ds-scroll-edge-fade-reveal-top{from{--ds-scroll-edge-fade-top:0px}to{--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top)}}@keyframes ds-scroll-edge-fade-reveal-bottom{from{--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom)}to{--ds-scroll-edge-fade-bottom:0px}}@keyframes ds-scroll-edge-fade-reveal-left{from{--ds-scroll-edge-fade-left:0px}to{--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left)}}@keyframes ds-scroll-edge-fade-reveal-right{from{--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right)}to{--ds-scroll-edge-fade-right:0px}}.scroll-edge-fade.sc-ds-message-scroller{--ds-scroll-edge-fade-size:var(--dimension-size-600);--ds-scroll-edge-fade-reveal-distance:var(--dimension-size-800);--ds-scroll-edge-fade-target-top:0px;--ds-scroll-edge-fade-target-bottom:0px;--ds-scroll-edge-fade-target-left:0px;--ds-scroll-edge-fade-target-right:0px;--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top);--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom);--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left);--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right);--ds-scroll-edge-fade-block-mask:linear-gradient(     to bottom,     transparent 0,     #000 var(--ds-scroll-edge-fade-top),     #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),     transparent 100%   );--ds-scroll-edge-fade-inline-mask:linear-gradient(     to right,     transparent 0,     #000 var(--ds-scroll-edge-fade-left),     #000 calc(100% - var(--ds-scroll-edge-fade-right)),     transparent 100%   );-webkit-mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-edge-fade--top.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-message-scroller{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation-name:ds-scroll-edge-fade-reveal-top, ds-scroll-edge-fade-reveal-bottom,       ds-scroll-edge-fade-reveal-left, ds-scroll-edge-fade-reveal-right;animation-duration:1ms;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-timeline:scroll(self y), scroll(self y), scroll(self x), scroll(self x);animation-range:0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,       0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%}@media (prefers-reduced-motion: reduce){.scroll-edge-fade--scroll-aware.sc-ds-message-scroller{animation:none}}}.scroll-edge-fade--at-end.sc-ds-message-scroller,.scroll-edge-fade--hidden.sc-ds-message-scroller{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-message-scroller{--ds-scroll-edge-fade-window-start:100%;--ds-scroll-edge-fade-window-end:100%;-webkit-mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}`;const p=()=>`.ds-control-elevation.sc-ds-message-scroller-h,.ds-control-elevation.sc-ds-message-scroller{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-message-scroller-h::after,.ds-control-elevation.sc-ds-message-scroller::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-message-scroller-h,.ds-control-elevation--sm.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-message-scroller-h,.ds-control-elevation--md.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-message-scroller-h,.ds-control-elevation--floating.sc-ds-message-scroller{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-message-scroller{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-message-scroller,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-message-scroller{scale:none;transition:none}}.sc-ds-message-scroller-h{--ds-message-scroller-anchor-offset:var(--dimension-space-800);display:block;width:100%;height:100%;min-height:0;box-sizing:border-box}.message-scroller.sc-ds-message-scroller{position:relative;width:100%;height:100%;min-height:0}.message-scroller__viewport.sc-ds-message-scroller{width:100%;height:100%;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;box-sizing:border-box}.message-scroller__viewport.sc-ds-message-scroller:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.message-scroller__content.sc-ds-message-scroller{display:flex;flex-direction:column;gap:var(--dimension-space-300);width:100%;max-width:var(--ds-message-scroller-content-max-width, var(--dimension-panel-width-2xl));min-height:100%;margin-inline:auto;padding-block-start:var(--dimension-space-200);padding-inline:var(--dimension-space-200);padding-block-end:max(     calc(var(--dimension-space-200) + var(--ds-scroll-overlay-block-size, 0px)),     var(--ds-message-scroller-turn-clearance, 0px)   );box-sizing:border-box}.message-scroller__overlay.sc-ds-message-scroller{position:absolute;right:0;bottom:0;left:0;z-index:var(--dimension-z-index-floating)}.message-scroller__overlay-stack.sc-ds-message-scroller{display:grid;width:100%}.message-scroller__interaction.sc-ds-message-scroller,.message-scroller__overlay-content.sc-ds-message-scroller{min-width:0}.message-scroller__control.sc-ds-message-scroller{position:absolute;bottom:calc(var(--ds-scroll-overlay-content-block-size, 0px) + var(--dimension-space-200));left:50%;z-index:var(--dimension-z-index-floating);display:flex;align-items:center;justify-content:center;border-radius:var(--dimension-radius-half);background:var(--color-background-transparent);transform:translateX(-50%);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm))}`;const b=24;const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsReachStart=t(this,"dsReachStart",7);this.busy=false;this.autoFollow=true;this.defaultPosition="last-anchor";this.messagesLabel="Messages";this.showScrollToLatest=false;this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.programmatic=false;this.transcriptChildren=[];this.knownTranscriptElements=new Set;this.knownTurnAnchors=new Set;this.turnClearance=0;this.prependReconciliation=0;this.turnPositionGeneration=0;this.defaultPositionGeneration=0;this.transcriptResetPending=false;this.hasLoaded=false;this.handleTranscriptChange=()=>{const e=this.getTranscriptChildren();const s=this.transcriptChildren;const t=m(s,e)||this.transcriptResetPending&&e.length>0;if(t){this.invalidateTranscriptWork();this.resetTranscriptTracking();this.resetTranscriptPositionState();this.transcriptChildren=e;this.trackTranscript(e);this.transcriptResetPending=e.length===0;this.rememberFirstChildTop();this.scrollOverlayController?.sync();if(e.length)this.scheduleDefaultPosition();return}const i=this.knownTranscriptElements.size>0;const r=new Set(this.knownTranscriptElements);const o=[...e].reverse().find(((s,t)=>{if(!s.matches("ds-message[scroll-anchor]")||this.knownTurnAnchors.has(s)){return false}const i=e.length-t-1;return e.slice(i+1).every((e=>!this.knownTranscriptElements.has(e)))}));this.trackTranscript(e);this.pruneTranscriptTracking(e);if(!s.length){this.transcriptChildren=e;if(o&&i){this.scheduleNewTurnPosition(o)}return}const a=e.findIndex((e=>r.has(e)));const l=e.filter((e=>!r.has(e)));const n=e.length>s.length&&s.every(((t,i)=>e[e.length-s.length+i]===t))||!o&&l.length>0&&a>0&&l.every((s=>e.indexOf(s)<a));this.transcriptChildren=e;if(n){if(this.viewport){const e=this.activeTurnAnchor?.isConnected?this.activeTurnAnchor:s[0];const t=this.activeTurnAnchor?.isConnected?this.activeTurnAnchorViewportTop:this.firstChildViewportTop;if(e&&t!==undefined){this.reconcilePrependPosition(e,t);this.schedulePrependReconciliation(e,t,l)}}this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync();return}if(o){this.scheduleNewTurnPosition(o)}};this.handleTranscriptSlotChange=()=>this.handleTranscriptChange();this.handleScroll=()=>{if(!this.viewport)return;this.scrollOverlayController?.sync();this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();if(this.programmatic)return;const e=this.isAtLiveEdge();if(this.releasePendingAtLiveEdge&&e){this.following=false;this.followReleased=true;this.showScrollToLatest=false;return}this.releasePendingAtLiveEdge=false;this.following=e;this.followReleased=!this.following;this.showScrollToLatest=!this.following;const s=this.viewport.scrollTop<=b;if(s&&!this.atStart)this.dsReachStart.emit();this.atStart=s};this.releaseFollow=()=>{this.prependReconciliation+=1;this.releasePendingAtLiveEdge=this.isAtLiveEdge();this.following=false;this.followReleased=true;this.showScrollToLatest=!this.releasePendingAtLiveEdge};this.handleSelectionChange=()=>{const e=document.getSelection();if(e&&!e.isCollapsed&&e.anchorNode&&this.el.contains(e.anchorNode)){this.releaseFollow()}}}componentDidLoad(){this.hasLoaded=true;this.seedTranscriptBaseline();this.connectObservers();this.scheduleDefaultPosition();document.removeEventListener("selectionchange",this.handleSelectionChange);document.addEventListener("selectionchange",this.handleSelectionChange)}connectedCallback(){if(!this.hasLoaded)return;this.seedTranscriptBaseline();this.connectObservers();this.scheduleDefaultPosition();document.removeEventListener("selectionchange",this.handleSelectionChange);document.addEventListener("selectionchange",this.handleSelectionChange)}disconnectedCallback(){this.invalidateTranscriptWork();this.scrollOverlayController?.disconnect();this.scrollOverlayController=undefined;this.mutationObserver?.disconnect();this.mutationObserver=undefined;this.resetTranscriptTracking();this.resetTranscriptPositionState();this.transcriptResetPending=false;document.removeEventListener("selectionchange",this.handleSelectionChange)}async scrollToMessage(e){const s=Array.from(this.el.querySelectorAll("ds-message")).find((s=>s.messageId===e||s.getAttribute("message-id")===e));if(!s)return false;this.releasePendingAtLiveEdge=false;this.following=false;this.followReleased=true;this.showScrollToLatest=true;s.scrollIntoView({block:"start",behavior:this.motionBehavior()});return true}async scrollToStart(){this.releasePendingAtLiveEdge=false;this.scrollTo(0);this.following=false;this.followReleased=true;this.showScrollToLatest=Boolean(this.viewport&&this.viewport.scrollHeight>this.viewport.clientHeight)}async scrollToEnd(){this.releasePendingAtLiveEdge=false;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollTo(this.viewport?.scrollHeight??0)}motionBehavior(){return matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"}scrollTo(e){if(!this.viewport)return;this.programmatic=true;const s=this.motionBehavior();this.viewport.scrollTo({top:e,behavior:s});if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=setTimeout((()=>{this.programmatic=false;this.programmaticTimer=undefined;if(this.following){this.viewport.scrollTop=e;this.showScrollToLatest=false}}),s==="smooth"?600:0)}invalidateTranscriptWork(){this.prependReconciliation+=1;this.turnPositionGeneration+=1;this.defaultPositionGeneration+=1;if(this.programmaticTimer)clearTimeout(this.programmaticTimer);this.programmaticTimer=undefined;this.programmatic=false}clearActiveTurnAnchor(){this.activeTurnAnchor=undefined;this.activeTurnAnchorViewportTop=undefined;this.turnClearance=0;this.el.style.removeProperty("--ds-message-scroller-turn-clearance")}resetTranscriptTracking(){this.transcriptChildren=[];this.knownTranscriptElements.clear();this.knownTurnAnchors.clear();this.firstChildViewportTop=undefined;this.clearActiveTurnAnchor()}resetTranscriptPositionState(){this.following=true;this.followReleased=false;this.releasePendingAtLiveEdge=false;this.atStart=false;this.showScrollToLatest=false}trackTranscript(e){e.forEach((e=>{this.knownTranscriptElements.add(e);if(e.matches("ds-message[scroll-anchor]")){this.knownTurnAnchors.add(e)}}))}seedTranscriptBaseline(){this.resetTranscriptTracking();this.transcriptChildren=this.getTranscriptChildren();this.trackTranscript(this.transcriptChildren);this.transcriptResetPending=false;this.rememberFirstChildTop()}pruneTranscriptTracking(e){u(this.knownTranscriptElements,e);u(this.knownTurnAnchors,e);if(this.activeTurnAnchor&&!e.includes(this.activeTurnAnchor)){this.clearActiveTurnAnchor()}}scheduleDefaultPosition(){const e=++this.defaultPositionGeneration;requestAnimationFrame((()=>{if(e!==this.defaultPositionGeneration||!this.el.isConnected)return;this.applyDefaultPosition()}))}connectObservers(){if(!this.viewport||!this.content||!this.overlay)return;this.scrollOverlayController?.disconnect();this.mutationObserver?.disconnect();this.scrollOverlayController=new a({host:this.el,viewport:this.viewport,content:this.content,overlay:this.overlay,overlayContentSelector:".message-scroller__overlay-stack",onGeometryChange:()=>this.handleContentGrowth()});this.scrollOverlayController.connect();this.mutationObserver=new MutationObserver((()=>{this.handleTranscriptChange();this.handleContentGrowth()}));this.mutationObserver.observe(this.el,{childList:true,subtree:true,characterData:true})}handleContentGrowth(){if(!this.viewport)return;this.syncTurnClearance();const e=this.viewport.scrollHeight;if(this.autoFollow&&this.following&&!this.followReleased){this.viewport.scrollTop=e}if(this.releasePendingAtLiveEdge&&!this.isAtLiveEdge()){this.releasePendingAtLiveEdge=false}this.showScrollToLatest=!this.following&&!this.isAtLiveEdge();this.scrollOverlayController?.sync()}rememberFirstChildTop(){if(!this.viewport)return;const e=this.getTranscriptChildren()[0];this.firstChildViewportTop=e?e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top:undefined}getTranscriptChildren(){const e=this.transcriptSlot?.assignedElements()??[];const t=e.filter((e=>e instanceof s&&(e.matches("ds-message")||e.matches("ds-agent-response"))));const i=Array.from(this.el.querySelectorAll("ds-message, ds-agent-response")).filter((e=>{if(e.closest(".message-scroller__interaction, .message-scroller__overlay-content")){return false}if(e.matches("ds-agent-response"))return true;return!e.closest("ds-agent-response")}));return i.length>t.length?i:t}reconcilePrependPosition(e,s){if(!this.viewport||!e.isConnected)return;const t=e.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top;this.viewport.scrollTop+=t-s}schedulePrependReconciliation(e,s,t){const i=++this.prependReconciliation;const r=t.flatMap((e=>[e,...Array.from(e.querySelectorAll("*"))])).map((e=>{const s=e.componentOnReady;return s?s.call(e).catch((()=>undefined)):null})).filter((e=>Boolean(e)));void Promise.all(r).then((()=>{requestAnimationFrame((()=>{if(i!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);requestAnimationFrame((()=>{if(i!==this.prependReconciliation)return;this.reconcilePrependPosition(e,s);this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop();this.scrollOverlayController?.sync()}))}))}))}scheduleNewTurnPosition(e){const s=++this.turnPositionGeneration;requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration||!e.isConnected||!this.viewport){return}this.positionNewTurn(e,s)}))}positionNewTurn(e,s){if(s!==this.turnPositionGeneration||!this.viewport||!e.isConnected)return;this.activeTurnAnchor=e;this.syncTurnClearance();requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration)return;this.finishPositionNewTurn(e,s)}))}finishPositionNewTurn(e,s){if(s!==this.turnPositionGeneration||!this.viewport||!e.isConnected){return}const t=this.viewport.getBoundingClientRect();const i=e.getBoundingClientRect().top-t.top+this.viewport.scrollTop;const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const o=l(r,"var(--dimension-space-800)");const a=Math.max(this.viewport.scrollHeight-this.viewport.clientHeight,0);const n=Math.min(Math.max(i-o,0),a);this.following=a-n<=b;this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.programmatic=true;this.viewport.scrollTop=n;requestAnimationFrame((()=>{if(s!==this.turnPositionGeneration)return;this.programmatic=false;this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.rememberFirstChildTop();this.rememberActiveTurnAnchorTop()}));this.scrollOverlayController?.sync()}rememberActiveTurnAnchorTop(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;this.activeTurnAnchorViewportTop=this.activeTurnAnchor.getBoundingClientRect().top-this.viewport.getBoundingClientRect().top}syncTurnClearance(){if(!this.viewport||!this.activeTurnAnchor?.isConnected)return;const e=this.getTranscriptChildren();const s=e[e.length-1];if(!s)return;const t=this.activeTurnAnchor.getBoundingClientRect();const i=s.getBoundingClientRect();const r=getComputedStyle(this.el).getPropertyValue("--ds-message-scroller-anchor-offset").trim();const o=l(r,"var(--dimension-space-800)");const a=Math.max(i.bottom-t.top,0);const n=Math.max(Math.ceil(this.viewport.clientHeight-o-a),0);if(n===this.turnClearance)return;this.turnClearance=n;this.el.style.setProperty("--ds-message-scroller-turn-clearance",`${n}px`)}applyDefaultPosition(){if(!this.viewport)return;this.releasePendingAtLiveEdge=false;if(this.defaultPosition==="start"){this.viewport.scrollTop=0;this.following=false;this.followReleased=true;this.showScrollToLatest=this.viewport.scrollHeight>this.viewport.clientHeight;this.scrollOverlayController?.sync();return}if(this.defaultPosition==="last-anchor"){const e=this.el.querySelectorAll("ds-message[scroll-anchor]");const s=e.item(e.length-1);if(s){s.scrollIntoView({block:"start"});this.following=this.isAtLiveEdge();this.followReleased=!this.following;this.showScrollToLatest=!this.following;this.scrollOverlayController?.sync();return}}this.viewport.scrollTop=this.viewport.scrollHeight;this.following=true;this.followReleased=false;this.showScrollToLatest=false;this.scrollOverlayController?.sync()}isAtLiveEdge(){if(!this.viewport)return true;return this.viewport.scrollHeight-this.viewport.clientHeight-this.viewport.scrollTop<=b}render(){return i(r,{key:"1e2c32f5b75026b596bc6b065c00d467f467c490"},i("div",{key:"b9d0a236dc5755ce36b5d86c2b01a24e1a77b257",class:"message-scroller"},i("div",{key:"128479f064cd6e44f773c6ffcfa0d3744e1d9484",class:"message-scroller__viewport",ref:e=>{this.viewport=e},role:"region","aria-label":this.messagesLabel,tabIndex:0,onScroll:this.handleScroll,onPointerDown:e=>{if(e.pointerType==="touch")this.releaseFollow()},onWheel:this.releaseFollow,onKeyDown:e=>{if(["ArrowUp","ArrowDown","PageUp","PageDown","Home","End"," "].includes(e.key)){this.releaseFollow()}}},i("div",{key:"2cf55509beb16178f05e6a69c67f02b47703ba96",class:"message-scroller__content scroll-edge-fade--block-window",ref:e=>{this.content=e},role:"log","aria-live":"polite","aria-relevant":"additions","aria-busy":this.busy?"true":undefined},i("slot",{key:"696a97ae8951735c0205b335e64018420645bc07",ref:e=>{this.transcriptSlot=e},onSlotchange:this.handleTranscriptSlotChange}))),i("div",{key:"0a13ad2641055022f5842553738cea9cb8b9cde7",class:"message-scroller__overlay",ref:e=>{this.overlay=e}},i("div",{key:"5a66fa82c8d2bd3984a44fdb3366d49fe1c6060c",class:"message-scroller__overlay-stack"},i("div",{key:"b30c7fb8c5e5a8c9937a0309715d516740db9e70",class:"message-scroller__interaction"},i("slot",{key:"99e5796ccf6398154a63660fcb100592c2c3170d",name:"interaction"})),i("div",{key:"64d19415318fe9f220ffa1035086e01676c2122b",class:"message-scroller__overlay-content"},i("slot",{key:"c4bb3a7eb0e4dbf01d71734b3c759348b763a75b",name:"overlay"})))),this.showScrollToLatest?i("div",{class:"message-scroller__control ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale"},i("ds-tooltip",{label:"Scroll to latest message",side:"top",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:"ChevronDown",size:"md",rounded:true,hasBorder:false,"aria-label":"Scroll to latest message",onDsClick:()=>void this.scrollToEnd()}))):null))}get el(){return this}static get style(){return v()+p()}},[262,"ds-message-scroller",{busy:[4],autoFollow:[4,"auto-follow"],defaultPosition:[1,"default-position"],messagesLabel:[1,"messages-label"],showScrollToLatest:[32],scrollToMessage:[64],scrollToStart:[64],scrollToEnd:[64]}]);function w(){if(typeof customElements==="undefined"){return}const e=["ds-message-scroller","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-message-scroller":if(!customElements.get(o(e))){customElements.define(o(e),k)}break;case"ds-badge":if(!customElements.get(o(e))){n()}break;case"ds-button-unfilled":if(!customElements.get(o(e))){d()}break;case"ds-icon":if(!customElements.get(o(e))){c()}break;case"ds-loader":if(!customElements.get(o(e))){h()}break;case"ds-text":if(!customElements.get(o(e))){f()}break;case"ds-tooltip":if(!customElements.get(o(e))){g()}break}}))}w();const y=k;const x=w;export{y as DsMessageScroller,x as defineCustomElement};
 //# sourceMappingURL=ds-message-scroller.js.map

package/dist/components/ds-message-scroller.js.map

@@ -1 +1 @@
-{"version":3,"names":["isMessageScrollerTranscriptReset","previous","current","length","previousElements","Set","some","element","has","pruneMessageScrollerTranscriptSet","known","currentElements","delete","scrollEdgeFadeCss","messageScrollerCss","LIVE_EDGE_THRESHOLD","MessageScroller","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","busy","autoFollow","defaultPosition","messagesLabel","showScrollToLatest","following","followReleased","releasePendingAtLiveEdge","atStart","programmatic","transcriptChildren","knownTranscriptElements","knownTurnAnchors","turnClearance","prependReconciliation","turnPositionGeneration","defaultPositionGeneration","transcriptResetPending","hasLoaded","handleTranscriptChange","getTranscriptChildren","transcriptReset","invalidateTranscriptWork","resetTranscriptTracking","resetTranscriptPositionState","trackTranscript","rememberFirstChildTop","scrollOverlayController","sync","scheduleDefaultPosition","hadKnownTranscript","size","previouslyKnown","appendedAnchor","reverse","find","reverseIndex","matches","index","slice","every","next","pruneTranscriptTracking","scheduleNewTurnPosition","firstKnownIndex","findIndex","newTranscript","filter","prepended","indexOf","viewport","preservedElement","activeTurnAnchor","isConnected","preservedTop","activeTurnAnchorViewportTop","firstChildViewportTop","undefined","reconcilePrependPosition","schedulePrependReconciliation","rememberActiveTurnAnchorTop","handleTranscriptSlotChange","handleScroll","atLiveEdge","isAtLiveEdge","nextAtStart","scrollTop","dsReachStart","emit","releaseFollow","handleSelectionChange","selection","document","getSelection","isCollapsed","anchorNode","el","contains","componentDidLoad","seedTranscriptBaseline","connectObservers","removeEventListener","addEventListener","connectedCallback","disconnectedCallback","disconnect","mutationObserver","scrollToMessage","id","message","Array","from","querySelectorAll","item","messageId","getAttribute","scrollIntoView","block","behavior","motionBehavior","scrollToStart","scrollTo","Boolean","scrollHeight","clientHeight","scrollToEnd","matchMedia","top","programmaticTimer","clearTimeout","setTimeout","clearActiveTurnAnchor","style","removeProperty","clear","elements","forEach","add","includes","generation","requestAnimationFrame","applyDefaultPosition","content","overlay","ScrollOverlayController","host","overlayContentSelector","onGeometryChange","handleContentGrowth","connect","MutationObserver","observe","childList","subtree","characterData","syncTurnClearance","nextHeight","first","getBoundingClientRect","assigned","transcriptSlot","assignedElements","assignedTranscript","queriedTranscript","closest","viewportTop","nextTop","pending","flatMap","map","componentOnReady","call","catch","promise","Promise","all","then","anchor","positionNewTurn","finishPositionNewTurn","viewportRect","anchorTop","customOffset","getComputedStyle","getPropertyValue","trim","offset","resolveCssLengthPx","max","Math","target","min","children","last","anchorRect","lastRect","contentAfterAnchor","bottom","clearance","ceil","setProperty","anchors","render","h","Host","key","class","ref","role","tabIndex","onScroll","onPointerDown","event","pointerType","onWheel","onKeyDown","onSlotchange","name","label","side","variant","icon","rounded","hasBorder","onDsClick"],"sources":["src/wc/components/MessageScroller/message-scroller-transcript.ts","src/wc/utils/scroll-edge-fade.css?tag=ds-message-scroller&encapsulation=scoped","src/wc/components/MessageScroller/MessageScroller.css?tag=ds-message-scroller&encapsulation=scoped","src/wc/components/MessageScroller/MessageScroller.tsx"],"sourcesContent":["/**\n * A transcript reset replaces the current baseline instead of appending or\n * prepending around surviving nodes. Emptying a populated transcript also\n * starts a reset that completes when its next baseline is supplied.\n */\nexport function isMessageScrollerTranscriptReset<T>(\n  previous: readonly T[],\n  current: readonly T[]\n): boolean {\n  if (!previous.length) return false;\n  if (!current.length) return true;\n  const previousElements = new Set(previous);\n  return !current.some(element => previousElements.has(element));\n}\n\n/** Keep identity tracking bounded to nodes in the current transcript. */\nexport function pruneMessageScrollerTranscriptSet<T>(known: Set<T>, current: readonly T[]): void {\n  const currentElements = new Set(current);\n  for (const element of known) {\n    if (!currentElements.has(element)) known.delete(element);\n  }\n}\n","/**\n * Scroll-edge alpha fade — the single edge-fade utility for overflow containers.\n * Masks scrolling content to transparent so flat surfaces, shell gradients, and\n * images show through.\n *\n * Static fades are the default (PanelNav intentionally keeps its bottom fade).\n * Add `.scroll-edge-fade--scroll-aware` to reveal/hide each configured edge from\n * the container's own scroll position without JavaScript. Browsers without CSS\n * scroll-driven animations retain the configured static fades.\n *\n * @see scroll-edge-fade.ts — `scrollEdgeFadeClassMap`, `isScrollAtEdge`, size helpers.\n */\n\n@property --ds-scroll-edge-fade-top {\n  syntax: '<length-percentage>';\n  inherits: false;\n  /* stylelint-disable-next-line length-zero-no-unit -- @property requires a unit-compatible initial value. */\n  initial-value: 0px;\n}\n\n@property --ds-scroll-edge-fade-bottom {\n  syntax: '<length-percentage>';\n  inherits: false;\n  /* stylelint-disable-next-line length-zero-no-unit -- @property requires a unit-compatible initial value. */\n  initial-value: 0px;\n}\n\n@property --ds-scroll-edge-fade-left {\n  syntax: '<length-percentage>';\n  inherits: false;\n  /* stylelint-disable-next-line length-zero-no-unit -- @property requires a unit-compatible initial value. */\n  initial-value: 0px;\n}\n\n@property --ds-scroll-edge-fade-right {\n  syntax: '<length-percentage>';\n  inherits: false;\n  /* stylelint-disable-next-line length-zero-no-unit -- @property requires a unit-compatible initial value. */\n  initial-value: 0px;\n}\n\n@keyframes ds-scroll-edge-fade-reveal-top {\n  from {\n    --ds-scroll-edge-fade-top: 0px;\n  }\n  to {\n    --ds-scroll-edge-fade-top: var(--ds-scroll-edge-fade-target-top);\n  }\n}\n\n@keyframes ds-scroll-edge-fade-reveal-bottom {\n  from {\n    --ds-scroll-edge-fade-bottom: var(--ds-scroll-edge-fade-target-bottom);\n  }\n  to {\n    --ds-scroll-edge-fade-bottom: 0px;\n  }\n}\n\n@keyframes ds-scroll-edge-fade-reveal-left {\n  from {\n    --ds-scroll-edge-fade-left: 0px;\n  }\n  to {\n    --ds-scroll-edge-fade-left: var(--ds-scroll-edge-fade-target-left);\n  }\n}\n\n@keyframes ds-scroll-edge-fade-reveal-right {\n  from {\n    --ds-scroll-edge-fade-right: var(--ds-scroll-edge-fade-target-right);\n  }\n  to {\n    --ds-scroll-edge-fade-right: 0px;\n  }\n}\n\n/* Mask gradients use #000 / transparent as alpha stops — not theme colors. */\n/* stylelint-disable color-no-hex */\n\n.scroll-edge-fade {\n  --ds-scroll-edge-fade-size: var(--dimension-size-600);\n  --ds-scroll-edge-fade-reveal-distance: var(--dimension-size-800);\n  --ds-scroll-edge-fade-target-top: 0px;\n  --ds-scroll-edge-fade-target-bottom: 0px;\n  --ds-scroll-edge-fade-target-left: 0px;\n  --ds-scroll-edge-fade-target-right: 0px;\n  --ds-scroll-edge-fade-top: var(--ds-scroll-edge-fade-target-top);\n  --ds-scroll-edge-fade-bottom: var(--ds-scroll-edge-fade-target-bottom);\n  --ds-scroll-edge-fade-left: var(--ds-scroll-edge-fade-target-left);\n  --ds-scroll-edge-fade-right: var(--ds-scroll-edge-fade-target-right);\n  --ds-scroll-edge-fade-block-mask: linear-gradient(\n    to bottom,\n    transparent 0,\n    #000 var(--ds-scroll-edge-fade-top),\n    #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),\n    transparent 100%\n  );\n  --ds-scroll-edge-fade-inline-mask: linear-gradient(\n    to right,\n    transparent 0,\n    #000 var(--ds-scroll-edge-fade-left),\n    #000 calc(100% - var(--ds-scroll-edge-fade-right)),\n    transparent 100%\n  );\n\n  /* Intersecting the block and inline masks lets every edge compose correctly. */\n  -webkit-mask-image: var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);\n  mask-image: var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);\n  -webkit-mask-composite: source-in;\n  mask-composite: intersect;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n}\n\n.scroll-edge-fade--top {\n  --ds-scroll-edge-fade-target-top: var(--ds-scroll-edge-fade-size);\n}\n\n.scroll-edge-fade--bottom {\n  --ds-scroll-edge-fade-target-bottom: var(--ds-scroll-edge-fade-size);\n}\n\n.scroll-edge-fade--left {\n  --ds-scroll-edge-fade-target-left: var(--ds-scroll-edge-fade-size);\n}\n\n.scroll-edge-fade--right {\n  --ds-scroll-edge-fade-target-right: var(--ds-scroll-edge-fade-size);\n}\n\n/* Manual per-edge state remains available when scroll state already lives in JS. */\n.scroll-edge-fade--top-at-edge {\n  --ds-scroll-edge-fade-target-top: 0px;\n}\n\n.scroll-edge-fade--bottom-at-edge {\n  --ds-scroll-edge-fade-target-bottom: 0px;\n}\n\n.scroll-edge-fade--left-at-edge {\n  --ds-scroll-edge-fade-target-left: 0px;\n}\n\n.scroll-edge-fade--right-at-edge {\n  --ds-scroll-edge-fade-target-right: 0px;\n}\n\n@supports (animation-timeline: scroll()) {\n  .scroll-edge-fade--scroll-aware {\n    animation-name:\n      ds-scroll-edge-fade-reveal-top, ds-scroll-edge-fade-reveal-bottom,\n      ds-scroll-edge-fade-reveal-left, ds-scroll-edge-fade-reveal-right;\n    /* stylelint-disable-next-line declaration-property-value-disallowed-list -- scroll timelines require a nonzero sentinel duration; elapsed time is ignored. */\n    animation-duration: 1ms;\n    animation-timing-function: ease-in-out;\n    animation-fill-mode: both;\n    animation-timeline: scroll(self y), scroll(self y), scroll(self x), scroll(self x);\n    animation-range:\n      0 var(--ds-scroll-edge-fade-reveal-distance),\n      calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,\n      0 var(--ds-scroll-edge-fade-reveal-distance),\n      calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .scroll-edge-fade--scroll-aware {\n      animation: none;\n    }\n  }\n}\n\n.scroll-edge-fade--at-end,\n.scroll-edge-fade--hidden {\n  -webkit-mask-image: none;\n  mask-image: none;\n}\n\n/**\n * Masks a long content element against a scrollport-relative block window.\n * The owner updates the start/end offsets as the scrollport moves. Keeping the\n * mask on the content instead of the overflow element leaves native scrollbars\n * outside the fade.\n */\n.scroll-edge-fade--block-window {\n  --ds-scroll-edge-fade-window-start: 100%;\n  --ds-scroll-edge-fade-window-end: 100%;\n\n  -webkit-mask-image: linear-gradient(\n    to bottom,\n    #000 0,\n    #000 var(--ds-scroll-edge-fade-window-start),\n    transparent var(--ds-scroll-edge-fade-window-end)\n  );\n  mask-image: linear-gradient(\n    to bottom,\n    #000 0,\n    #000 var(--ds-scroll-edge-fade-window-start),\n    transparent var(--ds-scroll-edge-fade-window-end)\n  );\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n}\n\n/* stylelint-enable color-no-hex */\n","@import '../../styles/control-elevation.css';\n\n:host {\n  --ds-message-scroller-anchor-offset: var(--dimension-space-800);\n\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  box-sizing: border-box;\n}\n\n.message-scroller {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.message-scroller__viewport {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  overflow: auto;\n  overflow-anchor: none;\n  overscroll-behavior: contain;\n  box-sizing: border-box;\n}\n\n.message-scroller__viewport:focus-visible {\n  outline: var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);\n  outline-offset: calc(-1 * var(--dimension-stroke-width-025));\n}\n\n.message-scroller__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-300);\n  width: 100%;\n  max-width: var(--ds-message-scroller-content-max-width, var(--dimension-panel-width-2xl));\n  min-height: 100%;\n  margin-inline: auto;\n  padding-block-start: var(--dimension-space-200);\n  padding-inline: var(--dimension-space-200);\n  padding-block-end: max(\n    calc(var(--dimension-space-200) + var(--ds-scroll-overlay-block-size, 0px)),\n    var(--ds-message-scroller-turn-clearance, 0px)\n  );\n  box-sizing: border-box;\n}\n\n.message-scroller__overlay {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: var(--dimension-z-index-floating);\n}\n\n.message-scroller__overlay-stack {\n  display: grid;\n  width: 100%;\n}\n\n.message-scroller__interaction,\n.message-scroller__overlay-content {\n  min-width: 0;\n}\n\n.message-scroller__control {\n  position: absolute;\n  bottom: calc(var(--ds-scroll-overlay-content-block-size, 0px) + var(--dimension-space-200));\n  left: 50%;\n  z-index: var(--dimension-z-index-floating);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--dimension-radius-half);\n  background: var(--color-background-transparent);\n  transform: translateX(-50%);\n  -webkit-backdrop-filter: blur(var(--effect-blur-sm));\n  backdrop-filter: blur(var(--effect-blur-sm));\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport type { MessageScrollerPosition } from '../conversation-types';\nimport { ScrollOverlayController } from '../../utils/scroll-overlay-controller';\nimport { resolveCssLengthPx } from '../../utils/resolve-css-length-px';\nimport {\n  isMessageScrollerTranscriptReset,\n  pruneMessageScrollerTranscriptSet,\n} from './message-scroller-transcript';\n\nconst LIVE_EDGE_THRESHOLD = 24;\n\n@Component({\n  tag: 'ds-message-scroller',\n  styleUrl: 'MessageScroller.css',\n  styleUrls: ['../../utils/scroll-edge-fade.css'],\n  scoped: true,\n})\nexport class MessageScroller {\n  @Element() el!: HTMLElement;\n\n  @Prop() busy: boolean = false;\n  @Prop() autoFollow: boolean = true;\n  @Prop() defaultPosition: MessageScrollerPosition = 'last-anchor';\n  @Prop() messagesLabel: string = 'Messages';\n\n  @Event() dsReachStart!: EventEmitter<void>;\n\n  @State() private showScrollToLatest = false;\n\n  private viewport?: HTMLElement;\n  private content?: HTMLElement;\n  private overlay?: HTMLElement;\n  private transcriptSlot?: HTMLSlotElement;\n  private scrollOverlayController?: ScrollOverlayController;\n  private mutationObserver?: MutationObserver;\n  private following = true;\n  private followReleased = false;\n  private releasePendingAtLiveEdge = false;\n  private atStart = false;\n  private programmatic = false;\n  private programmaticTimer?: ReturnType<typeof setTimeout>;\n  private transcriptChildren: HTMLElement[] = [];\n  private knownTranscriptElements = new Set<HTMLElement>();\n  private knownTurnAnchors = new Set<HTMLElement>();\n  private firstChildViewportTop?: number;\n  private activeTurnAnchor?: HTMLElement;\n  private activeTurnAnchorViewportTop?: number;\n  private turnClearance = 0;\n  private prependReconciliation = 0;\n  private turnPositionGeneration = 0;\n  private defaultPositionGeneration = 0;\n  private transcriptResetPending = false;\n  private hasLoaded = false;\n\n  componentDidLoad() {\n    this.hasLoaded = true;\n    this.seedTranscriptBaseline();\n    this.connectObservers();\n    this.scheduleDefaultPosition();\n    document.removeEventListener('selectionchange', this.handleSelectionChange);\n    document.addEventListener('selectionchange', this.handleSelectionChange);\n  }\n\n  connectedCallback() {\n    if (!this.hasLoaded) return;\n    this.seedTranscriptBaseline();\n    this.connectObservers();\n    this.scheduleDefaultPosition();\n    document.removeEventListener('selectionchange', this.handleSelectionChange);\n    document.addEventListener('selectionchange', this.handleSelectionChange);\n  }\n\n  disconnectedCallback() {\n    this.invalidateTranscriptWork();\n    this.scrollOverlayController?.disconnect();\n    this.scrollOverlayController = undefined;\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = undefined;\n    this.resetTranscriptTracking();\n    this.resetTranscriptPositionState();\n    this.transcriptResetPending = false;\n    document.removeEventListener('selectionchange', this.handleSelectionChange);\n  }\n\n  @Method()\n  async scrollToMessage(id: string): Promise<boolean> {\n    const message = Array.from(\n      this.el.querySelectorAll<HTMLElement & { messageId?: string }>('ds-message')\n    ).find(item => item.messageId === id || item.getAttribute('message-id') === id);\n    if (!message) return false;\n    this.releasePendingAtLiveEdge = false;\n    this.following = false;\n    this.followReleased = true;\n    this.showScrollToLatest = true;\n    message.scrollIntoView({ block: 'start', behavior: this.motionBehavior() });\n    return true;\n  }\n\n  @Method()\n  async scrollToStart() {\n    this.releasePendingAtLiveEdge = false;\n    this.scrollTo(0);\n    this.following = false;\n    this.followReleased = true;\n    this.showScrollToLatest = Boolean(\n      this.viewport && this.viewport.scrollHeight > this.viewport.clientHeight\n    );\n  }\n\n  @Method()\n  async scrollToEnd() {\n    this.releasePendingAtLiveEdge = false;\n    this.following = true;\n    this.followReleased = false;\n    this.showScrollToLatest = false;\n    this.scrollTo(this.viewport?.scrollHeight ?? 0);\n  }\n\n  private motionBehavior(): ScrollBehavior {\n    return matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth';\n  }\n\n  private scrollTo(top: number) {\n    if (!this.viewport) return;\n    this.programmatic = true;\n    const behavior = this.motionBehavior();\n    this.viewport.scrollTo({ top, behavior });\n    if (this.programmaticTimer) clearTimeout(this.programmaticTimer);\n    this.programmaticTimer = setTimeout(\n      () => {\n        this.programmatic = false;\n        this.programmaticTimer = undefined;\n        if (this.following) {\n          this.viewport!.scrollTop = top;\n          this.showScrollToLatest = false;\n        }\n      },\n      behavior === 'smooth' ? 600 : 0\n    );\n  }\n\n  private invalidateTranscriptWork() {\n    this.prependReconciliation += 1;\n    this.turnPositionGeneration += 1;\n    this.defaultPositionGeneration += 1;\n    if (this.programmaticTimer) clearTimeout(this.programmaticTimer);\n    this.programmaticTimer = undefined;\n    this.programmatic = false;\n  }\n\n  private clearActiveTurnAnchor() {\n    this.activeTurnAnchor = undefined;\n    this.activeTurnAnchorViewportTop = undefined;\n    this.turnClearance = 0;\n    this.el.style.removeProperty('--ds-message-scroller-turn-clearance');\n  }\n\n  private resetTranscriptTracking() {\n    this.transcriptChildren = [];\n    this.knownTranscriptElements.clear();\n    this.knownTurnAnchors.clear();\n    this.firstChildViewportTop = undefined;\n    this.clearActiveTurnAnchor();\n  }\n\n  private resetTranscriptPositionState() {\n    this.following = true;\n    this.followReleased = false;\n    this.releasePendingAtLiveEdge = false;\n    this.atStart = false;\n    this.showScrollToLatest = false;\n  }\n\n  private trackTranscript(elements: readonly HTMLElement[]) {\n    elements.forEach(element => {\n      this.knownTranscriptElements.add(element);\n      if (element.matches('ds-message[scroll-anchor]')) {\n        this.knownTurnAnchors.add(element);\n      }\n    });\n  }\n\n  private seedTranscriptBaseline() {\n    this.resetTranscriptTracking();\n    this.transcriptChildren = this.getTranscriptChildren();\n    this.trackTranscript(this.transcriptChildren);\n    this.transcriptResetPending = false;\n    this.rememberFirstChildTop();\n  }\n\n  private pruneTranscriptTracking(current: readonly HTMLElement[]) {\n    pruneMessageScrollerTranscriptSet(this.knownTranscriptElements, current);\n    pruneMessageScrollerTranscriptSet(this.knownTurnAnchors, current);\n    if (this.activeTurnAnchor && !current.includes(this.activeTurnAnchor)) {\n      this.clearActiveTurnAnchor();\n    }\n  }\n\n  private scheduleDefaultPosition() {\n    const generation = ++this.defaultPositionGeneration;\n    requestAnimationFrame(() => {\n      if (generation !== this.defaultPositionGeneration || !this.el.isConnected) return;\n      this.applyDefaultPosition();\n    });\n  }\n\n  private connectObservers() {\n    if (!this.viewport || !this.content || !this.overlay) return;\n    this.scrollOverlayController?.disconnect();\n    this.mutationObserver?.disconnect();\n    this.scrollOverlayController = new ScrollOverlayController({\n      host: this.el,\n      viewport: this.viewport,\n      content: this.content,\n      overlay: this.overlay,\n      overlayContentSelector: '.message-scroller__overlay-stack',\n      onGeometryChange: () => this.handleContentGrowth(),\n    });\n    this.scrollOverlayController.connect();\n    this.mutationObserver = new MutationObserver(() => {\n      this.handleTranscriptChange();\n      this.handleContentGrowth();\n    });\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n  }\n\n  private handleContentGrowth() {\n    if (!this.viewport) return;\n    this.syncTurnClearance();\n    const nextHeight = this.viewport.scrollHeight;\n    if (this.autoFollow && this.following && !this.followReleased) {\n      this.viewport.scrollTop = nextHeight;\n    }\n    if (this.releasePendingAtLiveEdge && !this.isAtLiveEdge()) {\n      this.releasePendingAtLiveEdge = false;\n    }\n    this.showScrollToLatest = !this.following && !this.isAtLiveEdge();\n    this.scrollOverlayController?.sync();\n  }\n\n  private rememberFirstChildTop() {\n    if (!this.viewport) return;\n    const first = this.getTranscriptChildren()[0];\n    this.firstChildViewportTop = first\n      ? first.getBoundingClientRect().top - this.viewport.getBoundingClientRect().top\n      : undefined;\n  }\n\n  private getTranscriptChildren(): HTMLElement[] {\n    const assigned = this.transcriptSlot?.assignedElements() ?? [];\n    const assignedTranscript = assigned.filter(\n      (element): element is HTMLElement =>\n        element instanceof HTMLElement &&\n        (element.matches('ds-message') || element.matches('ds-agent-response'))\n    );\n    const queriedTranscript = Array.from(\n      this.el.querySelectorAll<HTMLElement>('ds-message, ds-agent-response')\n    ).filter(element => {\n      if (element.closest('.message-scroller__interaction, .message-scroller__overlay-content')) {\n        return false;\n      }\n      if (element.matches('ds-agent-response')) return true;\n      return !element.closest('ds-agent-response');\n    });\n    return queriedTranscript.length > assignedTranscript.length\n      ? queriedTranscript\n      : assignedTranscript;\n  }\n\n  private handleTranscriptChange = () => {\n    const current = this.getTranscriptChildren();\n    const previous = this.transcriptChildren;\n    const transcriptReset =\n      isMessageScrollerTranscriptReset(previous, current) ||\n      (this.transcriptResetPending && current.length > 0);\n    if (transcriptReset) {\n      this.invalidateTranscriptWork();\n      this.resetTranscriptTracking();\n      this.resetTranscriptPositionState();\n      this.transcriptChildren = current;\n      this.trackTranscript(current);\n      this.transcriptResetPending = current.length === 0;\n      this.rememberFirstChildTop();\n      this.scrollOverlayController?.sync();\n      if (current.length) this.scheduleDefaultPosition();\n      return;\n    }\n\n    const hadKnownTranscript = this.knownTranscriptElements.size > 0;\n    const previouslyKnown = new Set(this.knownTranscriptElements);\n    const appendedAnchor = [...current].reverse().find((element, reverseIndex) => {\n      if (!element.matches('ds-message[scroll-anchor]') || this.knownTurnAnchors.has(element)) {\n        return false;\n      }\n      const index = current.length - reverseIndex - 1;\n      return current.slice(index + 1).every(next => !this.knownTranscriptElements.has(next));\n    });\n    this.trackTranscript(current);\n    this.pruneTranscriptTracking(current);\n    if (!previous.length) {\n      this.transcriptChildren = current;\n      if (appendedAnchor && hadKnownTranscript) {\n        this.scheduleNewTurnPosition(appendedAnchor);\n      }\n      return;\n    }\n\n    const firstKnownIndex = current.findIndex(element => previouslyKnown.has(element));\n    const newTranscript = current.filter(element => !previouslyKnown.has(element));\n    const prepended =\n      (current.length > previous.length &&\n        previous.every(\n          (element, index) => current[current.length - previous.length + index] === element\n        )) ||\n      (!appendedAnchor &&\n        newTranscript.length > 0 &&\n        firstKnownIndex > 0 &&\n        newTranscript.every(element => current.indexOf(element) < firstKnownIndex));\n\n    this.transcriptChildren = current;\n    if (prepended) {\n      if (this.viewport) {\n        const preservedElement = this.activeTurnAnchor?.isConnected\n          ? this.activeTurnAnchor\n          : previous[0];\n        const preservedTop = this.activeTurnAnchor?.isConnected\n          ? this.activeTurnAnchorViewportTop\n          : this.firstChildViewportTop;\n        if (preservedElement && preservedTop !== undefined) {\n          this.reconcilePrependPosition(preservedElement, preservedTop);\n          this.schedulePrependReconciliation(preservedElement, preservedTop, newTranscript);\n        }\n      }\n      this.rememberFirstChildTop();\n      this.rememberActiveTurnAnchorTop();\n      this.scrollOverlayController?.sync();\n      return;\n    }\n    if (appendedAnchor) {\n      this.scheduleNewTurnPosition(appendedAnchor);\n    }\n  };\n\n  private reconcilePrependPosition(element: HTMLElement, viewportTop: number) {\n    if (!this.viewport || !element.isConnected) return;\n    const nextTop = element.getBoundingClientRect().top - this.viewport.getBoundingClientRect().top;\n    this.viewport.scrollTop += nextTop - viewportTop;\n  }\n\n  private schedulePrependReconciliation(\n    element: HTMLElement,\n    viewportTop: number,\n    prepended: HTMLElement[]\n  ) {\n    const generation = ++this.prependReconciliation;\n    // Prepended custom elements can gain height after their child-list mutation.\n    // Reconcile against the original coordinate after their layouts settle.\n    const pending = prepended\n      .flatMap(item => [item, ...Array.from(item.querySelectorAll<HTMLElement>('*'))])\n      .map(item => {\n        const componentOnReady = (\n          item as HTMLElement & { componentOnReady?: () => Promise<unknown> }\n        ).componentOnReady;\n        return componentOnReady ? componentOnReady.call(item).catch(() => undefined) : null;\n      })\n      .filter((promise): promise is Promise<unknown> => Boolean(promise));\n\n    void Promise.all(pending).then(() => {\n      requestAnimationFrame(() => {\n        if (generation !== this.prependReconciliation) return;\n        this.reconcilePrependPosition(element, viewportTop);\n        requestAnimationFrame(() => {\n          if (generation !== this.prependReconciliation) return;\n          this.reconcilePrependPosition(element, viewportTop);\n          this.rememberFirstChildTop();\n          this.rememberActiveTurnAnchorTop();\n          this.scrollOverlayController?.sync();\n        });\n      });\n    });\n  }\n\n  private handleTranscriptSlotChange = () => this.handleTranscriptChange();\n\n  private scheduleNewTurnPosition(anchor: HTMLElement) {\n    const generation = ++this.turnPositionGeneration;\n    requestAnimationFrame(() => {\n      if (generation !== this.turnPositionGeneration || !anchor.isConnected || !this.viewport) {\n        return;\n      }\n      this.positionNewTurn(anchor, generation);\n    });\n  }\n\n  private positionNewTurn(anchor: HTMLElement, generation: number) {\n    if (generation !== this.turnPositionGeneration || !this.viewport || !anchor.isConnected) return;\n    this.activeTurnAnchor = anchor;\n    this.syncTurnClearance();\n    requestAnimationFrame(() => {\n      if (generation !== this.turnPositionGeneration) return;\n      this.finishPositionNewTurn(anchor, generation);\n    });\n  }\n\n  private finishPositionNewTurn(anchor: HTMLElement, generation: number) {\n    if (generation !== this.turnPositionGeneration || !this.viewport || !anchor.isConnected) {\n      return;\n    }\n    const viewportRect = this.viewport.getBoundingClientRect();\n    const anchorTop =\n      anchor.getBoundingClientRect().top - viewportRect.top + this.viewport.scrollTop;\n    const customOffset = getComputedStyle(this.el)\n      .getPropertyValue('--ds-message-scroller-anchor-offset')\n      .trim();\n    const offset = resolveCssLengthPx(customOffset, 'var(--dimension-space-800)');\n    const max = Math.max(this.viewport.scrollHeight - this.viewport.clientHeight, 0);\n    const target = Math.min(Math.max(anchorTop - offset, 0), max);\n    this.following = max - target <= LIVE_EDGE_THRESHOLD;\n    this.followReleased = !this.following;\n    this.showScrollToLatest = !this.following;\n    this.programmatic = true;\n    this.viewport.scrollTop = target;\n    requestAnimationFrame(() => {\n      if (generation !== this.turnPositionGeneration) return;\n      this.programmatic = false;\n      this.following = this.isAtLiveEdge();\n      this.followReleased = !this.following;\n      this.showScrollToLatest = !this.following;\n      this.rememberFirstChildTop();\n      this.rememberActiveTurnAnchorTop();\n    });\n    this.scrollOverlayController?.sync();\n  }\n\n  private rememberActiveTurnAnchorTop() {\n    if (!this.viewport || !this.activeTurnAnchor?.isConnected) return;\n    this.activeTurnAnchorViewportTop =\n      this.activeTurnAnchor.getBoundingClientRect().top - this.viewport.getBoundingClientRect().top;\n  }\n\n  private syncTurnClearance() {\n    if (!this.viewport || !this.activeTurnAnchor?.isConnected) return;\n    const children = this.getTranscriptChildren();\n    const last = children[children.length - 1];\n    if (!last) return;\n    const anchorRect = this.activeTurnAnchor.getBoundingClientRect();\n    const lastRect = last.getBoundingClientRect();\n    const customOffset = getComputedStyle(this.el)\n      .getPropertyValue('--ds-message-scroller-anchor-offset')\n      .trim();\n    const offset = resolveCssLengthPx(customOffset, 'var(--dimension-space-800)');\n    const contentAfterAnchor = Math.max(lastRect.bottom - anchorRect.top, 0);\n    const clearance = Math.max(\n      Math.ceil(this.viewport.clientHeight - offset - contentAfterAnchor),\n      0\n    );\n    if (clearance === this.turnClearance) return;\n    this.turnClearance = clearance;\n    this.el.style.setProperty('--ds-message-scroller-turn-clearance', `${clearance}px`);\n  }\n\n  private applyDefaultPosition() {\n    if (!this.viewport) return;\n    this.releasePendingAtLiveEdge = false;\n    if (this.defaultPosition === 'start') {\n      this.viewport.scrollTop = 0;\n      this.following = false;\n      this.followReleased = true;\n      this.showScrollToLatest = this.viewport.scrollHeight > this.viewport.clientHeight;\n      this.scrollOverlayController?.sync();\n      return;\n    }\n    if (this.defaultPosition === 'last-anchor') {\n      const anchors = this.el.querySelectorAll<HTMLElement>('ds-message[scroll-anchor]');\n      const last = anchors.item(anchors.length - 1);\n      if (last) {\n        last.scrollIntoView({ block: 'start' });\n        this.following = this.isAtLiveEdge();\n        this.followReleased = !this.following;\n        this.showScrollToLatest = !this.following;\n        this.scrollOverlayController?.sync();\n        return;\n      }\n    }\n    this.viewport.scrollTop = this.viewport.scrollHeight;\n    this.following = true;\n    this.followReleased = false;\n    this.showScrollToLatest = false;\n    this.scrollOverlayController?.sync();\n  }\n\n  private isAtLiveEdge(): boolean {\n    if (!this.viewport) return true;\n    return (\n      this.viewport.scrollHeight - this.viewport.clientHeight - this.viewport.scrollTop <=\n      LIVE_EDGE_THRESHOLD\n    );\n  }\n\n  private handleScroll = () => {\n    if (!this.viewport) return;\n    this.scrollOverlayController?.sync();\n    this.rememberFirstChildTop();\n    this.rememberActiveTurnAnchorTop();\n    if (this.programmatic) return;\n    const atLiveEdge = this.isAtLiveEdge();\n    if (this.releasePendingAtLiveEdge && atLiveEdge) {\n      // A scroll event queued by the previous auto-follow can arrive after\n      // reader input. Keep that stale event from restoring follow mode.\n      this.following = false;\n      this.followReleased = true;\n      this.showScrollToLatest = false;\n      return;\n    }\n    this.releasePendingAtLiveEdge = false;\n    this.following = atLiveEdge;\n    this.followReleased = !this.following;\n    this.showScrollToLatest = !this.following;\n    const nextAtStart = this.viewport.scrollTop <= LIVE_EDGE_THRESHOLD;\n    if (nextAtStart && !this.atStart) this.dsReachStart.emit();\n    this.atStart = nextAtStart;\n  };\n\n  private releaseFollow = () => {\n    this.prependReconciliation += 1;\n    this.releasePendingAtLiveEdge = this.isAtLiveEdge();\n    this.following = false;\n    this.followReleased = true;\n    this.showScrollToLatest = !this.releasePendingAtLiveEdge;\n  };\n\n  private handleSelectionChange = () => {\n    const selection = document.getSelection();\n    if (\n      selection &&\n      !selection.isCollapsed &&\n      selection.anchorNode &&\n      this.el.contains(selection.anchorNode)\n    ) {\n      this.releaseFollow();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"message-scroller\">\n          <div\n            class=\"message-scroller__viewport\"\n            ref={element => {\n              this.viewport = element;\n            }}\n            role=\"region\"\n            aria-label={this.messagesLabel}\n            tabIndex={0}\n            onScroll={this.handleScroll}\n            onPointerDown={(event: PointerEvent) => {\n              if (event.pointerType === 'touch') this.releaseFollow();\n            }}\n            onWheel={this.releaseFollow}\n            onKeyDown={(event: KeyboardEvent) => {\n              if (\n                ['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End', ' '].includes(\n                  event.key\n                )\n              ) {\n                this.releaseFollow();\n              }\n            }}\n          >\n            <div\n              class=\"message-scroller__content scroll-edge-fade--block-window\"\n              ref={element => {\n                this.content = element;\n              }}\n              role=\"log\"\n              aria-live=\"polite\"\n              aria-relevant=\"additions\"\n              aria-busy={this.busy ? 'true' : undefined}\n            >\n              <slot\n                ref={element => {\n                  this.transcriptSlot = element;\n                }}\n                onSlotchange={this.handleTranscriptSlotChange}\n              />\n            </div>\n          </div>\n          <div\n            class=\"message-scroller__overlay\"\n            ref={element => {\n              this.overlay = element;\n            }}\n          >\n            <div class=\"message-scroller__overlay-stack\">\n              <div class=\"message-scroller__interaction\">\n                <slot name=\"interaction\" />\n              </div>\n              <div class=\"message-scroller__overlay-content\">\n                <slot name=\"overlay\" />\n              </div>\n            </div>\n          </div>\n          {this.showScrollToLatest ? (\n            <div class=\"message-scroller__control ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale\">\n              <ds-tooltip label=\"Scroll to latest message\" side=\"top\" size=\"sm\">\n                <ds-button-unfilled\n                  variant=\"icon\"\n                  icon=\"ChevronDown\"\n                  size=\"md\"\n                  rounded\n                  hasBorder={false}\n                  aria-label=\"Scroll to latest message\"\n                  onDsClick={() => void this.scrollToEnd()}\n                />\n              </ds-tooltip>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6VAKM,SAAUA,EACdC,EACAC,GAEA,IAAKD,EAASE,OAAQ,OAAO,MAC7B,IAAKD,EAAQC,OAAQ,OAAO,KAC5B,MAAMC,EAAmB,IAAIC,IAAIJ,GACjC,OAAQC,EAAQI,MAAKC,GAAWH,EAAiBI,IAAID,IACvD,CAGM,SAAUE,EAAqCC,EAAeR,GAClE,MAAMS,EAAkB,IAAIN,IAAIH,GAChC,IAAK,MAAMK,KAAWG,EAAO,CAC3B,IAAKC,EAAgBH,IAAID,GAAUG,EAAME,OAAOL,E,CAEpD,CCrBA,MAAMM,EAAoB,IAAM,mgJCAhC,MAAMC,EAAqB,IAAM,0hHCmBjC,MAAMC,EAAsB,G,MAQfC,EAAeC,EAAA,MAAAD,UAAAE,EAN5B,WAAAC,CAAAC,G,uFASUC,KAAAC,KAAgB,MAChBD,KAAAE,WAAsB,KACtBF,KAAAG,gBAA2C,cAC3CH,KAAAI,cAAwB,WAIfJ,KAAAK,mBAAqB,MAQ9BL,KAAAM,UAAY,KACZN,KAAAO,eAAiB,MACjBP,KAAAQ,yBAA2B,MAC3BR,KAAAS,QAAU,MACVT,KAAAU,aAAe,MAEfV,KAAAW,mBAAoC,GACpCX,KAAAY,wBAA0B,IAAI5B,IAC9BgB,KAAAa,iBAAmB,IAAI7B,IAIvBgB,KAAAc,cAAgB,EAChBd,KAAAe,sBAAwB,EACxBf,KAAAgB,uBAAyB,EACzBhB,KAAAiB,0BAA4B,EAC5BjB,KAAAkB,uBAAyB,MACzBlB,KAAAmB,UAAY,MA6NZnB,KAAAoB,uBAAyB,KAC/B,MAAMvC,EAAUmB,KAAKqB,wBACrB,MAAMzC,EAAWoB,KAAKW,mBACtB,MAAMW,EACJ3C,EAAiCC,EAAUC,IAC1CmB,KAAKkB,wBAA0BrC,EAAQC,OAAS,EACnD,GAAIwC,EAAiB,CACnBtB,KAAKuB,2BACLvB,KAAKwB,0BACLxB,KAAKyB,+BACLzB,KAAKW,mBAAqB9B,EAC1BmB,KAAK0B,gBAAgB7C,GACrBmB,KAAKkB,uBAAyBrC,EAAQC,SAAW,EACjDkB,KAAK2B,wBACL3B,KAAK4B,yBAAyBC,OAC9B,GAAIhD,EAAQC,OAAQkB,KAAK8B,0BACzB,M,CAGF,MAAMC,EAAqB/B,KAAKY,wBAAwBoB,KAAO,EAC/D,MAAMC,EAAkB,IAAIjD,IAAIgB,KAAKY,yBACrC,MAAMsB,EAAiB,IAAIrD,GAASsD,UAAUC,MAAK,CAAClD,EAASmD,KAC3D,IAAKnD,EAAQoD,QAAQ,8BAAgCtC,KAAKa,iBAAiB1B,IAAID,GAAU,CACvF,OAAO,K,CAET,MAAMqD,EAAQ1D,EAAQC,OAASuD,EAAe,EAC9C,OAAOxD,EAAQ2D,MAAMD,EAAQ,GAAGE,OAAMC,IAAS1C,KAAKY,wBAAwBzB,IAAIuD,IAAM,IAExF1C,KAAK0B,gBAAgB7C,GACrBmB,KAAK2C,wBAAwB9D,GAC7B,IAAKD,EAASE,OAAQ,CACpBkB,KAAKW,mBAAqB9B,EAC1B,GAAIqD,GAAkBH,EAAoB,CACxC/B,KAAK4C,wBAAwBV,E,CAE/B,M,CAGF,MAAMW,EAAkBhE,EAAQiE,WAAU5D,GAAW+C,EAAgB9C,IAAID,KACzE,MAAM6D,EAAgBlE,EAAQmE,QAAO9D,IAAY+C,EAAgB9C,IAAID,KACrE,MAAM+D,EACHpE,EAAQC,OAASF,EAASE,QACzBF,EAAS6D,OACP,CAACvD,EAASqD,IAAU1D,EAAQA,EAAQC,OAASF,EAASE,OAASyD,KAAWrD,MAE5EgD,GACAa,EAAcjE,OAAS,GACvB+D,EAAkB,GAClBE,EAAcN,OAAMvD,GAAWL,EAAQqE,QAAQhE,GAAW2D,IAE9D7C,KAAKW,mBAAqB9B,EAC1B,GAAIoE,EAAW,CACb,GAAIjD,KAAKmD,SAAU,CACjB,MAAMC,EAAmBpD,KAAKqD,kBAAkBC,YAC5CtD,KAAKqD,iBACLzE,EAAS,GACb,MAAM2E,EAAevD,KAAKqD,kBAAkBC,YACxCtD,KAAKwD,4BACLxD,KAAKyD,sBACT,GAAIL,GAAoBG,IAAiBG,UAAW,CAClD1D,KAAK2D,yBAAyBP,EAAkBG,GAChDvD,KAAK4D,8BAA8BR,EAAkBG,EAAcR,E,EAGvE/C,KAAK2B,wBACL3B,KAAK6D,8BACL7D,KAAK4B,yBAAyBC,OAC9B,M,CAEF,GAAIK,EAAgB,CAClBlC,KAAK4C,wBAAwBV,E,GA2CzBlC,KAAA8D,2BAA6B,IAAM9D,KAAKoB,yBAqHxCpB,KAAA+D,aAAe,KACrB,IAAK/D,KAAKmD,SAAU,OACpBnD,KAAK4B,yBAAyBC,OAC9B7B,KAAK2B,wBACL3B,KAAK6D,8BACL,GAAI7D,KAAKU,aAAc,OACvB,MAAMsD,EAAahE,KAAKiE,eACxB,GAAIjE,KAAKQ,0BAA4BwD,EAAY,CAG/ChE,KAAKM,UAAY,MACjBN,KAAKO,eAAiB,KACtBP,KAAKK,mBAAqB,MAC1B,M,CAEFL,KAAKQ,yBAA2B,MAChCR,KAAKM,UAAY0D,EACjBhE,KAAKO,gBAAkBP,KAAKM,UAC5BN,KAAKK,oBAAsBL,KAAKM,UAChC,MAAM4D,EAAclE,KAAKmD,SAASgB,WAAazE,EAC/C,GAAIwE,IAAgBlE,KAAKS,QAAST,KAAKoE,aAAaC,OACpDrE,KAAKS,QAAUyD,CAAW,EAGpBlE,KAAAsE,cAAgB,KACtBtE,KAAKe,uBAAyB,EAC9Bf,KAAKQ,yBAA2BR,KAAKiE,eACrCjE,KAAKM,UAAY,MACjBN,KAAKO,eAAiB,KACtBP,KAAKK,oBAAsBL,KAAKQ,wBAAwB,EAGlDR,KAAAuE,sBAAwB,KAC9B,MAAMC,EAAYC,SAASC,eAC3B,GACEF,IACCA,EAAUG,aACXH,EAAUI,YACV5E,KAAK6E,GAAGC,SAASN,EAAUI,YAC3B,CACA5E,KAAKsE,e,EAmFV,CA5jBC,gBAAAS,GACE/E,KAAKmB,UAAY,KACjBnB,KAAKgF,yBACLhF,KAAKiF,mBACLjF,KAAK8B,0BACL2C,SAASS,oBAAoB,kBAAmBlF,KAAKuE,uBACrDE,SAASU,iBAAiB,kBAAmBnF,KAAKuE,sB,CAGpD,iBAAAa,GACE,IAAKpF,KAAKmB,UAAW,OACrBnB,KAAKgF,yBACLhF,KAAKiF,mBACLjF,KAAK8B,0BACL2C,SAASS,oBAAoB,kBAAmBlF,KAAKuE,uBACrDE,SAASU,iBAAiB,kBAAmBnF,KAAKuE,sB,CAGpD,oBAAAc,GACErF,KAAKuB,2BACLvB,KAAK4B,yBAAyB0D,aAC9BtF,KAAK4B,wBAA0B8B,UAC/B1D,KAAKuF,kBAAkBD,aACvBtF,KAAKuF,iBAAmB7B,UACxB1D,KAAKwB,0BACLxB,KAAKyB,+BACLzB,KAAKkB,uBAAyB,MAC9BuD,SAASS,oBAAoB,kBAAmBlF,KAAKuE,sB,CAIvD,qBAAMiB,CAAgBC,GACpB,MAAMC,EAAUC,MAAMC,KACpB5F,KAAK6E,GAAGgB,iBAAuD,eAC/DzD,MAAK0D,GAAQA,EAAKC,YAAcN,GAAMK,EAAKE,aAAa,gBAAkBP,IAC5E,IAAKC,EAAS,OAAO,MACrB1F,KAAKQ,yBAA2B,MAChCR,KAAKM,UAAY,MACjBN,KAAKO,eAAiB,KACtBP,KAAKK,mBAAqB,KAC1BqF,EAAQO,eAAe,CAAEC,MAAO,QAASC,SAAUnG,KAAKoG,mBACxD,OAAO,I,CAIT,mBAAMC,GACJrG,KAAKQ,yBAA2B,MAChCR,KAAKsG,SAAS,GACdtG,KAAKM,UAAY,MACjBN,KAAKO,eAAiB,KACtBP,KAAKK,mBAAqBkG,QACxBvG,KAAKmD,UAAYnD,KAAKmD,SAASqD,aAAexG,KAAKmD,SAASsD,a,CAKhE,iBAAMC,GACJ1G,KAAKQ,yBAA2B,MAChCR,KAAKM,UAAY,KACjBN,KAAKO,eAAiB,MACtBP,KAAKK,mBAAqB,MAC1BL,KAAKsG,SAAStG,KAAKmD,UAAUqD,cAAgB,E,CAGvC,cAAAJ,GACN,OAAOO,WAAW,oCAAoCrE,QAAU,OAAS,Q,CAGnE,QAAAgE,CAASM,GACf,IAAK5G,KAAKmD,SAAU,OACpBnD,KAAKU,aAAe,KACpB,MAAMyF,EAAWnG,KAAKoG,iBACtBpG,KAAKmD,SAASmD,SAAS,CAAEM,MAAKT,aAC9B,GAAInG,KAAK6G,kBAAmBC,aAAa9G,KAAK6G,mBAC9C7G,KAAK6G,kBAAoBE,YACvB,KACE/G,KAAKU,aAAe,MACpBV,KAAK6G,kBAAoBnD,UACzB,GAAI1D,KAAKM,UAAW,CAClBN,KAAKmD,SAAUgB,UAAYyC,EAC3B5G,KAAKK,mBAAqB,K,IAG9B8F,IAAa,SAAW,IAAM,E,CAI1B,wBAAA5E,GACNvB,KAAKe,uBAAyB,EAC9Bf,KAAKgB,wBAA0B,EAC/BhB,KAAKiB,2BAA6B,EAClC,GAAIjB,KAAK6G,kBAAmBC,aAAa9G,KAAK6G,mBAC9C7G,KAAK6G,kBAAoBnD,UACzB1D,KAAKU,aAAe,K,CAGd,qBAAAsG,GACNhH,KAAKqD,iBAAmBK,UACxB1D,KAAKwD,4BAA8BE,UACnC1D,KAAKc,cAAgB,EACrBd,KAAK6E,GAAGoC,MAAMC,eAAe,uC,CAGvB,uBAAA1F,GACNxB,KAAKW,mBAAqB,GAC1BX,KAAKY,wBAAwBuG,QAC7BnH,KAAKa,iBAAiBsG,QACtBnH,KAAKyD,sBAAwBC,UAC7B1D,KAAKgH,uB,CAGC,4BAAAvF,GACNzB,KAAKM,UAAY,KACjBN,KAAKO,eAAiB,MACtBP,KAAKQ,yBAA2B,MAChCR,KAAKS,QAAU,MACfT,KAAKK,mBAAqB,K,CAGpB,eAAAqB,CAAgB0F,GACtBA,EAASC,SAAQnI,IACfc,KAAKY,wBAAwB0G,IAAIpI,GACjC,GAAIA,EAAQoD,QAAQ,6BAA8B,CAChDtC,KAAKa,iBAAiByG,IAAIpI,E,KAKxB,sBAAA8F,GACNhF,KAAKwB,0BACLxB,KAAKW,mBAAqBX,KAAKqB,wBAC/BrB,KAAK0B,gBAAgB1B,KAAKW,oBAC1BX,KAAKkB,uBAAyB,MAC9BlB,KAAK2B,uB,CAGC,uBAAAgB,CAAwB9D,GAC9BO,EAAkCY,KAAKY,wBAAyB/B,GAChEO,EAAkCY,KAAKa,iBAAkBhC,GACzD,GAAImB,KAAKqD,mBAAqBxE,EAAQ0I,SAASvH,KAAKqD,kBAAmB,CACrErD,KAAKgH,uB,EAID,uBAAAlF,GACN,MAAM0F,IAAexH,KAAKiB,0BAC1BwG,uBAAsB,KACpB,GAAID,IAAexH,KAAKiB,4BAA8BjB,KAAK6E,GAAGvB,YAAa,OAC3EtD,KAAK0H,sBAAsB,G,CAIvB,gBAAAzC,GACN,IAAKjF,KAAKmD,WAAanD,KAAK2H,UAAY3H,KAAK4H,QAAS,OACtD5H,KAAK4B,yBAAyB0D,aAC9BtF,KAAKuF,kBAAkBD,aACvBtF,KAAK4B,wBAA0B,IAAIiG,EAAwB,CACzDC,KAAM9H,KAAK6E,GACX1B,SAAUnD,KAAKmD,SACfwE,QAAS3H,KAAK2H,QACdC,QAAS5H,KAAK4H,QACdG,uBAAwB,mCACxBC,iBAAkB,IAAMhI,KAAKiI,wBAE/BjI,KAAK4B,wBAAwBsG,UAC7BlI,KAAKuF,iBAAmB,IAAI4C,kBAAiB,KAC3CnI,KAAKoB,yBACLpB,KAAKiI,qBAAqB,IAE5BjI,KAAKuF,iBAAiB6C,QAAQpI,KAAK6E,GAAI,CACrCwD,UAAW,KACXC,QAAS,KACTC,cAAe,M,CAIX,mBAAAN,GACN,IAAKjI,KAAKmD,SAAU,OACpBnD,KAAKwI,oBACL,MAAMC,EAAazI,KAAKmD,SAASqD,aACjC,GAAIxG,KAAKE,YAAcF,KAAKM,YAAcN,KAAKO,eAAgB,CAC7DP,KAAKmD,SAASgB,UAAYsE,C,CAE5B,GAAIzI,KAAKQ,2BAA6BR,KAAKiE,eAAgB,CACzDjE,KAAKQ,yBAA2B,K,CAElCR,KAAKK,oBAAsBL,KAAKM,YAAcN,KAAKiE,eACnDjE,KAAK4B,yBAAyBC,M,CAGxB,qBAAAF,GACN,IAAK3B,KAAKmD,SAAU,OACpB,MAAMuF,EAAQ1I,KAAKqB,wBAAwB,GAC3CrB,KAAKyD,sBAAwBiF,EACzBA,EAAMC,wBAAwB/B,IAAM5G,KAAKmD,SAASwF,wBAAwB/B,IAC1ElD,S,CAGE,qBAAArC,GACN,MAAMuH,EAAW5I,KAAK6I,gBAAgBC,oBAAsB,GAC5D,MAAMC,EAAqBH,EAAS5F,QACjC9D,GACCA,aAAmBW,IAClBX,EAAQoD,QAAQ,eAAiBpD,EAAQoD,QAAQ,wBAEtD,MAAM0G,EAAoBrD,MAAMC,KAC9B5F,KAAK6E,GAAGgB,iBAA8B,kCACtC7C,QAAO9D,IACP,GAAIA,EAAQ+J,QAAQ,sEAAuE,CACzF,OAAO,K,CAET,GAAI/J,EAAQoD,QAAQ,qBAAsB,OAAO,KACjD,OAAQpD,EAAQ+J,QAAQ,oBAAoB,IAE9C,OAAOD,EAAkBlK,OAASiK,EAAmBjK,OACjDkK,EACAD,C,CA6EE,wBAAApF,CAAyBzE,EAAsBgK,GACrD,IAAKlJ,KAAKmD,WAAajE,EAAQoE,YAAa,OAC5C,MAAM6F,EAAUjK,EAAQyJ,wBAAwB/B,IAAM5G,KAAKmD,SAASwF,wBAAwB/B,IAC5F5G,KAAKmD,SAASgB,WAAagF,EAAUD,C,CAG/B,6BAAAtF,CACN1E,EACAgK,EACAjG,GAEA,MAAMuE,IAAexH,KAAKe,sBAG1B,MAAMqI,EAAUnG,EACboG,SAAQvD,GAAQ,CAACA,KAASH,MAAMC,KAAKE,EAAKD,iBAA8B,SACxEyD,KAAIxD,IACH,MAAMyD,EACJzD,EACAyD,iBACF,OAAOA,EAAmBA,EAAiBC,KAAK1D,GAAM2D,OAAM,IAAM/F,YAAa,IAAI,IAEpFV,QAAQ0G,GAAyCnD,QAAQmD,UAEvDC,QAAQC,IAAIR,GAASS,MAAK,KAC7BpC,uBAAsB,KACpB,GAAID,IAAexH,KAAKe,sBAAuB,OAC/Cf,KAAK2D,yBAAyBzE,EAASgK,GACvCzB,uBAAsB,KACpB,GAAID,IAAexH,KAAKe,sBAAuB,OAC/Cf,KAAK2D,yBAAyBzE,EAASgK,GACvClJ,KAAK2B,wBACL3B,KAAK6D,8BACL7D,KAAK4B,yBAAyBC,MAAM,GACpC,GACF,G,CAME,uBAAAe,CAAwBkH,GAC9B,MAAMtC,IAAexH,KAAKgB,uBAC1ByG,uBAAsB,KACpB,GAAID,IAAexH,KAAKgB,yBAA2B8I,EAAOxG,cAAgBtD,KAAKmD,SAAU,CACvF,M,CAEFnD,KAAK+J,gBAAgBD,EAAQtC,EAAW,G,CAIpC,eAAAuC,CAAgBD,EAAqBtC,GAC3C,GAAIA,IAAexH,KAAKgB,yBAA2BhB,KAAKmD,WAAa2G,EAAOxG,YAAa,OACzFtD,KAAKqD,iBAAmByG,EACxB9J,KAAKwI,oBACLf,uBAAsB,KACpB,GAAID,IAAexH,KAAKgB,uBAAwB,OAChDhB,KAAKgK,sBAAsBF,EAAQtC,EAAW,G,CAI1C,qBAAAwC,CAAsBF,EAAqBtC,GACjD,GAAIA,IAAexH,KAAKgB,yBAA2BhB,KAAKmD,WAAa2G,EAAOxG,YAAa,CACvF,M,CAEF,MAAM2G,EAAejK,KAAKmD,SAASwF,wBACnC,MAAMuB,EACJJ,EAAOnB,wBAAwB/B,IAAMqD,EAAarD,IAAM5G,KAAKmD,SAASgB,UACxE,MAAMgG,EAAeC,iBAAiBpK,KAAK6E,IACxCwF,iBAAiB,uCACjBC,OACH,MAAMC,EAASC,EAAmBL,EAAc,8BAChD,MAAMM,EAAMC,KAAKD,IAAIzK,KAAKmD,SAASqD,aAAexG,KAAKmD,SAASsD,aAAc,GAC9E,MAAMkE,EAASD,KAAKE,IAAIF,KAAKD,IAAIP,EAAYK,EAAQ,GAAIE,GACzDzK,KAAKM,UAAYmK,EAAME,GAAUjL,EACjCM,KAAKO,gBAAkBP,KAAKM,UAC5BN,KAAKK,oBAAsBL,KAAKM,UAChCN,KAAKU,aAAe,KACpBV,KAAKmD,SAASgB,UAAYwG,EAC1BlD,uBAAsB,KACpB,GAAID,IAAexH,KAAKgB,uBAAwB,OAChDhB,KAAKU,aAAe,MACpBV,KAAKM,UAAYN,KAAKiE,eACtBjE,KAAKO,gBAAkBP,KAAKM,UAC5BN,KAAKK,oBAAsBL,KAAKM,UAChCN,KAAK2B,wBACL3B,KAAK6D,6BAA6B,IAEpC7D,KAAK4B,yBAAyBC,M,CAGxB,2BAAAgC,GACN,IAAK7D,KAAKmD,WAAanD,KAAKqD,kBAAkBC,YAAa,OAC3DtD,KAAKwD,4BACHxD,KAAKqD,iBAAiBsF,wBAAwB/B,IAAM5G,KAAKmD,SAASwF,wBAAwB/B,G,CAGtF,iBAAA4B,GACN,IAAKxI,KAAKmD,WAAanD,KAAKqD,kBAAkBC,YAAa,OAC3D,MAAMuH,EAAW7K,KAAKqB,wBACtB,MAAMyJ,EAAOD,EAASA,EAAS/L,OAAS,GACxC,IAAKgM,EAAM,OACX,MAAMC,EAAa/K,KAAKqD,iBAAiBsF,wBACzC,MAAMqC,EAAWF,EAAKnC,wBACtB,MAAMwB,EAAeC,iBAAiBpK,KAAK6E,IACxCwF,iBAAiB,uCACjBC,OACH,MAAMC,EAASC,EAAmBL,EAAc,8BAChD,MAAMc,EAAqBP,KAAKD,IAAIO,EAASE,OAASH,EAAWnE,IAAK,GACtE,MAAMuE,EAAYT,KAAKD,IACrBC,KAAKU,KAAKpL,KAAKmD,SAASsD,aAAe8D,EAASU,GAChD,GAEF,GAAIE,IAAcnL,KAAKc,cAAe,OACtCd,KAAKc,cAAgBqK,EACrBnL,KAAK6E,GAAGoC,MAAMoE,YAAY,uCAAwC,GAAGF,M,CAG/D,oBAAAzD,GACN,IAAK1H,KAAKmD,SAAU,OACpBnD,KAAKQ,yBAA2B,MAChC,GAAIR,KAAKG,kBAAoB,QAAS,CACpCH,KAAKmD,SAASgB,UAAY,EAC1BnE,KAAKM,UAAY,MACjBN,KAAKO,eAAiB,KACtBP,KAAKK,mBAAqBL,KAAKmD,SAASqD,aAAexG,KAAKmD,SAASsD,aACrEzG,KAAK4B,yBAAyBC,OAC9B,M,CAEF,GAAI7B,KAAKG,kBAAoB,cAAe,CAC1C,MAAMmL,EAAUtL,KAAK6E,GAAGgB,iBAA8B,6BACtD,MAAMiF,EAAOQ,EAAQxF,KAAKwF,EAAQxM,OAAS,GAC3C,GAAIgM,EAAM,CACRA,EAAK7E,eAAe,CAAEC,MAAO,UAC7BlG,KAAKM,UAAYN,KAAKiE,eACtBjE,KAAKO,gBAAkBP,KAAKM,UAC5BN,KAAKK,oBAAsBL,KAAKM,UAChCN,KAAK4B,yBAAyBC,OAC9B,M,EAGJ7B,KAAKmD,SAASgB,UAAYnE,KAAKmD,SAASqD,aACxCxG,KAAKM,UAAY,KACjBN,KAAKO,eAAiB,MACtBP,KAAKK,mBAAqB,MAC1BL,KAAK4B,yBAAyBC,M,CAGxB,YAAAoC,GACN,IAAKjE,KAAKmD,SAAU,OAAO,KAC3B,OACEnD,KAAKmD,SAASqD,aAAexG,KAAKmD,SAASsD,aAAezG,KAAKmD,SAASgB,WACxEzE,C,CAgDJ,MAAA6L,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,OAAAE,IAAA,2CACEC,MAAM,6BACNC,IAAK1M,IACHc,KAAKmD,SAAWjE,CAAO,EAEzB2M,KAAK,SAAQ,aACD7L,KAAKI,cACjB0L,SAAU,EACVC,SAAU/L,KAAK+D,aACfiI,cAAgBC,IACd,GAAIA,EAAMC,cAAgB,QAASlM,KAAKsE,eAAe,EAEzD6H,QAASnM,KAAKsE,cACd8H,UAAYH,IACV,GACE,CAAC,UAAW,YAAa,SAAU,WAAY,OAAQ,MAAO,KAAK1E,SACjE0E,EAAMP,KAER,CACA1L,KAAKsE,e,IAITkH,EAAA,OAAAE,IAAA,2CACEC,MAAM,2DACNC,IAAK1M,IACHc,KAAK2H,QAAUzI,CAAO,EAExB2M,KAAK,MAAK,YACA,SAAQ,gBACJ,YAAW,YACd7L,KAAKC,KAAO,OAASyD,WAEhC8H,EAAA,QAAAE,IAAA,2CACEE,IAAK1M,IACHc,KAAK6I,eAAiB3J,CAAO,EAE/BmN,aAAcrM,KAAK8D,+BAIzB0H,EAAA,OAAAE,IAAA,2CACEC,MAAM,4BACNC,IAAK1M,IACHc,KAAK4H,QAAU1I,CAAO,GAGxBsM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,QAAAE,IAAA,2CAAMY,KAAK,iBAEbd,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qCACTH,EAAA,QAAAE,IAAA,2CAAMY,KAAK,eAIhBtM,KAAKK,mBACJmL,EAAA,OAAKG,MAAM,6GACTH,EAAA,cAAYe,MAAM,2BAA2BC,KAAK,MAAMxK,KAAK,MAC3DwJ,EAAA,sBACEiB,QAAQ,OACRC,KAAK,cACL1K,KAAK,KACL2K,QAAO,KACPC,UAAW,MAAK,aACL,2BACXC,UAAW,SAAW7M,KAAK0G,kBAI/B,M","ignoreList":[]}
+{"version":3,"names":["isMessageScrollerTranscriptReset","previous","current","length","previousElements","Set","some","element","has","pruneMessageScrollerTranscriptSet","known","currentElements","delete","scrollEdgeFadeCss","messageScrollerCss","LIVE_EDGE_THRESHOLD","MessageScroller","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","busy","autoFollow","defaultPosition","messagesLabel","showScrollToLatest","following","followReleased","releasePendingAtLiveEdge","atStart","programmatic","transcriptChildren","knownTranscriptElements","knownTurnAnchors","turnClearance","prependReconciliation","turnPositionGeneration","defaultPositionGeneration","transcriptResetPending","hasLoaded","handleTranscriptChange","getTranscriptChildren","transcriptReset","invalidateTranscriptWork","resetTranscriptTracking","resetTranscriptPositionState","trackTranscript","rememberFirstChildTop","scrollOverlayController","sync","scheduleDefaultPosition","hadKnownTranscript","size","previouslyKnown","appendedAnchor","reverse","find","reverseIndex","matches","index","slice","every","next","pruneTranscriptTracking","scheduleNewTurnPosition","firstKnownIndex","findIndex","newTranscript","filter","prepended","indexOf","viewport","preservedElement","activeTurnAnchor","isConnected","preservedTop","activeTurnAnchorViewportTop","firstChildViewportTop","undefined","reconcilePrependPosition","schedulePrependReconciliation","rememberActiveTurnAnchorTop","handleTranscriptSlotChange","handleScroll","atLiveEdge","isAtLiveEdge","nextAtStart","scrollTop","dsReachStart","emit","releaseFollow","handleSelectionChange","selection","document","getSelection","isCollapsed","anchorNode","el","contains","componentDidLoad","seedTranscriptBaseline","connectObservers","removeEventListener","addEventListener","connectedCallback","disconnectedCallback","disconnect","mutationObserver","scrollToMessage","id","message","Array","from","querySelectorAll","item","messageId","getAttribute","scrollIntoView","block","behavior","motionBehavior","scrollToStart","scrollTo","Boolean","scrollHeight","clientHeight","scrollToEnd","matchMedia","top","programmaticTimer","clearTimeout","setTimeout","clearActiveTurnAnchor","style","removeProperty","clear","elements","forEach","add","includes","generation","requestAnimationFrame","applyDefaultPosition","content","overlay","ScrollOverlayController","host","overlayContentSelector","onGeometryChange","handleContentGrowth","connect","MutationObserver","observe","childList","subtree","characterData","syncTurnClearance","nextHeight","first","getBoundingClientRect","assigned","transcriptSlot","assignedElements","assignedTranscript","queriedTranscript","closest","viewportTop","nextTop","pending","flatMap","map","componentOnReady","call","catch","promise","Promise","all","then","anchor","positionNewTurn","finishPositionNewTurn","viewportRect","anchorTop","customOffset","getComputedStyle","getPropertyValue","trim","offset","resolveCssLengthPx","max","Math","target","min","children","last","anchorRect","lastRect","contentAfterAnchor","bottom","clearance","ceil","setProperty","anchors","render","h","Host","key","class","ref","role","tabIndex","onScroll","onPointerDown","event","pointerType","onWheel","onKeyDown","onSlotchange","name","label","side","variant","icon","rounded","hasBorder","onDsClick"],"sources":["src/wc/components/MessageScroller/message-scroller-transcript.ts","src/wc/utils/scroll-edge-fade.css?tag=ds-message-scroller&encapsulation=scoped","src/wc/components/MessageScroller/MessageScroller.css?tag=ds-message-scroller&encapsulation=scoped","src/wc/components/MessageScroller/MessageScroller.tsx"],"sourcesContent":["/**\n * A transcript reset replaces the current baseline instead of appending or\n * prepending around surviving nodes. Emptying a populated transcript also\n * starts a reset that completes when its next baseline is supplied.\n */\nexport function isMessageScrollerTranscriptReset<T>(\n  previous: readonly T[],\n  current: readonly T[]\n): boolean {\n  if (!previous.length) return false;\n  if (!current.length) return true;\n  const previousElements = new Set(previous);\n  return !current.some(element => previousElements.has(element));\n}\n\n/** Keep identity tracking bounded to nodes in the current transcript. */\nexport function pruneMessageScrollerTranscriptSet<T>(known: Set<T>, current: readonly T[]): void {\n  const currentElements = new Set(current);\n  for (const element of known) {\n    if (!currentElements.has(element)) known.delete(element);\n  }\n}\n","/**\n * Scroll-edge alpha fade — the single edge-fade utility for overflow containers.\n * Masks scrolling content to transparent so flat surfaces, shell gradients, and\n * images show through.\n *\n * Static fades are the default (PanelNav intentionally keeps its bottom fade).\n * Add `.scroll-edge-fade--scroll-aware` to reveal/hide each configured edge from\n * the container's own scroll position without JavaScript. Browsers without CSS\n * scroll-driven animations retain the configured static fades.\n *\n * @see scroll-edge-fade.ts — `scrollEdgeFadeClassMap`, `isScrollAtEdge`, size helpers.\n */\n\n@property --ds-scroll-edge-fade-top {\n  syntax: '<length-percentage>';\n  inherits: false;\n  /* eslint-disable-next-line compomo/length-zero-no-unit -- @property requires a unit-compatible initial value. */\n  initial-value: 0px;\n}\n\n@property --ds-scroll-edge-fade-bottom {\n  syntax: '<length-percentage>';\n  inherits: false;\n  /* eslint-disable-next-line compomo/length-zero-no-unit -- @property requires a unit-compatible initial value. */\n  initial-value: 0px;\n}\n\n@property --ds-scroll-edge-fade-left {\n  syntax: '<length-percentage>';\n  inherits: false;\n  /* eslint-disable-next-line compomo/length-zero-no-unit -- @property requires a unit-compatible initial value. */\n  initial-value: 0px;\n}\n\n@property --ds-scroll-edge-fade-right {\n  syntax: '<length-percentage>';\n  inherits: false;\n  /* eslint-disable-next-line compomo/length-zero-no-unit -- @property requires a unit-compatible initial value. */\n  initial-value: 0px;\n}\n\n@keyframes ds-scroll-edge-fade-reveal-top {\n  from {\n    --ds-scroll-edge-fade-top: 0px;\n  }\n  to {\n    --ds-scroll-edge-fade-top: var(--ds-scroll-edge-fade-target-top);\n  }\n}\n\n@keyframes ds-scroll-edge-fade-reveal-bottom {\n  from {\n    --ds-scroll-edge-fade-bottom: var(--ds-scroll-edge-fade-target-bottom);\n  }\n  to {\n    --ds-scroll-edge-fade-bottom: 0px;\n  }\n}\n\n@keyframes ds-scroll-edge-fade-reveal-left {\n  from {\n    --ds-scroll-edge-fade-left: 0px;\n  }\n  to {\n    --ds-scroll-edge-fade-left: var(--ds-scroll-edge-fade-target-left);\n  }\n}\n\n@keyframes ds-scroll-edge-fade-reveal-right {\n  from {\n    --ds-scroll-edge-fade-right: var(--ds-scroll-edge-fade-target-right);\n  }\n  to {\n    --ds-scroll-edge-fade-right: 0px;\n  }\n}\n\n/* Mask gradients use #000 / transparent as alpha stops — not theme colors. */\n/* eslint-disable compomo/color-no-hex */\n\n.scroll-edge-fade {\n  --ds-scroll-edge-fade-size: var(--dimension-size-600);\n  --ds-scroll-edge-fade-reveal-distance: var(--dimension-size-800);\n  --ds-scroll-edge-fade-target-top: 0px;\n  --ds-scroll-edge-fade-target-bottom: 0px;\n  --ds-scroll-edge-fade-target-left: 0px;\n  --ds-scroll-edge-fade-target-right: 0px;\n  --ds-scroll-edge-fade-top: var(--ds-scroll-edge-fade-target-top);\n  --ds-scroll-edge-fade-bottom: var(--ds-scroll-edge-fade-target-bottom);\n  --ds-scroll-edge-fade-left: var(--ds-scroll-edge-fade-target-left);\n  --ds-scroll-edge-fade-right: var(--ds-scroll-edge-fade-target-right);\n  --ds-scroll-edge-fade-block-mask: linear-gradient(\n    to bottom,\n    transparent 0,\n    #000 var(--ds-scroll-edge-fade-top),\n    #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),\n    transparent 100%\n  );\n  --ds-scroll-edge-fade-inline-mask: linear-gradient(\n    to right,\n    transparent 0,\n    #000 var(--ds-scroll-edge-fade-left),\n    #000 calc(100% - var(--ds-scroll-edge-fade-right)),\n    transparent 100%\n  );\n\n  /* Intersecting the block and inline masks lets every edge compose correctly. */\n  -webkit-mask-image: var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);\n  mask-image: var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);\n  -webkit-mask-composite: source-in;\n  mask-composite: intersect;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n}\n\n.scroll-edge-fade--top {\n  --ds-scroll-edge-fade-target-top: var(--ds-scroll-edge-fade-size);\n}\n\n.scroll-edge-fade--bottom {\n  --ds-scroll-edge-fade-target-bottom: var(--ds-scroll-edge-fade-size);\n}\n\n.scroll-edge-fade--left {\n  --ds-scroll-edge-fade-target-left: var(--ds-scroll-edge-fade-size);\n}\n\n.scroll-edge-fade--right {\n  --ds-scroll-edge-fade-target-right: var(--ds-scroll-edge-fade-size);\n}\n\n/* Manual per-edge state remains available when scroll state already lives in JS. */\n.scroll-edge-fade--top-at-edge {\n  --ds-scroll-edge-fade-target-top: 0px;\n}\n\n.scroll-edge-fade--bottom-at-edge {\n  --ds-scroll-edge-fade-target-bottom: 0px;\n}\n\n.scroll-edge-fade--left-at-edge {\n  --ds-scroll-edge-fade-target-left: 0px;\n}\n\n.scroll-edge-fade--right-at-edge {\n  --ds-scroll-edge-fade-target-right: 0px;\n}\n\n@supports (animation-timeline: scroll()) {\n  .scroll-edge-fade--scroll-aware {\n    animation-name:\n      ds-scroll-edge-fade-reveal-top, ds-scroll-edge-fade-reveal-bottom,\n      ds-scroll-edge-fade-reveal-left, ds-scroll-edge-fade-reveal-right;\n    /* eslint-disable-next-line compomo/declaration-property-value-disallowed-list -- scroll timelines require a nonzero sentinel duration; elapsed time is ignored. */\n    animation-duration: 1ms;\n    animation-timing-function: ease-in-out;\n    animation-fill-mode: both;\n    animation-timeline: scroll(self y), scroll(self y), scroll(self x), scroll(self x);\n    animation-range:\n      0 var(--ds-scroll-edge-fade-reveal-distance),\n      calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,\n      0 var(--ds-scroll-edge-fade-reveal-distance),\n      calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .scroll-edge-fade--scroll-aware {\n      animation: none;\n    }\n  }\n}\n\n.scroll-edge-fade--at-end,\n.scroll-edge-fade--hidden {\n  -webkit-mask-image: none;\n  mask-image: none;\n}\n\n/**\n * Masks a long content element against a scrollport-relative block window.\n * The owner updates the start/end offsets as the scrollport moves. Keeping the\n * mask on the content instead of the overflow element leaves native scrollbars\n * outside the fade.\n */\n.scroll-edge-fade--block-window {\n  --ds-scroll-edge-fade-window-start: 100%;\n  --ds-scroll-edge-fade-window-end: 100%;\n\n  -webkit-mask-image: linear-gradient(\n    to bottom,\n    #000 0,\n    #000 var(--ds-scroll-edge-fade-window-start),\n    transparent var(--ds-scroll-edge-fade-window-end)\n  );\n  mask-image: linear-gradient(\n    to bottom,\n    #000 0,\n    #000 var(--ds-scroll-edge-fade-window-start),\n    transparent var(--ds-scroll-edge-fade-window-end)\n  );\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n}\n\n/* eslint-enable compomo/color-no-hex */\n","@import '../../styles/control-elevation.css';\n\n:host {\n  --ds-message-scroller-anchor-offset: var(--dimension-space-800);\n\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  box-sizing: border-box;\n}\n\n.message-scroller {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.message-scroller__viewport {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  overflow: auto;\n  overflow-anchor: none;\n  overscroll-behavior: contain;\n  box-sizing: border-box;\n}\n\n.message-scroller__viewport:focus-visible {\n  outline: var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);\n  outline-offset: calc(-1 * var(--dimension-stroke-width-025));\n}\n\n.message-scroller__content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-300);\n  width: 100%;\n  max-width: var(--ds-message-scroller-content-max-width, var(--dimension-panel-width-2xl));\n  min-height: 100%;\n  margin-inline: auto;\n  padding-block-start: var(--dimension-space-200);\n  padding-inline: var(--dimension-space-200);\n  padding-block-end: max(\n    calc(var(--dimension-space-200) + var(--ds-scroll-overlay-block-size, 0px)),\n    var(--ds-message-scroller-turn-clearance, 0px)\n  );\n  box-sizing: border-box;\n}\n\n.message-scroller__overlay {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: var(--dimension-z-index-floating);\n}\n\n.message-scroller__overlay-stack {\n  display: grid;\n  width: 100%;\n}\n\n.message-scroller__interaction,\n.message-scroller__overlay-content {\n  min-width: 0;\n}\n\n.message-scroller__control {\n  position: absolute;\n  bottom: calc(var(--ds-scroll-overlay-content-block-size, 0px) + var(--dimension-space-200));\n  left: 50%;\n  z-index: var(--dimension-z-index-floating);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--dimension-radius-half);\n  background: var(--color-background-transparent);\n  transform: translateX(-50%);\n  -webkit-backdrop-filter: blur(var(--effect-blur-sm));\n  backdrop-filter: blur(var(--effect-blur-sm));\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport type { MessageScrollerPosition } from '../conversation-types';\nimport { ScrollOverlayController } from '../../utils/scroll-overlay-controller';\nimport { resolveCssLengthPx } from '../../utils/resolve-css-length-px';\nimport {\n  isMessageScrollerTranscriptReset,\n  pruneMessageScrollerTranscriptSet,\n} from './message-scroller-transcript';\n\nconst LIVE_EDGE_THRESHOLD = 24;\n\n@Component({\n  tag: 'ds-message-scroller',\n  styleUrl: 'MessageScroller.css',\n  styleUrls: ['../../utils/scroll-edge-fade.css'],\n  scoped: true,\n})\nexport class MessageScroller {\n  @Element() el!: HTMLElement;\n\n  @Prop() busy: boolean = false;\n  @Prop() autoFollow: boolean = true;\n  @Prop() defaultPosition: MessageScrollerPosition = 'last-anchor';\n  @Prop() messagesLabel: string = 'Messages';\n\n  @Event() dsReachStart!: EventEmitter<void>;\n\n  @State() private showScrollToLatest = false;\n\n  private viewport?: HTMLElement;\n  private content?: HTMLElement;\n  private overlay?: HTMLElement;\n  private transcriptSlot?: HTMLSlotElement;\n  private scrollOverlayController?: ScrollOverlayController;\n  private mutationObserver?: MutationObserver;\n  private following = true;\n  private followReleased = false;\n  private releasePendingAtLiveEdge = false;\n  private atStart = false;\n  private programmatic = false;\n  private programmaticTimer?: ReturnType<typeof setTimeout>;\n  private transcriptChildren: HTMLElement[] = [];\n  private knownTranscriptElements = new Set<HTMLElement>();\n  private knownTurnAnchors = new Set<HTMLElement>();\n  private firstChildViewportTop?: number;\n  private activeTurnAnchor?: HTMLElement;\n  private activeTurnAnchorViewportTop?: number;\n  private turnClearance = 0;\n  private prependReconciliation = 0;\n  private turnPositionGeneration = 0;\n  private defaultPositionGeneration = 0;\n  private transcriptResetPending = false;\n  private hasLoaded = false;\n\n  componentDidLoad() {\n    this.hasLoaded = true;\n    this.seedTranscriptBaseline();\n    this.connectObservers();\n    this.scheduleDefaultPosition();\n    document.removeEventListener('selectionchange', this.handleSelectionChange);\n    document.addEventListener('selectionchange', this.handleSelectionChange);\n  }\n\n  connectedCallback() {\n    if (!this.hasLoaded) return;\n    this.seedTranscriptBaseline();\n    this.connectObservers();\n    this.scheduleDefaultPosition();\n    document.removeEventListener('selectionchange', this.handleSelectionChange);\n    document.addEventListener('selectionchange', this.handleSelectionChange);\n  }\n\n  disconnectedCallback() {\n    this.invalidateTranscriptWork();\n    this.scrollOverlayController?.disconnect();\n    this.scrollOverlayController = undefined;\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = undefined;\n    this.resetTranscriptTracking();\n    this.resetTranscriptPositionState();\n    this.transcriptResetPending = false;\n    document.removeEventListener('selectionchange', this.handleSelectionChange);\n  }\n\n  @Method()\n  async scrollToMessage(id: string): Promise<boolean> {\n    const message = Array.from(\n      this.el.querySelectorAll<HTMLElement & { messageId?: string }>('ds-message')\n    ).find(item => item.messageId === id || item.getAttribute('message-id') === id);\n    if (!message) return false;\n    this.releasePendingAtLiveEdge = false;\n    this.following = false;\n    this.followReleased = true;\n    this.showScrollToLatest = true;\n    message.scrollIntoView({ block: 'start', behavior: this.motionBehavior() });\n    return true;\n  }\n\n  @Method()\n  async scrollToStart() {\n    this.releasePendingAtLiveEdge = false;\n    this.scrollTo(0);\n    this.following = false;\n    this.followReleased = true;\n    this.showScrollToLatest = Boolean(\n      this.viewport && this.viewport.scrollHeight > this.viewport.clientHeight\n    );\n  }\n\n  @Method()\n  async scrollToEnd() {\n    this.releasePendingAtLiveEdge = false;\n    this.following = true;\n    this.followReleased = false;\n    this.showScrollToLatest = false;\n    this.scrollTo(this.viewport?.scrollHeight ?? 0);\n  }\n\n  private motionBehavior(): ScrollBehavior {\n    return matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth';\n  }\n\n  private scrollTo(top: number) {\n    if (!this.viewport) return;\n    this.programmatic = true;\n    const behavior = this.motionBehavior();\n    this.viewport.scrollTo({ top, behavior });\n    if (this.programmaticTimer) clearTimeout(this.programmaticTimer);\n    this.programmaticTimer = setTimeout(\n      () => {\n        this.programmatic = false;\n        this.programmaticTimer = undefined;\n        if (this.following) {\n          this.viewport!.scrollTop = top;\n          this.showScrollToLatest = false;\n        }\n      },\n      behavior === 'smooth' ? 600 : 0\n    );\n  }\n\n  private invalidateTranscriptWork() {\n    this.prependReconciliation += 1;\n    this.turnPositionGeneration += 1;\n    this.defaultPositionGeneration += 1;\n    if (this.programmaticTimer) clearTimeout(this.programmaticTimer);\n    this.programmaticTimer = undefined;\n    this.programmatic = false;\n  }\n\n  private clearActiveTurnAnchor() {\n    this.activeTurnAnchor = undefined;\n    this.activeTurnAnchorViewportTop = undefined;\n    this.turnClearance = 0;\n    this.el.style.removeProperty('--ds-message-scroller-turn-clearance');\n  }\n\n  private resetTranscriptTracking() {\n    this.transcriptChildren = [];\n    this.knownTranscriptElements.clear();\n    this.knownTurnAnchors.clear();\n    this.firstChildViewportTop = undefined;\n    this.clearActiveTurnAnchor();\n  }\n\n  private resetTranscriptPositionState() {\n    this.following = true;\n    this.followReleased = false;\n    this.releasePendingAtLiveEdge = false;\n    this.atStart = false;\n    this.showScrollToLatest = false;\n  }\n\n  private trackTranscript(elements: readonly HTMLElement[]) {\n    elements.forEach(element => {\n      this.knownTranscriptElements.add(element);\n      if (element.matches('ds-message[scroll-anchor]')) {\n        this.knownTurnAnchors.add(element);\n      }\n    });\n  }\n\n  private seedTranscriptBaseline() {\n    this.resetTranscriptTracking();\n    this.transcriptChildren = this.getTranscriptChildren();\n    this.trackTranscript(this.transcriptChildren);\n    this.transcriptResetPending = false;\n    this.rememberFirstChildTop();\n  }\n\n  private pruneTranscriptTracking(current: readonly HTMLElement[]) {\n    pruneMessageScrollerTranscriptSet(this.knownTranscriptElements, current);\n    pruneMessageScrollerTranscriptSet(this.knownTurnAnchors, current);\n    if (this.activeTurnAnchor && !current.includes(this.activeTurnAnchor)) {\n      this.clearActiveTurnAnchor();\n    }\n  }\n\n  private scheduleDefaultPosition() {\n    const generation = ++this.defaultPositionGeneration;\n    requestAnimationFrame(() => {\n      if (generation !== this.defaultPositionGeneration || !this.el.isConnected) return;\n      this.applyDefaultPosition();\n    });\n  }\n\n  private connectObservers() {\n    if (!this.viewport || !this.content || !this.overlay) return;\n    this.scrollOverlayController?.disconnect();\n    this.mutationObserver?.disconnect();\n    this.scrollOverlayController = new ScrollOverlayController({\n      host: this.el,\n      viewport: this.viewport,\n      content: this.content,\n      overlay: this.overlay,\n      overlayContentSelector: '.message-scroller__overlay-stack',\n      onGeometryChange: () => this.handleContentGrowth(),\n    });\n    this.scrollOverlayController.connect();\n    this.mutationObserver = new MutationObserver(() => {\n      this.handleTranscriptChange();\n      this.handleContentGrowth();\n    });\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n  }\n\n  private handleContentGrowth() {\n    if (!this.viewport) return;\n    this.syncTurnClearance();\n    const nextHeight = this.viewport.scrollHeight;\n    if (this.autoFollow && this.following && !this.followReleased) {\n      this.viewport.scrollTop = nextHeight;\n    }\n    if (this.releasePendingAtLiveEdge && !this.isAtLiveEdge()) {\n      this.releasePendingAtLiveEdge = false;\n    }\n    this.showScrollToLatest = !this.following && !this.isAtLiveEdge();\n    this.scrollOverlayController?.sync();\n  }\n\n  private rememberFirstChildTop() {\n    if (!this.viewport) return;\n    const first = this.getTranscriptChildren()[0];\n    this.firstChildViewportTop = first\n      ? first.getBoundingClientRect().top - this.viewport.getBoundingClientRect().top\n      : undefined;\n  }\n\n  private getTranscriptChildren(): HTMLElement[] {\n    const assigned = this.transcriptSlot?.assignedElements() ?? [];\n    const assignedTranscript = assigned.filter(\n      (element): element is HTMLElement =>\n        element instanceof HTMLElement &&\n        (element.matches('ds-message') || element.matches('ds-agent-response'))\n    );\n    const queriedTranscript = Array.from(\n      this.el.querySelectorAll<HTMLElement>('ds-message, ds-agent-response')\n    ).filter(element => {\n      if (element.closest('.message-scroller__interaction, .message-scroller__overlay-content')) {\n        return false;\n      }\n      if (element.matches('ds-agent-response')) return true;\n      return !element.closest('ds-agent-response');\n    });\n    return queriedTranscript.length > assignedTranscript.length\n      ? queriedTranscript\n      : assignedTranscript;\n  }\n\n  private handleTranscriptChange = () => {\n    const current = this.getTranscriptChildren();\n    const previous = this.transcriptChildren;\n    const transcriptReset =\n      isMessageScrollerTranscriptReset(previous, current) ||\n      (this.transcriptResetPending && current.length > 0);\n    if (transcriptReset) {\n      this.invalidateTranscriptWork();\n      this.resetTranscriptTracking();\n      this.resetTranscriptPositionState();\n      this.transcriptChildren = current;\n      this.trackTranscript(current);\n      this.transcriptResetPending = current.length === 0;\n      this.rememberFirstChildTop();\n      this.scrollOverlayController?.sync();\n      if (current.length) this.scheduleDefaultPosition();\n      return;\n    }\n\n    const hadKnownTranscript = this.knownTranscriptElements.size > 0;\n    const previouslyKnown = new Set(this.knownTranscriptElements);\n    const appendedAnchor = [...current].reverse().find((element, reverseIndex) => {\n      if (!element.matches('ds-message[scroll-anchor]') || this.knownTurnAnchors.has(element)) {\n        return false;\n      }\n      const index = current.length - reverseIndex - 1;\n      return current.slice(index + 1).every(next => !this.knownTranscriptElements.has(next));\n    });\n    this.trackTranscript(current);\n    this.pruneTranscriptTracking(current);\n    if (!previous.length) {\n      this.transcriptChildren = current;\n      if (appendedAnchor && hadKnownTranscript) {\n        this.scheduleNewTurnPosition(appendedAnchor);\n      }\n      return;\n    }\n\n    const firstKnownIndex = current.findIndex(element => previouslyKnown.has(element));\n    const newTranscript = current.filter(element => !previouslyKnown.has(element));\n    const prepended =\n      (current.length > previous.length &&\n        previous.every(\n          (element, index) => current[current.length - previous.length + index] === element\n        )) ||\n      (!appendedAnchor &&\n        newTranscript.length > 0 &&\n        firstKnownIndex > 0 &&\n        newTranscript.every(element => current.indexOf(element) < firstKnownIndex));\n\n    this.transcriptChildren = current;\n    if (prepended) {\n      if (this.viewport) {\n        const preservedElement = this.activeTurnAnchor?.isConnected\n          ? this.activeTurnAnchor\n          : previous[0];\n        const preservedTop = this.activeTurnAnchor?.isConnected\n          ? this.activeTurnAnchorViewportTop\n          : this.firstChildViewportTop;\n        if (preservedElement && preservedTop !== undefined) {\n          this.reconcilePrependPosition(preservedElement, preservedTop);\n          this.schedulePrependReconciliation(preservedElement, preservedTop, newTranscript);\n        }\n      }\n      this.rememberFirstChildTop();\n      this.rememberActiveTurnAnchorTop();\n      this.scrollOverlayController?.sync();\n      return;\n    }\n    if (appendedAnchor) {\n      this.scheduleNewTurnPosition(appendedAnchor);\n    }\n  };\n\n  private reconcilePrependPosition(element: HTMLElement, viewportTop: number) {\n    if (!this.viewport || !element.isConnected) return;\n    const nextTop = element.getBoundingClientRect().top - this.viewport.getBoundingClientRect().top;\n    this.viewport.scrollTop += nextTop - viewportTop;\n  }\n\n  private schedulePrependReconciliation(\n    element: HTMLElement,\n    viewportTop: number,\n    prepended: HTMLElement[]\n  ) {\n    const generation = ++this.prependReconciliation;\n    // Prepended custom elements can gain height after their child-list mutation.\n    // Reconcile against the original coordinate after their layouts settle.\n    const pending = prepended\n      .flatMap(item => [item, ...Array.from(item.querySelectorAll<HTMLElement>('*'))])\n      .map(item => {\n        const componentOnReady = (\n          item as HTMLElement & { componentOnReady?: () => Promise<unknown> }\n        ).componentOnReady;\n        return componentOnReady ? componentOnReady.call(item).catch(() => undefined) : null;\n      })\n      .filter((promise): promise is Promise<unknown> => Boolean(promise));\n\n    void Promise.all(pending).then(() => {\n      requestAnimationFrame(() => {\n        if (generation !== this.prependReconciliation) return;\n        this.reconcilePrependPosition(element, viewportTop);\n        requestAnimationFrame(() => {\n          if (generation !== this.prependReconciliation) return;\n          this.reconcilePrependPosition(element, viewportTop);\n          this.rememberFirstChildTop();\n          this.rememberActiveTurnAnchorTop();\n          this.scrollOverlayController?.sync();\n        });\n      });\n    });\n  }\n\n  private handleTranscriptSlotChange = () => this.handleTranscriptChange();\n\n  private scheduleNewTurnPosition(anchor: HTMLElement) {\n    const generation = ++this.turnPositionGeneration;\n    requestAnimationFrame(() => {\n      if (generation !== this.turnPositionGeneration || !anchor.isConnected || !this.viewport) {\n        return;\n      }\n      this.positionNewTurn(anchor, generation);\n    });\n  }\n\n  private positionNewTurn(anchor: HTMLElement, generation: number) {\n    if (generation !== this.turnPositionGeneration || !this.viewport || !anchor.isConnected) return;\n    this.activeTurnAnchor = anchor;\n    this.syncTurnClearance();\n    requestAnimationFrame(() => {\n      if (generation !== this.turnPositionGeneration) return;\n      this.finishPositionNewTurn(anchor, generation);\n    });\n  }\n\n  private finishPositionNewTurn(anchor: HTMLElement, generation: number) {\n    if (generation !== this.turnPositionGeneration || !this.viewport || !anchor.isConnected) {\n      return;\n    }\n    const viewportRect = this.viewport.getBoundingClientRect();\n    const anchorTop =\n      anchor.getBoundingClientRect().top - viewportRect.top + this.viewport.scrollTop;\n    const customOffset = getComputedStyle(this.el)\n      .getPropertyValue('--ds-message-scroller-anchor-offset')\n      .trim();\n    const offset = resolveCssLengthPx(customOffset, 'var(--dimension-space-800)');\n    const max = Math.max(this.viewport.scrollHeight - this.viewport.clientHeight, 0);\n    const target = Math.min(Math.max(anchorTop - offset, 0), max);\n    this.following = max - target <= LIVE_EDGE_THRESHOLD;\n    this.followReleased = !this.following;\n    this.showScrollToLatest = !this.following;\n    this.programmatic = true;\n    this.viewport.scrollTop = target;\n    requestAnimationFrame(() => {\n      if (generation !== this.turnPositionGeneration) return;\n      this.programmatic = false;\n      this.following = this.isAtLiveEdge();\n      this.followReleased = !this.following;\n      this.showScrollToLatest = !this.following;\n      this.rememberFirstChildTop();\n      this.rememberActiveTurnAnchorTop();\n    });\n    this.scrollOverlayController?.sync();\n  }\n\n  private rememberActiveTurnAnchorTop() {\n    if (!this.viewport || !this.activeTurnAnchor?.isConnected) return;\n    this.activeTurnAnchorViewportTop =\n      this.activeTurnAnchor.getBoundingClientRect().top - this.viewport.getBoundingClientRect().top;\n  }\n\n  private syncTurnClearance() {\n    if (!this.viewport || !this.activeTurnAnchor?.isConnected) return;\n    const children = this.getTranscriptChildren();\n    const last = children[children.length - 1];\n    if (!last) return;\n    const anchorRect = this.activeTurnAnchor.getBoundingClientRect();\n    const lastRect = last.getBoundingClientRect();\n    const customOffset = getComputedStyle(this.el)\n      .getPropertyValue('--ds-message-scroller-anchor-offset')\n      .trim();\n    const offset = resolveCssLengthPx(customOffset, 'var(--dimension-space-800)');\n    const contentAfterAnchor = Math.max(lastRect.bottom - anchorRect.top, 0);\n    const clearance = Math.max(\n      Math.ceil(this.viewport.clientHeight - offset - contentAfterAnchor),\n      0\n    );\n    if (clearance === this.turnClearance) return;\n    this.turnClearance = clearance;\n    this.el.style.setProperty('--ds-message-scroller-turn-clearance', `${clearance}px`);\n  }\n\n  private applyDefaultPosition() {\n    if (!this.viewport) return;\n    this.releasePendingAtLiveEdge = false;\n    if (this.defaultPosition === 'start') {\n      this.viewport.scrollTop = 0;\n      this.following = false;\n      this.followReleased = true;\n      this.showScrollToLatest = this.viewport.scrollHeight > this.viewport.clientHeight;\n      this.scrollOverlayController?.sync();\n      return;\n    }\n    if (this.defaultPosition === 'last-anchor') {\n      const anchors = this.el.querySelectorAll<HTMLElement>('ds-message[scroll-anchor]');\n      const last = anchors.item(anchors.length - 1);\n      if (last) {\n        last.scrollIntoView({ block: 'start' });\n        this.following = this.isAtLiveEdge();\n        this.followReleased = !this.following;\n        this.showScrollToLatest = !this.following;\n        this.scrollOverlayController?.sync();\n        return;\n      }\n    }\n    this.viewport.scrollTop = this.viewport.scrollHeight;\n    this.following = true;\n    this.followReleased = false;\n    this.showScrollToLatest = false;\n    this.scrollOverlayController?.sync();\n  }\n\n  private isAtLiveEdge(): boolean {\n    if (!this.viewport) return true;\n    return (\n      this.viewport.scrollHeight - this.viewport.clientHeight - this.viewport.scrollTop <=\n      LIVE_EDGE_THRESHOLD\n    );\n  }\n\n  private handleScroll = () => {\n    if (!this.viewport) return;\n    this.scrollOverlayController?.sync();\n    this.rememberFirstChildTop();\n    this.rememberActiveTurnAnchorTop();\n    if (this.programmatic) return;\n    const atLiveEdge = this.isAtLiveEdge();\n    if (this.releasePendingAtLiveEdge && atLiveEdge) {\n      // A scroll event queued by the previous auto-follow can arrive after\n      // reader input. Keep that stale event from restoring follow mode.\n      this.following = false;\n      this.followReleased = true;\n      this.showScrollToLatest = false;\n      return;\n    }\n    this.releasePendingAtLiveEdge = false;\n    this.following = atLiveEdge;\n    this.followReleased = !this.following;\n    this.showScrollToLatest = !this.following;\n    const nextAtStart = this.viewport.scrollTop <= LIVE_EDGE_THRESHOLD;\n    if (nextAtStart && !this.atStart) this.dsReachStart.emit();\n    this.atStart = nextAtStart;\n  };\n\n  private releaseFollow = () => {\n    this.prependReconciliation += 1;\n    this.releasePendingAtLiveEdge = this.isAtLiveEdge();\n    this.following = false;\n    this.followReleased = true;\n    this.showScrollToLatest = !this.releasePendingAtLiveEdge;\n  };\n\n  private handleSelectionChange = () => {\n    const selection = document.getSelection();\n    if (\n      selection &&\n      !selection.isCollapsed &&\n      selection.anchorNode &&\n      this.el.contains(selection.anchorNode)\n    ) {\n      this.releaseFollow();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"message-scroller\">\n          <div\n            class=\"message-scroller__viewport\"\n            ref={element => {\n              this.viewport = element;\n            }}\n            role=\"region\"\n            aria-label={this.messagesLabel}\n            tabIndex={0}\n            onScroll={this.handleScroll}\n            onPointerDown={(event: PointerEvent) => {\n              if (event.pointerType === 'touch') this.releaseFollow();\n            }}\n            onWheel={this.releaseFollow}\n            onKeyDown={(event: KeyboardEvent) => {\n              if (\n                ['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End', ' '].includes(\n                  event.key\n                )\n              ) {\n                this.releaseFollow();\n              }\n            }}\n          >\n            <div\n              class=\"message-scroller__content scroll-edge-fade--block-window\"\n              ref={element => {\n                this.content = element;\n              }}\n              role=\"log\"\n              aria-live=\"polite\"\n              aria-relevant=\"additions\"\n              aria-busy={this.busy ? 'true' : undefined}\n            >\n              <slot\n                ref={element => {\n                  this.transcriptSlot = element;\n                }}\n                onSlotchange={this.handleTranscriptSlotChange}\n              />\n            </div>\n          </div>\n          <div\n            class=\"message-scroller__overlay\"\n            ref={element => {\n              this.overlay = element;\n            }}\n          >\n            <div class=\"message-scroller__overlay-stack\">\n              <div class=\"message-scroller__interaction\">\n                <slot name=\"interaction\" />\n              </div>\n              <div class=\"message-scroller__overlay-content\">\n                <slot name=\"overlay\" />\n              </div>\n            </div>\n          </div>\n          {this.showScrollToLatest ? (\n            <div class=\"message-scroller__control ds-control-elevation ds-control-elevation--md ds-control-elevation--press-scale\">\n              <ds-tooltip label=\"Scroll to latest message\" side=\"top\" size=\"sm\">\n                <ds-button-unfilled\n                  variant=\"icon\"\n                  icon=\"ChevronDown\"\n                  size=\"md\"\n                  rounded\n                  hasBorder={false}\n                  aria-label=\"Scroll to latest message\"\n                  onDsClick={() => void this.scrollToEnd()}\n                />\n              </ds-tooltip>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/ds-message.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-2GVGhrh0.js";const r=o;const t=s;export{r as DsMessage,t as defineCustomElement};
+import{M as o,d as s}from"./p-CUcUHwI3.js";const t=o;const c=s;export{t as DsMessage,c as defineCustomElement};
 //# sourceMappingURL=ds-message.js.map

package/dist/components/ds-mobile-bar-nav.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-x1wf38q3.js";const t=o;const p=s;export{t as DsMobileBarNav,p as defineCustomElement};
+import{M as o,d as s}from"./p-D1vQGJzc.js";const t=o;const c=s;export{t as DsMobileBarNav,c as defineCustomElement};
 //# sourceMappingURL=ds-mobile-bar-nav.js.map

package/dist/components/ds-mobile-header.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-Cl9phSf0.js";const p=o;const t=s;export{p as DsMobileHeader,t as defineCustomElement};
+import{M as o,d as s}from"./p-CiJ1WR11.js";const t=o;const p=s;export{t as DsMobileHeader,p as defineCustomElement};
 //# sourceMappingURL=ds-mobile-header.js.map

package/dist/components/ds-mobile-section-switcher.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-CQ5RwY2C.js";const t=o;const p=s;export{t as DsMobileSectionSwitcher,p as defineCustomElement};
+import{M as o,d as s}from"./p-BhJXmuRA.js";const t=o;const m=s;export{t as DsMobileSectionSwitcher,m as defineCustomElement};
 //# sourceMappingURL=ds-mobile-section-switcher.js.map

package/dist/components/ds-mobile-sheet-nav.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-CMQUuGvl.js";const t=o;const p=s;export{t as DsMobileSheetNav,p as defineCustomElement};
+import{M as s,d as o}from"./p-Dfs98tpL.js";const t=s;const p=o;export{t as DsMobileSheetNav,p as defineCustomElement};
 //# sourceMappingURL=ds-mobile-sheet-nav.js.map

package/dist/components/ds-modal.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-DK9Ex3aY.js";const t=o;const a=s;export{t as DsModal,a as defineCustomElement};
+import{M as o,d as s}from"./p-5URekSny.js";const t=o;const n=s;export{t as DsModal,n as defineCustomElement};
 //# sourceMappingURL=ds-modal.js.map

package/dist/components/ds-pagination.js

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-8oRkhvjy.js";const t=o;const p=s;export{t as DsPagination,p as defineCustomElement};
+import{P as o,d as s}from"./p-CdGXzRP8.js";const t=o;const p=s;export{t as DsPagination,p as defineCustomElement};
 //# sourceMappingURL=ds-pagination.js.map

package/dist/components/ds-panel-nav.js

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-J5x-QtlD.js";const t=o;const p=s;export{t as DsPanelNav,p as defineCustomElement};
+import{P as o,d as s}from"./p-etifxiDc.js";const t=o;const c=s;export{t as DsPanelNav,c as defineCustomElement};
 //# sourceMappingURL=ds-panel-nav.js.map